body { font-family: "Titillium Web", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ; /*font-size: 90% ;*/ line-height: normal ; color: black; background: #fbfbfb; } h2, h3, h4 { margin: 1em 0 0.5em 0; padding: 0.25em 0; line-height: 1.2; } h2 { font-size: 180% } h3 { font-size: 150% } h4 { font-size: 130% } h2 .editsection, h2 .hashlink { font-size: 67% } h3 .editsection, h3 .hashlink { font-size: 76% } h4 .editsection, h4 .hashlink { font-size: 86% }
code, tt, pre { font-family: "Source Code Pro","Consolas","Liberation Mono","Courier New","Courier", "Monaco", monospace; } b { font-weight : 600 ; }
/* header / footer */ .header { background:rgba(251,251,251,0.8); color:black; } .topline{padding: 0 0 0 12px;} .pagename{ background: -webkit-linear-gradient(right, #CC8403, white); background: linear-gradient(right, #CC8403, white); border-radius:.25em; font-family: "Oswald"; text-shadow: 1px 2px 1px #BC7400, 0 0 25px #CC8403, 0 0 5px #BC7400; color:#502000; } .footer { background: -webkit-linear-gradient(left, #CC8403, white); background: linear-gradient(left, #CC8403, white); border-radius:.25em; font-family: inherit; color:#333333; } a.logo { border:none; text-indent:-99em; } a.logo b:before { content:""; }
a.logo { background: url(); background-size: contain; background-repeat: no-repeat; background-position: center; height: 78px; width: 134px;
/* add a fancy button like effect */ box-shadow:0 0 .25em white; border-radius:0em; background-color: rgba(255,255,255,0.15); } .sidebar { height: 100%; font-family: "Oswald"; font-weight : 300 ; font-size: 120% ;
text-shadow: 3px 3px 15px #CC8403, -3px -3px 15px #CC8403,4px 4px 15px #CC8403, -4px -4px 15px #CC8403,5px 5px 5px #CC8403, -5px -5px 5px #CC8403,10px 10px 5px #CC8403, -10px -10px 5px #CC8403,8px 8px 5px #CC8403, -8px -8px 5px #CC8403,5px 5px 25px #CC8403, -5px -5px 25px #CC8403,5px 5px 45px #CC8403, -5px -5px 45px #CC8403,5px 5px 55px #CC8403, -5px -5px 55px #CC8403; padding-bottom: 0px; z-index:2; } .sidebar a { color:#502000; text-decoration:none text-shadow: 3px 3px 15px #CC8403, -3px -3px 15px #CC8403,4px 4px 15px #CC8403, -4px -4px 15px #CC8403,5px 5px 5px #CC8403, -5px -5px 5px #CC8403,10px 10px 5px #CC8403, -10px -10px 5px #CC8403,8px 8px 5px #CC8403, -8px -8px 5px #CC8403,5px 5px 25px #CC8403, -5px -5px 25px #CC8403,5px 5px 45px #CC8403, -5px -5px 45px #CC8403,5px 5px 55px #CC8403, -5px -5px 55px #CC8403;
z-index:2; }
.sidebar a:hover, .sidebar a:focus { text-shadow: 1px 1px 1px #502000, 0 0 5px #502000, 0 0 1px #502000; color:#E5BF7D; text-decoration:underline; z-index:2; } .sidebar a:focus { outline:0; box-shadow:0 0 .25em #502000 z-index:2; }
.content:after { background: -webkit-linear-gradient(left, #CC8403, rgba(255,255,255,0)); background: linear-gradient(left, #CC8403, rgba(255,255,255,0)); padding-bottom: 0px; z-index:1; }
.content { background: url(); background-size: contain; background-repeat: no-repeat; background-position: bottom;padding-bottom: 250px;} .page {padding-bottom: 0px; }