Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- 017 - the one
- code made by yoonora/exoa
- do not steal.
- -->
- <!DOCTYPE HTML><html><head><title>―{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <meta name="color:main" content="#656565"/>
- <meta name="color:links" content="#3e3e3e"/>
- <meta name="color:background" content="#fafafa"/>
- <meta name="color:1" content="#d5f1ff"/>
- <meta name="color:2" content="#d6feed"/>
- <meta name="color:3" content="#fefefe"/>
- <meta name="color:4" content="#fff9dd"/>
- <meta name="color:5" content="#ffdbdb"/>
- <meta name="color:lines" content="#8f8f8f"/>
- <meta name="color:posts" content="#d6feed"/>
- <meta name="color:container" content="#fbf0ff"/>
- <meta name="image:icon" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:corner image" content=""/>
- <meta name="image:background" content=""/>
- <meta name="select:caption style" content="capt0" title="none">
- <meta name="select:caption style" content="capt1" title="type #1">
- <meta name="select:caption style" content="capt2" title="type #2">
- <meta name="select:caption style" content="capt3" title="type #3">
- <meta name="select:caption style" content="capt4" title="type #4">
- <meta name="select:caption style" content="capt5" title="type #5">
- <meta name="select:post size" content="size1" title="350px">
- <meta name="select:post size" content="size2" title="400px">
- <meta name="select:post size" content="size3" title="450px">
- <meta name="select:post size" content="size4" title="500px">
- <meta name="select:post size" content="size5" title="550px">
- <meta name="select:post info style" content="type1" title="type #1">
- <meta name="select:post info style" content="type2" title="type #2">
- <meta name="select:post info style" content="type3" title="type #3">
- <meta name="if:border" content="1"/>
- <meta name="if:photo filter" content="0"/>
- <meta name="if:fade in posts" content="1"/>
- <meta name="if:posts one color" content="0"/>
- <meta name="if:rounded corners" content="0"/>
- <meta name="if:second style" content="0" />
- <meta name="if:top title" content="1" />
- <meta name="if:top title effect" content="1" />
- <meta name="if:corner image left" content="0" />
- <meta name="text:posts padding" content="20px"/>
- <meta name="text:desc padding" content="20px"/>
- <meta name="text:background size" content="auto"/>
- <meta name="text:background position" content="top center"/>
- <meta name="text:title" content=""/>
- <meta name="text:title font size" content="50px"/>
- <meta name="text:title text stroke" content="2px"/>
- <meta name="text:updates" content="updates box"/>
- <meta name="text:extra box" content="delete this text if you dont want this box"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content=""/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6" content=""/>
- <meta name="text:link 6 url" content="/"/>
- <!----------------------------------------STYLESHEETS---->
- <link rel="stylesheet"href="http://static.tumblr.com/j2yc61v/mHco164jf/f.css">
- <link href="http://static.tumblr.com/j2yc61v/Mvfo1jjw5/u.css"rel="stylesheet">
- <!------------------------------------------SCRIPTS---->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <!-------------------------------------------->
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /*--------------------------------MAIN--*/
- ::-webkit-scrollbar-thumb:vertical {background:{color:lines};
- border: 5px solid {color:background};}
- ::-webkit-scrollbar {background:{color:5};
- border: 5.8px solid {color:background};}
- #s-m-t-tooltip{font:9px arial;font-style:italic;font-weight:bold;
- color:{color:main};padding:2px 5px;background-color:{color:3};
- border:1px solid {color:lines};}
- body{background:{color:background} url('{image:background}') fixed;
- overflow-y:auto;overflow-x:hidden;font:11px arial;color:{color:main};}
- a{color:{color:links};text-decoration:none;}
- b, strong {color:{color:main};background:{color:5};}
- i, em {color:{color:main};background:{color:6};}
- #ttbody ul {padding: 0px;margin:0 25px;}
- #ttbody ul li {list-style-type:circle;font:9.5px arial;padding:2px 0;}
- pre{background:{color:3};}
- ::-moz-selection{background-color: {color:5};color:{color:3};}
- ::selection{background-color:{color:5};color:{color:3};}
- #tumblr_lightbox div:nth-child(2) { background:{color:3};}
- #tumblr_lightbox a img {border: 5px solid {color:3};}
- .sd{background:{color:background};border-color:{color:lines};}
- .epd{padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}20px{/block:IfNotPostsPadding};}
- .epd, #p3_uw1{
- {block:IfBorder}border:1px solid {color:lines};{/block:IfBorder}
- {block:IfRoundedCorners}border-radius:20px 20px 0 0;{/block:IfRoundedCorners}}
- .type3 .epd{border-radius:0px;}
- .capt1 .epd{position:relative;}
- .capt2 .epd, .capt3 .epd{position:relative; overflow:hidden;}
- .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- right: 10px!important;top: 10px!important;z-index: 1000009090000000133300!important;opacity:0.5;-webkit-filter: invert(100%);-moz-filter: invert(100%);
- -o-filter: invert(100%);-ms-filter: invert(100%);
- -webkit-transition: opacity 0.7s linear;
- -moz-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
- opacity: 1;
- -webkit-transition: opacity 0.7s linear;
- -moz-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- /*--------------------------------POSTS--*/
- {block:IfNotPostsOneColor}
- #po1 .epd, #po1 #cap1{background:{color:2};}
- #po2 .epd, #po2 #cap1{background:{color:5};}
- #po1 .title{background:{color:1};}#po2 .title{background:{color:4};}
- #po1 #poi1_wr, #po1 #wr3_tg, #po1 #wr3_tgl{background:{color:4};}
- #po2 #poi1_wr, #po2 #wr3_tg, #po2 #wr3_tgl{background:{color:3};}
- #po1 #wrb{background:{color:1};}#po2 #wrb{background:{color:2};}
- #po1 #wr2{background:{color:3};}#po2 #wr2{background:{color:1};}
- #po1 #poi2_wr{background:{color:4};}#po2 #poi2_wr{background:{color:3};}
- #po1 #p2w2_nt, #po1 #p2w2_dt{background:{color:1};}
- #po2 #p2w2_nt, #po2 #p2w2_dt{background:{color:2};}
- #po1 #p2w1_tg{background:{color:5};}#po2 #p2w1_tg{background:{color:4};}
- #po1 #p3_uw1{background:{color:1};}#po2 #p3_uw1{background:{color:2};}
- #po1 #p3_wr2, #po1 #p3_wr2 #wr3_tgl{background:{color:5};}
- #po2 #p3_wr2, #po2 #p3_wr2 #wr3_tgl{background:{color:4};}
- #po1 #p3wr1 #p2w2_nt{background:{color:4};}
- #po2 #p3wr1 #p2w2_nt{background:{color:1};}
- {/block:IfNotPostsOneColor}
- {block:IfPostsOneColor}
- #po1 .epd, #po2 .epd, #wrb, #wr2,#wr3_tg, #wr3_tgl, #poi1_wr, #poi2_wr, #p2w1_tg, #p2w2_nt, #p2w2_dt, #p3_uw1, #p3_wr2, #p3_wr2 #wr3_tgl, #cap1
- {background:{color:posts};}
- {/block:IfPostsOneColor}
- {block:IfBorder}
- #wrl, #wrr, #poi2_li{
- position:absolute;width:1px;height:100%;background:{color:lines};}
- #poi2_li{left:70%;z-index:999999999999999;}
- #wrl{left:40%;}#wrr{left:60%;}
- #poi3 #wrl{left:65%;z-index:99999999999;}
- #poi3 #wrr{left:30%;z-index:99999999999;}
- .prma #caption, #captio3, #p2w1_tg, #si1{border-top:1px solid {color:lines};}
- #prma_tg h8, #prma_rf, #prma_tg, #titlechat, #wr3_rf a {
- border-bottom:1px solid {color:lines};}
- #prma_co2, #sidept2{border-top:1px solid {color:lines};
- border-bottom:1px solid {color:lines};}
- #captio4, #captio5, .prma, .aud td:nth-child(1), .chat, #cap1, #p2_rb, #poi1_wr, #poi2_wr, #p3_wr2, #ttbody blockquote, #cavimu, #topt5 a{
- border:1px solid {color:lines};}
- #topt5 a b{border-right:1px solid {color:lines};}
- {block:IfNotSecondStyle}
- #bgma{border-left:1px solid {color:lines};
- border-right:1px solid {color:lines};}
- {/block:IfNotSecondStyle}
- #fli, #flis{position:absolute;top:0px;height:100%;width:1px;
- background:{color:lines};}
- .size1 #bgma{margin:0 -176px;}.size2 #bgma{margin:0 -201px;}
- .size3 #bgma{margin:0 -226px;}.size4 #bgma{margin:0 -251px;}
- .size5 #bgma{margin:0 -276px;}
- {/block:IfBorder}
- {block:IfNotBorder}
- .size1 #bgma{margin:0 -175px;}.size2 #bgma{margin:0 -200px;}
- .size3 #bgma{margin:0 -225px;}.size4 #bgma{margin:0 -250px;}
- .size5 #bgma{margin:0 -275px;}
- {/block:IfNotBorder}
- /*------#po2{margin:0 0%;} ---*/
- #bgma{position:fixed;top:0px;left:50%;height:100%;background:{color:container};}
- .cont1{position:relative;top:0px;margin:0 auto;}
- #cont{position:relative;top:0px; margin:10% auto 0 auto; }
- .size1 .cont1, .size1 #bgma{width:350px;}
- .size2 .cont1, .size2 #bgma{width:400px;}
- .size3 .cont1, .size3 #bgma{width:450px;}
- .size4 .cont1, .size4 #bgma{width:500px;}
- .size5 .cont1, .size5 #bgma{width:550px;}
- .a{position:relative; top:0px;margin:0px;}
- {block:IfSecondStyle}
- #cont{margin:100px auto 0 auto;background:{color:container};padding:10% 0 0 0;
- {block:IfBorder}border:1px solid {color:lines};{/block:IfBorder}
- {block:IfRoundedCorners}border-radius:20px; {/block:IfRoundedCorners}}
- .cont1{position:relative;margin:100px auto;}
- {/block:IfSecondStyle}
- .posts {position:relative;margin:0 auto;width:80%;text-align:left;
- vertical-align: middle;color:{color:main};
- /*------
- -webkit-animation:fadeIn 0s;
- -moz-animation:fadeIn 0s;
- -o-animation:fadeIn 0s;----*/
- }
- /*-----------------------------POSTS EXTRA #2--*/
- #photoset, #photo{
- {block:IfFadeInPosts}
- {block:IfNotPhotoFilter}
- opacity:.5;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- {/block:IfNotPhotoFilter}
- {/block:IfFadeInPosts}}
- .posts:hover #photoset, .posts:hover #photo{opacity:1;}
- {block:IfPhotoFilter}{block:IndexPage}
- #flit{ opacity:.5;
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);
- filter: gray;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;}
- {/block:IndexPage}{/block:IfPhotoFilter}
- /*-----------------------------POSTS SETTINGS--*/
- .posts a{color:{color:links};font:10.5px arial;font-style:italic;}
- .title{padding:25px 0px;
- {block:IfRoundedCorners}border-radius:15px 15px 0 0;{/block:IfRoundedCorners}}
- #tt, #tt a{font:20px arial;font-weight:bold;font-style:italic;
- margin:0 20px;padding:10px 20px;line-height:150%;
- background:{color:3};color:{color:5};border:1px solid {color:lines};
- text-shadow:-1px -1px 0 {color:main}, 1px -1px 0 {color:main},
- -1px 1px 0 {color:main}, 1px 1px 0 {color:main};}
- #tt a{
- font:16px arial;font-weight:bold;font-style:italic;padding:0px;border:0px;
- }
- #ttbody{position:relative;text-align:left;}
- #ttbody a{background:{color:3};}
- #ttbody blockquote{padding:20px;margin:5px 0;
- background:rgba(255, 255, 255, 0.6);
- {block:IfNotBorder}border:1px solid {color:3};{/block:IfNotBorder}}
- /*--------------------------------POST INFO--*/
- #poi1_wr, #poi2_wr, #p3_wr2{border-top:0px;margin:0 0 20% 0;
- {block:IfRoundedCorners}border-radius:0 0 20px 20px;{/block:IfRoundedCorners}}
- #wr3_notr{position:absolute;width:100%;text-align:center;
- padding:10px 0;top:50%;transform: translateY(-20%);}
- /*--------------*/
- #p2_rb{background:{color:3};}
- #po1 #p2rb{background:{color:1};}
- #po2 #p2rb{background:{color:4};}
- /*------------------------------CAPTIONS-------*/
- {block:IfRoundedCorners}
- #po1 #cap1{border-radius:15px 0 0 15px;}
- #po2 #cap1{border-radius:0 15px 15px 0;}
- {/block:IfRoundedCorners}
- #po1 #po_cap{background:{color:5};}
- #po2 #po_cap{background:{color:4};}
- #captio3, #captio4, #captio5, #cavimu{background:{color:3};}
- #captio5, #cavimu{border-top:0px;}
- #cavimu{display:none;}
- .capt1 #cavimu, .capt2 #cavimu, .capt3 #cavimu, .capt4 #cavimu, .capt5 #cavimu
- {display:block;}
- #p3_uw1{border-bottom:0px;}
- /*--------------------------PERMALINK--------*/
- #co2_dt{background:{color:2};}
- .prma, #noth8 {background:{color:4};}
- .prma #caption{background:{color:1};padding:10px;}
- .prma #caption p, .prma #caption blockquote{display:inline-block;}
- #prma_tg, #prma_not{background:{color:5};}
- #prma_tg h8, #prma_co2, #prma_rf{background:{color:3};}
- .prma{border-top:0px;}
- #noth8{-webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color:{color:4};
- text-shadow: -3px 0px 0px {color:2};}
- .prma{
- margin:0 0 15% 0;
- }
- /*--------------------------------QUOTE--*/
- #quote{color:{color:main};background:{color:4};
- text-shadow:-1.2px -1.2px 0 {color:3}, 1.2px -1.2px 0 {color:3},
- -1.2px 1.2px 0 {color:3}, 1.2px 1.2px 0 {color:3};}
- #qsource{background:{color:3};padding:10px;font:12px arial;font-style:italic;}
- #qsource a{color:{color:links};text-decoration:none;}
- /*--------------------------------CHAT--*/
- #titlechat{margin:0px;font:15px arial;font-style:italic;text-transform:none;
- background:{color:3};}
- .chat{margin:0px;font:8.5px arial;background:{color:3};}
- .chat b, .chat strong{font:8px arial;font-style:italic;padding:0px 2px;}
- .chat li:nth-child(odd), .chat li:nth-child(even){
- margin:0px;font:9.5px arial;text-transform:none;color:{color:main};}
- .chat li:nth-child(odd){background:{color:3};}
- .chat li:nth-child(even){background:{color:2};}
- .chat li:nth-child(even) b {background:{color:4};}
- /*--------------------------------ASK--*/
- border:1px solid {color:lines};background:{color:3};}
- #pask_all h8{background:{color:3};border-bottom:1px solid {color:lines};}
- #pask_all h10{border-right:1px solid {color:lines};}
- /*-----------------------------------------------------SIDEBAR--*/
- #sidebar, #topt1, #topt2, #icon{position:relative;}
- #sidebar{position:relative;top:-10px;width:100%;overflow:hidden;
- {block:IfSecondStyle}
- {block:IfRoundedCorners}border-radius:20px;{/block:IfRoundedCorners}
- {block:IfBorder}border-top:1px solid {color:lines};
- border-left:1px solid {color:lines};border-right:1px solid {color:lines};
- {/block:IfBorder}
- {/block:IfSecondStyle}}
- /*---------------------*/
- #topt1{display:inline-block;float:left;text-align:right;
- word-wrap: break-word;color:{color:main};background:{color:3};
- font:{block:Iftitlefontsize}{text:title font size}{/block:Iftitlefontsize} {block:IfNottitlefontsize}40px{/block:IfNottitlefontsize} arial;
- font-style:italic;
- {block:IfTopTitleEffect}-webkit-text-stroke-width: {text:title text stroke}{block:IfNotTitleTextStroke} 1.1px{/block:IfNotTitleTextStroke};
- -webkit-text-stroke-color:{color:3};text-shadow: -4px 0px 0px {color:1};
- {/block:IfTopTitleEffect}
- {block:IfUpdates}width:70%;{block:IfSidebarImage}margin:0 0 50% 0;
- {block:IfBorder}border-bottom:1px solid {color:lines};{/block:IfBorder}
- {/block:IfSidebarImage}{/block:IfUpdates}
- {block:IfNotUpdates}
- {block:IfIconImage}width:70%;{/block:IfIconImage}
- {block:IfNotIconImage}width:100%;{/block:IfNotIconImage}
- {/block:IfNotUpdates}}
- #sidept1{position:relative;background:{color:3};overflow:hidden;}
- #topt1 #p{padding:20px;}
- /*---------------------*/
- #fli{left:70%;
- {block:IfNotIconImage}display:none;{/block:IfNotIconImage}
- {block:IfUpdates}display:block;{/block:IfUpdates}
- {block:IfNotSidebarImage}
- {block:IfNottoptitle}display:none;{/block:IfNottoptitle}
- {/block:IfNotSidebarImage}}
- #flis{left:30%;}
- #df{position:absolute;height:100%;width:30%;left:70%;background:{color:1};}
- /*---------------------*/
- #topt2{display:inline-block;float:left;
- {block:IfSidebarImage}
- {block:IfNottoptitle}left:70%;width:30%;{/block:IfNottoptitle}
- {block:Iftoptitle}left:0px;width:30%;{/block:Iftoptitle}
- {/block:IfSidebarImage}
- {block:IfNotSidebarImage}
- {block:Iftoptitle}left:0px;width:30%;{/block:Iftoptitle}
- {block:IfNottoptitle}left:0px;width:100%;{/block:IfNottoptitle}
- {/block:IfNotSidebarImage}}
- /*---------------------*/
- #topt3{position:absolute;height:100%;
- {block:IfUpdates}width:70%;{/block:IfUpdates}
- {block:IfNotUpdates}{block:IfNotIconImage}
- display:none;
- {/block:IfNotIconImage}{/block:IfNotUpdates}
- {block:IfSidebarImage}
- background:{color:1} {text:background position}
- {block:IfNotBackgroundPosition}center{/block:IfNotBackgroundPosition}
- url('{image:sidebar}');background-size:{text:background size}
- {block:IfNotBackgroundSize}auto 70%{/block:IfNotBackgroundSize};
- {/block:IfSidebarImage}
- {block:IfNotSidebarImage}background:{color:3};{/block:IfNotSidebarImage}}
- /*---------------------*/
- #topt4 #p{
- padding:{block:IfDescPadding}{text:Desc Padding}{/block:IfDescPadding}{block:IfNotDescPadding}30px{/block:IfNotDescPadding};}
- #topt4{display:inline-block;float:left;width:30%;background:{color:5};}
- #top4{position:absolute;width:70%;left:30%;height:100%;
- background:{color:2};}
- #si1{position:relative;height:150px;
- background:{color:1} {text:background position}
- {block:IfNotBackgroundPosition}center{/block:IfNotBackgroundPosition}
- url('{image:sidebar}'); background-size:{text:background size}
- {block:IfNotBackgroundSize}auto 150px{/block:IfNotBackgroundSize};}
- #sidept2{position:relative;background:{color:5};overflow:hidden;}
- /*---------------------*/
- #ico0{position:absolute;right:0px;height:100%;
- background:{color:5} center url('{image:icon}');
- {block:IfTopTitle}background-size:cover;width:30%;{/block:IfTopTitle}
- {block:IfNotTopTitle}background-size:auto 100%;width:100%;
- {/block:IfNotTopTitle}}
- .size2 #ic0{height:120px;}.size3 #ic0{height:140px;}
- .size4 #ic0{height:160px;}.size5 #ic0{height:180px;}
- #ic0{position:relative;width:100%;height:100px;
- {block:IfNotTopTitle}
- {block:IfSidebarImage}
- {block:IfNotUpdates}display:none;{/block:IfNotUpdates}
- {block:IfUpdates}background-size:100% auto;{/block:IfUpdates}
- {/block:IfSidebarImage}
- {block:IfNotSidebarImage}background-size:auto 100px;{/block:IfNotSidebarImage}
- {/block:IfNotTopTitle}
- {block:IfTopTitle}background-size:100% auto;{/block:IfTopTitle}
- {block:IfUpdates}{block:IfBorder}
- border-bottom:1px solid {color:lines};
- {/block:IfBorder}{/block:IfUpdates}}
- /*---------------------*/
- #desc1{position:relative;width:100%;background:{color:1}; }
- #desc1 #p{padding:25px;}
- /*---------------------*/
- #topt5{width:70%;display:inline-block;float:left;background:{color:2};}
- #topt5 a{text-decoration:none;text-align:left;display:inline-block;
- padding:8px 10px 8px 0;font-style:italic;height:12px;margin:0 2.5% 7.5px 2.5%;
- overflow:hidden;color:{color:links};background:{color:1};
- {block:IfRoundedCorners}border-radius:10px; {/block:IfRoundedCorners}
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- .size1 #topt5 a{width:38.4%;}
- .size2 #topt5 a{width:39.3%;}
- .size3 #topt5 a{width:40%;}
- .size4 #topt5 a{width:40.5%;}
- .size5 #topt5 a{width:41%;}
- #topt5 a:hover{background:{color:3};
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- #topt5 a b{font-style:normal;padding:8px 5px;margin:0 5px 0 0;
- background:{color:3};}
- #topt5 #p{padding:20px 20px 12.5px 20px;}
- #sidebig{position:fixed;top:15%;left:0px;background:{color:5};width:30%;
- height:70%;}
- /*---------------------*/
- #extrabo{position:relative;display:block;background:{color:3};
- {block:IfBorder}border-bottom:1px solid {color:lines};{/block:IfBorder}}
- #extrabo #p{padding:20px;}
- #ci{position:fixed;bottom:20px;
- {block:IfCornerImageLeft}left:20px;{/block:IfCornerImageLeft}
- {block:IfNotCornerImageLeft}right:20px;{/block:IfNotCornerImageLeft}}
- /*--------------------------------PERMALINK TOP BAR--*/
- .prma_pag, #pgi{
- border-top:1px solid {color:lines};
- {block:IfNotBorder}
- border:0px;
- {/block:IfNotBorder}
- }
- .prma_pag{
- position:relative;
- width:100%;
- text-align:center;
- background:{color:2};
- margin:0 0 40px 0;
- }
- #pgi{
- width:100%;
- text-align:center;
- background:{color:1};
- {block:IfNotSecondStyle}
- position:absolute;
- margin:90px auto -10px auto;
- {/block:IfNotSecondStyle}
- {block:IfSecondStyle}position:relative;
- margin:90px auto 0 auto;
- {/block:IfSecondStyle}
- }
- .prma_pag a, #pgi a{
- display:inline-block;
- width:30%;
- font:11.5px arial;
- font-style:italic;
- text-transform:lowercase;
- padding:10px 0;
- }
- /*--------------------------------END OF CSS--*/
- </style></head><body><div id="b"></div>
- <!-----------------------------------------------------------HTML STARTS-->
- <!-----------------------------------SIDEBAR-->
- <div id="ci"><img src="{image:corner image}"></div>
- <div class="{select:post size}">
- {block:IfNotSecondStyle}
- <div id="bgma"></div>
- {/block:IfNotSecondStyle}
- <div class="cont1">
- <div id="sidebar"><div id="sidept1"><div id="topt3"></div>
- <div id="df"></div>
- {block:Iftoptitle}<div id="topt1"><div id="p">
- {block:Iftitle}{text:title}{/block:Iftitle}
- {block:IfNottitle}{Title}{/block:IfNottitle}
- </div></div>{/block:Iftoptitle}
- {block:IfIconImage}<div id="ico0"></div>{/block:IfIconImage}
- <div id="topt2">{block:IfIconImage}
- <div id="ic0"></div>
- {/block:IfIconImage}
- {block:IfUpdates}
- <div id="desc1"><div id="p">{text:updates}</div></div>
- {/block:IfUpdates}</div><div id="fli"></div>
- </div>
- {block:IfNotUpdates}{block:IfSidebarImage}<div id="si1"></div>
- {/block:IfSidebarImage}{/block:IfNotUpdates}
- <div id="sidept2">
- <div id="topt4"><div id="p">{Description}</div></div>
- <div id="topt5"><div id="p">
- <a href="/"><b>001.</b> index</a>
- <a href="/ask"><b>002.</b> ask</a>
- <a href="/archive"><b>003.</b> archive</a>
- {block:ifLink1}<a href="{text:Link 1 URL}"><b>004.</b> {text:Link 1}</a>
- {/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2 URL}"><b>005.</b> {text:Link 2}</a>
- {/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3 URL}"><b>006.</b> {text:Link 3}</a>
- {/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}"><b>007.</b> {text:Link 4}</a>
- {/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5 URL}"><b>008.</b> {text:Link 5}</a>
- {/block:ifLink5}
- </div>
- <div id="top4"></div></div><div id="flis"></div></div>
- {block:IfExtraBox}
- <div id="extrabo"><div id="p">{text:extra box}</div></div>
- {/block:IfExtraBox}
- </div>
- <div class="a"><div id="cont">
- <!-------------------------------------POSTS-->
- <div class="autopagerize_page_element">{block:Posts}
- <div class="{select:caption style}">
- <div class="{select:post info style}">
- <div {block:Odd}id="po1"{/block:Odd}
- {block:Even}id="po2"{/block:Even}class="posts">
- <!-------------------------------------INFO #3-->
- <div id="poi3"> <div id="p3_uw1"><div id="wrl"></div>
- <a href="{Permalink}"target="_blank"><div id="p3u1">
- <div id="p3_dtu1">{TimeAgo}
- <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8></div>
- <div id="p3_dtu2">{DayOfWeek}
- <h8>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h8>
- </div></div></a>
- <a href="{ReblogURL}"target="_blank">
- <div id="p3u2"><h8>reblog</h8></div></a>
- </div></div>
- <!-------------------------------------PHOTOS-->
- {block:Photo}<div class="epd">
- {block:IndexPage}{block:Caption}
- <div id="captio1"><div id="cap1"><div id="capy">{Caption}</div></div></div>
- <div id="captio2"><div id="po_cap"><div id="pcap"><div id="p">
- {Caption}</div></div></div></div>
- <div id="captio3"><div id="cap3"><div id="capy">{Caption}</div></div></div>
- {/block:Caption}
- <div id="photo"><div class="filte"><div id="flit">
- <img src="{PhotoURL-HighRes}" width="100%"></div></div></div>
- {block:Caption}<div id="captio4"><div id="cap4"><div id="capy">
- {Caption}</div></div></div>{/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<div id="photo">
- <img src="{PhotoURL-HighRes}" width="100%"></div>{LinkCloseTag}
- {/block:PermalinkPage}</div>
- {block:IndexPage}{block:Caption}<div id="captio5"><div id="cap4">
- <div id="capy">{Caption}</div></div></div>{/block:Caption}{/block:IndexPage}
- {/block:Photo}
- <!-------------------------------------PHOTOSET-->
- {block:Photoset}<div class="epd">
- {block:IndexPage}{block:Caption}
- <div id="captio1"><div id="cap1"><div id="capy">{Caption}</div></div></div>
- <div id="captio2"><div id="po_cap"><div id="pcap"><div id="p">
- {Caption}</div></div></div></div>
- <div id="captio3"><div id="cap3"><div id="capy">{Caption}</div></div></div>
- {/block:Caption}{/block:IndexPage}
- <div id="photoset"><div class="filte"><div id="flit">
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo">
- <img 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></div></div>
- {block:IndexPage}{block:Caption}<div id="captio4"><div id="cap4">
- <div id="capy">{Caption}</div></div></div>
- {/block:Caption}{/block:IndexPage}</div>
- {block:IndexPage}{block:Caption}<div id="captio5"><div id="cap4">
- <div id="capy">{Caption}</div></div></div>{/block:Caption}{/block:IndexPage}
- {/block:Photoset}
- <!-------------------------------------VIDEO-->
- {block:Video}<div class="epd"><center><div id="vidso">
- <div class="video">{Video-500}</div>
- </div></center></div>
- {block:IndexPage}{block:Caption}
- <div id="cavimu"><div id="cap4">
- <div id="capy">{Caption}</div>
- </div></div>
- {/block:Caption}{/block:IndexPage}
- {/block:Video}
- <!-------------------------------------AUDIO-->
- {block:Audio}
- <div class="epd"><div class="aud"><table><tr>
- {block:AlbumArt}<td style="background-image: url('{AlbumArtURL}');">
- {block:AudioPlayer}<div id="aud_p">{AudioPlayerWhite}</div>
- {/block:AudioPlayer}</td>{/block:AlbumArt}
- <td><h1>{block:TrackName}{TrackName}{/block:TrackName}</h1>
- <h2>{block:Artist}{Artist}{/block:Artist}</h2></td>
- </tr></table></div></div>
- {block:IndexPage}{block:Caption}
- <div id="cavimu"><div id="cap4">
- <div id="capy">{Caption}</div>
- </div></div>
- {/block:Caption}{/block:IndexPage}
- {/block:Audio}
- <!-------------------------------------TEXT-->
- {block:Text}<div class="epd">
- {block:Title}<div class="title"><div id="tt">{Title}</div></div>
- {/block:Title}<div id="ttbody">{Body}</div>
- </div>{/block:Text}
- <!-------------------------------------ASK-->
- {block:Answer}
- <div id="p_ask"><div class="epd">
- <div id="pask_all"><h8> <h10>? by {Asker}</h10><img src="{AskerPortraitURL-24}"> </h8><h9>{Question}</h9></div>
- <div id="pask_aer">{Answer}</div>
- </div></div>{/block:Answer}
- <!-------------------------------------LINK-->
- {block:Link}
- <div class="epd">
- <div class="title"><div id="tt">
- <a href="{URL}" {Target}>{Name}</a>
- </div></div>
- {block:Description}<div id="ttbody">{Description}</div>{/block:Description}
- </div>{/block:Link}
- <!-------------------------------------QUOTE-->
- {block:Quote}<div class="epd">
- <div id="quote">{Quote}</div>
- {block:Source}<div id="qsource"> ―{Source}― </div>{/block:Source}
- </div>{/block:Quote}
- <!-------------------------------------CHAT-->
- {block:Chat}<div id="chatpost"><div class="epd">
- {block:Title}<div id="titlechat">{Title}</div>{/block:Title}
- <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
- <!----------------------------------------------------------INFO #1-->
- {block:IndexPage}{block:Date}
- <div id="poi1"><div id="poi1_wr"><div id="wrb"></div>
- <!--------->
- <a href="{Permalink}" target="_blank"><div id="wr1"><div id="p">
- <div id="wr1_dt"><div id="p">
- <h9>{TimeAgo}</h9><h8>{DayOfWeek}</h8>
- </div></div>
- {block:NoteCount}
- <div id="wr1_nt"><h10>{NoteCountWithLabel}</h10></div>
- {/block:NoteCount}
- </div></div></a>
- <!--------->
- <a href="{ReblogURL}"target="_blank">
- <div id="wr2"><div id="wr2_rb"><h9>reblog</h9><h8>R</h8></div></div></a>
- <!--------->
- <div id="wr3">
- {block:NotReblog}<div id="wr3_notr">
- <a href="{Permalink}" target="_blank">
- <h9>{DayOfMonth}{DayOfMonthSuffix} of {Month}</h9></a>
- </div>{/block:NotReblog}
- <div id="p"><div id="wr3_rf"style="padding:0 20px 0 0;word-wrap:break-word;">
- {block:RebloggedFrom}<h11>reblogged from:
- <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
- {/block:RebloggedFrom}
- {block:ContentSource}<h12>source:<a href="{SourceURL}">
- {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>
- {/block:ContentSource}</div>
- {block:HasTags}<div id="wr3_tg"><h8>filed under:</h8>
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div><div id="wr3_tgl"></div>
- {/block:HasTags}
- </div></div>
- <div id="wrl"></div><div id="wrr"></div>
- </div></div>
- <!----------------------------------------------------------INFO #2-->
- <div id="poi2">
- <a href="{ReblogURL}"target="_blank"><div id="p2_rb"><div id="p2rb">
- <h9>reblog</h9><h8>R</h8></div></div></a>
- <div id="poi2_wr"><div id="poi2_li"></div>
- <!--------->
- <div id="p2_w1">
- <a href="{Permalink}" target="_blank"><div id="p2w1_dt"><div id="p">
- <h10>{TimeAgo} </h10><h8>{DayOfWeek}
- <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9></h8>
- </div></div></a>
- {block:HasTags}<div id="p2w1_tg"><div id="p">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div></div>{/block:HasTags}
- </div>
- <!--------->
- <a href="{Permalink}" target="_blank"><div id="p2w2_dt">
- <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8>
- </div></a>
- <!--------->
- <div id="p2_w2">{block:NoteCount}<a href="{Permalink}" target="_blank">
- <div id="p2w2_nt"><h9>notes</h9><h10>{NoteCount}</h10></div></a>
- {/block:NoteCount}</div>
- <!--------->
- </div></div>
- <!----------------------------------------------------------INFO #3-->
- <div id="poi3"><div id="p3_wr2"><div id="wrr"></div>
- <div id="p3wr1">{block:NoteCount}<a href="{Permalink}" target="_blank">
- <div id="p2w2_nt"><h9>notes</h9><h10>{NoteCount}</h10></div></a>
- {/block:NoteCount}</div>
- <a href="{Permalink}" target="_blank"><div id="p2w2_dt">
- <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8>
- </div></a>
- <div id="p3wr2">{block:HasTags}<div id="p">
- <div id="p3w2_tg"><h8>filed under:</h8>
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div><div id="wr3_tgl"></div></div>
- {/block:HasTags}
- </div>
- </div></div>
- {/block:Date}{/block:IndexPage}
- <!--------------------------------------------------------PERMALINK-->
- {block:Date} {block:PermalinkPage}
- <div class="prma">
- {block:NoteCount}
- <div id="prma_not"><div id="noth8">{NoteCountWithLabel}</div></div>
- {/block:NoteCount}
- <!---------------------NOTES-->
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- <div id="prma_co1">
- <!---------------------DATE-->
- <div id="prma_co2"><div id="co2_dt"><div id="p">
- <h8>{DayOfWeek}</h8>
- <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9></div></div>
- <div id="co2_ta"><div id="p"><h8>{lang:Posted TimeAgo}</h8></div></div>
- </div>
- <!---------------------TAGS-->
- {block:HasTags}<div id="prma_tg"><div id="p">
- <h8>filed under</h8>
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div></div>{/block:HasTags}</div>
- <!---------------------pt 1-->
- {block:RebloggedFrom}
- <div id="prma_rf"><div id="p">
- <h11>reblogged from: <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <h12><a href="{SourceURL}">{lang:Source}:
- {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>
- {/block:ContentSource}
- </div></div>
- <!--------------------NOTES-->
- {block:PostNotes}
- <div id="prma_pnt"><div id="p">{PostNotes}</div></div>
- {/block:PostNotes}
- </div>{/block:PermalinkPage}{/block:Date}
- <!------------------------------END OF PERMALINK-->
- </div>{/block:Posts}
- <!-----------------------------------DO NOT DELETE----------->
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- <!-------------------------------------PAGINATION-->
- {block:Pagination}<div id="pgi">
- {block:PreviousPage}<a href="{PreviousPage}" {block:IfBorder}style="border-right:1px solid {color:lines};" {/block:IfBorder}
- >{lang:Previous page} </a>{/block:PreviousPage}
- <a style="align:center;" >{lang:Page CurrentPage of TotalPages}</a>
- {block:NextPage}<a href="{NextPage}"{block:IfBorder}style="border-left:1px solid {color:lines};"{/block:IfBorder}
- >{lang:Next page}</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div></div></div></div></div></div></div></div></div>
- <!-------------------------------------------------------------CODE ENDS-->
- <!-----------------------------------DO NOT DELETE----------->
- <div class="sd">
- <a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
- <div id="sb">
- <a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
- </div></div>
- <!-----------------------------------DO NOT DELETE----------->
- </body>
- <!----------------------------------------SCRIPT #3---->
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '4px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- var $container = $('');
- $container.masonry({
- itemSelector: '',
- isFitWidth: false,
- isAnimated : true
- });
- $container.imagesLoaded(function(){
- $container.masonry();
- });
- });
- </script>
- <!----------------------------------------SCRIPT #3---->
- <script>
- // minimal soundcloud player © eoxk.tumblr
- $(document).ready(function(){
- var color = '{color:5}'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' });
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment