ce·les·tial @kanikara - Tumblr Blog

ce·les·tial

@kanikara

{Title} body { padding:0; margin:0; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; font-size:11px; color:{color:Text}; background-color:{color:background};} body.font-helvetica-neue { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-open-sans { font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-montserrat { font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:10px;} body.font-source-sans-pro { font-family: "Source Sans Pro", Helvetica, Arial, "Lucida Grande", sans-serif;} a { color:{color:links}; text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} a:hover { color:{color:Links hover}; text-decoration:none;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #container { position:relative; height:100%; width:100%;} #container #sidebar { top: 0; width: 150px; bottom: 0; left:0; font-weight: 700; padding: 55px 20px 40px 40px; font-size:11px; text-transform: capitalize; position: fixed; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText} {Block:IfSidebarLeftOrRight} right:0; left:auto; padding: 55px 40px 40px 20px; {/Block:IfSidebarLeftOrRight} {Block:IfSidebarTopOrBottom} top:auto; bottom:0; {/Block:IfSidebarTopOrBottom}} #container #sidebar #portrait { height: auto; width: 100px; z-index:50; opacity:0.75; margin:0 auto 25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; {Block:IfShowBiggerPortrait} width:150px; {/Block:IfShowBiggerPortrait} {Block:IfNotPortraitImage} width:100px; {/Block:IfNotPortraitImage}} #container #sidebar #portrait:hover { opacity:1.0;} #container #sidebar #social-symbols { margin: 0 0 25px; text-align: center; width: 150px;} #container #sidebar #social-symbols a { color: #FFFFFF; display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: -1px; margin: 0 1px 3px 0; opacity: 0.7; padding: 4px 0; position: relative; text-align: center; width: 21px;} #container #sidebar #social-symbols a:hover { opacity:1.0;} #container #sidebar #social-symbols a.fb {background-color: #3B5998;} #container #sidebar #social-symbols a.ig {background-color: #30618C;} #container #sidebar #social-symbols a.tw {background-color: #00B0ED;} #container #sidebar #social-symbols a.gp {background-color: #DF4A32;} #container #sidebar #social-symbols a.yt {background-color: #D7041B;} #container #sidebar #social-symbols a.dr {background-color: #ea4c89;} #container #sidebar #social-symbols a.bl {background-color: #FE6700;} #container #sidebar #social-symbols a.vi {background-color: #1AB7EA;} #container #sidebar #social-symbols a.vk {background-color: #507296;} #container #sidebar #social-symbols a.sc {background-color: #FF4B00;} #container #sidebar #social-symbols a.fl {background-color: #0063DC;} #container #sidebar #social-symbols a.pi {background-color: #CB2027;} #container #sidebar #social-symbols.fontello { height:auto; white-space:none; font-family:"mxdvs-themes"; word-spacing:-9px;} #container #sidebar #social-symbols.fontello a { display: inline-block; font-size: 10px; height: auto; margin: 0 1px 2px; padding: 6px; width: auto;} #container #sidebar #social-symbols.fontello .icon-facebook { background-color: #3B5998;} #container #sidebar #social-symbols.fontello .icon-instagram { background-color: #30618C;} #container #sidebar #social-symbols.fontello .icon-twitter { background-color: #00B0ED;} #container #sidebar #social-symbols.fontello .icon-gplus { background-color: #DF4A32;} #container #sidebar #social-symbols.fontello .icon-youtube { background-color: #D7041B;} #container #sidebar #social-symbols.fontello .icon-dribbble { background-color: #ea4c89;} #container #sidebar #social-symbols.fontello .icon-blogger { background-color: #FE6700;} #container #sidebar #social-symbols.fontello .icon-vimeo { background-color: #1AB7EA;} #container #sidebar #social-symbols.fontello .icon-vk { background-color: #507296;} #container #sidebar #social-symbols.fontello .icon-soundcloud { background-color: #FF4B00;} #container #sidebar #social-symbols.fontello .icon-flickr { background-color: #0063DC;} #container #sidebar #social-symbols.fontello .icon-pinterest { background-color: #CB2027;} #container #sidebar #links, #container #sidebar #pages, #container #sidebar #description, #container #sidebar #load-more { line-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} padding: 10px; {/Block:IfUppercaseText}} #container #sidebar #links:last-child, #container #sidebar #pages:last-child, #container #sidebar #description:last-child, #container #sidebar #load-more:last-child {margin:0} #container #sidebar #links a, #container #sidebar #pages a, #container #sidebar #description a{ display:block; margin: 0 0 5px; font-size:10px;} #container #sidebar #links a.custom-links, #container #sidebar #pages a.custom-pages, #container #sidebar #description a.description-link { margin:0; cursor:pointer;} #container #sidebar #links a:last-child, #container #sidebar #pages a:last-child, #container #sidebar #description a:last-child { margin:0;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { display: none;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { margin: 5px 0 0;} #container #sidebar #pagination { font-weight:normal; line-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} padding: 10px 10px 9px; {/Block:IfUppercaseText}} #container #sidebar #pagination #arrows { float:left; margin: 0 0 0 -5px; {block:PermalinkPage} float:none; margin:O; text-align:center; {/block:PermalinkPage}} #container #sidebar #pagination #arrows a { font-weight:bold;} #container #sidebar #pagination #arrows .icon-angle-left, #container #sidebar #pagination #arrows .icon-angle-right { font-size:12px;} #container #sidebar #pagination #current-page { float:right; text-align:right;} #container #sidebar #links #search {} #container #sidebar #links #search input.search_input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: {color:links}; font-size: 10px; font-weight: bold; margin: 0 0 0 -1px; padding: 0; width: 129px; opacity:1.0; text-transform: capitalize; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText}} #container #sidebar #links #search input.search_input::-webkit-input-placeholder, #container #sidebar #links #search input.search_input:-ms-input-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search input.search_input:-moz-placeholder, #container #sidebar #links #search input.search_input::-moz-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search .search_input:hover { color: {color:Links hover};} #container #sidebar #links #search .submit { display:none} #container #sidebar #description #description-box { font-size: 8px; line-height: 100%; overflow: hidden; text-overflow: ellipsis; width: 124px; {Block:IfNotUppercaseText} text-transform: none; font-size: 9px; {/Block:IfNotUppercaseText} {Block:IfJustifyTextInDescription} text-align:justify; {Block:IfJustifyTextInDescription}} #container #sidebar #copyright-years { font-size: 8px; line-height: 100%; margin: 30px 0 0; overflow: hidden; padding: 0; text-align: center;} #container #back-to-top { border: 3px solid rgba(125, 125, 125, 0.1); bottom: 40px; font-size: 10px; left: 40px; line-height: 100%; display:none; padding: 10px 10px 9px; position: fixed; text-transform: none; width: 124px; z-index: 3000; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText} {Block:IfSidebarLeftOrRight} right:40px; left:auto; {/Block:IfSidebarLeftOrRight} {Block:IfSidebarTopOrBottom} top:55px; bottom:auto; {/Block:IfSidebarTopOrBottom}} #container #content_box { position:absolute !important; left:210px; right:20px; top:55px; {Block:IfSidebarLeftOrRight} left:20px; right:210px; {/Block:IfSidebarLeftOrRight}} #container #content { margin:auto;} #container #content #other-pages { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color: rgba(68, 68, 68, 0.1); border-top: 3px solid rgba(0, 0, 0, 0.05); font-size: 8px; list-style: none outside none; padding: 10px; text-transform: uppercase;} #container #content #other-pages.small {width:130px;} #container #content #other-pages.medium {width:180px;} #container #content #other-pages.large {width:230px;} #container #content #other-pages.width-small {width:130px;} #container #content #other-pages.width-medium {width:180px;} #container #content #other-pages.width-large {width:230px;} #container #content #other-pages.tight-spacing {margin:0 10px 20px;} #container #content #other-pages.medium-spacing {margin:0 25px 50px;} #container #content #other-pages.wide-spacing {margin:0 50px 100px;} #container #content #post { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color:{color:background}; {Block:Permalinkpage} float: left; margin: 0; padding: 0 20px; width: 50%; z-index: 499; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} float:right; {/Block:IfSidebarLeftOrRight} {/Block:Permalinkpage}} #container #content #post.small {width:150px;} #container #content #post.medium {width:200px;} #container #content #post.large {width:250px;} #container #content #post.width-small {width:150px;} #container #content #post.width-medium {width:200px;} #container #content #post.width-large {width:250px;} #container #content #post.tight-spacing {margin:0 10px 20px;} #container #content #post.medium-spacing {margin:0 25px 50px;} #container #content #post.wide-spacing {margin:0 50px 100px;} #container #content #post.static { max-width:540px;} #container #content #infscr-loading { display: none;} /* Post Info on Index Page */ #container #content #post #small-permalink { height: 57px; line-height: 100%; margin: -23px 0 0; opacity: 0; overflow: hidden; position: absolute; top: 50%; visibility: hidden; width: 27px; z-index: -1; text-align:center; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #small-permalink.source { height: 88px; margin: -46px 0 0; {Block:IfPostSpacingtight} height: 15px; margin: 0 0 0 -50px; {Block:IfPostSpacingtight}} #container #content #post #small-permalink.tight-spacing { bottom: -16px; height: 17px; left: 50%; margin: 0 0 0 -50px; overflow: hidden; position: absolute; top: auto; width: 100px;} #container #content #post #small-permalink.medium-spacing { left:-37px;} #container #content #post #small-permalink.wide-spacing { left:-63px;} #container #content #post:hover #small-permalink { opacity:1; visibility: visible;} #container #content #post #small-permalink a { display: inline-block; margin: 0 0 5px; padding: 5px 7px 4px; text-align: center; width: 7px; background-color: {color:Background}; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #small-permalink.tight-spacing a { border-top: 0 none; font-size: 7px; margin: 0 0 3px; padding: 1px 4px; width: 6px;} #container #content #post #small-permalink a:last-child { margin:0;} #container #content #post #info { font-size:10px; float: none; margin: 0; padding: 0; width:{select:Post Size}px; display:block;} #container #content #post #info .hidden { display:none;} #container #content #post #info #caption { font-size: 9px; font-weight: normal !important; margin: 10px 0 0; padding: 10px; background-color: rgba({rgbcolor:Text}, 0.1); border-top:3px solid rgba({rgbcolor:Text}, 0.05); {Block:IfPostSpacingtight} margin: 5px 0 0; {/Block:IfPostSpacingtight} {Block:Permalinkpage} display:none; {/Block:Permalinkpage}} #container #content #post #info #caption blockquote { text-align: left;} #container #content #post #info #caption blockquote:first-child { margin:0;} #container #content #post #info #caption blockquote p { margin:0 0 5px;} #container #content #post #info #caption blockquote p:last-of-type { margin:0;} #container #content #post #info #post-info { margin: 10px 0 0; padding: 10px; list-style:none; border-top: 3px solid rgba(0, 0, 0, 0.05); background-color: rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} text-transform: uppercase; font-size:8px; {/Block:IfUppercaseText}} #container #content #post #info #post-info li { display:inline-block;} #container #content #post #info #post-info li.notes { float:left;} #container #content #post #info #post-info li.date { float:right; text-align:right;} /* General Post styling */ #container #content #other-pages h3, #container #content #post h3, #container #content h3 { font-size: 14px; margin: 0 0 10px;} #container #content #other-pages h3:last-child, #container #content #post h3:last-child, #container #content h3:last-child { margin: 0;} #container #content #caption:empty { display:none;} #container #content #caption .tumblr_blog { display: inline-block; margin: 0 0 4px; padding: 0; text-transform: capitalize; border-bottom: 1px solid rgba({rgbcolor:text}, 0.1);} #container #content p { margin:10px 0 0;} #container #content p:first-of-type { margin:0;} #container #content blockquote { margin: 2px 0 0 10px; position:relative;} #container #content #post ul { list-style: disc inside none; margin: 10px 0 0 10px; padding: 0;} #container #content p img, #container #content blockquote img { max-width:100%; max-height:200px; margin:10px 0 0; display:inline-block;} /* Quote Post styling */ #container #content #post #quote { position:relative; text-align:center;} #container #content #post #quote h3 { font-size: 17px; font-weight: bold; margin: 20px 0;} #container #content #post #quote h3:hover { color:{color:text} !important;} #container #content #post #quote #quote_symbol { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 175px; font-weight: bold; height: 70px; letter-spacing: -14px; line-height: 0; margin: -50px 3px 0 0; position: absolute; right: 0; top: 0; z-index: -1; color: rgba({rgbcolor:text}, 0.17);} #container #content #post #quote #source { font-size: 9px; font-style: italic; text-align: center; margin:0 0 10px;} /* Text Post styling */ #container #content #post #text {} /* Ask Post styling */ #container #content #post #ask #question { padding: 7px 10px; position: relative; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #ask #question span.q { display: block; line-height:100%; font-size: 10px;} #container #content #post #ask #question span.q span { display:block; opacity:0.4;} #container #content #post #ask #question .asker-blck { display: block; font-size: 9px; line-height: 100%; margin: 2px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:{select:Post Size}px; {Block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText} {/Block:Permalinkpage} {Block:IfPostSizeSmall}width:124px; {/Block:IfPostSizeSmall} {Block:IfPostSizeMedium}width:174px; {/Block:IfPostSizeMedium} {Block:IfPostSizeLarge}width:224px; {/Block:IfPostSizeLarge}} #container #content #post #ask #answer { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-style: none solid solid; border-width: medium 3px 3px; font-style: italic; margin: 0; padding: 7px 10px; border-color: -moz-use-text-color rgba({rgbcolor:Text}, 0.1) rgba({rgbcolor:Text}, 0.1); border-right: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #ask #answer .answer-blck { display:block; font-size:9px; font-style:normal; line-height:100%; margin:2px 00 7px; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; white-space:no-wrap;} #container #content #post #ask #answer p { font-size: 10px; line-height: 100%; margin: 0; position: relative;} #container #content #post #ask #answer img { max-width:100%; height:auto;} /* Chat Post styling */ #container #content #post #chat { overflow:hidden;} #container #content #post #chat ul.chat { list-style:none; margin:0; padding:0; {Block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText}} #container #content #post #chat ul.chat li { padding:10px; font-weight:bold; color: rgba({rgbcolor:Text}, 0.7);} #container #content #post #chat ul.chat li:nth-child(even) { background-color: rgba({rgbcolor:Text}, 0.1);} #container #content #post #chat ul.chat li span { color: rgba({rgbcolor:Text}, 1.0);} /* Photo Post styling */ #container #content #post #photo { position:relative;} #container #content #post #photo img { max-width:100%;} #container #content #post #photo #gradient { visibility:hidden; height: 100%; opacity: 0; position: absolute; width: 100%; font-weight:bold; z-index: 498; text-transform:uppercase; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; background: rgb(255,255,255); color:rgba({rgbcolor:Background}, 0.9); background: -moz-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({rgbcolor:background}, 1)), color-stop(40%,rgba({rgbcolor:background}, 0.75)), color-stop(100%,rgba({rgbcolor:Background Image Hover}, 0.6))); background: -webkit-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -o-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -ms-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: linear-gradient(to bottom, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%);} #container #content #post #photo:hover #gradient{ opacity:1.0; visibility:visible;} #container #content #post #photo #gradient a { color:rgba({rgbcolor:Background}, 0.8);} #container #content #post #photo #gradient #simple-gradient { position:absolute; width:100%; padding:10px; left:0; right:0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} text-align:right; {/Block:IfSidebarLeftOrRight}} #container #content #post #photo #gradient #simple-gradient span { font-size: 8px; line-height: 150%; margin: 0 0 10px; padding: 7px 7px 5px; display:block; border: 3px solid rgba({rgbcolor:background}, 0.4); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #photo #gradient #simple-gradient span:last-child { margin:0;} #container #content #post #photo #gradient #simple-gradient span:hover { border: 3px solid rgba({rgbcolor:background}, 0.8); background: rgba({rgbcolor:background Image Hover}, 0.45);} #container #content #post #photo #gradient #simple-gradient span.perma-reblog {} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .perma { float:left;} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .reblog { float:right;} #container #content #post #photo #gradient #reblog_image, #container #content #post #photo #gradient #permalink_image, #container #content #post #photo #gradient #date_image, #container #content #post #photo #gradient #notes_image, #container #content #post #photo #gradient #top_info_image, #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border-style: solid; border-width: 3px; position: absolute; text-align: center; transition: all 0.6s ease 0s; z-index: 5000; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; border-color:rgba({rgbcolor:Background}, 1.0);} #container #content #post #photo #gradient.gradient-small #reblog_image, #container #content #post #photo #gradient.gradient-small #permalink_image, #container #content #post #photo #gradient.gradient-small #date_image, #container #content #post #photo #gradient.gradient-small #notes_image, #container #content #post #photo #gradient.gradient-small #top_info_image, #container #content #post #photo #gradient.gradient-small #notes_title, #container #content #post #photo #gradient.gradient-small #date_title { bottom: 20px; font-size: 8px; left: 10px; padding: 6px 8px;} #container #content #post #photo #gradient.gradient-medium #reblog_image, #container #content #post #photo #gradient.gradient-medium #permalink_image, #container #content #post #photo #gradient.gradient-medium #date_image, #container #content #post #photo #gradient.gradient-medium #notes_image, #container #content #post #photo #gradient.gradient-medium #top_info_image, #container #content #post #photo #gradient.gradient-medium #notes_title, #container #content #post #photo #gradient.gradient-medium #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #photo #gradient.gradient-large #reblog_image, #container #content #post #photo #gradient.gradient-large #permalink_image, #container #content #post #photo #gradient.gradient-large #date_image, #container #content #post #photo #gradient.gradient-large #notes_image, #container #content #post #photo #gradient.gradient-large #top_info_image, #container #content #post #photo #gradient.gradient-large #notes_title, #container #content #post #photo #gradient.gradient-large #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #photo #gradient #reblog_image:hover, #container #content #post #photo #gradient #permalink_image:hover, #container #content #post #photo #gradient #notes_image:hover { border-color: rgba({rgbcolor:background}, 1); background-color:rgba({rgbcolor:Background Image Hover},0.3);} #container #content #post #photo #gradient #reblog_image:hover a, #container #content #post #photo #gradient #permalink_image:hover a, #container #content #post #photo #gradient #notes_image:hover a { color:rgba({rgbcolor:Background}, 1);} #container #content #post #photo #gradient #reblog_image a, #container #content #post #photo #gradient #permalink_image a{ color:rgba({rgbcolor:Background}, 1.0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #photo #gradient #reblog_image a:hover, #container #content #post #photo #gradient #permalink_image a:hover, #container #content #post #photo #gradient #date_image a:hover, #container #content #post #photo #gradient #notes_image a:hover { color:rgba({rgbcolor:Background}, 1);} #container #content #post #photo #gradient #reblog_image { width:42px; text-align: left;} #container #content #post #photo #gradient.gradient-small #reblog_image { width:34px;} #container #content #post #photo #gradient #permalink_image { text-align: right; left: auto !important;} #container #content #post #photo #gradient.gradient-small #permalink_image {right: 10px; width: 55px;} #container #content #post #photo #gradient.gradient-medium #permalink_image {right: 20px; width: 69px;} #container #content #post #photo #gradient.gradient-large #permalink_image {right: 20px; width: 119px;} #container #content #post #photo #gradient #notes_image {bottom: 51px !important;} #container #content #post #photo #gradient.gradient-small #notes_image {bottom:46px !important;} #container #content #post #photo #gradient #date_image { bottom: 51px !important; right: 20px ; text-align: right; z-index: -1;} #container #content #post #photo #gradient.gradient-small #date_image { bottom: 46px !important; right: 10px;} #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border: medium none; font-size: 7px !important; left: auto !important; padding: 0 !important; text-transform: uppercase; width: 46px !important;} #container #content #post #photo #gradient #notes_title { bottom: 89px !important; left: 21px !important;} #container #content #post #photo #gradient #date_title { bottom: 89px !important; right: 29px !important; width: 23px !important;} #container #content #post #photo #gradient #top_info_image { border: medium none; bottom: 7px !important; font-size: 7px !important; left: 33px; padding: 0 !important; text-align: left !important; width: 150p !importantx;} #container #content #post #photo #gradient.gradient-small #notes_title { bottom: 79px !important; left: 10px !important;} #container #content #post #photo #gradient.gradient-small #date_title { bottom: 77px !important; right: 18px !important;} #container #content #post #photo #gradient.gradient-small #top_info_image { left: 20px;} #container #content #post #photo #gradient #top_info_image a {} #container #content #post #photo #gradient #top_info_image a:hover {} #container #content #post #photo #gradient #top_info_image #tag-list { display: none; list-style: none outside none; margin: 0; padding: 0; width: 140px;} #container #content #post #photo #gradient #top_info_image #tag-list span { display: inline-block;} #container #content #post #photo #gradient #top_info_image #tag-list li { display: inline-block;} #container #content #post #photo #gradient #top_info_image #tag-list a {} /* Audio Post styling */ #container #content #post #audio { position:relative; min-height:27px;} #container #content #post #audio #album_art { height:auto;} #container #content #post #audio #album_art.art-small {width:150px;} #container #content #post #audio #album_art.art-medium {width:200px;} #container #content #post #audio #album_art.art-large {width:250px;} #container #content #post #audio #player { background:white; width:27px; position:absolute; bottom:0; height:27px; overflow:hidden; opacity:0.7; padding:5px 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #audio #player.player-small { border-left: 62px solid #FFFFFF; border-right: 61px solid #FFFFFF;} #container #content #post #audio #player.player-medium { border-left: 87px solid #FFFFFF; border-right: 86px solid #FFFFFF;} #container #content #post #audio #player.player-large { border-left: 112px solid #FFFFFF; border-right: 111px solid #FFFFFF;} #container #content #post #audio:hover #player { opacity:0.85} #container #content #post #audio #info { background:rgba(255,255,255,0.85); margin:0; padding:20px; position:absolute; top:0; bottom:37px; left:0; right:0; list-style:none; opacity:0; font-size:10px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #audio:hover #info { opacity:1;} #container #content #post #audio #info li { border: 3px solid rgba(0, 0, 0, 0.05); border-top:0; line-height: 200%; margin: 0; padding: 3px 5px;} #container #content #post #audio #info li:first-child { border: 3px solid rgba(0, 0, 0, 0.05);} /* Photoset Post styling */ #container #content #post #photoset {margin: 0 0 10px;} #container #content #post #photoset .photo-set-sizing { display: block; float: left; height: auto; margin: 0 10px 10px 0; max-width: none; {Block:Permalinkpage} width:245px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-small { width:70px;} #container #content #post #photoset .photoset-medium { width:95px;} #container #content #post #photoset .photoset-large { width:120px;}{/Block:Indexpage} #container #content #post #photoset .photo-set-sizing:nth-child(even) { margin:0 0 10px;} #container #content #post #photoset .photo-set-sizing:nth-last-of-type(-n+2) { margin-bottom: 0;} #container #content #post #photoset .photo-set-sizing:last-of-type:nth-child(2n+1) { width: 150px; margin: 0; max-width: none; {Block:Permalinkpage} Width:500px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-small:last-of-type:nth-child(2n+1) { width:150px;} #container #content #post #photoset .photoset-medium:last-of-type:nth-child(2n+1) { width:200px;} #container #content #post #photoset .photoset-large:last-of-type:nth-child(2n+1) { width:250px;}{/Block:Indexpage} #container #content #post #photoset #caption { clear:both} #container #content #post #photoset #caption ul { margin:10px 0 0 10px; padding:0; list-style:none; font-size:9px} #container #content #post #photoset #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #post #photoset #caption p {} #container #content #post #photoset #caption a { text-decoration:underline} #container #content #post #photoset #caption blockquote { margin:10px 0 10px 10px;} #container #content #post #photoset #permalinks { border-top: 1px solid #E5E5E5; font-size: 9px; margin: 10px 0 0; padding: 10px 0 0; text-align: center;} #container #content #post #photoset #permalinks a { display:inline-block; margin:0 5px;} /* Video Post styling */ #container #content #post #video {} #container #content #post #video iframe { display: block; {Block:Permalinkpage} height: 249px; width: 500px; {/Block:Permalinkpage}} #container #content #post #video.small iframe {width:150px;height:84px;} #container #content #post #video.medium iframe {width:200px;height:113px;} #container #content #post #video.large iframe {width:250px;height:;} /* Post Info styling */ #container #content #permalink-info { float: left; margin: 0 0 40px; padding: 0 20px 40px 26px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} text-align:right; float:right; {/Block:IfSidebarLeftOrRight}} #container #content #permalink-info #caption { display: inline-block; line-height: 100%; margin: 0 0 40px 0; padding: 15px; text-align:left; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #permalink-info #caption p { margin:0 0 10px;} #container #content #permalink-info #caption p:last-child { margin:0;} #container #content #permalink-info #caption ul { margin:10px 0 10px 10px; padding:0; list-style:none; font-size:9px} #container #content #permalink-info #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #permalink-info #caption blockquote { margin:10px 0 10px 10px;} #container #content #permalink-info #caption blockquote:last-child { margin:10px 0 0 10px;} #container #content #permalink-info #caption:empty { display:none} #container #content #permalink-info #info-list { display: block; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; white-space: nowrap;} #container #content #permalink-info #info-list li { display: inline-block; font-size: 9px; line-height: 7px; margin: 0 0 40px -3px; padding: 10px; text-transform: uppercase; border: 3px solid rgba({rgbcolor:Text}, 0.1); border-left:none;} #container #content #permalink-info #info-list li:first-child { border: 3px solid rgba({rgbcolor:Text}, 0.1); margin: 0 0 40px 0;} #container #content #permalink-info #info-list li span { display: block; font-size: 9px; margin-bottom: 40px; margin-top: -26px; position: absolute; text-transform: lowercase;} #container #content #permalink-info #info-list li a {} #container #content #permalink-info ol.notes { display: inline-block; list-style-type: none; margin: 0; overflow: hidden; padding: 10px; width: 50%; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfSidebarLeftOrRight} text-align: right; {/Block:IfSidebarLeftOrRight}} #container #content #permalink-info ol.notes li.note { clear: none !important; display: inline-block; height: 20px; margin: 0 2px; overflow: hidden; width: 20px;} #container #content #permalink-info ol.notes li.note img.avatar { height: 20px; width: 20px; opacity:0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #container #content #permalink-info ol.notes li.note img.avatar:hover { opacity:1;} #container #content #permalink-info ol.notes li.note span{ display:none;} #container #content #permalink-info ol.notes li.note span.action a{ font-weight: bold;} #container #content #permalink-info ol.notes li.note .answer_content { font-weight: normal; display:none;} #container #content #permalink-info ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container #content #permalink-info ol.notes li.note blockquote a { text-decoration: none; display:none;} #container #content #permalink-info ol.notes li.more_notes_link_container{ border-style: solid; clear: both !important; display: block; float: none; font-size: 9px; height: auto; line-height: 100%; margin: 5px -10px -10px; overflow: visible; padding: 10px 0; position: relative; text-align: center !important; text-transform: uppercase; width: auto; border: 3px solid rgba({rgbcolor:Text}, 0.1); border-width: 3px 0 0;} #container #content #permalink-info #tag-list { display: inline-block; font-size: 8px; list-style: none outside none; margin: 20px 0 0 -6px; padding: 0; text-align: center; width: 50%;} #container #content #permalink-info #tag-list li { display: inline-block; font-weight: bold; margin: 0 10px 10px 0; text-transform: uppercase;} #container #content #permalink-info #tag-list li a {} (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.crea teElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); {Block:IfShowSidebarPortrait} {Block:IfNotPortraitImage} {/Block:IfNotPortraitImage} {Block:IfPortraitImage} {/Block:IfPortraitImage} {/Block:IfShowSidebarPortrait} {block:ifChangeSocialIcons} {block:ifFacebookUrl} f {/block:ifFacebookUrl} {block:ifInstagramUrl} i {/block:ifInstagramUrl} {block:ifTwitterUrl} t {/block:ifTwitterUrl} {block:ifGooglePlusUrl} G {/block:ifGooglePlusUrl} {block:ifYoutubeUrl} Y {/block:ifYoutubeUrl} {block:ifDribbbleUrl} D {/block:ifDribbbleUrl} {block:ifBloggerUrl} B {/block:ifBloggerUrl} {block:ifVimeoUrl} V {/block:ifVimeoUrl} {block:ifVKUrl} V {/block:ifVKUrl} {block:ifSoundcloudUrl} S {/block:ifSoundcloudUrl} {block:ifFlickrUrl} f {/block:ifFlickrUrl} {block:ifPinterestUrl} P {/block:ifPinterestUrl} {/block:ifChangeSocialIcons} {block:ifNotChangeSocialIcons} {block:ifFacebookUrl} {/block:ifFacebookUrl} {block:ifInstagramUrl} {/block:ifInstagramUrl} {block:ifTwitterUrl} {/block:ifTwitterUrl} {block:ifGooglePlusUrl} {/block:ifGooglePlusUrl} {block:ifYoutubeUrl} {/block:ifYoutubeUrl} {block:ifDribbbleUrl} {/block:ifDribbbleUrl} {block:ifBloggerUrl} {/block:ifBloggerUrl} {block:ifVimeoUrl} {/block:ifVimeoUrl} {block:ifVKUrl} {/block:ifVKUrl} {block:ifSoundcloudUrl} {/block:ifSoundcloudUrl} {block:ifFlickrUrl} {/block:ifFlickrUrl} {block:ifPinterestUrl} {/block:ifPinterestUrl} {/block:ifNotChangeSocialIcons} {Block:IfShowDescription} Description {Description} {/Block:IfShowDescription} Home {block:AskEnabled} {Block:ifNotEditAskTitle}{AskLabel}{/Block:ifNotEditAskTitle}{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle} {/block:AskEnabled} {block:SubmissionsEnabled} Submit {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} Archive {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} Random {/Block:IfShowRandomLink} {Block:IfShowSearchBar} {/Block:IfShowSearchBar} {block:ifEditLinksTitle}{text:Edit Links Title}{/block:ifEditLinksTitle} {block:ifLink1Title} {text:Link 1 Title} {/block:ifLink1Title} {block:ifLink2Title} {text:Link 2 Title} {/block:ifLink2Title} {block:ifLink3Title} {text:Link 3 Title} {/block:ifLink3Title} {block:ifLink4Title} {text:Link 4 Title} {/block:ifLink4Title} {block:ifLink5Title} {text:Link 5 Title} {/block:ifLink5Title} {block:HasPages} {block:ifEditPagesTitle}{text:Edit Pages Title}{/block:ifEditPagesTitle} {block:Pages} {Label} {/block:Pages} {/block:HasPages} {block:ifInfiniteScroll} {block:IndexPage} Load More Posts {/block:IndexPage} {/block:ifInfiniteScroll} {block:ifNotInfiniteScroll} {block:IndexPage} {block:Pagination} {block:PreviousPage} / {/block:PreviousPage} {block:NextPage} {/block:NextPage} {CurrentPage}/{TotalPages} {/block:Pagination} {/block:IndexPage} {block:PermalinkPage} {block:PermalinkPagination} {block:PreviousPost} / {/block:PreviousPost} {block:NextPost} {/block:NextPost} {/block:PermalinkPagination} {/block:PermalinkPage} {/block:ifNotInfiniteScroll} {block:ifInfiniteScroll} Back To Top {/block:ifInfiniteScroll} {Block:IfShowCopyrightYears} © {CopyrightYears} {/Block:IfShowCopyrightYears} {block:TagPage} Posts tagged with "#{Tag}" {/block:TagPage} {block:SearchPage} {block:SearchResults} {SearchResultCount} result(s) for "{SearchQuery}" {/block:SearchResults} {block:NoSearchResults} Sorry no results for "{SearchQuery}" {/block:NoSearchResults} {/block:SearchPage} {block:Posts} {block:Text} {block:Title} {Title} {/block:Title} {Body} {/block:Text} {block:Photo} {block:IndexPage} {Block:ifSwitchPhotoGradientStyle} {block:Date} {block:NoteCount}{NoteCount}{/block:NoteCount} {DayOfMonthWithZero} {ShortMonth}, {Year} PermalinkReblog {/block:Date} {/Block:ifSwitchPhotoGradientStyle} {Block:ifNotSwitchPhotoGradientStyle} Reblog Permalink {block:NoteCount} notes {NoteCount} {/block:NoteCount}{block:Date} date {DayOfMonthWithZero}-{MonthNumberWithZero}-{Year} {/block:Date} {/Block:ifNotSwitchPhotoGradientStyle} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {/block:Photo} {block:Photoset} {block:Photos} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {/block:Photos} {/block:Photoset} {block:Quote} ,, {Quote} {block:Source} {Source} {/block:Source} {/block:Quote} {block:Link} {Name} {block:Description} {Description} {/block:Description} {/block:Link} {block:Audio} {block:TrackName} {TrackName} {/block:TrackName} {block:Artist} {Artist} {/block:Artist} {Block:IfNotPostSizeSmall}{block:PlayCount} {PlayCountWithLabel} {/block:PlayCount}{/Block:IfNotPostSizeSmall} {AudioPlayerWhite} {block:AlbumArt} {/block:AlbumArt} {/block:Audio} {block:Chat} {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} {Label} {/block:Label} {Line} {/block:Lines} {/block:Chat} {block:Video} {block:IndexPage} {Video-250} {/block:IndexPage} {block:PermalinkPage} {Video-500} {/block:PermalinkPage} {/block:Video} {block:Answer} Message from {Asker} {Question} Answer: {Answer} {/block:Answer} {block:IndexPage} {block:Date} P R {block:RebloggedFrom} S{/block:RebloggedFrom} {/block:Date} {/block:IndexPage} {Block:IfShowPostInfo} {block:Date} {Block:IfShowPhotoPostCaptions} {block:Caption} {Caption} {/block:Caption} {/Block:IfShowPhotoPostCaptions} {block:NoteCount} {NoteCount}N {/block:NoteCount} {DayOfMonth} {ShortMonth}, {Year} {/block:Date} {/Block:IfShowPostInfo} {block:PermalinkPage} {block:Date} {block:Caption} {Caption} {/block:Caption} {block:NoteCount} notes{NoteCountWithLabel} {/block:NoteCount} Posted{DayOfMonthWithZero} {Month} {Year} {block:RebloggedFrom} source {ReblogRootName} {/block:RebloggedFrom} {block:HighRes} size High-Res {/block:HighRes} {block:ExternalAudio} audio file Download {/block:ExternalAudio} {block:PostNotes} {PostNotes-64} {/block:PostNotes} {block:HasTags} {block:Tags} #{Tag} {/block:Tags} {/block:HasTags} {/block:Date} {/block:PermalinkPage} {/block:Posts} {block:Pagination} {block:NextPage}{/block:NextPage} {/block:Pagination} {block:IndexPage} $(window).load(function(){ var $wall = $('#content'); $wall.imagesLoaded( function(){ $wall.masonry({ itemSelector: "#post.{select:Post Size}, #other-pages.{select:Post Size}", //columnWidth: "#post.width-{select:Post Size}", gutter: "#post.{select:Post Spacing}, #other-pages.{select:Post Spacing}", isFitWidth: true, }); }); {block:ifInfiniteScroll} $wall.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : "#post.{select:Post Size}", behavior : 'twitter', extraScrollPx: 50, bufferPx : 5000, loadingImg : "", loadingText : "", donetext : "" }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wall.masonry( "appended", $newElems, true ); }); $('.audio').each(function(){ var audioID = $(this).attr("id"); var $audioPost = $(this); $.ajax({ url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID, dataType: 'jsonp', timeout: 50000, success: function(data){ $audioPost.find('#audio_player_'+audioID).replaceWith('

' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +' ');} }); }); });{/block:ifInfiniteScroll} $(document).load(function(){ e.preventDefault(); $wall.infinitescroll('retrieve'); }); $('#load').click(function(){ $(document).trigger('retrieve.infscr'); return false; }); }); {/block:IndexPage} $("#caption p").remove(":contains('Source:')"); $("#caption p").remove(":contains('(via')"); $(".custom-links").click(function () { $("#custom-links").slideToggle("slow"); $("#custom-pages, #description-box").slideUp("slow"); }); $(".custom-pages").click(function () { $("#custom-pages").slideToggle("slow"); $("#custom-links, #description-box").slideUp("slow"); }); $(".description-link").click(function () { $("#description-box").slideToggle("slow"); $("#custom-links, #custom-pages").slideUp("slow"); }); $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#up').click(function() { $('body,html').animate({scrollTop:0},800); }); });

17.3K posts

Trending Blogs

Recently Viewed Blogs

ce·les·tial