Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--THEME BY DOLCESHU-->
- <!--RULES:
- 1. DON'T CLAIM THE CODE AS YOUR OWN
- 2. DON'T STEAL OR REDISTRIBUTE ON OTHER SITES
- 3. LEAVE THE CREDIT INTACT-->
- <!--MORE THEMES AT
- KUKETO.TUMBLR.COM-->
- <!--BASIC VARIABLES-->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <!--FONTS-->
- <link href='https://fonts.googleapis.com/css?family=Maven+Pro|Quicksand:400,700|Syncopate:400,700|Source+Sans+Pro' rel='stylesheet' type='text/css'>
- <!--CURSOR-->
- {block:IfTinyCursor}
- <style> body, a, a:hover{cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto} </style>
- {/block:IfTinyCursor}
- <!--PIXEL UNIION PHOTOSET [https://github.com/PixelUnion/Extended-Tumblr-Photoset]-->
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <!--TOOLTIPS-->
- <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script><!--http://justcantdescribeu.tumblr.com/post/15075241123-->
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:300,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--META TAGS-->
- <meta name="image:Sidebar" content=""/>
- <meta name="color:BG" content="#fff"/>
- <meta name="color:Container BG" content="#fff"/>
- <meta name="color:Container Borders" content="#ededed"/>
- <meta name="color:Navigation Links" content="#000"/>
- <meta name="color:Title" content="#2b2b2b"/>
- <meta name="color:1st Title Letter" content="#3aa0b6"/>
- <meta name="color:Current Page" content="#000"/>
- <meta name="color:Jump Page" content="#c4c4c4"/>
- <meta name="color:Jump Page Hover" content="#eef1f3"/>
- <meta name="color:Updates Button BG Hover" content="#cad7d9"/>
- <meta name="color:Updates Button Title Hover" content="#fff"/>
- <meta name="color:Updates Titles" content="#b3b3b3"/>
- <meta name="color:Updates Titles Hover" content="#000"/>
- <meta name="color:Updates Content" content="#3b3b3b"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Italic" content="#ced6df"/>
- <meta name="color:Bold" content="#6f7f82"/>
- <meta name="color:Links" content="#bfcece"/>
- <meta name="color:Links Hover" content="#868686"/>
- <meta name="color:Description Title" content="#fff"/>
- <meta name="color:Description Title BG" content="#ccc"/>
- <meta name="color:TopTags Title" content="#fff"/>
- <meta name="color:TopTags Title BG" content="#b4d3dc"/>
- <meta name="color:TopTags Links" content="#95acb3"/>
- <meta name="color:TopTags Links Hover" content="#e6e9ea"/>
- <meta name="color:Selection BG" content="#fff"/>
- <meta name="color:Selection Text" content="#000"/>
- <meta name="color:Tooltip Text" content="#fff"/>
- <meta name="color:Tooltip BG" content="#000"/>
- <meta name="color:Scrollbar" content="#ccc"/>
- <meta name="color:Scrollbar BG" content="#fff"/>
- <meta name="if:500px Posts" content="1"/>
- <meta name="if:400px Posts" content="0"/>
- <meta name="if:SubMenu" content="1"/>
- <meta name="if:Tiny Cursor" content="1"/>
- <meta name="if:Link 4" content="1"/>
- <meta name="if:Link 5" content="1"/>
- <meta name="if:Link 6" content="1"/>
- <meta name="if:Link 7" content="1"/>
- <meta name="text:Link 4 URL" content="http://"/>
- <meta name="text:Link 4" content="Link 4"/>
- <meta name="text:Link 5 URL" content="http://"/>
- <meta name="text:Link 5" content="Link 5"/>
- <meta name="text:Link 6 URL" content="http://"/>
- <meta name="text:Link 6" content="Link 6"/>
- <meta name="text:Link 7 URL" content="http://"/>
- <meta name="text:Link 7" content="Link 7"/>
- <meta name="text:SubMenu Link 1 URL" content="http://"/>
- <meta name="text:SubMenu Link 1" content="SubMenu Link 1"/>
- <meta name="text:SubMenu Link 2 URL" content="http://"/>
- <meta name="text:SubMenu Link 2" content="SubMenu Link 2"/>
- <meta name="text:SubMenu Link 3 URL" content="http://"/>
- <meta name="text:SubMenu Link 3" content="SubMenu Link 3"/>
- <meta name="text:SubMenu Link 4 URL" content="http://"/>
- <meta name="text:SubMenu Link 4" content="SubMenu Link 4"/>
- <meta name="text:SubMenu Link 5 URL" content="http://"/>
- <meta name="text:SubMenu Link 5" content="SubMenu Link 5"/>
- <meta name="text:SubMenu Link 6 URL" content="http://"/>
- <meta name="text:SubMenu Link 6" content="SubMenu Link 6"/>
- <meta name="text:SubMenu Link 7 URL" content="http://"/>
- <meta name="text:SubMenu Link 7" content="SubMenu Link 7"/>
- <meta name="text:SubMenu Link 8 URL" content="http://"/>
- <meta name="text:SubMenu Link 8" content="SubMenu Link 8"/>
- <meta name="text:Sidebar Tag 1 URL" content="/tagged/insert tag 1"/>
- <meta name="text:Sidebar Tag 1" content="tag 1"/>
- <meta name="text:Sidebar Tag 2 URL" content="/tagged/insert tag 2"/>
- <meta name="text:Sidebar Tag 2" content="tag 2"/>
- <meta name="text:Sidebar Tag 3 URL" content="/tagged/insert tag 3"/>
- <meta name="text:Sidebar Tag 3" content="tag 3"/>
- <meta name="text:Sidebar Tag 4 URL" content="/tagged/insert tag 4"/>
- <meta name="text:Sidebar Tag 4" content="tag 4"/>
- <meta name="text:Title Font Size" content="24"/>
- <meta name="text:Updates Section 1 Title" content="Title I"/>
- <meta name="text:Updates Section 1" content="Section I Content"/>
- <meta name="text:Updates Section 2 Title" content="Title II"/>
- <meta name="text:Updates Section 2" content="Section II Content"/>
- <meta name="text:Updates Section 3 Title" content="Title III"/>
- <meta name="text:Updates Section 3" content="Section III Content"/>
- <meta name="text:Updates Section 4 Title" content="Title IV"/>
- <meta name="text:Updates Section 4" content="Section IV Content"/>
- <style type="text/css">
- /** GENERAL **/
- ::-webkit-scrollbar-thumb {height:auto; background-color:{color:ScrollBar};}
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- background-color:{color:ScrollBar BG};
- }
- #s-m-t-tooltip {
- max-width:300px;
- z-index:999999999999999999999999999999999999999999999999;
- margin:24px 14px 7px 12px;
- padding:3px;
- font:8px calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- background:{color:Tooltip BG};
- color:{color:Tooltip Text};
- }
- #toTop {
- position:fixed;
- bottom:40px;
- right:11px;
- cursor:pointer;
- background:url(http://static.tumblr.com/0cdn90j/wrgnj0mpo/scroll_up.png) no-repeat;
- text-indent:-9999px;
- width:13px;
- height:7px;
- }
- iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:1;
- }
- ::selection {background:{color:Selection BG}; color:{color:Selection Text};}
- ::-moz-selection {background:{color:Selection BG}; color:{color:Selection Text};}
- body {
- font:10px 'lao ui', calibri, arial, sans-serif;
- color:{color:Text};
- background:{color:BG};
- }
- i,
- em {color:{color:Italic};}
- b,
- strong {color:{color:Bold};}
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- big, small, sub, sup, h1, h2, h3, h4, h5, h6 {font-size:1em;}
- a:link,
- a:visited {
- text-decoration:none;
- color:{color:Links};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- a:hover {
- color:{color:Links Hover};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- a:active {text-decoration:none; color:{color:Links};}
- /** CONTAINER **/
- #curtain {
- position:fixed;
- width:100%;
- height:193px;
- margin:0 auto;
- top:0;
- left:0;
- right:0;
- z-index:1;
- background-color:{color:BG};
- }
- #container {
- position:fixed;
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- margin:0 auto;
- top:106px;
- left:0;
- right:0;
- border:1px solid {color:Container Borders};
- border-top-right-radius:1em;
- border-top-left-radius:1em;
- background-color:{color:Container BG};
- z-index:99;
- }
- #menu_container {
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- background-color:{color:Container BG};}
- #navigation_container {
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- height:40px;
- font-family:'Source Sans Pro', calibri, sans-serif;
- text-transform:uppercase;
- border-bottom:1px solid {color:Container Borders};
- z-index:99;
- }
- #navigation {
- width:500px;
- float:left;
- font-size:11px;
- text-align:center;
- letter-spacing:1px;
- }
- #navigation ul {list-style-type:none; text-align:left;}
- #navigation li {display:inline-block; padding:3px 12px 2px 12px;}
- #navigation a:link {
- padding-bottom:12px;
- border-bottom:2px solid transparent;
- text-decoration:none;
- color:{color:Navigation Links};
- }
- #navigation a:visited,
- #navigation a:hover,
- #navigation a:active {
- padding-bottom:11px;
- border-bottom:2px solid {color:Navigation Links};
- color:{color:Navigation Links};
- }
- #navigation a.current {
- padding-bottom:11px;
- border-bottom:2px solid {color:Navigation Links};
- color:{color:Navigation Links};
- }
- #navigation li ul {display:none; position:absolute; z-index:9999999;}
- #navigation li:hover ul {
- display:block;
- height:auto;
- max-width:170px;
- margin:-5px 0 0 -25px;
- padding:0 15px 5px 15px;
- text-align:left;
- background-color:{color:Container BG};
- }
- #navigation li:hover ul li {
- width:60px;
- padding:10px;
- border-bottom:1px solid #f5f5f5;
- font-size:9px;
- }
- #navigation li:hover ul li a {border:none;}
- #navigation li:hover ul li a:hover {color:#c4c4c4;}
- #search {
- display:inline-block;
- float:left;
- margin-top:10px;
- {block:If500pxPosts}margin-left:170px;{/block:if500pxPosts}
- {block:If400pxPosts}margin-left:70px;{/block:if400pxPosts}
- }
- #sfm input {
- width:60px;
- border:none;
- outline:none;
- padding:4px 13px;
- text-transform:uppercase;
- font:9px 'Source Sans Pro', calibri, sans-serif;
- color:{color:Navigation Links};
- }
- ::-webkit-input-placeholder {color:#ababab;}
- :-moz-placeholder {color:#ababab; opacity:1;}
- ::-moz-placeholder {color:#ababab; opacity:1;}
- :-ms-input-placeholder {color:#ababab;}
- #sf {
- background:url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-search-strong-128.png') left center no-repeat;
- background-size:11px;
- }
- #sf img {margin-left:5px;}
- form {width:60px;}
- #subnav_container {
- position:fixed;
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- height:51px;
- margin-left:-1px;
- background-color:{color:Container BG};
- z-index:-999;
- border:1px solid {color:Container Borders};
- border-top:none;
- }
- #title_wrapper {
- display:inline-block;
- width:229px;
- height:51px;
- float:left;
- border-right:1px solid {color:Container Borders};
- text-align:center;
- }
- #title {
- text-align:center;
- position:relative;
- top:50%;
- -ms-transform: translateY(-50%);
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- padding:0 5px;
- font:bold {text:Title Font Size}px 'Quicksand', calibri, sans-serif;
- text-transform:lowercase;
- color:{color:Title};
- }
- #title::first-letter {color:{color:1st Title Letter};}
- #pagination {
- float:left;
- width:130px;
- margin-top:20px;
- {block:If500pxPosts}margin-left:160px;{/block:if500pxPosts}
- {block:If400pxPosts}margin-left:100px;{/block:if400pxPosts}
- z-index:999;
- text-align:center;
- font:12px 'Source Sans Pro', calibri, sans-serif;
- }
- .current_page {
- padding:8px 8px 16px 8px;
- border-bottom:2px solid black;
- text-decoration:none;
- color:{color:Current Page};
- }
- .jump_page a:link {
- padding:8px 8px 16px 8px;
- text-decoration:none;
- color:{color:Jump Page};
- }
- .jump_page a:hover {text-decoration:none; color:{color:Jump Page Hover};}
- #updates_button_wrapper {
- width:110px;
- height:51px;
- float:right;
- }
- #updates_button {
- position:absolute;
- width:110px;
- height:51px;
- text-align:center;
- border-left:1px solid {color:Container Borders};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-delay: 2s;
- -moz-transition-delay: 2s;
- -o-transition-delay: 2s;
- transition-delay: 2s;
- }
- #updates_button:hover {
- background-color:{color:Updates Button BG Hover};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- -o-transition-delay: 0ms;
- transition-delay: 0ms;
- }
- #updates_button_title {
- padding-top:16px;
- font:11px 'Source Sans Pro', Calibri, sans-serif;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:Navigation Links};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-delay: 2s;
- -moz-transition-delay: 2s;
- -o-transition-delay: 2s;
- transition-delay: 2s;
- }
- #updates_button:hover #updates_button_title {
- color:{color:Updates Button Title Hover};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- -o-transition-delay: 0ms;
- transition-delay: 0ms;
- }
- #updates_wrapper {
- position:absolute;
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- height:100px;
- margin:0 auto;
- top:-249px;
- right:2px;
- z-index:2;
- opacity:0;
- background-color:{color:Container BG};
- -webkit-transition-duration: 1.5s;
- -moz-transition-duration: 1.5s;
- -o-transition-duration: 1.5s;
- transition-duration: 1.5s;
- -webkit-transition-delay: 2s;
- -moz-transition-delay: 2s;
- -o-transition-delay: 2s;
- transition-delay: 2s;
- }
- #updates_button:hover #updates_wrapper {
- top:-149px;
- opacity:1;
- -webkit-transition-duration: .7s;
- -moz-transition-duration: .7s;
- -o-transition-duration: .7s;
- transition-duration: .7s;
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- -o-transition-delay: 0ms;
- transition-delay: 0ms;
- }
- #updates_wrapper:hover {top:-49px;}
- #updates_sections_wrapper {
- {block:If500pxPosts}width:750px;{/block:if500pxPosts}
- {block:If400pxPosts}width:650px;{/block:if400pxPosts}
- height:90px;
- padding:10px 0;
- text-align:center;
- border:1px solid {color:Container Borders};
- border-bottom:none;
- }
- .sections {
- display:inline-block;
- float:left;
- {block:If500pxPosts}width:180px;{/block:if500pxPosts}
- {block:If400pxPosts}width:155px;{/block:if400pxPosts}
- height:90px;
- padding:0 3px 3px 3px;
- overflow-y:scroll;
- border-left:1px solid {color:Container Borders};
- }
- .title {
- padding-bottom:7px;
- font:11px 'Syncopate', calibri, sans-serif;
- font-weight:500;
- text-transform:uppercase;
- color:{color:Updates Titles};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #updates_sections_wrapper:hover .title {
- color:{color:Updates Titles Hover};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- .content {
- vertical-align:middle;
- font:8px Calibri, sans-serif;
- line-height:11px;
- text-transform:uppercase;
- color:{color:Updates Content};
- }
- #sidebar {
- position:fixed;
- width:229px;
- height:100%;
- margin:0 auto;
- top:200px;
- bottom:0;
- {block:If500pxPosts}left:-521px;{/block:if500pxPosts}
- {block:If400pxPosts}left:-421px;{/block:if400pxPosts}
- right:0;
- padding:20px 0;
- background-color:{color:Container BG};
- border:1px solid {color:Container Borders};
- border-top:none;
- }
- #sidebar_image {
- width:200px;
- height:auto;
- margin:auto;
- margin-top:10px;
- border:1px solid {color:Container Borders};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #sidebar_image img {
- padding:10px;
- width:180px;
- height:auto;
- opacity:1;
- }
- #sidebar_image:hover {
- opacity:.5;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #description_title_container,
- #toptags_title_container {padding-left:25px; width:175px;}
- #description_title {
- padding:2px 4px;
- background:{color:Description Title BG};
- text-transform:uppercase;
- font:bold 9px 'Quicksand', calibri, sans-serif;
- color:{color:Description Title};
- }
- #toptags_title {
- padding:2px 4px;
- background:{color:TopTags Title BG};
- text-transform:uppercase;
- font:bold 9px 'Quicksand', calibri, sans-serif;
- color:{color:TopTags Title};
- }
- #description_container {
- width:175px;
- margin:0 auto;
- padding-bottom:10px;
- }
- #description {
- padding-top:5px;
- text-align:justify;
- border-top:1px solid {color:Container Borders};
- }
- #toptags_container {
- width:180px;
- margin:auto;
- padding:6px 0px;
- font:9px 'Maven Pro', calibri;
- text-transform:uppercase;
- color:{color:Container Borders};
- border-top:1px solid {color:Container Borders};
- }
- #top_tags {border-left:1px solid {color:Container Borders};}
- #toptags_container a {
- padding:0 10px;
- color:{color:TopTags Links};
- border-left:1px solid transparent;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #toptags_container a:hover {
- margin-right:3px;
- color:{color:TopTags Links Hover};
- border-left:1px solid {color:TopTags Title BG};
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #postscontainer {
- position:relative;
- {block:If500pxPosts}width:520px;{/block:if500pxPosts}
- {block:If400pxPosts}width:420px;{/block:if400pxPosts}
- margin:auto;
- margin-top:193px;
- left:115px;
- padding-top:50px;
- z-index:0;
- background-color:{color:Container BG};
- border:1px solid {color:Container Borders};
- border-top:none;
- }
- #posts {
- {block:If500pxPosts}width:500px;{/block:if500pxPosts}
- {block:If400pxPosts}width:400px; {/block:if400pxPosts}
- position:relative;
- margin:auto;
- margin-top:-10px;
- margin-bottom:90px;
- padding-top:8px;
- border-top:1px solid {color:Container Borders};
- }
- #posts blockquote {
- margin-left:2px;
- padding-left:10px;
- border-left:1px solid{color:Container Borders};
- }
- #posts img,
- #posts li,
- #posts blockquote {max-width:100%;}
- #posts img {height:auto; padding:0;}
- #posts blockquote img {height:auto; width:auto;}
- #postinfo {
- position:absolute;
- top:-16px;
- right:0;
- text-align:center;
- text-transform:uppercase;
- font:8px 'Trebuchet Ms', calibri;
- letter-spacing:1px;
- }
- #postinfo a:link {
- padding-bottom:5px;
- color:#a3a3a3;
- border-bottom:1px solid transparent;
- }
- #postinfo a:hover {color:black; border-bottom:1px solid black;}
- #tags_container {
- position:absolute;
- {block:If500pxPosts}right:-120px;{/block:if500pxPosts}
- {block:If400pxPosts}right:-120px;{/block:if400pxPosts}
- top:-16px;
- width:100px;
- height:auto;
- text-transform:uppercase;
- font:8px 'Trebuchet Ms', calibri;
- letter-spacing:1px;
- opacity:0;
- -webkit-transition-duration: .7s;
- -moz-transition-duration: .7s;
- -o-transition-duration: .7s;
- -webkit-transition-delay: 500ms;
- -moz-transition-delay: 500ms;
- -o-transition-delay: 500ms;
- transition-delay: 500ms;
- }
- #tags_container a:link {letter-spacing:0px;}
- #tags_container a:hover {color:black;}
- #posts:hover #tags_container {
- opacity:1;
- -webkit-transition-duration: .7s;
- -moz-transition-duration: .7s;
- -o-transition-duration: .7s;
- transition-duration: .7s;
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- -o-transition-delay: 0ms;
- transition-delay: 0ms;
- }
- #tagged_under {
- padding:4px;
- text-transform:uppercase;
- font-style:italic;
- border-bottom:1px solid {color:Container Borders};
- color:black;
- }
- #text,
- .caption {margin:10px;}
- #chat {
- padding-bottom:5px;
- text-align:left;
- border-bottom:1px solid {color:Container Borders};
- }
- #chat ul {margin-left:-20px;}
- #chat li {list-style:none; line-height:15px;}
- .pt {font:12px 'Trebuchet Ms', calibri, sans-serif; text-transform:uppercase;}
- .pt a:link {padding-left:10px; border-left:1px solid transparent;}
- .pt a:hover {margin-left:10px; border-left:1px solid #c67f70;}
- #label {text-transform:uppercase; color:#878787;}
- #quote {
- text-align:center;
- font:12px 'Maven Pro', calibri, sans-serif;
- padding:10px;
- }
- #source {font-size:10px;}
- #question {padding:0px; margin-bottom:5px;}
- #asker_portrait {float:left; padding-right:20px;}
- #asker {text-transform:uppercase; font:bold 8px 'Quicksand', calibri, sans-serif;}
- #asker a {color:#000;}
- #asker a:hover {color:#ccc;}
- #asked_question {
- background-color:#edf0f2;
- padding:10px;
- min-height:20px;
- max-width:460px;
- margin-left:50px;
- }
- #answer {
- padding:2px 10px;
- background:#edf0f2;
- margin-left:50px;
- }
- #art {width:60px; height:60px; z-index:0;}
- #p {
- position:absolute;
- width:26px;
- height:26px;
- top:23px;
- left:16px;
- z-index:1;
- overflow:hidden;
- opacity:.7;
- -webkit-border-radius:14px;
- -moz-border-radius:14px;
- border-radius:14px;
- }
- #ap:hover #p {
- opacity:1;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #player {background-color:#000;}
- #details {
- position:absolute;
- min-height:60px;
- top:9px;
- left:70px;
- padding-left:10px;
- border-left:1px solid #ccc;
- line-height:12px;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- #ap:hover #details {
- color:#ccc;
- -webkit-transition-duration: .5s;
- -moz-transition-duration: .5s;
- -o-transition-duration: .5s;
- transition-duration: .5s;
- }
- .notecontainer {
- margin:20px auto;
- {block:If500pxPosts}width:500px;{/block:if500pxPosts}
- {block:If400pxPosts}width:400px;{/block:if400pxPosts}
- text-align:left;
- font-size:10px;
- }
- .notecontainer ol.notes {
- list-style-type:none;
- margin:0;
- padding:0;
- }
- .notecontainer img.avatar {
- margin-right:10px;
- width:16px;
- height:16px;
- }
- #s {
- position:fixed;
- right:10px;
- bottom:10px;
- font-size:18px;
- z-index:9999999999999999999;
- }
- #s a {color:black;}
- #s a:hover {color:#ccc;}
- </style>
- <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
- <script>
- $(function(){
- $('a').each(function() {
- if ($(this).prop('href') == window.location.href) {
- $(this).addClass('current');
- }
- });
- });
- </script>
- </head>
- <body>
- <div id="s"><a href="http://dolceshu.tumblr.com" title="theme by dolceshu">πΎ</a></div>
- <div id="curtain"></div>
- <div id="container">
- <div id="menu_container">
- <div id="navigation_container">
- <div id="navigation">
- <ul>
- <li><a href="/">home</a></li>
- <li><a href="/ask">ask</a></li>
- <li><a href="/archive">archive</a></li>
- {block:IfLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:IfLink4}
- {block:IfLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:IfLink5}
- {block:IfLink6}<li><a href="{text:Link 6 URL}" style="z-index:9999999;">{text:Link 6}</a></li>{/block:IfLink6}
- {block:IfLink7}<li><a href="{text:Link 7 URL}" style="z-index:9;">{text:Link 7}</a>
- {block:IfSubMenu}
- <ul style="padding-top:25px; z-index:-9;">
- <li><a href="{text:SubMenu Link 1 URL}">{text:SubMenu Link 1}</a></li>
- <li><a href="{text:SubMenu Link 2 URL}">{text:SubMenu Link 2}</a></li>
- <li><a href="{text:SubMenu Link 3 URL}">{text:SubMenu Link 3}</a></li>
- <li><a href="{text:SubMenu Link 4 URL}">{text:SubMenu Link 4}</a></li>
- <li><a href="{text:SubMenu Link 5 URL}">{text:SubMenu Link 5}</a></li>
- <li><a href="{text:SubMenu Link 6 URL}">{text:SubMenu Link 6}</a></li>
- <li><a href="{text:SubMenu Link 7 URL}">{text:SubMenu Link 7}</a></li>
- <li><a href="{text:SubMenu Link 8 URL}">{text:SubMenu Link 8}</a></li>
- </ul>
- {/block:IfSubMenu}
- </li>{/block:IfLink7}
- </ul>
- </div>
- <div id="search">
- <form onsubmit="return tagSearch(this)" id="sfm">
- <input type="text" name="tag" value="Search..." id="sf" onfocus="if (this.value == 'Search...') {this.value=''}" onblur="if (this.value == '') {this.value='Search...'}" />
- </form>
- </div>
- </div>
- <div id="subnav_container">
- <div id="title_wrapper">
- <div id="title">
- {Title}
- </div>
- </div>
- {block:Pagination}
- <div id="pagination">
- {block:JumpPagination length="4"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
- {/block:JumpPagination}
- </div>
- {/block:Pagination}
- <div id="updates_button_wrapper">
- <div id="updates_button">
- <div id="updates_button_title">updates</div>
- <div id="updates_wrapper">
- <div id="updates_sections_wrapper">
- <div class="sections" style="border:none;">
- <div class="title">{text:Updates Section 1 Title}</div>
- <div class="content">
- {text:Updates Section 1}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 2 Title}</div>
- <div class="content">
- {text:Updates Section 2}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 3 Title}</div>
- <div class="content">
- {text:Updates Section 3}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 4 Title}</div>
- <div class="content">
- {text:Updates Section 4}
- </div><!--class="content"-->
- </div><!--class="sections"-->
- </div><!--id="updates_section_wrapper"-->
- </div><!--id="updates_wrapper"-->
- </div><!--id="updates_button"-->
- </div><!--id="updates_button_wrapper"-->
- </div><!--id="subnav_container"-->
- </div><!--id="menu_container"-->
- </div><!--id="container"-->
- <div id="sidebar">
- <div id="sidebar_image">
- <img src="{image:Sidebar}">
- </div>
- <div style="padding-top:13px;">
- <div id="description_title_container">
- <span id="description_title">
- {Title}
- </span>
- </div>
- </div>
- <div id="description_container">
- <div id="description">
- {Description}
- </div>
- </div>
- <span id="toptags_title_container">
- <span id="toptags_title">
- top tags
- </span>
- </span>
- <div id="toptags_container">
- <div id="top_tags">
- <a href="{text:Sidebar Tag 1 URL}"># {text:Sidebar Tag 1}</a><br>
- <a href="{text:Sidebar Tag 2 URL}"># {text:Sidebar Tag 2}</a><br>
- <a href="{text:Sidebar Tag 3 URL}"># {text:Sidebar Tag 3}</a><br>
- <a href="{text:Sidebar Tag 4 URL}"># {text:Sidebar Tag 4}</a>
- </div>
- </div>
- </div>
- <div id="postscontainer">
- {block:Posts}
- <div id="posts">
- {block:Text}
- <div id="text">
- {block:Title}
- <div class="pt">
- <a href="{Permalink}">{Title}</a>
- </div>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Answer}
- <div id="question">
- <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
- <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
- </div>
- <div id="answer">
- {Answer}
- </div>
- {/block:Answer}
- {block:Quote}
- <div id="quote">
- {Quote}
- <br><br>
- {block:Source}
- <div id="source">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="pt">
- <a href="{URL}">{Name}</a>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:AudioPlayer}
- <div id="art">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- <div id="p">
- <div id="player">
- {AudioPlayerBlack}
- </div>
- </div>
- <div id="details">
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}<br>
- {PlayCountWithLabel}
- </div>
- {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
- {/block:AudioPlayer}
- {block:Video}
- {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
- {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Chat}
- <div id="chat">
- <a href="{Permalink}" class="pt">{Title}</a>
- <ul>
- {block:Lines}
- <li>{block:Label}<span id="label">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}
- {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
- {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <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>
- </div>
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- {/block:Photos}
- </div>
- {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
- {/block:Photoset}
- {block:Date}
- <div id="postinfo">
- <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
-
- <a href="{Permalink}">{TimeAgo}</a>
-
- {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
- </div>
- {/block:Date}
- {block:HasTags}
- <div id="tags_container">
- <span id="tagged_under">Tagged under:</span>
- <br><br>
- {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!--END POSTS-->
- <div class="notecontainer">{PostNotes}</div>
- {/block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div> <!--END POSTS CONTAINER-->
- <script type="text/javascript">
- $.noConflict();
- </script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- jQuery(document).ready(function($){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '3px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <a href="#" id="toTop">^ Scroll to Top </a>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
- </html>
- <script type="text/javascript">
- $(function() {
- $("#toTop").scrollToTop({speed:1000,start:700});
- });
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement