cross-browser CSS3 styles
This commit is contained in:
parent
b995583ac8
commit
d46990ece7
@ -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;
|
||||||
}
|
}
|
||||||
@ -168,9 +192,3 @@ a.nodocs {
|
|||||||
-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;
|
|
||||||
}*/
|
|
Loading…
Reference in New Issue
Block a user