;p

;p

  1. un-fuck-wit-able reblogged this from princess-bahhd
  2. princess-bahhd posted this
transition: all .3s ease-out; } .hiddenPic {display:none;} #container { width:1100px; height:100%; margin:40px 0 0 100px; } #sidebar { width:130px; margin: 0 20px 0 0; height:auto; float:left; padding-left:10px; padding-top:10px; position: fixed; font-size: 14px; } #sidebar .portrait { width: 128px; height: 128px; background-image: url(http://37.media.tumblr.com/avatar_420f17bb419e_128.png); margin-bottom: 15px; } #sidebar .portrait a.mask { width: 128px; height: 128px; background: url(http://static.tumblr.com/fciq88r/jwAljcr5m/mask128-2.png) top left no-repeat; display: block; } #sidebar .portrait a.mask:hover { width: 128px; height: 128px; background: url(http://static.tumblr.com/fciq88r/b6Gljcr7a/mask128-2hov.png) top left no-repeat; display: block; } #sidebar #head { width: 128px; margin: 18px 0 0 0; padding: 0; text-align: center; font-size: 14px; text-transformation: none; z-index:2; } #sidebar #description { width: 128px; margin: 5px 0 15px 0; padding: 10px 0 0 6px; z-index:3; } #sidebar #description .menu img{ border: 0; } #sidebar #description .menu:hover{ background-color: transparent; text-decoration: none; } #sidebar #description .menu:hover img{ border: 0; rotation: 90deg; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } #sidebar #description .menu span{ position: absolute; background-color:#FFF; padding: 1px; left: -500px; border: 0px dashed gray; visibility: hidden; color: black; text-decoration: none; } #sidebar #description .menu span img{ border-width: 0; padding: 0px; text-decoration: none; } #sidebar #description .menu:hover span{ visibility: visible; position: absolute; text-align: center; left:5px; top:155px; width:128px; height:auto; z-index: 5; text-decoration: none; } #sidebar #field { width:120px; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline:none; background:#EFEFEF; color:#333; border:0; font-family: 'Bentham', arial, serif; color:#333; font-size: 12px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; margin: 0 0 0 4px; } #sidebar #field:hover { -webkit-box-shadow: #18BDD3 0px 0px 6px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #sidebar #credit { width:110px; padding:5px; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline:none; background:#EFEFEF; color:#333; border:0; font-family: 'Bentham', arial, serif; color:#333; font-size: 12px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; margin: -4px 0 0 4px; } #sidebar #credit a { text-decoration: none; } #sidebar #credit:hover { -webkit-box-shadow: #18BDD3 0px 0px 6px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .posts { width:900px; overflow:auto; float:right; margin-bottom:15px; padding-top:10px; } .post { float:left; margin:0 0 0 15px; position:relative; } .post a { color:; text-decoration: underline; font-weight: normal; } .post a:hover { color:#18BDD3; text-decoration: none; font-weight: normal; } #text,#photo,#audio,#video,#answer { background-color:#FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-box-shadow: #333 0px 0px 3px; } #text:hover, #photo:hover, #audio:hover, #video:hover, #answer:hover { -webkit-box-shadow: #18BDD3 0px 0px 5px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #text { /**/ /**/ width:700px; position: relative; left: 0px; top: 0px; /**/ padding:10px 15px; font-size: 14px; } #text img { /**/ /**/ max-width:600px; /**/ } #text h2, #text h2 a { font-size:16px; text-transform:none; color: ; margin:0 0 5px 0; } #text h2 a:hover { font-size:16px; text-transform:none; color: #18BDD3; margin:0 0 5px 5px; } blockquote { /**/ /**/ padding: 5px; /**/ } ul { padding: 5px 0; margin-left: 20px; } #answer { /**/ /**/ width:700px; /**/ } #answer #question { font-size: 14px; padding:16px; background:#333; color:#FFF; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } #answer #long { font-size: 14px; padding:16px; background:#333; color:#FFF; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } #answer #medium { font-size: 16px; padding:16px; background:#333; color:#FFF; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } #answer #short { font-size: 18px; padding:16px; background:#333; color:#FFF; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } #answer #arrow { height:10px; background:url(http://static.tumblr.com/jw8fmba/Lmllbb6gl/arrow.png) no-repeat 10px; } #answer #asker { font-size: 14px; padding:4px 16px; } #answer #asker a { font-size: 14px; text-decoration:underline; } #answer #asker a:hover { font-size: 14px; text-decoration: none; } #answer #response { font-size: 14px; padding:8px 16px 5px 16px; } #answer #response img { /**/ /**/ max-width:600px; /**/ } #photo { font-size: 14px; /**/ /**/ width:auto; max-width:700px; /**/ } #photo img { /**/ /**/ max-width:700px; /**/ display:block; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #photo #picture { position:relative; } #photo #picture #info { position:absolute; top:0; left:0; width:250px; height:100%; text-decoraton: none; text-transform: none; font-weight: normal; background:url(http://static.tumblr.com/jw8fmba/fp3labyxn/hover_bg.png); visibility:hidden; z-index:10; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #photo #picture #info #holder { position:absolute; top:50%; left:50%; margin-left:-60px; width:120px; margin-top:-30px; height:80px; text-align:center; z-index:20; color:#FFF; } #photo #picture #info #holder a, #photo #picture #info #holder a:hover { text-decoration:none; color:#FFF; text-decoraton: none; text-transform: none; font-weight: normal; -webkit-transition: all .0s ease-out; -moz-transition: all .0s ease-out; -o-transition: all .0s ease-out; transition: all .0s ease-out; } #photo# picture #info #holder #day, #photo# picture #info #holder #day a { font-size:20px; } #photo #picture #info #holder #month, #photo #picture #info #holder #month a { font-size:16px; text-transform:uppercase; } #photo #picture #info #holder #note_count, #photo #picture #info #holder #note_count a { font-size:16px; text-transform:none; } #photo #picture:hover #info { visibility:visible; } #audio { /**/ /**/ width:500px; /**/ } #audio #player { width:250px; height:216px; position:relative; background:url(http://static.tumblr.com/jw8fmba/oAmlbc80x/jewel_case_bg.png); } #audio #player img { /**/ /**/ max-width:500px; /**/ } #audio #player #overlay { position:absolute; top:0; left:0; width:250px; height:216px; background:url(http://static.tumblr.com/jw8fmba/SH7lbc85h/jewel_case.png); } #audio #player #audioplayercircle { position: absolute; z-index: 3; background: black; -webkit-border-radius: 50px; -moz-border-radius: 50px; top: 83px; left: 100px; opacity: .5; } #audio #player #audioplayercircle #audioplayer { width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px; } .label { font-weight:bold; } #video { /**/ /**/ width:500px; /**/ } .indexnotes { position:relative; height:14px; width:100%; } .indexnotes img { float:right; } #bottom { position:relative; padding:10px 15px; display:none; } /**/ .indexnotes, #bottom { display:none; } /**/ #shadow { height:17px; /**/ /**/ background:url(http://static.tumblr.com/jw8fmba/4nKlabyzp/shadow_large.png) no-repeat center; /**/ } #notes { width:485px; float:left; padding: 0 15px; font-size: 14px; margin:0 3px; } #notes p { margin-top:0; } #notes h2 { font-size:16px; text-transform:none; margin:20px 0 5px 0; font-weight: normal; } #notes a { font-size:14px; text-transform: none; text-decoration: underline; font-weight: normal; color: ; } #notes a:hover { font-size:14px; text-transform: none; text-decoration: none; font-weight: normal; color: #18BDD3; } #tags { width:485px; font-size: 14px; } #tags a { color: ; } #tags a:hover { color: #18BDD3; text-decoration: none; } #tags .tag-commas:last-child { display: none; } ol.notes { width: 700px; padding: 0px; margin: 10px 0px; list-style-type: none; color:#333; } ol.notes li.note { border-top: solid 1px #dfdfdf; padding: 5px 0; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: #333; padding: 4px 10px; margin: 10px 0px 0px 15px; } ol.notes li.note blockquote a { color:#333; text-decoration: none !important; } .footer { bottom:0; float:right; padding:25px 120px 25px 0; width:960px; } .footer #top { float:right; background:url(http://static.tumblr.com/jw8fmba/ZpLlbb2sn/top.png); width:39px; height:39px; } .footer #next { float:right; background:url(http://static.tumblr.com/jw8fmba/baIlbb2s4/next.png); width:39px; height:39px; } .footer #back { float:right; background:url(http://static.tumblr.com/jw8fmba/7cLlbntcd/previous.png); width:39px; height:39px; }
;p

;p

Tagged with:

Share this post:



Notes:

  1. un-fuck-wit-able reblogged this from princess-bahhd
  2. princess-bahhd posted this