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.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} ::selection { background:#818f78; color:#fff; } ::-moz-selection { background:#818f78; color:#fff; } ::-o-selection { background:#818f78; color:#fff; } ::-webkit-selection { background:#818f78; color:#fff; } ::-webkit-scrollbar {width:5px;} ::-webkit-scrollbar-track-piece {background-color: #f7f7f7;} ::-webkit-scrollbar-thumb:vertical{ width:5px; background-color:#000000; } body{ font-family: Consolas; font-size: 11px; line-height:14px; background-color:#111; background-image:url('http://25.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo8_250.png'); background-position: fixed; background-attachment:fixed; background-repeat:repeat; -webkit-font-smoothing:antialiased; } a { text-decoration:none; color:#51698a; } a:link, a:visited, a:active { text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a:hover { color:#aaa; text-decoration:none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } blockquote{ padding:5px; margin-top:5px; margin-bottom:5px; border-left:6px solid #de8110; background-color:#111111; } #permalink-posts { position:absolute; width:400px; padding:1px 5px 1px 10px; margin-bottom:5px; color:#777777; margin-top:45px; margin-left:-20px; border-left:50px solid #51698a; } #left-sidebar { position:fixed; margin-left:-280px; margin-top:200px; width:200px; height:200px; padding:15px; text-align:center; font-family:consolas; font-size:8px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } #links { color:#FFF; font-size:120px; margin-top:220px; margin-left:265px; position:absolute; opacity:0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } #permalinks { width:500px; z-index:999; padding:7%; text-decoration:none; color:#777777; border-bottom:1px solid transparent; } #permalinks li {list-style-type:square;} #permalinks img { width:20px; height:20px; opacity:1; margin-top:5px; margin-right:7px; display:none; vertical-align:middle; } /* Loading Bar sebelum page benar-benar muncul dan Style-my-tooltips */ #s-m-t-tooltip{ /* basic */ max-width:300px; z-index:10; margin:24px 14px 7px 12px; /* style and design */ padding:8px; background-color:black; background-image:radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px), radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px), radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px); background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #bbb; /* font */ font-family:consolas; font-size:11px; line-height:16px; color:#777; } #loading { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; opacity:1; line-height: 350px; text-align: center; font-size: 36px; color: #353231; text-indent: -9999px; } .v2 #loading { display: none; } #progress-bar { position: absolute; top: 0; left: 0; background: #f3f3f3; opacity: 0.8; width: 0; height:0; } #loader { height:100%; background-image:url('http://i47.tinypic.com/2wmp2wx.gif'); background-position:50% 50%; background-repeat:no-repeat; background-size:350px; display:block; color:#FFF; font:30px Courier New, monospace; } #description { position:absolute; color:#999; text-align:justify; font-family: Consolas; font-size: 11px; width:220px; padding:12px; margin-top:55px; margin-left:-23px; background-color:transparent; border:1px dotted #97c5e0; } #description:first-letter { color:#de8110; font-size:29px; font-style:italic; } #description h3 { font-size:22px; color:#ffffff; margin-top:-45px; position:relative; } .jump_page { padding: 4px 8px; background-color:#de8110; color:#FFF; font-family:Consolas, Arial, sans-serif; font-size:11px; text-decoration:none; } .current_page, .jump_page:hover { padding:8px 12px; background-color:#51698a; color:#FFF; font-family:Consolas, Arial, sans-serif; font-size:11px; text-decoration:none; } .titles { font-size:20px; font-style:normal; font-weight:lighter; font-family:Courier New; text-align:center; padding-left:10px; text-transform:uppercase; background-color:none!important; padding:2%; } .titles span { color:#FFF; border-bottom:2px solid #de8110; } #credit { position:fixed; width:130px; padding:5px; background-color:#51698a; bottom:0px; right:-120px; font-family:calibri; font-size:13px; font-weight:lighter; text-transform:uppercase; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } #credit:hover { right:0px; color:#FFF; } #credit a{ color:#FFF; text-decoration:none; opacity:1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } #credit a:hover { text-decoration:none; opacity:1; } #music { position:fixed; left:100px; bottom:50px; padding-top:20px; padding-bottom:10px; height:40px; width:100px; text-align:center; font-family:consolas; text-transform:uppercase; font-size:8px; opacity:1; opacity:0.7; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -moz-border-radius: 10px 0px 0px 10px; } #music:hover { -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; } #musicu { opacity:0; position:absolute; margin-left:0px; margin-top:-5px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; } #music:hover #musicu { opacity:1; margin-top:-25px; } #musica { position:absolute; margin-top:0px; margin-left:50px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } #music:hover #musica { margin-left:-50px; opacity:0; } #menu-position { position:fixed!important; margin-left:-450px; margin-top:200px; width:250px; padding:0; } .menu_rounded_satu { position:absolute; margin-left:0px; margin-top:-50px; width:30px; height:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; -webkit-border-radius:30px; background-color:#de8110; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .menu_rounded_satu:hover { margin-left:0px; margin-top:-60px; width:50px; height:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; -webkit-border-radius:50px; } .menu_rounded_dua { position:absolute; margin-left:-30px; margin-top:0px; width:40px; height:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px; -webkit-border-radius:40px; background-color:#51698a; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .menu_rounded_dua:hover { -webkit-border-top-right-radius: 150px; -webkit-border-bottom-left-radius: 150px; -moz-border-radius-topright: 150px; -moz-border-radius-bottomleft: 150px; border-top-right-radius: 150px; border-bottom-left-radius: 150px; } .menu_rounded_tiga { position:absolute; margin-left:-30px; margin-top:70px; width:45px; height:45px; -moz-border-radius:45px; -o-border-radius:45px; border-radius:45px; -webkit-border-radius:45px; background-color:#EEEEEE; border:5px solid #EEEEEE; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .menu_rounded_tiga:hover { -moz-border-radius:9px; -o-border-radius:9px; border-radius:9px; -webkit-border-radius:9px; border:5px solid transparent; background-color:#de8110; } .menu_rounded_empat { position:absolute; margin-left:-10px; margin-top:150px; width:60px; height:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px; -webkit-border-radius:60px; background-color:#444; border:5px solid #444; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .menu_rounded_empat:hover { transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); } .menu_rounded_lima { position:absolute; margin-left:50px; margin-top:230px; width:60px; height:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px; -webkit-border-radius:60px; background-color:#222; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .menu_rounded_lima:hover { transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } #article-position { margin:0 auto; padding-bottom:150px; margin-top:30px; margin-bottom:10px; width:530px; padding-left:600px; padding-right:400px; } #position-gradient { /* IE10 Consumer Preview */ background-image:-ms-linear-gradient(top, transparent 0%, #000000 100%); /* Mozilla Firefox */ background-image:-moz-linear-gradient(top, transparent 0%, #000000 100%); /* Opera */ background-image:-o-linear-gradient(top, transparent 0%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #000 ), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image:-webkit-linear-gradient(top, #000 0%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image:linear-gradient(to bottom, transparent 0%, #000000 100%); width:350px; position:fixed; bottom:0px; margin-left:0px; padding:50px; } .post { width:500px; margin-bottom:15%; padding:7%; background-color: rgba(0, 0, 0, 0.2); border:1px dotted #97c5e0; color:#777777; } .post img { max-width:100%; } b, em, strong{ color: #F2992E; font-weight:bold; } i, em { color: #101010; font-weight:lighter; font-style:italic; } .audio { background-color:#E7E7E7; margin-top:30px; width:100%; overflow:hidden; } .album{ margin-right:0px; margin-bottom:18px; padding-bottom:5px; } .album img{ display:visible; border-radius:100px; width:100px; float:right; margin-top:-60px; margin-right:10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } .album img:hover { border-radius:0px; border: 5px solid #111111; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; } .audioplayer{ max-width:250px; position: relative; margin-top:5px; margin:5px; padding:3px; Background-color: #111111; border-left: 5px solid #de8110; } .source{ font-style:italic; text-align:right; padding:10px; } .ask{ margin-left:50px; padding:10px; background-color:#111111; padding:5px; font-family:consolas; text-transform:uppercase; font-size:8px; border-bottom:3px solid #de8110; max-width:100%; } .asker { float:left; } .asker img { border:5px solid #111111; } .links{ padding:10px; text-align:justify; font-family:Courier New; font-size:15px; font-style:none; line-height:33px; border-bottom:3px solid #51698a; } .kutip { position:relative; width:50px; font-size:80px; float:left; margin-top:15px; margin-right:15px; margin-left:-23px; padding-top:16px; padding-right:10px; padding-left:8px; padding-bottom:5px; } .si { font-size:20px; font-style:normal; font-weight:lighter; font-family:Courier New; text-align:center; padding-left:10px; text-transform:uppercase; background-color:none!important; padding:2%; } .si a, span { color:#FFF; border-bottom:2px solid #de8110; } .sa { font-size:20px; font-style:normal; font-weight:lighter; font-family:Courier New; text-align:center; padding-left:10px; text-transform:uppercase; background-color:none!important; padding:2%; } .sa a, span { color:#FFF; border-bottom:2px solid #de8110; }

So today is like the best day in the YJ tag.

✂ Theme by Fukuo