Wer instant-thinking per Firefox oder anderem Mozilla kompatiblen Browser besucht, bekommt nun in den beiden Portlets an den Seiten runde Ecken zu sehen. Ich habe folgende Zeilen in die CSS Datei eingefügt:

1
2
3
4
5
6
7
8

border-radius-bottomright:4px;
  -moz-border-radius-bottomright:4px;
  border-radius-bottomleft:4px;
  -moz-border-radius-bottomleft:4px;
  border-radius-topright:4px;
  -moz-border-radius-topright:4px;
  border-radius-topleft:4px;
  -moz-border-radius-topleft:4px;

Die mit -moz beginnenden Zeilen weisen die Mozilla Browser an die Ecken rund zu zeichnen. Die mit border beginnenden Zeilen sind CSS 3 Anweisungen die allerdings bis jetzt von keinem Browser verstanden werden. Nutzer von Nicht-Mozilla Browsern sehen eckige Ecken und haben ansonsten keine Nachteile davon.

Vielleicht schaffe ich das ganze noch mit Grafiken für alle Browser rund zu bekommen, aber das kann noch lange dauern und hat keine sonderlich hohe Priorität…