Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- #013 - together (updated)
- 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="#daeaf3"/>
- <meta name="color:2" content="#dfdfdf"/>
- <meta name="color:3" content="#fefefe"/>
- <meta name="color:4" content="#f3f3f3"/>
- <meta name="color:5" content="#e7f0fb"/>
- <meta name="color:lines" content="#b6b6b6"/>
- <meta name="color:posts" content="#fafafa"/>
- <meta name="color:container" content="#fefefe"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:sidebar icon" content=""/>
- <meta name="image:about topbar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="select:container style" content="cs1" title="style #1">
- <meta name="select:container style" content="cs2" title="style #2">
- <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="select:caption style" content="capt0" title="none">
- <meta name="select:caption style" content="capt2" title="type #1">
- <meta name="select:caption style" content="capt3" title="type #2">
- <meta name="select:caption style" content="capt4" title="type #3">
- <meta name="select:caption style" content="capt5" title="type #4">
- <meta name="if:border" content="1"/>
- <meta name="if:photo filter" content="0"/>
- <meta name="if:fade in posts" content="0"/>
- <meta name="if:posts one color" content="0"/>
- <meta name="if:rounded corners" content="0"/>
- <meta name="if:sidebar hover" content="0"/>
- <meta name="if:blogroll" content="1"/>
- <meta name="if:about" content="1"/>
- <meta name="text:posts padding" content="20px"/>
- <meta name="text:title" content="together"/>
- <meta name="text:description title" content=""/>
- <meta name="text:description subtitle" content=""/>
- <meta name="text:about title" content=""/>
- <meta name="text:about subtitle" content=""/>
- <meta name="text:about description" content=""/>
- <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="/"/>
- <meta name="text:link 7" content=""/>
- <meta name="text:link 7 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>
- <link href='https://fonts.googleapis.com/css?family=Chivo:400,400italic,900,900italic' rel='stylesheet' type='text/css'>
- <!-------------------------------------------->
- <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>
- <!-------------------------------------------->
- <script language="javascript">
- $(document).ready(function() {
- $('a#more').click(function() {
- $('.t',this).toggle();
- });
- $("#left").css({"opacity":"1"})
- $("#more").toggle(
- function () {
- $("#left").animate({"width":"200px","margin-left":"-152px"}, "slow");
- $("#inside").animate({"margin-left":"0px"},"slow");
- },
- function () {
- $("#left").animate({"width":"48px","margin-left":"0px"}, "slow");
- $("#inside").animate({"margin-left": "170px"},"slow");
- });
- });
- </script>
- <style type="text/css">
- /*--------------------------------MAIN--*/
- ::-webkit-scrollbar-thumb:vertical {background:{color:lines};
- border: 5px solid {color:container};}
- ::-webkit-scrollbar {background:{color:5};
- border: 5.8px solid {color:container};}
- #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};}
- .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- right:-35px!important;top:0px!important;z-index: 1000009090000000133300!important;opacity:0.5;-webkit-filter: invert(100%);-moz-filter: invert(100%);
- -o-filter: invert(100%);-ms-filter: invert(100%);
- -ms-transform: scale(0.8)!important; /* IE 9 */
- -webkit-transform: scale(0.8)!important; /* Safari */
- transform: scale(0.8)!important; /* Standard syntax */
- -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--*/
- .epd{padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}20px{/block:IfNotPostsPadding};}
- .type3 .epd{border-radius:0px;}
- .capt1 .epd{position:relative;}
- .capt2 .epd, .capt3 .epd{position:relative; overflow:hidden;}
- {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, #poi2_rbb{background:{color:posts};}{/block:IfPostsOneColor}
- {block:IfBorder}
- #captio4, #captio5, .prma, .aud td:nth-child(1), .chat, #cap1, #p2_rb, #poi1_wr, #poi2_wr, #p3_wr2, #ttbody blockquote, #cavimu, .epd, #p3_uw1{
- border:1px solid {color:lines};}
- #a_sidebar, #aside_up, #aside_d, .epd, #p3_uw1, #l1_li a, #line1, #line2, #line3, #line4, .a, .b, #left, #left a, #a_hed, #poi2_rbb, .current_page, .jump_page{border:1px solid {color:lines};}
- #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{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{border-top:1px solid {color:lines};
- border-bottom:1px solid {color:lines};}
- {/block:IfBorder}
- {block:IfRoundedCorners}
- .title{border-radius:15px 15px 0 0;}
- #poi1_wr, #poi2_wr, #p3_wr2{border-radius:0 0 20px 20px;}
- #po1 #cap1{border-radius:15px 0 0 15px;}
- #po2 #cap1{border-radius:0 15px 15px 0;}
- .epd, #p3_uw1{border-radius:20px 20px 0 0;}
- .cs1 #line1, .cs1 #line4, .cs1 #line3, .cs1 #left, .a{
- border-radius:7px;}
- .cs2 #line1{border-radius:0 0 7px 7px;}
- .cs2 #line3{border-radius:7px 7px 0 0;}
- .cs2 #left{border-radius:0 0 7px 7px;}
- #a_sidebar, #aside_up, #aside_d, #a_hed {border-radius:10px;}
- #l1_li a, .current_page, .jump_page, #br, #left a{border-radius:5px;}
- {/block:IfRoundedCorners}
- .a, .b{position:absolute;top:60px;left:60px;width:780px;height:480px;
- overflow-y:auto;overflow-x:hidden;background:{color:container};}
- .cs2 .a, .cs2 .b{top:7.5%; height:85%;}
- #cont{position:relative;margin:50px; width:50%;}
- .posts {position:relative;margin:50px auto 100px auto;
- width:100%;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{margin:0px;padding:25px 0px;}
- #tt, #tt a{font:20px arial;font-weight:bold;font-style:italic;
- margin:0px;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;}
- #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};}
- #poi2_rbb{position:absolute;width:50px;border-top:0px;}
- #poi2_rbb h8{font:10px arial;text-transform:uppercase;font-weight:bold;
- display:block;text-align:center;padding:5px 0;}
- /*------------------------------CAPTIONS-------*/
- #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};}
- /*--------------------------------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};border-top:0px;}
- .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};}
- /*----------------------------------*/
- .cs2 #line1, .cs2 #line3{height:6%;}
- .cs2 #line1{border-top:0px;}
- .cs2 #line3{border-bottom:0px;}
- .cs2 #left{border-top:0px;height:92.6%; }
- .cs2 #line4{border-top:0px;border-bottom:0px;height:100%;}
- /*----------------------------------*/
- .main_con{position:fixed;top:50%;left:50%;margin:-300px -450px;
- width:900px;height:600px;}
- .cs2 .main_con{
- top:0px;margin:0px -450px;height:100%;}
- #line1{background:{color:2};}
- #line3{background:{color:5};}
- #line1, #line3{position:absolute;height:48px;
- overflow:hidden; }
- #line1{top:0px;right:58px;width:780px;}
- #line3{bottom:0px;width:841px;}
- #line2, #line4{position:absolute;width:48px;height:540px;
- background:{color:1};}
- #line4{height:598px; right:0px;}
- {block:IfNotBorder}
- #line1, #line2, #line3, #line4, .a, #left{border:1px solid {color:background};}
- {/block:IfNotBorder}
- /*----------------------------------*/
- #a_sidebar{position:fixed;margin:50px 500px;width:230px;max-height:390px;
- background:{color:2};overflow:hidden;text-align:right; }
- #aside_hov{position:absolute;width:100%;height:100%;z-index:9999;
- background:{color:2} center url('{image:sidebar}');
- background-size:cover;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;}
- #a_sidebar:hover #aside_hov{margin:0 -100%;}
- #aside_up{position:relative;margin:15px;width:200px;height:200px;
- background:{color:1} center url('{image:sidebar icon}');
- background-size:cover;}
- #aside_d{width:200px;margin:15px;max-height:144px;
- {block:IfNotSidebarIconImage}max-height:360px;{/block:IfNotSidebarIconImage}
- overflow-y:auto;overflow-x:hidden;font:10.5px arial;
- background:{color:container};}
- #aside_d h8, #aside_d h9{display:block;text-align:right;padding:0 5px;}
- #aside_d h8{font:12.5px arial;font-style:italic;}
- #aside_d h9{font:9.5px arial;font-style:italic;font-weight:bold;
- margin:0 0 10px 0;}
- /*----------------------------------*/
- #l3_ti{position:relative;display:block;text-align:right;
- margin:0 10px;top:50%;transform: translateY(-50%);
- letter-spacing:15px;font:40px chivo;text-transform:uppercase;
- overflow:hidden;color:{color:3};
- text-shadow:-1px -1px 0 {color:main}, 1px -1px 0 {color:main},
- -1px 1px 0 {color:main},1px 1px 0 {color:main};}
- #l3_ti::before {position:absolute;margin-left:-5px;color:{color:2};
- {block:Iftitle}content: "{text:title}";{/block:Iftitle}
- {block:IfNottitle}content:"{Title}";{/block:IfNottitle}}
- /*----------------------------------*/
- #l1_li{position:relative;margin:0 10px;top:50%;transform: translateY(-50%);
- overflow:hidden;height:30px;}
- #l1_li a{display:inline-block;padding:4px 10px;margin:3px 5px;
- font:9.5px courier;font-style:italic;text-transform:uppercase;
- background:{color:container};}
- /*--------------------------------SIDE LINK CONT--*/
- #left{position:absolute;width:48px;height:540px;overflow:hidden;
- z-index:99999999999999;background:{color:1};}
- #left a{position:relative;overflow:hidden;display:block;text-align:right;
- text-decoration:none;text-transform:lowercase;font:22px arial;
- font-style:italic;margin:20px;padding:10px;color:{color:4};
- background:{color:container};
- -webkit-text-stroke-width: 0.7px;
- -webkit-text-stroke-color:{color:main};}
- #left a, #br_t{transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;}
- #left a:hover{background-color:{color:4};
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;}
- #inside{position:absolute;margin-left:570px;width:200px;}
- /*----------------------------------*/
- #a_hed{position:relative;margin:10% auto 0 auto;
- height:200px;width:500px;
- background:{color:2} center url('{image:about topbar}');
- background-size:cover;}
- #a_co{width:100%;}
- #aco_d{margin:auto;width:500px;text-align:center; font:10.5px arial; }
- #aco_t{text-align:center;}
- #aco_t h8{display:block;font:40px chivo;color:{color:5}; }
- #aco_t h9{display:block;font:13.5px chivo;letter-spacing:1px;
- font-style:italic; }
- /*----------------------------------*/
- #br{position:relative;margin:45px 20px 0 20px;display:inline-block;
- width:75px;height:75px;overflow:hidden;
- background:{color:1};border:1px solid {color:lines}; }
- #br:nth-of-type(4n+1){background:{color:1};}
- #br:nth-of-type(4n+2){background:{color:2};}
- #br:nth-of-type(4n+3){background:{color:4};}
- #br:nth-of-type(4n+4){background:{color:5};}
- #br_t, #br_i{position:absolute;width:100%;height:100%;}
- #br:hover #br_t{margin:0;}
- #br_i{margin:0;}
- #br_t{margin:0 100%;text-align:center;
- background:{color:2};}
- #br_t h8{position:absolute;display:block;width:100%;top:50%;
- transform: translateY(-50%);font:10.5px arial;font-style:italic;
- word-wrap: break-word;}
- #br_i img{margin:10%;width:80%;height:80%;}
- #a_br{position:relative;max-height:100%;overflow-y:auto;overflow-x:hidden;
- top:50%;transform: translateY(-50%);}
- #abr{position:relative;height:45px;width:10px;}
- /*--------------------------------PAGINATION--*/
- #pgt{position:absolute;top:50%;transform: translateY(-50%);
- right:20px;text-align:right;z-index:99999;}
- .current_page, .jump_page{position:relative;display:inline-block;
- padding:5px 10px;
- background:{color:container};
- font:11.5px arial;
- font-weight:bold;
- }
- /*--------------------------------END OF CSS--*/
- </style></head><body><div id="b"></div>
- <!-----------------------------------------------------------HTML STARTS-->
- <div class="{select:container style}"><div class="main_con">
- <div id="left"><div id="inside">
- {block:IfAbout}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>
- {/block:ifLink1}{/block:IfAbout}
- {block:IfBlogroll}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>
- {/block:ifLink2}{/block:IfBlogroll}
- {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>
- {/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>
- {/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>
- {/block:ifLink5}
- {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>
- {/block:ifLink6}
- {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>
- {/block:ifLink7}</div></div>
- <div id="line1"><div id="l1_li">
- <a href="/">index</a><a href="/ask">ask</a>
- <a class="one">reset</a>
- {block:IfAbout}<a class="two">about</a>{/block:IfAbout}
- {block:IfNotAbout}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>
- {/block:ifLink1}{/block:IfNotAbout}
- {block:IfBlogroll}<a class="four">blogroll</a>{/block:IfBlogroll}
- {block:IfNotBlogroll}{block:ifLink2}
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- {/block:ifLink2}{/block:IfNotBlogroll}
- <a id="more"><span class="t">links</span>
- <span class="t" style="display:none">less</span></a></div>
- {block:Pagination}<div id="pgt">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="jump_page">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="jump_page">»</a>
- {/block:NextPage}
- </div>{/block:Pagination}</div>
- <div id="line3"><div id="l3_ti">{block:Iftitle}{text:title}{/block:Iftitle}
- {block:IfNottitle}{Title}{/block:IfNottitle}</div></div>
- <div id="line4"></div>
- <!-------------------------------------BLOGROLL-->
- <div class="4"style="display:none;overflow:hidden;text-align:center; ">
- <div class="a" style="overflow:hidden;"><div id="a_br">
- {block:Following}{block:Followed}
- <div id="br"><a href="{FollowedURL}"target="_blank">
- <div id="br_i"><img src="{FollowedPortraitURL-128}"></div>
- <div id="br_t"><h8><div id="p">{FollowedName}</div></h8></div>
- </a></div>
- {/block:Followed}{/block:Following}
- <div id="abr"></div>
- </div></div></div>
- <!-------------------------------------ABOUT-->
- <div class="2"style="display:none;overflow:hidden;"><div class="a">
- <div id="a_hed"></div><div id="a_co"><div id="p"><div id="aco_d"><div id="p">
- <div id="aco_t">
- <h8>{text:about title} </h8><h9>{text:about subtitle}</h9></div>
- <div id="aco_a"><div id="p">{text:about description}</div></div>
- </div></div></div></div></div></div>
- <!-------------------------------------POSTS-->
- <div class="1"style="display:block;"><div class="a">
- <div id="a_sidebar">
- {block:IfSidebarImage}
- {block:IfSidebarHover}<div id="aside_hov"></div>{/block:IfSidebarHover}
- {/block:IfSidebarImage}
- {block:IfSidebarIconImage}
- <div id="aside_up"></div>{/block:IfSidebarIconImage}
- <div id="aside_d"><div id="p">
- {block:IfDescriptionTitle}
- <h8>{text:description title}</h8>
- {/block:IfDescriptionTitle}
- {block:IfDescriptionSubtitle}
- <h9>{text:description subtitle}</h9>
- {/block:IfDescriptionSubtitle}
- {Description}</div></div>
- </div>
- <div id="cont"><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="margin:0 10px 0 0;" >
- {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">
- <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>
- <a href="{ReblogURL}"target="_blank">
- <div id="poi2_rbb"><h8>reblog</h8> </div></a>
- </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></div></div></div></div></div></div></div></div></div></div></div>
- </div></div></div></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>
- <!----------------------------------------SCRIPT #4---->
- <script>
- $(document).ready(function(){
- $(".one").click(function(){
- $(".1").fadeIn();
- $(".2,.4").fadeOut();
- });
- $(".two").click(function(){
- $(".2").fadeIn();
- $(".1,.4").fadeOut();
- });
- $(".four").click(function(){
- $(".4").fadeIn();
- $(".1,.2").fadeOut();
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment