using css3 border-radius instead of js library when possible

This commit is contained in:
Pablo Luna
2011-04-02 11:53:13 +01:00
parent e722fdd720
commit 96a71d6d58
19 changed files with 320 additions and 171 deletions

View File

@@ -259,10 +259,6 @@ div#headerButtons activelink a, div#headerButtons activelink a:hover {
border-bottom: 0;
}
#signUpHeader .sb-inner {
background-color: white;
}
#signUpHeader {
padding-right: 8px;
padding-top: 4px;
@@ -408,18 +404,6 @@ div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link,
color: white;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
div.header_languages {
position: absolute;
right: 0;

View File

@@ -0,0 +1,15 @@
#signUpHeader .sb-inner {
background-color: white;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}

View File

@@ -1,6 +1,3 @@
@import "common.css";
@import "thirdparty.css";
html {
overflow: hidden;
}

View File

@@ -224,46 +224,27 @@
padding: 10px;
}
#mapListContainer .sb-inner {
background: white;
}
#mapListContainer .sb-shadow {
background: white;
}
#mapListContainer .sb-border {
background: #A29BBF;
}
#recentFiles .sb-inner {
#recentFiles.sb {
background: #EEEEEE;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#recentFiles .sb-border {
background: #E5E5E5;
}
#toolbar .sb-border {
background: #A7C6DF;
}
#toolbar .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-border {
background: #A7C6DF;
}
#recentItems .sb-inner {
#recentItems.sb {
background: white;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#recentItems .sb-border {
background: #E5E5E5;
}
#mydocs {
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}

View File

@@ -0,0 +1,71 @@
@import "commonOldIE.css";
#mapListContainer .sb-inner {
background: white;
}
#mapListContainer .sb-shadow {
background: white;
}
#mapListContainer .sb-border {
background: #A29BBF;
}
#recentFiles .sb-inner {
background: #EEEEEE;
}
#recentFiles .sb-border {
background: #E5E5E5;
}
#toolbar .sb-border {
background: #A7C6DF;
}
#toolbar .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-border {
background: #A7C6DF;
}
#recentItems .sb-inner {
background: white;
}
#recentItems .sb-border {
background: #E5E5E5;
}
#recentFiles.sb {
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}
#recentItems.sb {
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}
#mydocs {
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}

View File

@@ -133,14 +133,6 @@
color: black;
}
#searchResult .sb-inner {
background: #C3DEF5;
}
#searchResult .sb-border {
background: #A7C6DF;
}
#search {
clear: both;
width: 200px;
@@ -464,42 +456,10 @@ div#news {
font-size: medium;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
#newsAndArticles .sb-inner, #recentMaps .sb-inner {
background: #c3def5;
}
#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
background: white;
}
#newsAndArticles .sb-border, #recentMaps .sb-border {
background: #A7C6DF;
}
#recentMapsContent, #newsContent, #joinContent {
padding: 5px 10px;
}
#recentMapsContent .sb-inner, #newsContent .sb-inner {
background: white;
}
#recentMapsContent .sb-border, #newsContent .sb-border {
background: #A7C6DF;
}
#search dl {
padding-bottom: 10px;
}
@@ -517,18 +477,6 @@ div#news {
font-size: medium;
}
#search .sb-inner {
background: white;
}
#search .sb-shadow {
background: white;
}
#search .sb-border {
background: #6186CB;
}
/* Finish homepage styles */
div#mainBody {
@@ -560,19 +508,11 @@ div#login {
padding: 10px;
}
div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
background-color: #eeeeee;
}
#forgotPasswordContainer {
width: 500px;
padding: 10px;
}
div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
background-color: #cfcfcf;
}
/* This is used to fix IE explorer bug rendering rounded corners*/
div#loginContent {
width: 100%;
@@ -622,14 +562,6 @@ div#register a {
padding: 10px;
}
#detailContent .sb-inner {
background: #C3DEF5;
}
#detailContent .sb-border {
background: #A7C6DF;
}
#detail {
margin: 10px auto;
height: 100%;
@@ -646,14 +578,6 @@ div#register a {
vertical-align: top;
}
#detail .sb-inner {
background: white;
}
#detail .sb-border {
background: #E5E5E5;
}
#detailTitle {
color: #093A9D;
font-weight: bold;
@@ -705,4 +629,50 @@ div.newsContainer {
div.newsContainer h2 {
padding:10px;
color:#6B628F;
}
}
#login.sb, #userRegistration.sb, #forgotPasswordContainer.sb {
background: #eeeeee;
border:1px solid #cfcfcf;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
}
#detailContent.sb {
background: #C3DEF5;
border:1px solid #A7C6DF;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#detail.sb {
background: white;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#userRegistration.sb {
background: #eeeeee;
border:1px solid #cfcfcf;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:16px;
}
#searchResult.sb {
background: #C3DEF5;
border:1px solid #A7C6DF;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}

View File

@@ -0,0 +1,86 @@
@import "commonOldIE.css";
#searchResult .sb-inner {
background: #C3DEF5;
}
#searchResult .sb-border {
background: #A7C6DF;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
#newsAndArticles .sb-inner, #recentMaps .sb-inner {
background: #c3def5;
}
#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
background: white;
}
#newsAndArticles .sb-border, #recentMaps .sb-border {
background: #A7C6DF;
}
#recentMapsContent .sb-inner, #newsContent .sb-inner {
background: white;
}
#recentMapsContent .sb-border, #newsContent .sb-border {
background: #A7C6DF;
}
#search .sb-inner {
background: white;
}
#search .sb-shadow {
background: white;
}
#search .sb-border {
background: #6186CB;
}
div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
background-color: #eeeeee;
}
div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
background-color: #cfcfcf;
}
#detailContent .sb-inner {
background: #C3DEF5;
}
#detailContent .sb-border {
background: #A7C6DF;
}
#detail .sb-inner {
background: white;
}
#detail .sb-border {
background: #E5E5E5;
}
#login.sb, #forgotPasswordContainer.sb, #userRegistration.sb, #detailContent.sb, #detail.sb, #searchResult.sb{
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}