/* Body Controls */ html { height:100%; } body { font-family:Futura, 'Century Gothic', AppleGothic, sans-serif; font-size:9px; color:#f3f7f8; letter-spacing:0px; background-color:#0f0f0f; background-image:url('http://assets.tumblr.com/images/x.gif'); background-color:#0f0f0f; background-repeat: repeat; background-position: top center; background-attachment: fixed; text-align:justify; line-height:100%; cursor: crosshair, auto; } @font-face { font-family:basket; src: url('http://static.tumblr.com/ejm8w78/iVdm14tn1/andarilho-font.ttf'); } a { color:#416600; text-decoration: none; -webkit-transition-duration:1s; cursor:crosshair; } a:hover { color:#77b30f; text-decoration: none; cursor: crosshair, auto; } u { border-bottom: 1px dashed #888; } b, strong{ font-size: 9px; letter-spacing: 1px; color: #b1b1b1; font-family: georgia; text-transform: none; text-shadow: 1px 1px 2px #e1dad4; text-decoration: none; font-weight: normal; } iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity: 0.5; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } iframe#tumblr_controls:hover { -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } ::-webkit-scrollbar-thumb:vertical { background-color:#416600; height:auto; -webkit-border-radius:4px; } ::-webkit-scrollbar-thumb:horizontal { background-color:#416600; height:10px !important; -webkit-border-radius:4px; } ::-webkit-scrollbar { height:10px; width:10px; background-color:#0f0f0f; -webkit-border-radius:4px; } #content { width:100%; margin-left:auto; margin-right:auto; position: relative; height:100%; cursor:crosshair; } .karkat { background-color:#fff; display:block; width:1212px; height:100%; z-index:-1; margin-left:auto;margin-top:-10px;margin-bottom:-10px; margin-right:auto;padding:2px; cursor:crosshair; } ul { margin-left:-25px; } /* Header Controls */ .sidebar { width:500px; background-color:#fff; z-index:5; margin-right:auto; margin-left:auto; text-align:center; display:relative; margin-bottom:20px; border-bottom:1px solid #cccccc; cursor:crosshair; } .butters a { font-size:37px ; color:#416600; letter-spacing:-2px; -webkit-transition-duration:1.5s; font-family:basket ; text-transform:lowercase; } .butters a:hover { color:; } ul#drawers { text-align:center; width: 500px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; } ul#drawers a { text-align: center; text-decoration: none; } ul#drawers li h4 { margin: 0; padding: 0px; text-align: center; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; font-weight:normal; transition: background-color 0.5s ease-out; } h4.small { text-align: center; display: table-cell; width: 500px; margin: 0px; height: 100%; } li.drawer h4.open { text-align: center; border-top: 0px; } li.drawer div { text-align: center; padding: 0px; margin: 0px; line-height: 12px; } li.drawer div li { text-align: center; list-style-type: disc; } li.drawer div ul { text-align: center; -webkit-padding-start: 12px; } .navigation { font-size:45px ; color:#416600; letter-spacing:-2px; -webkit-transition-duration:1.5s; font-family:basket ; text-transform:lowercase; text-align:center;line-height:45px ; } /* Post Controls */ #content .posts { width:1212px; ; right:auto; margin-right:auto; margin-left:auto; position:relative;height:100%; background-color:transparent; } #content .posts img { max-width: 400px; margin-top:-2px; -webkit-border-radius:4px; } #content .entry { width:400px; float:left; position: relative; margin-right:0px; margin-bottom:-2px; padding:2px; z-index:1; -webkit-transition-duration:2s; } .heading { font-family:Futura, 'Century Gothic', AppleGothic, sans-serif; font-size:15px; text-decoration: none; letter-spacing:0px; font-weight:none; line-height:100%; margin-bottom:0px; text-align:left; } .chat ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .chat li { list-style-type: none; padding-left:0px; margin-right:0px; } .chat li.odd { color:#f3f7f8; } .chat li.even { color: #f3f7f8; background-color: #f5f5f5; } .label { font-size: 9px; letter-spacing: 1px; font-family: trebuchet ms; text-transform: uppercase; text-shadow: 1px 1px 2px #e1dad4; text-decoration: none; font-weight: normal; color:#416600 } blockquote { padding-left:5px; padding-top:3px; padding-right:5px; padding-bottom:3px; margin-left:5px; margin-right:5px; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; background-color:#f5f5f5; } .stan { background-color:#f5f5f5; } .kyle { font-style:italic; line-height:100%; margin-bottom:0px; } .img { opacity:0.8; filter:alpha(opacity=80); -webkit-transition-duration:0.4s; } .img:hover { opacity:1; filter:alpha(opacity=100); } .stoley img { max-width:250px; overflow-y:auto; } .kenny { width:500px; opacity: 1; z-index: 10000; margin-top:0px; margin-left:auto; margin-right:0px; float:right; text-align:right; font-family:trebuchet ms; font-size:7px; letter-spacing:1px; text-transform:uppercase; } .cartman { margin-top:0; margin-left:0px; margin-right:auto; margin-bottom:0px; width:500px; text-align:left; background-color:#fff; } .wendy { text-align:center; width:500px; margin-left:auto; margin-right:auto; } .video embed, .video object, .video iframe { width:400px /**/ !important; height:auto !important; } .audioplayer { background-color:#e4e4e4; } /* Permalink Controls */ .entry .permalink { padding-top:0px; } .tweek { font-size:15px; line-height:100%; padding:2px; color:#fff; -webkit-transition-duration:1s; z-index:999999; } .tweek: hover { color:; } .craig { color:#000000; font-size:8px; opacity: 0; -webkit-transition-duration: 1s; bottom:10px; right:35%; width:100px; height:10px; background-color: #cccccc; padding-bottom:5px; position: absolute; margin:5px; text-align:center; font-family:trebuchet ms; letter-spacing:1px; display:block; -webkit-border-radius:4px; } .entry:hover .craig { opacity:0.85; z-index:999999; } .permalink { float:right; position: absolute; margin-top:0px; opacity: 0; z-index: 1000; text-align:right; } ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; } ol.notes li.note { border-top: solid 1px #ccc; padding: 6px; }