diff --git a/docs/css/screen.css b/docs/css/screen.css index 6addbbfe..c2533582 100644 --- a/docs/css/screen.css +++ b/docs/css/screen.css @@ -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; - }*/ \ No newline at end of file + } \ No newline at end of file