Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- Theme V2.007
- pistachi-o (nutty-themes @ tumblr)
- Theme Documentation:
- http://nutty-themes.tumblr.com/themedoc
- Please Do Not:
- http://nutty-themes.tumblr.com/terms
- -->
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="text:Body Font" content="'Signika', 'Cambria', 'Georgia', sans-serif;" />
- <meta name="text:Header Font" content="'Signika', 'Lucida Sans', sans-serif;" />
- <meta name="text:Sidebar Font" content="'Signika', 'Cambria', 'Georgia', sans-serif;" />
- <meta name="text:Title Font" content="'Open Sans', Arial, sans-serif" />
- <meta name="text:Font Size" content="11px" />
- <meta name="color:Background" content="#e4ded0" />
- <meta name="color:Border" content="#abccbd" />
- <meta name="color:Border2" content="#7dbeb8" />
- <meta name="color:Desc Text" content="#f0ebeb" />
- <meta name="color:Text" content="#f0ebeb" />
- <meta name="color:Text2" content="#0a0a0a" />
- <meta name="color:Link" content="#e32f21" />
- <meta name="color:Link Hover" content="#dfcc8a" />
- <meta name="color:Posts" content="#181619" />
- <meta name="color:Date Bg" content="#e32f21" />
- <meta name="color:Date" content="#f0ebeb" />
- <meta name="color:Notes Bg" content="#abccbd" />
- <meta name="color:Notes" content="#f0ebeb" />
- <meta name="color:Source Bg" content="#7dbeb8" />
- <meta name="color:Source" content="#f0ebeb" />
- <meta name="color:Title" content="#e32f21" />
- <meta name="color:Side Bg" content="#000000" />
- <meta name="color:Navlinks" content="#7dbeb8" />
- <meta name="color:Sidelinks" content="#000000" />
- <meta name="color:Sidelink1" content="#abccbd" />
- <meta name="color:Sidelink2" content="#c4fae6" />
- <meta name="color:Sidelink3" content="#e32f21" />
- <meta name="color:Extra Links" content="#abccbd" />
- <meta name="color:Extra1" content="#c4fae6" />
- <meta name="color:Extra2" content="#e32f21" />
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Side Bg" content=""/>
- <meta name="image:Side2 Bg" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Extra Links" content="Links" />
- <meta name="text:Extra1" content="Extra1" />
- <meta name="text:Extra2" content="Extra2" />
- <meta name="text:Extra1 Content" content="Extra1" />
- <meta name="text:Extra2 Content" content="Extra2" />
- <meta name="text:Section1" content="" />
- <meta name="text:LinkS1A" content="" />
- <meta name="text:LinkS1A Title" content="" />
- <meta name="text:LinkS1B" content="" />
- <meta name="text:LinkS1B Title" content="" />
- <meta name="text:LinkS1C" content="" />
- <meta name="text:LinkS1C Title" content="" />
- <meta name="text:LinkS1D" content="" />
- <meta name="text:LinkS1D Title" content="" />
- <meta name="text:Section2" content="" />
- <meta name="text:LinkS2A" content="" />
- <meta name="text:LinkS2A Title" content="" />
- <meta name="text:LinkS2B" content="" />
- <meta name="text:LinkS2B Title" content="" />
- <meta name="text:LinkS2C" content="" />
- <meta name="text:LinkS2C Title" content="" />
- <meta name="text:LinkS2D" content="" />
- <meta name="text:LinkS2D Title" content="" />
- <meta name="text:Section3" content="" />
- <meta name="text:LinkS3A" content="" />
- <meta name="text:LinkS3A Title" content="" />
- <meta name="text:LinkS3B" content="" />
- <meta name="text:LinkS3B Title" content="" />
- <meta name="text:LinkS3C" content="" />
- <meta name="text:LinkS3C Title" content="" />
- <meta name="text:LinkS3D" content="" />
- <meta name="text:LinkS3D Title" content="" />
- <meta name="if:400 Posts" content="1"/>
- <meta name="if:500 Posts" content="0"/>
- <meta name="if:External Sidebar Image" content="0"/>
- <meta name="if:Tumblr Sidebar Image" content="1"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Signika:400,300,600,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,600' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <style type="text/css">
- /* Reset
- -------------------------------------------------------------*/
- body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
- ul, ol, li {list-style: none; margin: 0;padding: 0;}
- /* Webkit-Scrollbar
- -------------------------------------------------------------*/
- ::-webkit-scrollbar {width: 24px; height: 12px; background:{color:Background};}
- ::-webkit-scrollbar-thumb:vertical {background: {color:Border2}; border: 8px solid {color:Background};}
- ::-webkit-scrollbar-thumb:horizontal {background: {color:Border2}; border: 8px solid {color:Background};}
- ::-webkit-scrollbar-thumb {
- background: {color:Border2};
- border: 8px solid {color:Background};
- border-radius: 12px;
- }
- /* General
- -------------------------------------------------------------*/
- body {
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-attachment: fixed;
- background-repeat: repeat;
- font-family: {text:Body Font};
- font-size: {text:Font Size};
- text-align: justify;
- color: {color:Text};
- line-height: 100%;
- }
- a:link, a:active, a:visited {
- color: {color:Link};
- text-decoration: none;
- }
- a:hover {
- color: {color:Link Hover};
- text-decoration: none;
- }
- b, strong{
- color: {color:Border};
- }
- i, em {
- color: {color:Border2};
- }
- p {
- margin: 5px 0px;
- }
- h1 {
- font-family: {text:Header Font};
- color: {color:Link};
- font-weight: 800;
- font-size: 20px;
- line-height: 100%;
- font-weight: normal;
- text-transform: uppercase;
- text-align: left;
- }
- h2 {
- font-family: {text:Header Font};
- color: {color:Link};
- font-size: 14px;
- line-height: 100%;
- font-weight: normal;
- text-transform: uppercase;
- text-align: center;
- }
- blockquote {
- border-top: 3px double #000;
- border-bottom: 3px double #000;
- padding: 10px;
- }
- blockquote i {
- color: {color:Text};
- }
- blockquote img {
- max-width: 100%;
- }
- img {
- display: block;
- max-width: 100%;
- }
- /* Sidebar Content
- -------------------------------------------------------------*/
- .menu {
- height: 100%;
- width: 600px;
- position: fixed;
- top: 0;
- left: 0;
- background: transparent;
- z-index: 10;
- }
- .menu-title {
- width: 200px;
- font-family: {text:Title Font};
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 100;
- }
- .menu-title h1 {
- width: 200px;
- position: absolute;
- top: 50%;
- margin: -260px 0px 10px 10px;
- font-size: 64px;
- font-weight: 800;
- text-transform: uppercase;
- text-align: justified;
- word-wrap: break-word;
- line-height: 75%;
- color: {color:Title};
- }
- .menu-title h1 span {
- letter-spacing: -3px;
- }
- #menu-container {
- height: 100%;
- width: 360px;
- position: fixed;
- top: 0;
- left: 250px;
- background: transparent;
- z-index: 10;
- }
- #content {
- float: right;
- width: 260px;
- height: 100%;
- text-align: justify;
- overflow-y: auto;
- position: relative;
- }
- #tabs {
- float: left;
- position: relative;
- width: 100px;
- height: 100%;
- margin: 0px;
- list-style: none;
- text-align: center;
- z-index: 9999;
- overflow: hidden;
- }
- #tabs li {
- width: 80px;
- height: 25%;
- padding: 0px 10px;
- font-family: {text:Header Font};
- font-weight: 800;
- font-size: 16px;
- text-align: center;
- }
- #tabs li:nth-child(1) {background: {color:Side Bg};}
- #tabs li:nth-child(2) {background: {color:Extra Links};}
- #tabs li:nth-child(3) {background: {color:Extra1};}
- #tabs li:nth-child(4) {background: {color:Extra2};}
- #tab1, #tab2, #tab3, #tab4 {
- width: 100%;
- height: 100% !important;
- }
- .tab1, .tab2, .tab3, .tab4 {
- padding: 40px 20px;
- }
- #tab1 {
- background: {color:Side Bg};
- background-image: url('{image:Side Bg}');
- background-repeat: no-repeat;
- background-position: bottom;
- color: {color:Text};
- }
- #tab2 {
- background: {color:Extra Links};
- }
- .tab2 a {
- display: block;
- padding: 6px 10px;
- }
- .tab2 a:hover {
- background: {color:Border2};
- }
- #tab3 {
- background: {color:Extra1};
- background-image: url('{image:Side2 Bg}');
- background-repeat: no-repeat;
- background-position: bottom;
- color: {color:Text2};
- }
- #tab4 {
- background: {color:Extra2};
- }
- #tabs a {
- display: block;
- height: 100%;
- line-height: 1000%;
- text-transform: uppercase;
- position: relative;
- z-index: 10;
- -webkit-transition: 0.6s ease-in-out;
- -moz-transition: 0.6s ease-in-out;
- -o-transition: 0.6s ease-in-out;
- transition: 0.6s ease-in-out;
- }
- #tabs #current {
- z-index: 3;
- }
- #sideimg {
- margin-bottom: 5px;
- }
- #sideimg img {
- width: 240px;
- }
- h5 {
- font-size: 16px;
- letter-spacing: 1px;
- text-align: center;
- padding-bottom: 4px;
- border-bottom: 2px solid {color:Border2};
- text-transform: uppercase;
- margin: 10px 0px;
- }
- .pagination {
- width: 500px;
- position: relative;
- margin: 10px auto;
- text-align: center;
- font-size: 11px;
- line-height: 11px;
- text-transform: uppercase;
- }
- .pagination a {
- color: #fff;
- }
- .currentpage {
- background: {color:Border};
- width: 10px;
- height: 10px;
- padding: 3px 5px;
- }
- .otherpage {
- padding: 3px 5px;
- background: {color:Posts};
- width: 10px;
- height: 10px;
- }
- .otherpage:hover,
- .prevpage:hover,
- .nextpage:hover {
- background: {color:Border};
- }
- .prevpage,
- .nextpage {
- background: {color:Posts};
- width: 10px;
- height: 10px;
- padding: 3px 5px;
- }
- .creds {
- position: fixed;
- width: 250px;
- text-align: center;
- bottom: 25px;
- z-index: 9999;
- text-transform: uppercase;
- font-size: 10px;
- }
- .creds a {
- padding: 3px 5px;
- text-transform: uppercase;
- background: #abccbd;
- color: #fff;
- }
- /* Entries
- -------------------------------------------------------------*/
- #entries {
- float: left;
- margin-left: 635px;
- background: transparent;
- position: relative;
- {block:If400Posts}width: 440px; {/block:If400Posts}
- {block:If500Posts}width: 540px; {/block:If500Posts}
- padding: 50px 20px;
- }
- #posts {
- {block:If400Posts}
- {block:IndexPage}width: 400px; {/block:IndexPage}
- {block:PermalinkPage}width: 500px; {/block:PermalinkPage}
- {/block:If400Posts}
- {block:If500Posts}width: 500px; {/block:If500Posts}
- background: {color:Posts};
- padding: 20px 20px 25px 20px;
- text-align: justify;
- line-height: 130%;
- position: relative;
- border-bottom: 4px solid {color:Border2};
- }
- #posts ul {padding: 10px; margin: 0px 10px 0px 30px;}
- #posts li {list-style-type:square;}
- /* Post Info
- -------------------------------------------------------------*/
- .dated {
- position: absolute;
- top: 0;
- {block:If400Posts}left: 440px; {/block:If400Posts}
- {block:If500Posts}left: 540px; {/block:If500Posts}
- display: block;
- padding: 10px;
- color: {color:Date Bg};
- font-family: {text:Title Font};
- text-align: center;
- }
- .dated-day {
- font-size: 34px;
- line-height: 100%;
- font-weight: 800;
- }
- .dated-month {
- font-size: 22px;
- text-transform: uppercase;
- line-height: 100%;
- font-weight: 800;
- margin-top: -4px;
- }
- .dated-year {
- font-size: 12px;
- line-height: 100%;
- letter-spacing: 1px;
- }
- .info {
- {block:If400Posts}
- {block:IndexPage}width: 440px; {/block:IndexPage}
- {block:PermalinkPage}width: 540px; {/block:PermalinkPage}
- {/block:If400Posts}
- {block:If500Posts}width: 540px; {/block:If500Posts}
- padding: 5px 0px;
- margin-bottom: 40px;
- font-size: 10px;
- text-align: left;
- text-transform: uppercase;
- line-height: 150%;
- position: relative;
- }
- .info a {
- color: {color:Text};
- }
- .date2 {
- padding: 1px 3px;
- background: {color:Date Bg};
- color: {color:Date};
- margin-right: 2px;
- }
- .noted {
- padding: 1px 3px;
- background: {color:Notes Bg};
- color: {color:Notes};
- margin-right: 2px;
- }
- .rblog {
- padding: 1px 3px;
- background: {color:Source Bg};
- color: {color:Source};
- margin-right: 2px;
- }
- .tagged {
- color: {color:Posts};
- }
- .tagged a {
- color: {color:Link};
- }
- /* @font-face (SOSA)
- -------------------------------------------------------------*/
- @font-face {
- font-family: 'sosa';
- src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
- src:
- url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
- url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
- url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
- url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
- font-weight: normal;
- font-style: normal;
- }
- .iconfont {
- font-family: 'sosa';
- font-size: 12px;
- }
- /* Ask Posts
- -------------------------------------------------------------*/
- .question:before {
- position: absolute;
- color: {color:Text};
- font-family: 'sosa';
- content: '?';
- font-size: 25px;
- z-index: 101;
- margin: 10px 5px;
- line-height: 100%;
- background: {color:Border};
- padding: 8px;
- }
- .asking {
- margin: 10px 0px 20px 50px;
- padding: 10px;
- text-align: left;
- position: relative;
- z-index: 1000;
- min-height: 25px;
- }
- .reply:before {
- position: absolute;
- color: {color:Text};
- font-family: 'sosa';
- content: 'B';
- font-size: 25px;
- z-index: 101;
- margin: 10px 5px;
- line-height: 100%;
- background: {color:Border};
- padding: 8px;
- }
- .answer {
- margin: 10px 0px 10px 50px;
- padding: 10px;
- text-align: left;
- position: relative;
- z-index: 1000;
- min-height: 25px;
- }
- .asker {
- text-transform: uppercase;
- }
- /* Quote Posts
- -------------------------------------------------------------*/
- .quotewrap {
- width: 350px;
- margin: 20px auto;
- padding: 20px 25px;
- position: relative;
- }
- .quote {
- margin-top: 15px;
- padding-top: 20px;
- }
- .out:after {
- font-family: 'sosa';
- content: 'C';
- background: transparent;
- width: 50px;
- height: 50px;
- position: absolute;
- color: {color:border};
- text-shadow: 0 1px 1px rgba(255,255,255,0.1);
- font-size: 35px;
- line-height: 50px;
- text-align: center;
- left: 50%;
- margin-left: -25px;
- top: -15px;
- cursor: pointer;
- z-index: 100;
- }
- .soucite {
- font-size: 9px;
- letter-spacing: 1px;
- margin: 10px;
- padding-left: 10px;
- text-transform: uppercase;
- }
- /* Audio Posts
- -------------------------------------------------------------*/
- .audioplayer {
- position: absolute;
- z-index: 3;
- opacity: 0.7;
- margin: 33px;
- }
- .audio {
- width: 10px;
- padding: 5px 20px 5px 5px;
- background-color: #fefefe;
- overflow: hidden;
- }
- #audiocap {
- min-height: 100px;
- }
- #audioinfo {
- height: 10px;
- padding: 4px 5px;
- display: block;
- overflow: hidden;
- text-align: left;
- margin-bottom: 3px;
- text-transform: uppercase;
- }
- #audioinfo b {
- color: {color:Link};
- }
- #audioimg img {
- margin-right: 2px;
- }
- /* Chat Posts
- -------------------------------------------------------------*/
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:link hover}; font-weight:bold}
- .user_3 .label {color:{color:link}; font-weight:bold}
- .user_4 .label {color:{color:link hover}; font-weight:bold}
- .user_5 .label {color:{color:link}; font-weight:bold}
- .user_6 .label {color:{color:link hover}; font-weight:bold}
- .user_7 .label {color:{color:link}; font-weight:bold}
- .user_8 .label {color:{color:link hover}; font-weight:bold}
- ul.chat, .chat ol, .chat li {list-style: none !important; margin:0px; padding:0px;}
- /* Post Notes (Permalink Page)
- -------------------------------------------------------------*/
- ol.notes, .notes li {
- list-style:none;
- margin: 0px;
- padding: 0px;
- }
- .ending {
- {block:If400Posts}max-width: 400px; {/block:If400Posts}
- {block:If500Posts}max-width: 500px; {/block:If500Posts}
- text-align: left;
- padding: 10px;
- text-decoration: none;
- line-height: 180%;
- position: relative;
- }
- .ending a {
- text-transform: uppercase;
- font-size: 10px;
- }
- .ending img {
- width: 10px;
- height: 10px;
- border: 2px solid {color:Tags};
- margin-right: 2px;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div class="menu-title">
- <h1 class="menu-title">{Title}</h1>
- <div class="creds"><a href="http://nutty-themes.tumblr.com/">Theme Credit</a></div>
- </div>
- <div id="menu-container">
- <ul id="tabs">
- <li><a style="color:{color:Link};" href="#" name="#tab1">Home</a></li>
- <li><a style="color:{color:Link};" href="#" name="#tab2">{text:Extra Links}</a></li>
- <li><a style="color:{color:Link};" href="#" name="#tab3">{text:Extra1}</a></li>
- <li><a style="color:#fff;" href="#" name="#tab4">{text:Extra2}</a></li>
- </ul>
- <div id="content">
- <div id="tab1"><div class="tab1">
- {block:Description}{Description}{/block:Description}
- </div></div>
- <div id="tab2"><div class="tab2">
- {block:ifSection1}<h5>{text:Section1}</h5>{/block:ifSection1}
- {block:ifLinkS1A}<a href="{text:LinkS1A}">{text:LinkS1A Title}</a>{/block:ifLinkS1A}
- {block:ifLinkS1B}<a href="{text:LinkS1B}">{text:LinkS1B Title}</a>{/block:ifLinkS1B}
- {block:ifLinkS1C}<a href="{text:LinkS1C}">{text:LinkS1C Title}</a>{/block:ifLinkS1C}
- {block:ifLinkS1D}<a href="{text:LinkS1D}">{text:LinkS1D Title}</a>{/block:ifLinkS1D}
- {block:ifSection2}<h5>{text:Section2}</h5>{/block:ifSection2}
- {block:ifLinkS2A}<a href="{text:LinkS2A}">{text:LinkS2A Title}</a>{/block:ifLinkS2A}
- {block:ifLinkS2B}<a href="{text:LinkS2B}">{text:LinkS2B Title}</a>{/block:ifLinkS2B}
- {block:ifLinkS2C}<a href="{text:LinkS2C}">{text:LinkS2C Title}</a>{/block:ifLinkS2C}
- {block:ifLinkS2D}<a href="{text:LinkS2D}">{text:LinkS2D Title}</a>{/block:ifLinkS2D}
- {block:ifSection3}<h5>{text:Section3}</h5>{/block:ifSection3}
- {block:ifLinkS3A}<a href="{text:LinkS3A}">{text:LinkS3A Title}</a>{/block:ifLinkS3A}
- {block:ifLinkS3B}<a href="{text:LinkS3B}">{text:LinkS3B Title}</a>{/block:ifLinkS3B}
- {block:ifLinkS3C}<a href="{text:LinkS3C}">{text:LinkS3C Title}</a>{/block:ifLinkS3C}
- {block:ifLinkS3D}<a href="{text:LinkS3D}">{text:LinkS3D Title}</a>{/block:ifLinkS3D}
- </div></div>
- <div id="tab3"><div class="tab3">
- {text:Extra1 Content}
- </div></div>
- <div id="tab4"><div class="tab4">
- <div id="sideimg">{block:IfExternalSidebarImage}<img src="{text:Sidebar Image}">{/block:IfExternalSidebarImage}{block:IfTumblrSidebarImage}<img src="{image:Sidebar}">{/block:IfTumblrSidebarImage}</div>
- {text:Extra2 Content}
- </div></div>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- <div class="dated">{block:Date}
- <div class="dated-day">{DayOfMonthWithZero}</div>
- <div class="dated-month">{ShortMonth}</div>
- <div class="dated=year">{Year}</div>
- {/block:Date}</div>
- {block:Quote}<div class="quotewrap quote"><a class="out" href="{SourceURL}" title="Source"></a>
- <h2>{Quote}</h2><div class="soucite"> - {Source}</div></div>{/block:Quote}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:If400Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If400Posts}
- {block:If500Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If500Posts}
- {block:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
- {block:If400Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If400Posts}
- {block:If500Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If500Posts}
- {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:If400Posts}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If400Posts}
- {block:If500Posts}{block:IndexPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If500Posts}
- {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
- {block:Answer}
- <div class="question"><div class="asking"><span class="asker">{Asker} ASKED:</span> {Question}</div></div>
- <div class="reply"><div class="answer">{Answer}</div></div>
- {/block:Answer}
- {block:Audio}{block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" width="100" height="100" align="left"></div>{/block:AlbumArt}
- <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
- <div id="audiocap"><div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
- <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
- <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
- <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Audio}
- </div>
- <div class="info">
- {block:Date}<span class="date2"><a href="{Permalink}">Posted {TimeAgo}</a></span>{/block:Date}{block:NoteCount}<span class="noted"><a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}{block:RebloggedFrom}<span class="rblog"><a href="{ReblogParentURL}">VIA</a>{block:ContentSource} / <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span class="tagged">Filed Under: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</span>{/block:HasTags}
- </div>
- {/block:Posts}
- {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
- <div class="pagination">{block:Pagination}
- {block:PreviousPage}<span class="prevpage"><a href="{PreviousPage}">prev</a></span>{/block:PreviousPage}
- {block:JumpPagination length="8"}
- {block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="otherpage" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<span class="nextpage"><a href="{NextPage}">next</a></span>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </div>
- <script>
- function resetTabs(){
- $("#content > div").hide(); //Hide all content
- $("#tabs a").attr("id",""); //Reset id's
- }
- var myUrl = window.location.href; //get URL
- var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2
- var myUrlTabName = myUrlTab.substring(0,4); // For the above example, myUrlTabName = #tab
- (function(){
- $("#content > div").hide(); // Initially hide all content
- $("#tabs li:first a").attr("id","current"); // Activate first tab
- $("#content > div:first").fadeIn(); // Show first tab content
- $("#tabs a").on("click",function(e) {
- e.preventDefault();
- if ($(this).attr("id") == "current"){ //detection for current tab
- return
- }
- else{
- resetTabs();
- $(this).attr("id","current"); // Activate this
- $($(this).attr('name')).fadeIn(); // Show content for current tab
- }
- });
- for (i = 1; i <= $("#tabs li").length; i++) {
- if (myUrlTab == myUrlTabName + i) {
- resetTabs();
- $("a[name='"+myUrlTab+"']").attr("id","current"); // Activate url tab
- $(myUrlTab).fadeIn(); // Show url tab content
- }
- }
- })()
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement