Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--------------------------------------------
- THEME 10: THE NEW AVATAR
- THEME BY CYNESSIE
- http://cythemes.tumblr.com // http://cynessie.tumblr.com
- ---------------------------------------------
- TERMS OF USE:
- ● DO NOT REMOVE THE CREDITS
- ● DO NOT CLAIM AS YOUR OWN
- ● DO NOT REDISTRIBUTE
- ● DO NOT USE AS A BASE
- ----------------------------------------------->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <!-- S-M-T TOOLTIP CODE START -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- S-M-T TOOLTIP CODE END -->
- <meta name="image:background" content="http://static.tumblr.com/057805aba84a257ad0542cc98bb46b10/skpdfau/GLEn9g8gc/tumblr_static_5vqmeiw4orcwsso4ck848wg04.png">
- <meta name="image:left sidebar image" content="http://static.tumblr.com/4b387ebe0f859e5b7cd4c02cf268181e/skpdfau/80Gn9er60/tumblr_static_5m2exdo7dnok0kscs4oowgcw4.gif">
- <meta name="image:right sidebar image" content="http://static.tumblr.com/0cfc7fdd847c411e225f69e271771f1f/skpdfau/u8Pn9fl37/tumblr_static_e3rckxkrubs4400swgsgow8o0.gif">
- <meta name="image:postwrap bg" content="http://static.tumblr.com/b70048d2ff7ae5fd2c5dfc828a0e77bb/skpdfau/YItn9g8kt/tumblr_static_1tz42r0kfrk0wsgs4kowcg8gc.png">
- <meta name="color:background" content="#f3f3f3">
- <meta name="color:text" content="#213f52">
- <meta name="color:bold" content="#315f7a">
- <meta name="color:italic" content="#315f7a">
- <meta name="color:link" content="#529ecc">
- <meta name="color:link hover" content="#529ecc">
- <meta name="color:right border" content="#97c5e0">
- <meta name="color:left border" content="#97c5e0">
- <meta name="color:tooltip text" content="#315f7a">
- <meta name="color:tooltip bg" content="#dcecf5">
- <meta name="color:tooltip border" content="#97c5e0">
- <meta name="color:scrollbar bg" content="#97c5e0">
- <meta name="color:scrollbar thumb" content="#427ea3">
- <meta name="color:middle bar bg" content="#bad8eb">
- <meta name="color:description bg" content="#dcecf5">
- <meta name="color:big header text" content="#142c3c">
- <meta name="color:small header text" content="#142c3c">
- <meta name="color:left link bg" content="#000">
- <meta name="color:left link text" content="#fff">
- <meta name="color:right link bg" content="#000">
- <meta name="color:right link text" content="#fff">
- <meta name="color:navibar bg" content="#97c5e0">
- <meta name="color:navibar border" content="#dcecf5">
- <meta name="color:navibar border hover" content="#97c5e0">
- <meta name="color:navi button text" content="#f0f5f8">
- <meta name="color:navi button text hover" content="#97c5e0">
- <meta name="color:navi button bg hover" content="#dcecf5">
- <meta name="color:postwrap bg" content="#f3f3f3">
- <meta name="color:post bg" content="#dcecf5">
- <meta name="color:post title" content="#28526b">
- <meta name="color:post title bg" content="#dcecf5">
- <meta name="color:post title border" content="#bad8eb">
- <meta name="color:post title link" content="#427ea3">
- <meta name="color:post title link hover" content="#427ea3">
- <meta name="color:post title link bg" content="#dcecf5">
- <meta name="color:post title link bg hover" content="#dcecf5">
- <meta name="color:post title link border" content="#bad8eb">
- <meta name="color:post title link border hover" content="#bad8eb">
- <meta name="color:subtitle text" content="#213f52">
- <meta name="color:subtitle bg" content="#bad8eb">
- <meta name="color:blockquote border" content="#bad8eb">
- <meta name="color:pre bg" content="#bad8eb">
- <meta name="color:pre text" content="#315f7a">
- <meta name="color:question bg" content="#bad8eb">
- <meta name="color:question text" content="#102029">
- <meta name="color:asker text" content="#213f52">
- <meta name="color:asker link" content="#427ea3">
- <meta name="color:asker link hover" content="#427ea3">
- <meta name="color:quote" content="#427ea3">
- <meta name="color:quote marks" content="#97c5e0">
- <meta name="color:chat even name" content="#315f7a">
- <meta name="color:chat even text" content="#213f52">
- <meta name="color:chat even bg" content="#bad8eb">
- <meta name="color:chat odd name" content="#315f7a">
- <meta name="color:chat odd text" content="#213f52">
- <meta name="color:chat odd bg" content="#bad8eb">
- <meta name="color:audio info bg" content="#bad8eb">
- <meta name="color:audio info label" content="#315f7a">
- <meta name="color:audio info text" content="#213f52">
- <meta name="color:post info bg" content="#97c5e0">
- <meta name="color:post info border" content="#dcecf5">
- <meta name="color:post info border hover" content="#97c5e0">
- <meta name="color:post info button text" content="#f0f5f8">
- <meta name="color:post info button text hover" content="#97c5e0">
- <meta name="color:post info button bg hover" content="#dcecf5">
- <meta name="color:pagination bg" content="#97c5e0">
- <meta name="color:pagination text" content="#f0f5f8">
- <meta name="color:pagination text hover" content="#97c5e0">
- <meta name="color:pagination button bg hover" content="#dcecf5">
- <meta name="color:pagination border" content="#dcecf5">
- <meta name="color:pagination border hover" content="#97c5e0">
- <meta name="if:infinite scroll" content="0">
- <meta name="if:large desc" content="1">
- <meta name="if:500px posts" content="0">
- <meta name="if:monochrome photos" content="0">
- <meta name="if:faded photos" content="0">
- <meta name="if:black audio player" content="1">
- <meta name="if:show captions" content="1">
- <meta name="if:music player" content="1">
- <meta name="text:big header" content="title here">
- <meta name="text:small header" content="this is a cool quote or something idk">
- <meta name="text:link 1 title" content="">
- <meta name="text:link 1 url" content="">
- <meta name="text:link 2 title" content="">
- <meta name="text:link 2 url" content="">
- <meta name="text:link 3 title" content="">
- <meta name="text:link 3 url" content="">
- <meta name="text:left link 1 title" content="">
- <meta name="text:left link 1 url" content="">
- <meta name="text:left link 2 title" content="">
- <meta name="text:left link 2 url" content="">
- <meta name="text:left link 3 title" content="">
- <meta name="text:left link 3 url" content="">
- <meta name="text:left link 4 title" content="">
- <meta name="text:left link 4 url" content="">
- <meta name="text:left link 5 title" content="">
- <meta name="text:left link 5 url" content="">
- <meta name="text:left link 6 title" content="">
- <meta name="text:left link 6 url" content="">
- <meta name="text:left link 7 title" content="">
- <meta name="text:left link 7 url" content="">
- <meta name="text:left link 8 title" content="">
- <meta name="text:left link 8 url" content="">
- <meta name="text:left link 9 title" content="">
- <meta name="text:left link 9 url" content="">
- <meta name="text:right link 1 title" content="">
- <meta name="text:right link 1 url" content="">
- <meta name="text:right link 2 title" content="">
- <meta name="text:right link 2 url" content="">
- <meta name="text:right link 3 title" content="">
- <meta name="text:right link 3 url" content="">
- <meta name="text:right link 4 title" content="">
- <meta name="text:right link 4 url" content="">
- <meta name="text:right link 5 title" content="">
- <meta name="text:right link 5 url" content="">
- <meta name="text:right link 6 title" content="">
- <meta name="text:right link 6 url" content="">
- <meta name="text:right link 7 title" content="">
- <meta name="text:right link 7 url" content="">
- <meta name="text:right link 8 title" content="">
- <meta name="text:right link 8 url" content="">
- <meta name="text:right link 9 title" content="">
- <meta name="text:right link 9 url" content="">
- <link href="//fonts.googleapis.com/css?family=Share+Tech Mono:400" rel="stylesheet" type="text/css">
- <style type="text/css">
- /*---BASICS---*/
- @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
- @font-face {
- font-family: 'tinytots';
- src: url('http://static.tumblr.com/skpdfau/FUPn8zoqu/tinytots.eot');
- src: url('http://static.tumblr.com/skpdfau/FUPn8zoqu/tinytots.eot?#iefix') format('embedded-opentype'),
- url('http://static.tumblr.com/skpdfau/aNyn8zosj/tinytots.woff') format('woff'),
- url('http://static.tumblr.com/3lcgguq/UXPn25o2c/tinytots.ttf') format('truetype'),
- url('http://static.tumblr.com/skpdfau/jjin8zou9/tinytots.svg#tinytots') format('svg');
- src:url(http://static.tumblr.com/skpdfau/vJ7n91pj5/tinytots.otf) format("opentype");
- font-weight: normal;
- font-style: normal;
- }
- body {
- margin: 0;
- background: url('{image:background}') {color:background} fixed;
- color: {color:text};
- font-family: tahoma;
- font-size: 10px;
- }
- a {
- color: {color:link};
- text-decoration: none;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- a:hover {
- color: {color:link hover};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- i, em {
- color: {color:italic};
- }
- b, strong {
- color: {color:bold};
- }
- pre {
- padding: 5px;
- background-color: {color:pre bg};
- color: {color:pre text};
- }
- blockquote {
- margin: 0 0 0 10px;
- padding-left: 5px;
- border-left: 1px solid {color:blockquote border};
- }
- h1 {
- background-color: {color:subtitle bg};
- color: {color:subtitle};
- font-family: arial;
- font-size: 20px;
- font-weight: bold;
- letter-spacing: -2px;
- text-align: center;
- text-transform: lowercase;
- }
- h2 {
- color: {color:bold};
- font-family: arial;
- font-size: 17px;
- font-weight: bold;
- letter-spacing: -1px;
- text-align: center;
- text-transform: lowercase;
- }
- h3 {
- color: {color:bold};
- font-family: arial;
- font-size: 15px;
- font-weight: bold;
- letter-spacing: -1px;
- text-transform: lowercase;
- }
- ::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- background: {color:scrollbar bg};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar thumb};
- }
- .container {
- margin: auto;
- {block:if500pxposts}width: 1060px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
- }
- /*---SIDE---*/
- .navbar {
- position: fixed;
- z-index: 30;
- {block:if500pxposts}height: 30px;{/block:if500pxposts}
- {block:ifnot500pxposts}height: 25px;{/block:ifnot500pxposts}
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- margin: 0 0 0 270px;
- top: 0;
- background: {color:navibar bg};
- {block:if500pxposts}line-height: 30px;{/block:if500pxposts}
- {block:ifnot500pxposts}line-height: 25px;{/block:ifnot500pxposts}
- text-align: center;
- border-bottom: 5px solid {color:navibar border};
- }
- .navbar a {
- display: inline-block;
- {block:if500pxposts}height: 30px;{/block:if500pxposts}
- {block:ifnot500pxposts}height: 25px;{/block:ifnot500pxposts}
- width:50px;
- color: {color:navi button text};
- {block:if500pxposts}font-size: 20px;{/block:if500pxposts}
- {block:ifnot500pxposts}font-size: 15px;{/block:ifnot500pxposts}
- {block:if500pxposts}line-height: 30px;{/block:if500pxposts}
- {block:ifnot500pxposts}line-height: 25px;{/block:ifnot500pxposts}
- text-align: center;
- border-bottom: 5px solid {color:navibar border};
- font-size:10px;
- }
- .navbar a:hover {
- background: {color:navi button bg hover};
- color: {color:navi button text hover};
- border-bottom: 5px solid {color:navibar border hover};
- }
- .sideleft {
- position: fixed;
- height: 100%;
- width: 250px;
- margin: 0px 0 0 0;
- background: transparent;
- }
- .fishbarleft {
- position: fixed;
- height: 100%;
- top:0;
- width: 10px;
- {block:if500pxposts}margin: 0 0 0 220px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 0 0 0 -30px;{/block:ifnot500pxposts}
- background: {color:left border};
- }
- .sidestripleft {
- position: fixed;
- z-index: 8;
- {block:iflargedesc}height: 340px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
- width: 250px;
- margin: 0 0 40px 0;
- bottom: 0;
- background: transparent;
- transition-delay: 1s;
- -webkit-transition-delay: 1s;
- }
- .sidestripleft:hover {
- z-index: 10;
- {block:if500pxposts}width: 1060px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .sideimgleft {
- z-index: 4;
- overflow:visible;
- position: absolute;
- {block:iflargedesc}height: 300px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
- width: 200px;
- margin: 0 0 0 0px;
- padding: 10px 0px 10px 10px;
- left:30px;
- bottom: 0;
- background: {color:left border};
- }
- .sideimgleft img {
- {block:iflargedesc}height: 300px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
- width: 200px;
- }
- .descboxleft1 {
- position: absolute;
- opacity: .7;
- z-index: 11;
- {block:iflargedesc}height: 170px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 110px;{/block:ifnotlargedesc}
- width: 0px;
- {block:iflargedesc}margin: 0 0 170px 250px;{/block:iflargedesc}
- {block:ifnotlargedesc}margin: 0 0 110px 250px;{/block:ifnotlargedesc}
- bottom: 0;
- background: {color:middle bar bg};
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripleft:hover .descboxleft1 {
- {block:if500pxposts}width: 560px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
- }
- .leftlinks1 {
- display:inline-block;
- vertical-align:middle;
- position:absolute;
- opacity:0;
- background:transparent;
- width:190px;
- height:190px;
- margin-left:5px;
- margin-right:5px;
- margin-top:5px;
- margin-bottom:45px;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripleft:hover .leftlinks1 {
- opacity:1;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .leftlinks2 {
- display:inline-block;
- vertical-align:middle;
- position:absolute;
- opacity:0;
- background:transparent
- width:190px;
- height:190px;
- margin-left:725px;
- margin-right:5px;
- margin-top:5px;
- margin-bottom:45px;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripleft:hover .leftlinks2 {
- opacity:1;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .rightlinks1 {
- vertical-align:middle;
- position:absolute;
- opacity:0;
- background:transparent
- width:190px;
- height:190px;
- margin-left:5px;
- margin-right:5px;
- margin-top:5px;
- margin-bottom:45px;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripright:hover .rightlinks1 {
- opacity:1;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .rightlinks2 {
- vertical-align:middle;
- position:absolute;
- opacity:0;
- background:transparent;
- width:190px;
- height:190px;
- margin-left:-715px;
- margin-right:5px;
- margin-top:5px;
- margin-bottom:45px;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripright:hover .rightlinks2 {
- opacity:1;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .leftlinks1 a {
- display:block;
- opacity:.7;
- height:16px;
- width:100%;
- text-align:center;
- font-size:10px;
- line-height:16px;
- background:{color:left link bg};
- color:{color:left link text};
- margin-top:10px;
- margin-bottom:-5px;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .leftlinks1 a:hover {
- opacity:1;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .leftlinks2 a {
- display:block;
- opacity:.7;
- height:16px;
- width:100%;
- text-align:center;
- line-height:16px;
- background:{color:right link bg};
- color:{color:right link text};
- margin-top:10px;
- margin-bottom:-5px;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .leftlinks2 a:hover {
- opacity:1;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .rightlinks1 a {
- display:block;
- opacity:.7;
- height:16px;
- width:100%;
- text-align:center;
- line-height:16px;
- background:{color:right link bg};
- color:{color:right link text};
- margin-top:10px;
- margin-bottom:-5px;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .rightlinks1 a:hover {
- opacity:1;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .rightlinks2 a {
- display:block;
- opacity:.7;
- height:16px;
- width:100%;
- text-align:center;
- line-height:16px;
- background:{color:left link bg};
- color:{color:left link text};
- margin-top:10px;
- margin-bottom:-5px;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .rightlinks2 a:hover {
- opacity:1;
- transition: .4s;
- -moz-transition: .4s;
- -webkit-transition: .4s;
- -o-transition: .4;
- }
- .descboxleft2 {
- position: absolute;
- opacity: .7;
- z-index: 11;
- {block:iflargedesc}height: 170px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 110px;{/block:ifnotlargedesc}
- width: 0px;
- margin: 0 250px 0 0;
- right: 0;
- bottom: 0;
- background: {color:middle bar bg};
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripleft:hover .descboxleft2 {
- {block:if500pxposts}width: 560px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
- }
- .sideright {
- position: fixed;
- height: 100%;
- width: 250px;
- {block:if500pxposts}margin: 0px 0 0 810px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 0px 0 0 710px;{/block:ifnot500pxposts}
- background: transpare;
- }
- .fishbarright {
- position: fixed;
- height: 100%;
- width: 10px;
- margin: 0 0 0 0;
- margin-left:0px;
- background: {color:right border};
- }
- .sidestripright {
- position: fixed;
- z-index: 8;
- {block:iflargedesc}height: 340px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
- width: 250px;
- {block:if500pxposts}margin: 0 0 40px 810px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 0 0 40px 710px;{/block:ifnot500pxposts}
- bottom: 0;
- background: transparent;
- transition-delay: 1s;
- -webkit-transition-delay: 1s;
- }
- .sidestripright:hover {
- z-index: 10;
- {block:if500pxposts}width: 1060px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
- margin: 0 0 40px 0px;
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .sideimgright {
- z-index: 4;
- position: absolute;
- overflow:visible;
- {block:iflargedesc}height: 300px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
- width: 200px;
- margin: 0 0 0 0px;
- padding: 10px 10px 10px 0px;
- right: 30px;
- bottom: 0;
- background: {color:right border};
- }
- .sideimgright img {
- {block:iflargedesc}height: 300px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
- width: 200px;
- }
- .descboxright1 {
- position: absolute;
- opacity: .7;
- z-index: 10;
- {block:iflargedesc}height: 170px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 110px;{/block:ifnotlargedesc}
- width: 0px;
- {block:iflargedesc}margin: 0 0 170px 250px;{/block:iflargedesc}
- {block:ifnotlargedesc}margin: 0 0 110px 250px;{/block:ifnotlargedesc}
- bottom: 0;
- background: {color:middle bar bg};
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripright:hover .descboxright1 {
- {block:if500pxposts}width: 560px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
- }
- .descboxright2 {
- position: absolute;
- opacity: .7;
- z-index: 10;
- {block:iflargedesc}height: 170px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 110px;{/block:ifnotlargedesc}
- width: 0px;
- margin: 0 0 0 0;
- right: 250px;
- bottom: 0;
- background: {color:middle bar bg};
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripright:hover .descboxright2 {
- {block:if500pxposts}width: 560px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
- }
- .dboxh {
- position: absolute;
- overflow: hidden;
- width: 0px;
- {block:iflargedesc}height: 340px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
- margin: 0 0 0 250px;
- transition-delay: 1s;
- -webkit-transition-delay: 1s;
- }
- .sidestripleft:hover .dboxh {
- {block:if500pxposts}width: 540px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 440px;{/block:ifnot500pxposts}
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .sidestripright:hover .dboxh {
- {block:if500pxposts}width: 540px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 440px;{/block:ifnot500pxposts}
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .dboxhold {
- position: absolute;
- opacity: 0;
- z-index: 14;
- {block:iflargedesc}height: 300px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- margin: 5px 0 0 20px;
- background: transparent;
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1;
- }
- .sidestripleft:hover .dboxhold {
- opacity: 1;
- margin: 20px 0 0 20px;
- }
- .sidestripright:hover .dboxhold {
- opacity: 1;
- margin: 20px 0 0 20px;
- }
- .header1 {
- position: absolute;
- z-index: 15;
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- color: {color:big header text};
- font-family: arial;
- font-size: 35px;
- font-weight: bold;
- letter-spacing: -3px;
- text-align: center;
- }
- .header2 {
- position: absolute;
- z-index: 15;
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- margin: 35px 0 0 0;
- color: {color:small header text};
- font-family: tinytots, share tech mono;
- font-size: 8px;
- text-align: center;
- text-transform: uppercase;
- }
- .descbg {
- position: absolute;
- opacity: .7;
- z-index: 15;
- {block:iflargedesc}height: 230px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 130px;{/block:ifnotlargedesc}
- padding: 10px;
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- {block:if500pxposts}margin: 50px 0 0 0px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 50px 0 0 0px;{/block:ifnot500pxposts}
- background: {color:description bg};
- text-align: center;
- }
- .desc {
- position: absolute;
- opacity: 1;
- overflow: auto;
- z-index: 16;
- {block:iflargedesc}height: 230px;{/block:iflargedesc}
- {block:ifnotlargedesc}height: 130px;{/block:ifnotlargedesc}
- padding: 10px;
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
- {block:if500pxposts}margin: 50px 0 0 0px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 50px 0 0 0px;{/block:ifnot500pxposts}
- background: transparent;
- text-align: center;
- }
- /*---ENTRIES---*/
- .postwrap {
- position: absolute;
- z-index: 3;
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- {block:if500pxposts}margin: 0 0 0 250px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 0 0 0 250px;{/block:ifnot500pxposts}
- {block:if500pxposts}padding: 35px 20px 40px 20px;{/block:if500pxposts}
- {block:ifnot500pxposts}padding: 30px 20px 40px 20px;{/block:ifnot500pxposts}
- background: url('{image:postwrap bg}') {color:postwrap bg}; fixed;
- }
- .entryhold {
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
- margin: 20px 0 0 0;
- }
- .entry {
- position: relative;
- z-index: 4;
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
- padding: 10px;
- background: {color:post bg};
- }
- .entrytitle {
- background: {color:post title bg};
- color: {color:post title};
- font-size: 25px;
- font-family: arial;
- font-weight: bold;
- letter-spacing: -2px;
- text-align: center;
- text-transform: lowercase;
- border-bottom: 1px solid {color:post title border};
- }
- .entrytitle a {
- color: {color:post title link};
- }
- .entrytitle a:hover {
- color: {color:post title link hover};
- }
- .entrytext img {
- max-width:100%;
- }
- /*---ANSWER---*/
- .queshold {
- margin: 0 0 2px 0;
- }
- .question {
- min-height: 48px ;
- margin-left: 90px;
- padding: 10px 10px 10px 10px;
- background-color: {color:question bg};
- color: {color:question text};
- font-size: 9px;
- text-align: center;
- }
- .questionimg img{
- position: absolute;
- border: 10px solid {color:question bg};
- }
- .point {
- position: absolute;
- margin-top: 13px;
- margin-left: 70px;
- color: {color:question bg};
- font-size: 30px;
- }
- .asker {
- margin-top: 0px;
- color: {color:asker text};
- font-family: arial;
- font-weight: bold;
- font-size: 20px;
- letter-spacing: -2px;
- }
- .asker a {
- color: {color:asker link};
- }
- .asker a:hover {
- color: {color:asker link};
- text-decoration:line-through;
- }
- /*---QUOTES---*/
- .quotehold {
- padding: 10px 10px 10px 60px;
- background: {color:quote bg};
- }
- .marks {
- overflow: hidden;
- position: absolute;
- margin: -20px 0 0 -65px;
- height: 60px;
- width: 60px;
- color: {color:quote marks};
- font-family: georgia;
- font-size: 130px;
- font-style: italic;
- }
- .quote {
- margin: 10px 0 0 0px;
- color: {color:quote};
- font-family: arial;
- font-size: 20px;
- font-weight: bold;
- letter-spacing: -2px;
- text-transform: lowercase;
- }
- /*---CHAT---*/
- .convo li {
- list-style: none;
- margin-left: -40px;
- }
- .line_odd {
- background-color: {color:chat odd bg};
- color: {color:chat odd text};
- margin-bottom: 5px;
- padding: 8px 4px;
- }
- .line_even {
- background-color: {color:chat even bg};
- color: {color:chat even text};
- margin-bottom: 5px;
- padding: 8px 4px;
- }
- .convo .label {
- font-family: arial;
- font-size: 14px;
- font-weight: bold;
- letter-spacing: -1px;
- text-transform: lowercase;
- }
- .line_odd .label {
- color: {color:chat odd name};
- }
- .line_even .label {
- color: {color:chat even name};
- }
- /*---PHOTO---*/
- .photos {
- margin-bottom: 5px;
- {block:iffadedphotos}
- -webkit-transition: opacity 0.8s linear;
- opacity: 0.60;{/block:iffadedphotos}
- {block:ifmonochromephotos}-webkit-filter: grayscale(1);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;{/block:ifmonochromephotos}
- }
- .photos:hover {
- {block:iffadedphotos}-webkit-transition: opacity 0.8s linear;
- opacity: 1;{/block:iffadedphotos}
- {block:ifmonochromephotos}
- filter: none;
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;{/block:Ifmonochromephotos}
- }
- /*---AUDIO---*/
- .playbox {
- height: 150px;
- margin: 0 0 10px 0;
- }
- .player {
- position: absolute;
- opacity: .3;
- overflow: hidden;
- height: 30px;
- width: 30px;
- margin-top: 60px;
- margin-left: 60px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .player:hover {
- opacity: 1;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .artwork {
- position: absolute;
- width: 150px;
- height: 150px;
- margin-bottom: 5px;
- }
- .artwork img {
- width: 150px;
- height: 150px;
- }
- .trackinfo {
- position: absolute;
- height: 150px;
- {block:ifnot500pxposts}width: 235px;{/block:ifnot500pxposts}
- {block:if500pxposts}width: 335px;{/block:if500pxposts}
- margin: 0 0 0 165px;
- background-color: transparent;
- }
- .tracklist {
- height: 30px;
- {block:ifnot500pxpost}width: 227px;{/block:ifnot500pxpost}
- {block:if500pxpost}width: 327px;{/block:if500pxpost}
- padding: 0px 4px;
- margin-bottom: 10px;
- background-color: {color:audio info bg};
- color: {color:audio info text};
- line-height: 30px;
- }
- .tracklabel {
- color: {color:audio info label};
- font-family: arial;
- font-size: 15px;
- font-weight: bold;
- letter-spacing: -1px;
- text-transform: lowercase;
- }
- /*---INDEX POST INFO---*/
- .postinfohold {
- position: relative;
- z-index: 6;
- height: 25px;
- {block:if500pxposts}width:510px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 410px;{/block:ifnot500pxposts}
- padding: 0 10px 0 0;
- background: {color:post info bg};
- text-align: right;
- border-bottom: 5px solid {color:post info border};
- }
- .postinfo a {
- display: inline-block;
- height: 25px;
- width: 25px;
- {block:if500pxposts}margin: 0 0 0 5px;{/block:if500pxposts}
- {block:ifnot500pxposts}margin: 0 0 0 2px;{/block:ifnot500pxposts}
- color: {color:post info button text};
- font-size: 15px;
- line-height: 25px;
- text-align: center;
- border-bottom: 5px solid {color:post info border};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .postinfo a:hover {
- background: {color:post info button bg hover};
- color: {color:post info button text hover};
- border-bottom: 5px solid {color:post info border hover};
- }
- /*---PAGINATION---*/
- .pagination {
- position: fixed;
- z-index: 10;
- height: 20px;
- width: 640px;
- bottom: 0px;
- margin: 0 0 0 270px;
- {block:if500pxposts}width:520px;{/block:if500pxposts}
- {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
- background-color: {color:pagination bg};
- color: {color:pagination text};
- font-family: tinytots, share tech mono;
- font-size: 15px;
- letter-spacing: 1px;
- line-height: 20px;
- text-align: center;
- text-transform: uppercase;
- border-top: 5px solid {color:pagination border};
- }
- .currentpage, .pagination a {
- display: inline-block;
- height: 20px;
- width: 20px;
- margin: -5px 0 0 0;
- color: {color:pagination text};
- text-decoration: none;
- font-family: arial;
- font-size: 15px;
- font-weight: bold;
- line-height: 20px;
- border-top: 5px solid {color:pagination border};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .pagination a:hover {
- background: {color:pagination button bg hover};
- color: {color:pagination text hover};
- border-top: 5px solid {color:pagination border hover};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- /*---PERMALINK PAGE---*/
- .permalink {
- position: relative;
- z-index: 999px;
- margin: 0px 20px 0px 0px;
- padding-top: 5px;
- color: {color:bold};
- font-family: arial;
- font-size: 14px;
- font-weight: bold;
- letter-spacing: -1px;
- text-align: center;
- text-transform: lowercase;
- border-top: 1px solid {color:post title border};
- }
- .permalinknotes {
- position: relative;
- z-index: 999px;
- overflow: hidden;
- margin-top: 20px;
- color: {color:text};
- font-family: tahoma;
- font-size: 8px;
- font-weight: normal;
- letter-spacing: 1px;
- text-transform: lowercase;
- }
- .permalinknotes a {
- color: {color:link};
- font-family: tahoma;
- font-size: 8px;
- font-weight: normal;
- letter-spacing: 1px;
- text-decoration: none;
- text-transform: lowercase;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .permalinknotes a:hover {
- color: {color:link hover};
- }
- /*---NOTES---*/
- ol.notes {
- overflow: auto;
- position: static;
- padding: 2px;
- max-height: 200px;
- {block:if500pxposts}width: ;{/block:if500pxposts}
- {block:ifNot500pxposts}width: ;{/block:ifNot500pxposts}
- margin: 15px 0px;
- padding: 10px;
- letter-spacing: 1px;
- list-style-type: none;
- }
- ol.notes li.note {
- margin-left: 10px
- margin-bottom: 10px;
- letter-spacing: 1px;
- line-height: 20px;
- }
- .notes img{
- opacity: .7;
- margin-bottom: -5px;
- margin-right: 5px;
- }
- .notes::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- background-color: {color:scrollbar bg};
- }
- .notes::-webkit-scrollbar-thumb {
- background-color: {color:scrollbar thumb};
- }
- /*---MUSIC PLAYER---*/
- .playholder {
- position:fixed;
- overflow: hidden;
- height: 30px;
- width: 30px;
- margin-left: 200px;
- margin-bottom: 5px;
- bottom:-5px;
- background: {color:navibar bg};
- color: {color:navi button text};
- border: 5px solid {color:navibar border};
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -o-transition: all 0.4s;
- -ms-transition: all 0.4s;
- transition: all 0.4s;
- }
- .playholder:hover {
- background: {color:navi button bg hover};
- color: {color:navi button text hover};
- border: 5px solid {color:navibar border hover};
- }
- .eplayer {
- margin-top: 0px;
- margin-left: -22px;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -o-transition: all 0.4s;
- -ms-transition: all 0.4s;
- transition: all 0.4s;
- }
- .playgif {
- margin-bottom: 5px;
- font-size: 20px;
- line-height: 30px;
- text-align: center;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -o-transition: all 0.4s;
- -ms-transition: all 0.4s;
- transition: all 0.4s;
- }
- .playholder:hover .playgif {
- margin-top: -30px;
- }
- .playholder:hover .eplayer {
- margin-top: -0px;
- }
- /*---CREDIT - DO NOT REMOVE---*/
- .logo {
- overflow: hidden;
- z-index: 9999;
- position: fixed;
- height: 30px;
- width: 30px;
- top: 10px;
- left: 10px;
- background-color: {color:post bg};
- color: {color:link};
- text-align: center;
- border: 1px solid {color:link};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: .4s;
- -webkit-transition-delay: .4s;
- }
- .logo:hover {
- width: 90px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: .4s;
- -webkit-transition-delay: .4s;
- }
- .logo a {
- color: #b0647f;
- width: 100px;
- font-family: trebuchet ms;
- font-size: 8px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .logo a:hover {
- color: {color:link};
- width: 100px;
- font-size: 8px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .logobolt {
- position: absolute;
- height: 30px;
- width: 30px;
- color: {color:link};
- font-size: 20px;
- line-height: 30px;
- text-align: center;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: .8s;
- -webkit-transition-delay: .8s;
- }
- .logo:hover .logobolt {
- opacity: 0;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .logoline1 {
- opacity: 0;
- margin: 3px 1px 0 1px;
- font-family: trebuchet ms;
- font-size: 8px;
- letter-spacing: 4px;
- line-height: 8px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .logo:hover .logoline1 {
- opacity: 1;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: .8s;
- -webkit-transition-delay: .8s;
- }
- .logoline2 {
- opacity: 0;
- margin: 0px 1px 1px 1px;
- font-family: oswald;
- font-size: 16px;
- letter-spacing: 1px;
- line-height: 16px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: 0s;
- -webkit-transition-delay: 0s;
- }
- .logo:hover .logoline2 {
- opacity: 1;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- transition-delay: .8s;
- -webkit-transition-delay: .8s;
- }
- #s-m-t-tooltip {
- z-index:999;
- padding: 5px 10px;
- margin:20px 14px 7px 10px;
- background-color: {color:tooltip bg};
- color: {color:tooltip text};
- font-family: tinytots, share tech mono;
- font-size: 8px;
- letter-spacing: 0px;
- text-transform:uppercase;
- border: 3px solid {color:tooltip border};
- }
- .scrolltthold {
- position: fixed;
- opacity: 0;
- z-index: 99999;
- bottom: 0px;
- margin: 0 0 0 10px;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .scrollttholdaf {
- opacity: 1;
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .scrolltt {
- height: 30px;
- width: 30px;
- background: {color:navibar bg};
- color: {color:navi button text};
- font-size: 15px;
- line-height: 30px;
- text-align: center;
- border: 5px solid {color:navibar border};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- .scrolltt:hover {
- background: {color:navi button bg hover};
- color: {color:navi button text hover};
- border: 5px solid {color:navibar border hover};
- transition: 0.4s;
- -moz-transition: 0.4s;
- -webkit-transition: 0.4s;
- -o-transition: 0.4s;
- }
- </style>
- </head>
- <!-- START SCROLL STICK -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
- <script>
- $(document).ready(function(){
- $(window).bind('scroll', function(){
- if($(window).scrollTop() > 100){
- $('.scrolltthold').addClass('scrollttholdaf');
- }
- else{
- $('.scrolltthold').removeClass('scrollttholdaf');
- }
- });
- });
- </script>
- <!-- END SCROLL STICK -->
- <!--START SCROLL TO TOP-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <!--END SCROLL TO TOP-->
- <body>
- <a href="http://cythemes.tumblr.com"><div class="logohold">
- <div class="logo">
- <div class="logobolt"><span class="fa fa-bolt"></span></div>
- <div class="logoline1">THEME BY</div>
- <div class="logoline2">CYTHEMES</div>
- </div></a>
- <div class="container">
- <div class="sidestripleft">
- <div class="descboxleft1"></div>
- <div class="descboxleft2"></div>
- <div class="dboxh">
- <div class="dboxbg"></div>
- <div class="dboxhold">
- <div class="descbg"></div>
- <div class="desc">{description}</div>
- <div class="header1">{text:big header}</div>
- <div class="header2">{text:small header}</div>
- </div>
- </div>
- <div class="sideimgleft">
- <div class="leftlinks1">
- {block:ifleftlink1url}<a href="{text:left link 1 url}">{text:left link 1 title}</a>{/block:ifleftlink1url}
- {block:ifleftlink2url}<a href="{text:left link 2 url}">{text:left link 2 title}</a>{/block:ifleftlink2url}
- {block:ifleftlink3url}<a href="{text:left link 3 url}">{text:left link 3 title}</a>{/block:ifleftlink3url}
- {block:ifleftlink4url}<a href="{text:left link 4 url}">{text:left link 4 title}</a>{/block:ifleftlink4url}
- {block:ifleftlink5url}<a href="{text:left link 5 url}">{text:left link 5 title}</a>{/block:ifleftlink5url}
- {block:ifleftlink6url}<a href="{text:left link 6 url}">{text:left link 6 title}</a>{/block:ifleftlink6url}
- {block:ifleftlink7url}<a href="{text:left link 7 url}">{text:left link 7 title}</a>{/block:ifleftlink7url}
- {block:ifleftlink8url}<a href="{text:left link 8 url}">{text:left link 8 title}</a>{/block:ifleftlink8url}
- {block:ifleftlink9url}<a href="{text:left link 9 url}">{text:left link 9 title}</a>{/block:ifleftlink9url}
- </div>
- <div class="leftlinks2">
- {block:ifrightlink1url}<a href="{text:right link 1 url}">{text:right link 1 title}</a>{/block:ifrightlink1url}
- {block:ifrightlink2url}<a href="{text:right link 2 url}">{text:right link 2 title}</a>{/block:ifrightlink2url}
- {block:ifrightlink3url}<a href="{text:right link 3 url}">{text:right link 3 title}</a>{/block:ifrightlink3url}
- {block:ifrightlink4url}<a href="{text:right link 4 url}">{text:right link 4 title}</a>{/block:ifrightlink4url}
- {block:ifrightlink5url}<a href="{text:right link 5 url}">{text:right link 5 title}</a>{/block:ifrightlink5url}
- {block:ifrightlink6url}<a href="{text:right link 6 url}">{text:right link 6 title}</a>{/block:ifrightlink6url}
- {block:ifrightlink7url}<a href="{text:right link 7 url}">{text:right link 7 title}</a>{/block:ifrightlink7url}
- {block:ifrightlink8url}<a href="{text:right link 8 url}">{text:right link 8 title}</a>{/block:ifrightlink8url}
- {block:ifrightlink9url}<a href="{text:right link 9 url}">{text:right link 9 title}</a>{/block:ifrightlink9url}
- </div>
- <img src="{image:left sidebar image}">
- </div>
- </div>
- <div class="sideleft">
- {block:ifmusicplayer}
- <div class="playholder">
- <div class="playgif"><span class="fa fa-music"></span></div>
- <div class="eplayer">
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://veckans.superautomatic.com/1827460183/Queens%20Of%20The%20Stone%20Age%20-%20No%20One%20Knows.mp3&t0=Queens of the Stone Age - No One Knows&f1=http://music.mighty-shake.com/__JEAN__/_denca%20pole%20dance/03%20-%20My%20Eyes.mp3&t1=Nero - My Eyes&f2= http://50.7.161.234/998ajxYxajs13jAKhdca/bks/94/245/Music/Devil%20May%20Cry%204%20Original%20Soundtrack/Disc%202/226%20-%20Forza%20Del%20Destino%20(Dante%20Battle%202).mp3&t2=Forza Del Destino (Dante Battle 2) - DMC 4 OST&f3=http://www.bigozine2.com/TRKS5/BKbbc/BKbbc10.mp3&t3=Lonely Boy - Black Keys&f4=http://a.tumblr.com/tumblr_m2srm1zX3z1rpobqso1.mp3&t4=Celldweller - Eon &total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/>
- </div>
- </div>
- {/block:ifmusicplayer}
- </div>
- <div class="sidestripright">
- <div class="descboxright1"></div>
- <div class="descboxright2"></div>
- <div class="dboxh">
- <div class="dboxbg"></div>
- <div class="dboxhold">
- <div class="descbg"></div>
- <div class="desc">{description}</div>
- <div class="header1">{text:big header}</div>
- <div class="header2">{text:small header}</div>
- </div>
- </div>
- <div class="sideimgright">
- <div class="rightlinks1">
- {block:ifrightlink1url}<a href="{text:right link 1 url}">{text:right link 1 title}</a>{/block:ifrightlink1url}
- {block:ifrightlink2url}<a href="{text:right link 2 url}">{text:right link 2 title}</a>{/block:ifrightlink2url}
- {block:ifrightlink3url}<a href="{text:right link 3 url}">{text:right link 3 title}</a>{/block:ifrightlink3url}
- {block:ifrightlink4url}<a href="{text:right link 4 url}">{text:right link 4 title}</a>{/block:ifrightlink4url}
- {block:ifrightlink5url}<a href="{text:right link 5 url}">{text:right link 5 title}</a>{/block:ifrightlink5url}
- {block:ifrightlink6url}<a href="{text:right link 6 url}">{text:right link 6 title}</a>{/block:ifrightlink6url}
- {block:ifrightlink7url}<a href="{text:right link 7 url}">{text:right link 7 title}</a>{/block:ifrightlink7url}
- {block:ifrightlink8url}<a href="{text:right link 8 url}">{text:right link 8 title}</a>{/block:ifrightlink8url}
- {block:ifrightlink9url}<a href="{text:right link 9 url}">{text:right link 9 title}</a>{/block:ifrightlink9url}
- </div>
- <div class="rightlinks2">
- {block:ifleftlink1url}<a href="{text:left link 1 url}">{text:left link 1 title}</a>{/block:ifleftlink1url}
- {block:ifleftlink2url}<a href="{text:left link 2 url}">{text:left link 2 title}</a>{/block:ifleftlink2url}
- {block:ifleftlink3url}<a href="{text:left link 3 url}">{text:left link 3 title}</a>{/block:ifleftlink3url}
- {block:ifleftlink4url}<a href="{text:left link 4 url}">{text:left link 4 title}</a>{/block:ifleftlink4url}
- {block:ifleftlink5url}<a href="{text:left link 5 url}">{text:left link 5 title}</a>{/block:ifleftlink5url}
- {block:ifleftlink6url}<a href="{text:left link 6 url}">{text:left link 6 title}</a>{/block:ifleftlink6url}
- {block:ifleftlink7url}<a href="{text:left link 7 url}">{text:left link 7 title}</a>{/block:ifleftlink7url}
- {block:ifleftlink8url}<a href="{text:left link 8 url}">{text:left link 8 title}</a>{/block:ifleftlink8url}
- {block:ifleftlink9url}<a href="{text:left link 9 url}">{text:left link 9 title}</a>{/block:ifleftlink9url}
- </div>
- <img src="{image:right sidebar image}">
- </div>
- </div>
- <div class="sideright">
- <!--START SCROLL TO TOP-->
- <div class="scrolltthold">
- <a href="javascript:;" id="scrollToTop" title="back to top"><div class="scrolltt"><span class="fa fa-chevron-up"></span></div></a></div>
- <!--END SCROLL TO TOP-->
- <div class="fishbarright">
- <!-- REMOVE THIS AND EMBED YOUR OWN FISH HERE!!!! REMEMBER TO EDIT THE WIDTH OF THE CODE TO 30 AND THE HEIGHT TO 100% -->
- </div>
- </div>
- <div class="navbar">
- <a href="/" class="fa">home</a>
- <a href="/ask" class="fa">ask</a>
- <a href="/submit" class="fa">submit</a>
- {block:iflink1url}<a href="{text:link 1 url}" class="fa">{text:link 1 title}</a>{/block:iflink1url}
- {block:iflink2url}<a href="{text:link 2 url}" class="fa">{text:link 2 title}</a>{/block:iflink2url}
- {block:iflink3url}<a href="{text:link 3 url}" class="fa">{text:link 3 title}</a>{/block:iflink3url}
- <a href="http://cynessie.tumblr.com" class="Fa">theme</a>
- </div>
- <div class="postwrap">
- <div class="fishbarleft">
- <!-- REMOVE THIS AND EMBED YOUR OWN FISH HERE!!!! REMEMBER TO EDIT THE WIDTH OF THE CODE TO 30 AND THE HEIGHT TO 100% -->
- </div>
- {block:IfinfiniteScroll}<div class="autopagerize_page_element">{/block:IfinfiniteScroll}
- {block:Posts}
- <div class="entryhold">
- <div class="entry">
- <!---------------------------------------------------
- TEXT POSTS
- ---------------------------------------------------->
- {block:Text}
- {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
- <div class="entrytext">{Body}</div>
- {/block:Text}
- <!---------------------------------------------------
- ANSWER POSTS
- ---------------------------------------------------->
- {block:Answer}
- <div class="queshold">
- <div class="questionimg">
- <img src="{AskerPortraitURL-48}"></div> <div class="point">◀</div>
- <div class="question">
- <div class="asker">{Asker} whispered:</div>
- {Question}
- </div>
- </div>
- <div class="entrytext">{Answer}</div>
- {/block:Answer}
- <!---------------------------------------------------
- QUOTE POSTS
- ---------------------------------------------------->
- {block:Quote}<div class="quotehold">
- <div class="marks">“</div><div class="quote">{Quote}</div>
- <br>
- </div>
- {block:Source}<div class="entrytext" align="right">— {Source}</div>{/block:Source}
- {/block:Quote}
- <!---------------------------------------------------
- LINK POSTS
- ---------------------------------------------------->
- {block:Link}
- <div class="entrytitle"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="entrytext">{Description}</div>{/block:Description}
- {/block:Link}
- <!---------------------------------------------------
- CHAT POSTS
- ---------------------------------------------------->
- {block:Chat}
- {block:Title}<div class="entrytitle">{Title}</div>
- {/block:Title}
- <ul class="convo">{block:Lines}
- <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>
- {/block:Lines}</ul>
- {/block:Chat}
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}
- <div class="playbox">
- {block:AlbumArt}<div class="artwork"><img src="{AlbumArtURL}" width="150"></div>{/block:AlbumArt}
- {block:AudioPlayer}<div class="player">
- {block:ifblackaudioplayer}{AudioPlayerBlack}{block:ifblackaudioplayer}
- {block:ifnotblackaudioplayer}{AudioPlayerWhite}{block:ifnotblackaudioplayer}
- </div>{/block:AudioPlayer}
- <div class="trackinfo">
- <div class="tracklist"><span class="tracklabel">TRACK:</span> {block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="tracklist"><span class="tracklabel">ARTIST:</span> {block:Artist}{Artist}{/block:Artist}</div>
- <div class="tracklist"><span class="tracklabel">ALBUM:</span> {block:Album}{Album}{/block:Album}</div>
- <div class="tracklist"><span class="tracklabel">PLAYS:</span> {PlayCount}</div>
- </div>
- </div>
- {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {/block:Audio}
- <!---------------------------------------------------
- PHOTO POSTS
- ---------------------------------------------------->
- {block:Photo}
- {block:IfNot500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"></div>{LinkCloseTag}{/block:IfNot500pxposts}
- {block:if500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}{/block:if500pxposts}
- {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {/block:Photo}
- <!---------------------------------------------------
- PHOTOSET POSTS
- ---------------------------------------------------->
- {block:Photoset}
- {block:IfNot500pxposts}<div class="photos">{Photoset-400}</div>{/block:IfNot500pxposts}
- {block:If500pxposts}<div class="photos">{Photoset-500}</div>{/block:if500pxposts}
- {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {/block:Photoset}
- <!---------------------------------------------------
- VIDEO POSTS
- ---------------------------------------------------->
- {block:Video}
- {block:IfNot500pxposts}{Video-400}{/block:IfNot500pxposts}
- {block:If500pxposts}{Video-500}{/block:If500pxposts}
- {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {/block:Video}
- <!---------------------------------------------------
- PERMA POST INFO
- ---------------------------------------------------->
- {block:PermalinkPage}{block:Date}
- <div class="permalinknotes">
- <div class="permalink">
- {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>{block:RebloggedFrom}origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
- {block:HasTags}tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes-16} {PostNotes}
- {/block:PostNotes}
- </div>{/block:Date}
- {/block:PermalinkPage}
- </div>
- <!---------------------------------------------------
- INDEX POST INFO
- ---------------------------------------------------->
- {block:IndexPage}{block:Date}
- <div class="postinfohold">
- <div class="postinfo">
- <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}"><span class="fa fa-calendar-o"></span></a>
- <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="fa fa-heart"></span></a>
- {block:ContentSource}<a href="{ReblogRootURL}" title="source: {ReblogRootName}"><span class="fa fa-user"></span></a>{/block:ContentSource}
- {block:HasTags}<a href="{Permalink}" title="{block:Tags}tagged: #{Tag}{/block:Tags}"><span class="fa fa-tag"></span></a>{/block:HasTags}
- <a href="{ReblogURL}" title="reblog"><span class="fa fa-retweet"></span></a>
- </div>
- {/block:Date}{/block:IndexPage}
- </div></div>
- {/block:Posts}
- {block:IfinfiniteScroll}</div>{/block:IfinfiniteScroll}
- </div>
- <!---------------------------------------------------
- PAGENATION
- ---------------------------------------------------->
- {block:IndexPage}
- {block:IfNotinfiniteScroll}
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"><span class="fa fa-chevron-left" style="font-size:15px;"></span></a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page"><span class="fa fa-times"</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}"><span class="fa fa-chevron-right" style="font-size:15px;"></span></a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IfNotinfiniteScroll}
- {/block:IndexPage}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement