Files
Mostly-Harmless/style.css
T
2011-07-17 22:36:41 -05:00

35 lines
4.2 KiB
CSS

/* Eric Meyer's Reset Reloaded */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
/* Page Styles */
html{background:#5f99cf url(bg.gif) top center no-repeat;}
body{overflow-y:scroll;-moz-border-radius:10px;-moz-box-shadow:rgba(34,34,34,.8) 0 5px 10px;-webkit-border-radius:10px;-webkit-box-shadow:rgba(34,34,34,.8) 0 5px 10px;background:#ddd;border:1px solid #fff;color:#000;line-height:1;margin:20px auto 65px;padding:15px 15px 0;width:830px;}
h1 {color: #444;text-shadow: 0px 2px 2px #fff;font:normal 100px 'Carter One', sans-serif;line-height:90px;text-indent:-10px;text-transform:uppercase;text-align:center;border-bottom:1px solid #a6a6a6;letter-spacing:-5px;margin: 0 -16px;padding: 0 0 8px;}
p a, ol a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
p a:hover, ol a:hover{color:#bbb;border-bottom:1px solid #bbb;}
code, pre{font-family:Consolas, 'Courier New', monospace;}
pre{background:black;color:#0f0;padding:10px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.article ol{list-style:decimal inside;}
ul#nav{border-bottom:1px solid #a6a6a6;border-top:1px solid #fff;margin:0 -16px;}
ul#nav li{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;_height:29px;height:29px;margin:9px 14px 12px;width:144px;}
ul#nav li a{-moz-border-radius:24px;-webkit-border-radius:24px;border-bottom:0;color:#444;display:block;font:bold 16px Arial, Helvetica, sans-serif;line-height:29px;height:100%;text-align:center;text-decoration:none;width:100%;background:#ccc;-moz-box-shadow:0px 1px 2px #666;-webkit-box-shadow:0px 1px 2px #666;box-shadow:0px 1px 2px #666;}
ul#nav li a:hover{background:#5f99cf;color:#fff;}
ul#nav li a:active,ul#nav li a.current{background:#5f99cf;-moz-box-shadow:0px 1px 2px #fff;-webkit-box-shadow:0px 1px 2px #fff;box-shadow:0px 1px 2px #fff;color:#fff;text-shadow:rgba(34,34,34,.8) 0 1px 2px;}
ul#nav li a.current{cursor:default;background:orangered}
div.section{border-top:1px solid #fff;margin:0 -16px;padding:0 15px 15px;}
div.article{-moz-box-shadow:0px 1px 2px #fff;-webkit-box-shadow:0px 1px 2px #fff;box-shadow:0px 1px 2px #fff;-moz-border-radius:5px;-webkit-border-radius:5px;background:#444;border:1px solid #222;color:#fff;font:16px Arial, Helvetica, sans-serif;line-height:24px;margin: 15px 0 0;padding:10px;}
div.article h2{font:24px 'Carter One', sans-serif;line-height:24px;margin:24px 0 12px;text-shadow:rgba(34,34,34,.8) 0 1px 2px;text-transform:capitalize;}
div.article h2:first-child{margin-top:0;}
div.article p{margin:0 0 12px;}
div.article ul{border-bottom:1px solid #848484;border-left:1px solid #121212;border-right:1px solid #848484;border-top:1px solid #121212;}
div.article ul li{border-bottom:1px solid #121212;border-left:1px solid #848484;border-right:1px solid #121212;border-top:1px solid #848484;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;_height:48px;height:48px;width:200px;}
div.article ul li a{background:url(icons/generic.png) 8px top no-repeat;color:#848484;display:block;font:10px Arial, Helvetica, sans-serif;line-height:6px;height:100%;text-decoration:none;padding:0 0 0 48px;width:152px;}
div.article ul li a:hover{background-color:#555;background-position:8px bottom;}
div.article ul li a strong{color:#fff;display:block;font:16px Arial, Helvetica, sans-serif;line-height:32px;}
div.article ul li a[href*='github.com/reddit/reddit']{background-image:url(icons/reddit.png);}
div.article ul li a[href*='frankkohlhepp']{background-image:url(icons/frank.png);}
div.article ul li a[href*='chrome/extensions']{background-image:url(icons/chrome.png);}
div.article ul li a[href*='user/KerrickLong']{background-image:url(icons/kerrick.png);}
#guide{font: 100px / 90px 'Carter One', sans-serif;position: fixed;bottom: -45px;left: 0;text-align: center;width: 100%;display: block;text-transform: uppercase;color: rgba(255, 255, 255, 0.5);z-index: 5;-webkit-text-stroke: 2px rgba(0, 0, 0, 0.5);}