Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme: breezeblocks 2.0
- - sorrism -
- -->
- <!DOCTYPE html>
- <head>
- <title>ᴘᴏᴡ!{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}</title>
- <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icon_dnnico.jpg">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--- popup ---->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!--- no more popup ---->
- <!--Default Variables-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#aaaaaa"/>
- <meta name="color:Link" content="#777777"/>
- <meta name="color:Link Hover" content="#eeeeee"/>
- <meta name="color:Blog Title" content="#bbbbbb"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="color:Scrollbar" content="#aaaaaa" />
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="color:Posts" content="#ffffff"/>
- <meta name="color:Accents" content="#fbfbfb"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Sidebar Text" content="#aaaaaa"/>
- <meta name="color:Search Bar" content="#ffffff"/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="if:Hide Captions" content="0"/>
- <meta name="if:Hide Tags" content="0"/>
- <meta name="if:Search Bar" content="0"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Small Sidebar Image" content="1"/>
- <meta name="if:Stretch Background" content="1"/>
- <meta name="text:Home Title" content="Index"/>
- <meta name="text:Ask Title" content="Message"/>
- <meta name="text:Archive Title" content="Archive"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Post Spacing" content="80"/>
- <meta name="select:Sidebar Position" content="left" title="Left"/>
- <meta name="select:Sidebar Position" content="right" title="Right"/>
- <meta name="select:Post Width" content="200" title="200px"/>
- <meta name="select:Post Width" content="250" title="250px"/>
- <meta name="select:Post Width" content="300" title="300px"/>
- <meta name="select:Post Width" content="350" title="350px"/>
- <meta name="select:Post Width" content="400" title="400px"/>
- <meta name="select:Post Width" content="450" title="450px"/>
- <meta name="select:Post Width" content="500" title="500px"/>
- <meta name="select:Post Width" content="540" title="540px"/>
- <!--css-->
- <link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
- <style type="text/css">
- @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
- @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
- @font-face { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format(“truetype”);}
- @font-face {font-family: 'kimono geo'; src: url('https://dl.dropboxusercontent.com/s/eg4orizl4wzn45l/kimonog_.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family:"american purpose"; src: url('https://dl.dropboxusercontent.com/s/fvrvyhhris0b2b0/american%20purpose.ttf'); format(“truetype”);}
- @font-face { font-family:"learning curve"; src: url('https://dl.dropboxusercontent.com/s/4a65w8487t5ttl6/learningcurve.ttf'); format(“truetype”);}
- /*tumblr controls and lightbox*/
- iframe#tumblr_controls {
- white-space:nowrap!important;
- top:5px!important;
- right:5px!important;
- opacity:.4!important;
- -webkit-filter:invert(70%)!important;
- -moz-filter:invert(70%)!important;
- -ms-filter:invert(70%)!important;
- -o-filter:invert(70%)!important;
- filter:invert(70%)!important;
- position:fixed!important;
- }
- #tumblr_lightbox {
- background-color:rgba({RGBcolor:background}, .9)!important;
- z-index:99999!important;
- }
- #tumblr_lightbox img {
- opacity:0;
- border:3px solid {color:posts}!important;
- margin-top:-3px!important;
- margin-left:-3px!important;
- }
- #tumblr_lightbox_caption {
- color:black!important;
- font-family:arial!important;
- font-size:10px!important;
- font-weight:normal!important;
- text-shadow:none!important;
- }
- #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
- -moz-box-shadow:none!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- -moz-border-radius:3px!important;
- -webkit-border-radius:3px!important;
- border-radius:3px!important;
- opacity:1!important;
- }
- #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
- /*tooltip*/
- .ui-tooltip {
- position:Absolute;
- z-index:99999999999999999999999;
- padding-top:10px;
- }
- .ui-tooltip-content {
- background:{color:posts};
- padding:2px 5px;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- border:1px solid {color:borders};
- font-family:trebuchet ms;
- border-radius:3px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- }
- /*scrollbar*/
- ::-webkit-scrollbar {
- height:2px;
- width:4px;
- background:inherit;
- }
- ::-webkit-scrollbar-thumb{
- border-radius:3px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- background:{color:scrollbar};
- }
- /*general*/
- body {
- background:{color:background} url('https://41.media.tumblr.com/68f115cee568439ec06c1b875175a7aa/tumblr_inline_nrtlfjbGdD1tr6awo_540.png') center center fixed repeat;
- color:{color:text};
- font-family:arial;
- font-size:9px;
- text-align:left;
- word-wrap:break-word;
- position:relative;
- margin:0;
- line-height:1.5em;
- }
- img {
- opacity:1;
- border:0!Important;
- text-decoration:none;
- }
- h1, h2, h3, h4 {
- font-weight:normal;
- color:{color:title};
- }
- b, strong, b a, strong a {
- color:{color:title}!important;
- font-size:10px;
- }
- i, em {
- font-family:'learning curve';
- font-size:22px;
- }
- p {margin:5px 0;}
- p:first-of-type {margin-top:0;}
- p:last-of-type {margin-bottom:0;}
- ul, ol {
- list-style:none;
- margin:.5em 0;
- padding:0;
- }
- li {
- font-size:7px;
- letter-spacing:0px;
- text-transform:uppercase;
- padding-left:25px;
- position:relative;
- }
- li:before, li:before {
- content:'';
- height:1px;
- background:{color:borders};
- position:absolute;
- width:15px;
- top:6px;
- margin-left:-25px;
- }
- .chat li:before, .same li:before {display:none!important;}
- small, big, sub {font-size:1em;}
- a {
- color:{color:link};
- cursor:help;
- text-decoration:none;
- transition:all .4s ease-in-out;
- -webkit-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- -moz-transition:all .4s ease-in-out;
- }
- a:hover {
- color:{color:link hover};
- text-decoration:none;
- }
- .ped a, nav a, .caption a {position:relative;}
- .ped a:before, .nav a:before, .caption a:before {
- position:absolute;
- left:0;
- width:0;
- background:{color:link hover};
- height:1px;
- content:'';
- top:100%;
- transition:all .4s ease-in-out;
- -webkit-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- -moz-transition:all .4s ease-in-out;
- }
- .ped a:hover::before, nav a:hover::before, .caption a:hover::before {width:100%;}
- blockquote {
- margin:5px 0;
- padding:3px 0 3px 15px;
- border-left:1px solid #d6bdc1;
- }
- pre {
- width:{select:post width}px!important;
- overflow-x:scroll;
- word-break:break-all;
- font-family:verdana, arial;
- font-size:1em;
- background:transparent;
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- .c {
- text-transform:uppercase;
- font-size:7px;
- font-family:trebuchet ms;
- letter-spacing:1px;
- }
- /*aside*/
- aside {
- width:180px;
- background:transparent;
- bottom:30px;
- left:400px;
- color:{color:sidebar text};
- position:fixed;
- -webkit-animation-name: fade-in;
- -webkit-animation-duration: 1.5s;
- border-radius:3px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- }
- aside a {color:{color:sidebar text};}
- #te {
- display:block;
- font-style:italic;
- color:#fff;
- font-weight:bold;
- background:transparent;
- position:relative;
- text-align:center;
- font-size:23px;
- text-shadow:1px 2px 1px {color:Blog title};
- padding:5px;
- margin-top:5px;
- }
- #d {
- padding-top:10px;
- border:1px solid {color:borders};
- padding:5px;
- background:#fff;
- margin:0px 0;
- font-family:'wendy';
- font-size:10px;
- }
- .w {color:#fff;}
- prof {
- display:none;
- width:100%;
- height:100%;
- left:0px;
- bottom:0px;
- background:{color:background} url('https://41.media.tumblr.com/68f115cee568439ec06c1b875175a7aa/tumblr_inline_nrtlfjbGdD1tr6awo_540.png') center center fixed repeat;
- z-index:10;
- position:fixed;
- }
- .prl {
- width:100%;
- height:100%;
- left:0px;
- bottom:0px;
- z-index:10;
- position:fixed;
- }
- .hef {
- position:absolute;
- left:50%;
- z-index:11;
- width:350px;
- padding:10px;
- border:1px solid {color:borders};
- top:50%;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- background:{color:posts};
- transform: translate(-50%,-50%);
- -webkit-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- -moz-transform: translate(-50%,-50%);
- }
- .some {
- max-height:400px;
- overflow-y:auto;
- }
- .some::-webkit-scrollbar {width:2px;}
- .l1 {
- position:fixed;
- background:#fff;
- bottom:0px;
- left:0px;
- height:30px;
- width:100%;
- }
- .l2 {
- position:fixed;
- background:#fff;
- top:0px;
- left:0px;
- height:30px;
- width:100%;
- }
- .l3 {
- position:fixed;
- background:#fff;
- bottom:0px;
- left:0px;
- height:100%;
- width:30px;
- }
- .l4 {
- position:fixed;
- background:#fff;
- bottom:0px;
- right:0px;
- height:100%;
- width:30px;
- }
- nav {
- margin-top:0px;
- margin-left:5px;
- }
- nav span {
- font-weight:bold;
- font-family:arial;
- display:block;
- height:14px;
- width:14px;
- line-height:12px;
- text-align:center;
- background:{color:accents};
- margin-right:10px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- nav a {
- display:inline-block;
- font-style:italic;
- color:#fff;
- text-shadow:1px 2px 1px {color:Blog title};
- font-size:13px;
- padding:2px 3px;
- }
- nav a:hover {
- color:#d6bdc1;
- }
- nav a:last-of-type {padding-bottom:0;}
- .eek {
- display:inline-block;
- margin:-9px -9px 5px -9px;
- {block:ifsmallsidebarimage}
- position:absolute;
- left:-60px;
- top:0px;
- margin:0 auto;
- {/block:ifsmallsidebarimage}
- }
- .sound {
- top:10px;
- margin-left:5px;
- width:25px;
- height:25px;
- background:#fff;
- overflow:hidden;
- }
- .sn {
- overflow:hidden;
- position:fixed;
- z-index:99999;
- width:24px;
- height:24px;
- background-color:transparent;
- z-index:999999999999999999999999;
- }
- .snd {
- margin-top:5px;
- margin-left:-28px;
- opacity:1;
- }
- /*pagination*/
- #pagination {
- {block:ifinfinitescroll}
- display:none;
- {/block:ifinfinitescroll}
- }
- #pagination {
- text-align:center;
- margin:0 auto 100px auto;
- -webkit-animation-name: fade-in;
- -webkit-animation-duration: 1.5s;
- }
- #pagination a {
- display:inline-block;
- margin:0 5px;
- color:{color:text};
- }
- #infscr-loading {display:none!important;}
- .nice {
- position:fixed;
- left:40px;
- top:8px;
- text-transform:uppercase;
- z-index:6;
- font-size:8px;
- line-height:100%;
- text-align:center;
- background:transparent;
- }
- /*posts*/
- #entries {
- width:calc({select:post width}px + 20px);
- margin-top:80px;
- margin-left:650px;
- {block:permalinkpage}
- margin-bottom:100px;
- {/block:permalinkpage}
- }
- .posts {
- -webkit-animation-name: fade-in;
- -webkit-animation-duration: 1.5s;
- width:{select:post width}px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- position:relative;
- padding:3px;
- border:1px solid {color:borders};
- background:{color:posts};
- margin-bottom:{text:post spacing}px;
- display:inline-block;
- }
- .posts li, .posts blockquote, .posts img {max-width:100%;}
- .posts blockquote img {max-width:100%;}
- .photo img, .posts iframe {
- display:block;
- margin:0;
- width:{select:post width}px;
- }
- .photo img {
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .ped img {
- max-width:calc({select:post width}px - 30px);
- height:auto;
- }
- .ped iframe {max-width:calc({select:post width}px - 30px);}
- .set {
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- overflow:hidden;
- }
- .ped {padding:15px;}
- #youtube_iframe {
- display:block;
- max-height:calc({select:post width}px * 0.67);
- max-width:{select:post width}px;
- }
- .vi iframe, .tumblr_video_container {
- display:block;
- max-height:{select:post width}px;
- max-width:{select:post width}px;
- }
- .instagram-media {max-height:none!important;}
- a.tumblr_blog {
- display:inline-block;
- margin-bottom:3px;
- color:{color:text};
- }
- a.tumblr_blog:hover {color:{color:link hover};}
- /*titles*/
- #title {
- color:{color:title};
- font-size:13px;
- font-weight:normal;
- font-family:'kimono geo';
- padding:15px;
- }
- #title a {
- color:{color:title};
- font-style:normal;
- }
- .ed {border-top:1px solid {color:borders};}
- /*captions*/
- .caption {
- padding:15px;
- margin-top:3px;
- border-top:1px solid {color:borders};
- {block:indexpage}
- {block:ifhidecaptions}
- display:none;
- {/block:ifhidecaptions}
- {/block:indexpage}
- }
- /*quotes*/
- #titlequote{
- font-size:15px;
- font-family:'alexbrush';
- font-weight:normal;
- padding:10px;
- font-style:normal;
- }
- #source {
- line-height:30px;
- height:30px;
- padding-bottom:3px;
- position:Relative;
- overflow-y:hidden;
- display:block;
- overflow-x:auto;
- border-bottom:1px solid {color:borders};
- }
- #source .fa {
- background:{color:accents};
- font-weight:normal;
- float:left;
- width:30px;
- line-height:30px;
- text-align:center;
- display:inline-block;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- #source .qe {
- padding:0 10px;
- font-family:'gasara';
- font-size:8px;
- line-height:30px;
- height:30px;
- display:block;
- margin-left:33px;
- background:{color:accents};
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- #source a {color:{color:text};}
- #source a:hover {color:{color:link hover};}
- /*asks*/
- .q {
- padding:10px;
- background:{color:accents};
- font-family:'gasara';
- font-size:8px;
- margin-left:38px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .as {
- float:left;
- position:relative;
- background:{color:accents};
- height:35px;
- width:35px;
- text-align:center;
- line-height:35px;
- font-size:10px;
- font-weight:bold;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .as i {line-height:35px;}
- .as img {
- display:block;
- position:absolute;
- top:0;
- left:0;
- height:35px;
- width:35px;
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- }
- .cl {
- margin-top:3px;
- float:right;
- }
- .reb {margin:3px 38px 3px 0;}
- .reb img {max-width:100%;}
- /* Popup Box */
- .popup_block{
- display:none;
- background:#fff;
- text-align:justify;
- padding:20px;
- font-size:8px;
- color:#000;
- border:1px solid #000;
- float:left;
- position:fixed;
- text-transform:uppercase;
- top:50%;left:50%;
- z-index: 9999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:999;
- background:#fff;
- background-image: url('https://41.media.tumblr.com/68f115cee568439ec06c1b875175a7aa/tumblr_inline_nrtlfjbGdD1tr6awo_540.png');
- }
- /*chat*/
- .chat {
- padding:0;
- margin:0;
- list-style:none;
- }
- .line.odd {background:{color:accents};}
- .line {
- padding:10px;
- letter-spacing:0;
- position:relative;
- text-transform:none;
- font-size:9px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .label {
- font-weight:bold;
- color:{color:title};
- }
- /*audio*/
- .audio_info {
- margin-left:48px;
- padding:0 10px;
- line-height:45px;
- height:45px;
- position:relative;
- display:block;
- overflow-y:hidden;
- overflow-x:auto;
- background:{color:Accents};
- }
- .tumblr_audio_player {
- width:400px;
- height:30px;
- }
- .player {
- width:25px;
- overflow:hidden;
- height:25px;
- top:3px;
- position:absolute;
- left:3px;
- z-index:2;
- border:7px solid white;
- border-top-width:5px;
- border-bottom-width:9px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- opacity:0;
- transition:all .4s ease-in-out;
- -webkit-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- -moz-transition:all .4s ease-in-out;
- }
- .pl:hover .player {opacity:1;}
- .pl img {
- position:absolute;
- height:45px;
- width:45px;
- top:0;
- left:0;
- z-index:1;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- display:block;
- }
- .pl {
- float:left;
- position:relative;
- background:{color:accents};
- height:45px;
- width:45px;
- text-align:center;
- line-height:45px;
- font-size:10px;
- font-weight:bold;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .pl i {line-height:45px;}
- /*permalink and notes*/
- #permalink {
- word-break:break-word;
- height:auto;
- margin-top:3px;
- border-top:1px solid {color:borders};
- }
- #permalink a {color:{color:text};}
- #permalink a:hover {color:{color:link hover};}
- #permalink .cool {
- display:block;
- line-height:15px;
- border-bottom:1px solid {color:borders};
- padding:3px 0;
- }
- #permalink .cool:last-of-type {
- border:0;
- padding-bottom:0;
- }
- #permalink .cool i {
- display:inline-block;
- background:{color:accents};
- font-weight:bold;
- line-height:15px;
- float:left;
- text-align:center;
- font-size:7px;
- margin-right:3px;
- width:15px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- #permalink .not {
- margin-left:18px;
- display:block;
- }
- {block:indexpage}
- .tags {
- word-break:break-word;
- padding:3px 0 0px 0px;
- border-top:1px solid {color:borders};
- text-align:center;
- line-height:15px;
- margin-top:3px;
- }
- .crash {margin:0!important;}
- .posts:hover .tags {opacity:1;}
- .tags a {margin:0 3px;}
- .tags a:after {content:'';}
- .tags a:last-child:after {display:none!important;}
- .tags i {
- display:inline-block;
- background:transparent;
- font-weight:bold;
- line-height:15px;
- text-align:center;
- font-size:7px;
- margin-right:3px;
- width:17px;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- {/block:indexpage}
- .tags a {color:{color:text};}
- .tags a:hover {color:{color:link hover};}
- .annoy {
- position:absolute;
- bottom:1px;
- width:25px;
- }
- .posts:hover .annoy a {opacity:1}
- .posts.right .annoy {left:-28px;}
- .posts.left .annoy {right:-28px;}
- .annoy a {
- margin-bottom:3px;
- width:5px;
- text-align:center;
- line-height:23px!important;
- height:5px;
- text-align:center;
- font-weight:bold;
- color:{color:text};
- background:transparent;
- display:block;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .annoy i {line-height:23px;}
- .annoy a:hover {background:{color:accents};}
- /*notes*/
- .t {color:{color:title};}
- modal {
- display:none;
- width:100%;
- height:100%;
- left:0px;
- bottom:0px;
- background:{color:background};
- z-index:10;
- position:fixed;
- }
- .off {
- width:100%;
- height:100%;
- left:0px;
- bottom:0px;
- z-index:10;
- position:fixed;
- }
- .me {
- position:absolute;
- left:50%;
- z-index:11;
- width:{select:post width}px;
- padding:3px;
- border:1px solid {color:borders};
- top:50%;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- background:{color:posts};
- transform: translate(-50%,-50%);
- -webkit-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- -moz-transform: translate(-50%,-50%);
- }
- .same {
- max-height:300px;
- overflow-y:auto;
- }
- .same::-webkit-scrollbar {width:2px;}
- .same ol {
- margin:0;
- padding:0;
- }
- .same img {display:none!important;}
- .same li {
- list-style-type:none;
- text-align:left;
- padding:5px;
- margin:0;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- }
- .same li:nth-child(odd) {background:{color:accents};}
- .more_notes_link {
- display:block;
- border-bottom:0;
- text-align:left;
- color:{color:title};
- }
- {customCss}
- /* photoset by pixelunion */
- .clearit:before, .clearit:after {
- content: "";
- display: table;
- }
- .clearit:after {clear: both;}
- .clearit { *zoom: 1; }
- /* Photoset */
- .photo-slideshow {visibility:hidden;}
- .photo-slideshow.processed {
- visibility:visible;
- margin:0;
- display:block;
- }
- .photo-slideshow a {border:0;}
- .photo-slideshow .row {
- clear:both;
- width:100%;
- }
- .photo-slideshow .row:last-of-type {margin-bottom:0!important;}
- .photo-slideshow .pxu-photo {
- display:block;
- float:left;
- margin-bottom: 0;
- width: 100%;
- overflow: hidden;
- }
- .photo-slideshow .pxu-photo img {display: block;}
- .photo-slideshow.processed .pxu-photo img {
- width: 100%;
- height: auto;
- display:block;
- }
- .photo-slideshow .pxu-photo:first-child img {margin-left: 0;}
- .photo-slideshow .count-1 {width: 100%;}
- .photo-slideshow .count-2 {width: 50%;}
- .photo-slideshow .count-3 {width: 33.33%;}
- .photo-slideshow .count-4 {width: 25%;}
- .photo-slideshow .count-5 {width: 20%;}
- .photo-slideshow .info {display: none;}
- /* Icons for EXIF Data and Zoom */
- .photo-data {
- position: relative;
- float: left;
- }
- .icons {display:none;}
- .icons > span, .icons .tumblr-box span {display:none;}
- .zoom {display:none;}
- .info {display:none;}
- /* EXIF & CAPTION Data Tooltip */
- .pxu-data {display:none;}
- .pxu-caption {display:none;}
- .pxu-data table {display:none;}
- .tumblr-box {
- display:block;
- position:absolute;
- top:0;
- right:0;
- bottom:0;
- left:0;
- z-index:1;
- }
- @-webkit-keyframes fade-in {
- 0% { opacity: 0; }
- 50% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @-webkit-keyframes fade-in {
- 0% { opacity: 0; }
- 50% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @-moz-keyframes fade-in {
- 0% { opacity: 0; }
- 50% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @keyframes fade-in {
- 0% { opacity: 0; }
- 50% { opacity: 0; }
- 100% { opacity: 1; }
- }
- #top {
- position:fixed;
- left:0;
- right:0;
- top:0;
- z-index:12;
- background:{color:search bar};
- height:35px;
- border-bottom:1px solid {color:borders};
- }
- input[type="search"] {
- -webkit-appearance:textfield;
- -moz-box-sizing:content-box;
- -webkit-box-sizing:content-box;
- box-sizing:content-box;
- }
- input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
- .search-form {
- border:none;
- display:block;
- width:120px;
- position:Relative;
- margin-left:5px;
- height:25px!important;
- margin-top:5px;
- }
- .search-form input {
- width:120px;
- position:Relative;
- padding:0 5px!important;
- height:25px!important;
- line-height:25px!important;
- font-size:7px;
- background:{color:accents};
- text-transform:uppercase;
- font-family:trebuchet ms;
- letter-spacing:1px;
- display:block;
- outline:none;
- border:0;
- transition:0.8s;
- -o-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -moz-transition-duration:0.8s;
- }
- .search-form input[type=text] {color:{color:text};}
- .search-form input:focus{
- outline:none;
- width:200px;
- transition:0.8s;
- -o-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -moz-transition-duration:0.8s;
- }
- input::-webkit-input-placeholder {color:{color:text};}
- input::-moz-placeholder {color:{color:text};}
- input:-moz-placeholder {color:{color:text};}
- input:-ms-input-placeholder {color:{color:text};}
- </style>
- <div id="woollim" class="popup_block">
- <div style="height:80px; overflow: auto;">
- <center><div style="font-family:'arial';font-size:30px;font-weight:bold;font-style:italic; color:#ffffff; text-shadow:-3px 3px #222222;margin-bottom:0px;"><br>WOOLLIM<a href="http://woollimrp.tumblr.com/" title="woollimrp"><font color="#222">.</font></a></div><br><br><br>INFINITE.<br><br><a href="http://89sg.tumblr.com/" title="sunggyu"><font color="#222">KSG</font></a>. <a href="http://93yja.tumblr.com/tagged/in.finite" title="where are you, dongwoo oppa?"><font color="#222">JDW</font></a>. <a href="http://nwhvn.tumblr.com/" title="woohyun"><font color="#222"><font color="#222">NWH</font></a>. <a href="http://93yja.tumblr.com/tagged/in.finite" title="where are you, hoya oppa?"><font color="#222">LHW</font></a>. <a href="http://sngyeols.tumblr.com/" title="sungyeol"><font color="#222">LSY</font></a>. <a href="http://93yja.tumblr.com/tagged/in.finite" title="where are you, myungsoo oppa?"><font color="#222">KMS</font></a>. <a href="http://93yja.tumblr.com/tagged/in.finite" title="where are you, sungjong-ah?"><font color="#222">LSJ</font></a>.</center>
- <span class="txt" style="width: 50px;">
- </div>
- </div>
- <div id="lvlz" class="popup_block">
- <div style="height:220px; overflow: auto;">
- <center><img src="https://38.media.tumblr.com/90d772c85bc105af342c20973c774cad/tumblr_inline_o0td4fC46J1tigv9v_500.gif" style="height:auto; width:auto;"><br><br><a href="http://bbsovl.tumblr.com/" title="babysoul"><font color="#222">LSJ</font></a>. <a href="http://93yja.tumblr.com/tagged/%28-jiae.-%29" title="das me!"><font color="#222">YJA</font></a>. <a href="http://sejiseu.tumblr.com/" title="jisoo"><font color="#222"><font color="#222">SJS</font></a>. <a href="http://mijvliete.tumblr.com/" title="mijoo"><font color="#222">LMJ</font></a>. <a href="http://keibbm.tumblr.com/" title="kei"><font color="#222">KJY</font></a>. <a href="http://myvngexn.tumblr.com/" title="jin."><font color="#222">PME</font></a>. <a href="http://svjevng.tumblr.com/" title="sujeong"><font color="#222">RSJ</font></a>. <a href="http://jngyen.tumblr.com/" title="yein"><font color="#222">JYI</font></a></center>
- <span class="txt" style="width: 50px;">
- </div>
- </div>
- <div id="friends" class="popup_block">
- <div style="height:190px; overflow: auto;">
- <center><div style="font-family:'arial';font-size:30px;font-weight:bold;font-style:italic; color:#ffffff; text-shadow:-3px 3px #f0bfb3;margin-bottom:0px;"><br>treasures.</div><br><br>Walking with a friend in the dark<br> is better than walking in the light alone.<br><br><a href="http://yeirn.tumblr.com/" title="lil troll"><img src="https://40.media.tumblr.com/aa225c8691bb5540d5d6175bfa09c204/tumblr_inline_o0dol8xN6J1tigv9v_500.png" /></a><a href="http://prkjn.tumblr.com/" title="ugly bae."><img src="https://41.media.tumblr.com/f629821ce8f6c374ff9aa6412bf22091/tumblr_inline_o0dolbMXrQ1tigv9v_500.png" style="line-height: 1.4;" /></a><a href="http://keaun.tumblr.com/" title="bubbles."><img src="https://40.media.tumblr.com/d9ad05ca5705edff54eed949861e59e5/tumblr_inline_o0dolq5z2E1tigv9v_500.png" /></a><br><a href="http://jvngtaekwvn.tumblr.com/" title="leo oppa."><img src="https://40.media.tumblr.com/14527de2329c34c2d0c6f89923685211/tumblr_inline_o0dolkRtBO1tigv9v_500.png" style="line-height: 1.4;" /></a><a href="http://ohxhxyoung.tumblr.com/" title="cutiepie."><img src="https://40.media.tumblr.com/98afb4f8ebfc8a692947028486c6227c/tumblr_inline_o0dolwzsew1tigv9v_500.png" /></a><a href="http://cvntagivus.tumblr.com/" title="lilypad."><img src="https://41.media.tumblr.com/cd5b8076dbd160f7e0ca7be8665f0de0/tumblr_inline_o0dolzFDBA1tigv9v_500.png" style="line-height: 1.4;" /></a></center>
- <span class="txt" style="width: 50px;">
- </div>
- </div>
- <body>
- <aside class="{select:sidebar position}">
- <div style="position:fixed; background:transparent; margin-left:-225px; margin-top:-270px;"><img src="http://o.aolcdn.com/hss/storage/fss/6141b788c9b932c00acd0835af14a069/tumblr_nx77q4QnGO14u2ju4io1_500.png" style="height:auto; width:auto;"></div>
- <div id="te" href="/">유지애 : 1993</div>
- <div id="d">
- Yoo Jiae — Vocalist and visual of Woollim's girl group, Lovelyz. Born May 21st, blood type A. Quoted, she can live on ice cream for 365 days of the year and never get tired of it.
- </div>
- <nav class="c">
- <a href="/" title="Home">01.</a>
- <a href="/ask" title="Inbox">02.</a>
- <a class="w" title="About">03.</a>
- <a href="/mun" title="Mun notes">04.</a>
- </nav>
- </aside>
- <div class="sound">
- <div class="sn">
- <div class="snd">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="75" height="27">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/7cgdgghso7/05_Love_Me_Like_You_Do_From_Fifty.mp3&width=77&height=20&volume=70&autoplay=1&loop=1&shuffle=2&showslider=0&buttonwidth=27&loadingcolor=0a0a0a&bgcolor=ffffff&bgcolor1=ffffff&bgcolor2=ffffff&buttoncolor=121212&buttonovercolor=d6bdc1&showlist=0&showplaylistnumbers=0" /></object>
- </div>
- </div>
- </div>
- <div class="l1"></div>
- <div class="l2"></div>
- <div class="l3"></div>
- <div class="l4"></div>
- <section id="entries">
- {block:Posts}
- <article class="posts {select:sidebar position}">
- {block:Quote}{block:Source}<div id="source"><i class="fa fa-quote-left"></i><span class="c qe">{Source}</span></div>{/block:Source}<div id="titlequote" class="ped">{Quote}</div>{/block:Quote}
- {block:Text}
- {block:Title}<div id="title">{Title}</div>{/block:Title}
- <div class="ped ek {block:title}ed{/block:title}">{Body}</div>
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="ped ed">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="title">{Title}</div>{/block:Title}
- <ol class="chat {block:title}ed{/block:title}">
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label c">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol>
- {/block:Chat}
- {block:Photo}<div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" id="photo_{PostID}"/></div>
- {/block:Photo}
- {block:Photoset}<div class="set"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
- {/block:Photoset}
- {block:Answer}
- <div class="as">?<a href="{askerurl}"><img src="{askerportraiturl-64}"/></a></div><div class="q ped"><div style="font-family:'learning curve'; font-size:24px;">{asker}</div></br>{Question}</div>
- {block:Answerer}<div class="as cl"><img src="{answererportraiturl-64}"/></div><div class="reb q"><b>{answerer} replied: </b>{Answer}</div>{/block:Answerer}
- <div class="a ped" {block:Answerer}style="padding:0"{/block:Answerer}>{replies}</div>
- {/block:Answer}
- {block:Video}<div class="vi">{Video-500}</div>{/block:Video}
- {block:Audio}
- {block:AudioPlayer}<div class="pl">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}<i class="fa fa-music"></i><div class="player">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}<div class="audio_info c">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
- {/block:Audio}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}
- <div class="tags">
- {block:indexpage}<a href="{Permalink}" title="{timeago}"><i class="fa fa-clock-o"></i></a>{block:NoteCount}<a href="{Permalink}" title="{NoteCountwithlabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount}{block:HasTags}<a title="{block:Tags} #{Tag}{/block:Tags}" class="c"><i class="fa fa-tag"></i></a>{/block:HasTags}<a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a></div>{/block:indexpage}
- {block:permalinkpage}<div id="permalink" class="c"><span class="cool"><i class="fa fa-clock-o"></i><span class="not">posted on {month} {dayofmonth}{dayofmonthsuffix}, {year} at {12hour}:{minutes}{ampm}</span></span>{block:RebloggedFrom}<span class="cool"><i class="fa fa-location-arrow"></i><span class="not">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} — source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span></span>{/block:RebloggedFrom}{block:HasTags}<span class="tags cool"><i class="fa fa-tag"></i><span class="not">{block:Tags}<a href="{TagUrl}" style="margin-right:3px">#{Tag}</a>{/block:Tags}</span></span>{/block:HasTags}{block:notecount}<span class="cool"><i class="fa fa-heart"></i><span class="not"><a class="t">{notecountwithlabel}</a></span></span>{/block:notecount}</div>{/block:permalinkpage}
- {/block:Date}
- </article>
- {/block:Posts}
- {block:Pagination}<div id="pagination" class="c">{block:previousPage}<a href="{previousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}</div>{/block:Pagination}
- </section>
- <modal><div class="off"></div><div class="me"><div class="same c">{PostNotes}</div></div></modal>
- <prof><div class="prl"></div><div class="hef"><div class="some c">
- <font size="3"><center>BASICS:</center></font></p>
- <li>Full Name: Yoo Jiae. (유지애)</li>
- <li>Date of Birth: May 21th, 1993 </li>
- <li>Current residence: Seoul, South Korea.</li>
- <li>Family: Parents and one older sister.</li>
- <li>Group: Lovelyz.</li>
- <li>Positioin: Vocalist and Visual.</li>
- <br>
- Basic links:</p>
- <a href="/tagged/in.box">Answers</a> ; <a href="/tagged/re:">Replies</a> ; <a href="/tagged/vi.sual">Appearance</a> ; <a href="/tagged/abt.muse">Facts</a> ; <a href="/tagged/.mp3">Music</a> ; <a href="/tagged/in.ner">Inner</a> ; <a href="/tagged/keep.sakes">To be kept</a>.
- </div></div></prof>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '3px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- $('.prl, .w').click(function() {
- $('prof').fadeToggle(500);
- });
- $('.off, .t').click(function() {
- $('modal').fadeToggle(400);
- });
- $(document).tooltip({
- track:true
- });
- $('.up').click(function() {
- $('body, html').animate({scrollTop:0}, 1000);
- });
- });
- </script>
- {block:indexpage}{block:ifinfinitescroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script>
- $(document).ready(function(){
- var $container = $('#entries');
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '#pagination',
- nextSelector: '#next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 100
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '3px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- });
- </script>
- {/block:ifinfinitescroll}{/block:indexpage}
- <div class="nice">theme by <a style="color:#000000; font-weight:bold;" href="http://sorrism.tumblr.com" target="_blank">sorrism</a></br>
- <a href="http://woollimrp.tumblr.com/">Woollim</a> — <a href="http://idollites.tumblr.com/">Idollites</a> — <a href="#?w=350" rel="lvlz" class="poplight" title="ot8">Lovelyz</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement