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 {
font-family: Courier, monospace;
font-family: "Courier New", monospace;
}
.container pre code {
padding: 10px 15px;
border: 1px solid #ccc;
background: white;
font-family: Courier, monospace;
color: #444;
box-shadow: 0 0 15px #ddd;
-moz-box-shadow: 0 0 15px #ddd;
-webkit-box-shadow: 0 0 15px #ddd;
}
table {
@ -72,11 +73,21 @@ th, td {
border: 1px solid #dcddde;
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;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
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 {
float: left;
@ -90,12 +101,24 @@ th, td {
.nav li span {
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 {
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.twitter-link {
@ -104,15 +127,16 @@ th, td {
float: right;
border-right: none;
border-left: 1px solid #ddd;
filter: none;
}
.nav li a.cloudmade-link {
/*.nav li a.cloudmade-link {
padding: 4px 8px;
opacity: 0.7;
}
.nav li a.cloudmade-link img {
margin: 0;
display: block;
}
}*/
.nav li a.github-link {
background: url(https://github.com/favicon.png) 15px center no-repeat;
}
@ -167,10 +191,4 @@ a.nodocs {
box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
}
/*#basic-example {
margin-top: 0;
}
#basic-example code {
padding-top: 15px;
}*/
}