Arrotondati molti elemnti, tra cui i badge, i tag, la x in alto a destra per...

Arrotondati molti elemnti, tra cui i badge, i tag, la x in alto a destra per chiudere una notifica (sostituita con una immagine di design.ubuntu.com), le immagini dei profili, sia nei singoli profili che nella lista degli utenti.

forum/skins/light/media/style/style.css

@@ -645,11 +645,14 @@ padding-top: 4px;
 
 .paginator .page, .paginator .page a:visited, .paginator .curr {
     background-color: white;
-    border: 1px solid #DD4818;
+    border: 1px solid white;
     color: #DD4818;
     font: 0.875em Ubuntu;
     margin: 0 0.25em;
     padding: 0.25em;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
 }
 
 .paginator .curr {
@@ -702,6 +705,9 @@ padding-top: 4px;
     padding: 1px 8px;
     text-decoration: none;
     white-space: nowrap;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
 }
 
 .tags a:hover, .tags-summary a:hover {
@@ -727,6 +733,10 @@ padding-top: 4px;
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;
+    border: 1px solid #DD4818;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
 }
 
 a.medal {
@@ -735,10 +745,13 @@ a.medal {
 }
 
 a.medal:hover {
-    /*background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;*/
     background-color: white;
     color: #DD4818;
     text-decoration: none;
+    border: 1px solid white;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
 }
 
 .tabBar {
@@ -788,6 +801,7 @@ a.medal:hover {
 .tabsA a.on, .tabsA a:hover {
     background: none repeat scroll 0 0 #FFFFFF;
     color: #DD4818;
+    border-radius: 3px;
 }
 
 .tabsA a:hover {
@@ -1234,6 +1248,9 @@ ins {
     text-align: center;
     text-decoration: none;
     width: 20px;
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
 }
 
 .vote-count {
@@ -1487,17 +1504,22 @@ padding: 6px;
     margin-top: 5px;
 }
 
+.gravatar {
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+
 #close-notify {
-    border: 2px solid white;
-    color: white;
     cursor: pointer;
-    font-size: 14px;
-    line-height: 18px;
     padding: 0 3px;
     position: absolute;
     right: 5px;
-    text-decoration: none;
     top: 5px;
+    background-image: url(../images/light/pictogram-delete-white.png);
+    background-repeat: no-repeat;
+    height: 20px;
+    width: 20px;
 }
 
 #close-notify:hover {

forum/skins/light/templates/base_content.html

@@ -147,7 +147,7 @@
                     {% endfor %}
                 {% endif %}
             {% endautoescape %}
-            <a id="close-notify" onclick="notify.close(true)">&#215;</a>
+            <a id="close-notify" onclick="notify.close(true)"></a>
         </div>
     </body>
 </html>