cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cross-browser CSS3 styles

Browse Source
This commit is contained in:
mourner 2011-04-06 18:56:00 +03:00
parent b995583ac8
commit d46990ece7
1 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
docs/css/screen.css
View File

@ -40,16 +40,17 @@ h3.alt {
} }
code { code {
font-family: Courier, monospace; font-family: "Courier New", monospace;
} }
.container pre code { .container pre code {
padding: 10px 15px; padding: 10px 15px;
border: 1px solid #ccc; border: 1px solid #ccc;
background: white; background: white;
font-family: Courier, monospace;
color: #444; color: #444;
box-shadow: 0 0 15px #ddd; box-shadow: 0 0 15px #ddd;
-moz-box-shadow: 0 0 15px #ddd;
-webkit-box-shadow: 0 0 15px #ddd;
} }
table { table {
@ -72,11 +73,21 @@ th, td {
border: 1px solid #dcddde; border: 1px solid #dcddde;
overflow: hidden; overflow: hidden;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, white),color-stop(1, #eff0f1)); background-color: #ffffff;
background-image: -moz-linear-gradient(top, #ffffff, #eff0f1); /* FF3.6 */
background-image: -o-linear-gradient(top, #ffffff, #eff0f1); /* Opera 11.10+ */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eff0f1)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(#ffffff, #eff0f1); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #ffffff, #eff0f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eff0f1'); /* IE6–IE9 */
border-radius: 15px; border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: 0 0 8px #eee; box-shadow: 0 0 8px #eee;
-moz-box-shadow: 0 0 8px #eee;
-webkit-box-shadow: 0 0 8px #eee;
} }
.nav li a, .nav li span { .nav li a, .nav li span {
float: left; float: left;
@ -90,12 +101,24 @@ th, td {
.nav li span { .nav li span {
color: #333; color: #333;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #f8f9fa),color-stop(1, #d4d5d6)); background-color: #f8f9fa;
background-image: -moz-linear-gradient(top, #f8f9fa, #d4d5d6);
background-image: -o-linear-gradient(top, #f8f9fa, #d4d5d6);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f9fa),color-stop(1, #d4d5d6));
background-image: -webkit-linear-gradient(#f8f9fa, #d4d5d6);
background-image: linear-gradient(top, #f8f9fa, #d4d5d6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f9fa', EndColorStr='#d4d5d6');
} }
.nav li a:hover { .nav li a:hover {
color: black; color: black;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.4, #f6f7f8),color-stop(1, #eff0f1)); background-color: #eff0f1;
background-image: -moz-linear-gradient(top, #eff0f1, #f6f7f8);
background-image: -o-linear-gradient(top, #eff0f1, #f6f7f8);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eff0f1),color-stop(1, #f6f7f8));
background-image: -webkit-linear-gradient(#eff0f1, #f6f7f8);
background-image: linear-gradient(top, #eff0f1, #f6f7f8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eff0f1', EndColorStr='#f6f7f8');
} }
.nav li a.github-link, .nav li a.github-link,
.nav li a.twitter-link { .nav li a.twitter-link {
@ -104,15 +127,16 @@ th, td {
float: right; float: right;
border-right: none; border-right: none;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
filter: none;
} }
.nav li a.cloudmade-link { /*.nav li a.cloudmade-link {
padding: 4px 8px; padding: 4px 8px;
opacity: 0.7; opacity: 0.7;
} }
.nav li a.cloudmade-link img { .nav li a.cloudmade-link img {
margin: 0; margin: 0;
display: block; display: block;
} }*/
.nav li a.github-link { .nav li a.github-link {
background: url(https://github.com/favicon.png) 15px center no-repeat; background: url(https://github.com/favicon.png) 15px center no-repeat;
} }
@ -167,10 +191,4 @@ a.nodocs {
box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;
} }
/*#basic-example {
margin-top: 0;
}
#basic-example code {
padding-top: 15px;
}*/