Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ▀▀█▀▀ ▀█▀ ▀▀█▀▀ ░█▀▀█ ▒█▄░▒█
- ░▒█░░ ▒█░ ░▒█░░ ▒█▄▄█ ▒█▒█▒█
- ░▒█░░ ▄█▄ ░▒█░░ ▒█░▒█ ▒█░░▀█
- ( http://titanjelly.tumblr.com )
- YOLLEYBALL by TitanJelly
- - DO NOT REMOVE THE CREDIT
- - DO NOT CLAIM AS YOUR OWN
- - DO NOT USE AS A BASE
- -->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{title}</title>
- <meta name="image:Background" content="" />
- <meta name="image:Header Icon" content="http://static.tumblr.com/cee885742d5f7f54588aa1b409816d82/9hiqgmd/2qIn3tyhr/tumblr_static_dcarwpwomzcc84s40k4wws0oc.png" />
- <meta name="image:Sidebar Image" content="http://static.tumblr.com/f72bb320b9156de66966899918095d70/9hiqgmd/Tq0n3tx42/tumblr_static_6bdiuzd6xsw0okgoo0sk4oggc.jpg" />
- <meta name="image:Sidebar Background" content="http://static.tumblr.com/a26a4b1f798342b3bae12f50ef0d5c01/9hiqgmd/xYzn3txpm/tumblr_static_5ppc1havozggswgkc0oosokwg.png" />
- <meta name="color:Body Background" content="#ffffff"/>
- <meta name="color:Body Text" content="#C4C4C4"/>
- <meta name="color:Sidebar Background" content="#f9f9f9"/>
- <meta name="color:Post Background" content="#FAE7CB"/>
- <meta name="color:Caption Background" content="#F9F9F9"/>
- <meta name="color:Description Background" content="#F7F7F7"/>
- <meta name="color:Title Background" content="#f2992e"/>
- <meta name="color:Subtitle Background" content="#fcf7f1"/>
- <meta name="color:Body Links" content="#f2992e"/>
- <meta name="color:Links Hover" content="#fbbd75"/>
- <meta name="color:Scrollbar" content="#f2992e"/>
- <meta name="color:Notes Background" content="#000000"/>
- <meta name="text:Title" content="Title"/>
- <meta name="text:Subtitle" content="Subtitle"/>
- <meta name="text:Link01" content="Link"/>
- <meta name="text:Link01 URL" content="/link"/>
- <meta name="text:Link02" content="Link"/>
- <meta name="text:Link02 URL" content="/link"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="if:Show Extra Links" content="1"/>
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- font-size:9px;
- font-family: "Arial Narrow", Arial, sans-serif;
- line-height:11px;
- margin:0;
- color:{color:Body Text};
- background:{color:Body Background} url('{image:Background}') fixed repeat;}
- ::-webkit-scrollbar-thumb:vertical {
- background: {color:Scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {
- background: {color:Scrollbar};
- height:10px!important;}
- ::-webkit-scrollbar {
- background:{color:Body Background} url('{image:Background}');
- height:10px;width:4px;}
- a {color:{color:Body Links};text-decoration:none;}
- a:hover{color:{color:Links Hover};}
- a, .postinfo, .reblogbtn {
- -moz-transition-duration: 0.2s;
- -o-transition-duration: 0.2s;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;}
- /* Container CSS */
- .container{width:600px;margin:0px 50px -20px;}
- .secondbg{
- position:fixed;
- top:0;left:0;bottom:0;z-index:-100000;
- width:350px;
- background:{color:Sidebar Background} url('{image:Sidebar Background}');}
- .menubg {
- position:fixed;
- top:0;left:70px;z-index:-10000;
- width:15px;height:200px;
- background:{color:Subtitle Background};
- border-left:2px solid {color:Title Background};
- }
- /* Sidebar CSS */
- .sidebar {
- position:fixed;
- margin-top:300px;
- margin-left:70px;
- width:200px;}
- .sidebox {
- position:absolute;
- margin-top:-130px;
- width:200px;}
- .sideimg {max-width:250px;
- position:relative;z-index:7;
- margin-top:-200px;
- margin-left:-100px;
- padding:10px 10px 20px 10px;
- background:{color:Post Background};
- border-left:2px solid {color:Title Background};
- border-bottom:2px solid {color:Title Background};
- border-right:8px solid {color:Description Background};
- }
- .header {
- position:fixed;
- top:0;
- width:455px;
- height:20px;
- padding:5px 15px;
- padding-top:30px;
- margin-top:-20px;
- margin-left:-10px;
- font-size:18px;
- font-weight:bold;
- font-family:'Lato', sans-serif;
- text-transform:uppercase;
- color:{color:Subtitle Background};
- background:{color:Title Background};
- transform:rotate(-2deg);
- -ms-transform:rotate(-2deg);
- -webkit-transform:rotate(-2deg);
- }
- .hicon {
- position:absolute;
- margin-left:420px;
- max-width:100px;
- background:{color:Title Background};
- padding:3px;
- border:2px solid {color:Subtitle Background};
- transform:rotate(2deg);
- -ms-transform:rotate(2deg);
- -webkit-transform:rotate(2deg);
- }
- .title {
- display:block;
- position:relative;
- z-index:10;
- width:100px;
- padding:5px 10px;
- margin-left:10px;
- color:{color:Subtitle Background};
- background:{color:Title Background};
- font-size:13px;
- font-weight:400;
- font-family:'Lato', sans-serif;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:1px;
- box-shadow:rgba(0,0,0,0.05) 0px 0px 3px;
- transform:rotate(-1deg);
- -ms-transform:rotate(-1deg);
- -webkit-transform:rotate(-1deg);}
- .subtitle {
- display:block;
- position:relative;
- z-index:9;
- min-width:100px;
- padding:5px 10px;
- margin-left:20px;
- margin-top:-2px;
- color:{color:Title Background};
- background:{color:Subtitle Background};
- border-bottom:2px solid {color:Title Background};
- font-size:13px;
- font-weight:400;
- font-family:'Lato', sans-serif;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:1px;
- box-shadow:rgba(0,0,0,0.05) 0px 0px 3px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);}
- .menu {
- display:block;
- position:relative;
- z-index:10;
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- margin-top:5px;
- padding:3px;}
- .menuodd {
- background:{color:Title Background};
- border-bottom:3px solid {color:Subtitle Background};
- color:{color:Subtitle Background};
- padding:4px 8px;
- margin-left:20px;
- margin-bottom:-4px;
- transform:rotate(-1deg);
- -ms-transform:rotate(-1deg);
- -webkit-transform:rotate(-1deg);
- box-shadow:rgba(0,0,0,0.05) 0px 0px 3px;
- width:80px;}
- .menueven {
- background:{color:Subtitle Background};
- border-bottom:2px solid {color:Title Background};
- color:{color:Title Background};
- padding:4px 8px;
- margin-left:70px;
- margin-bottom:4px;
- transform:rotate(1deg);
- -ms-transform:rotate(1deg);
- -webkit-transform:rotate(1deg);
- box-shadow:rgba(0,0,0,0.05) 0px 0px 3px;
- width:80px;}
- .menu a {
- display:block;
- padding:2px 5px;}
- .menuodd:hover {
- color:{color:Title Background};
- background:{color:Description Background};
- border-bottom:3px solid {color:Title Background};}
- .menueven:hover {
- color:{color:Description Background};
- background:{color:Links Hover};
- border-bottom:2px solid {color:Subtitle Background};}
- .description{
- display:block;
- position:relative;
- z-index:10;
- margin-top:15px;
- padding:14px;
- border-left:2px solid {color:Title Background};
- background:{color:Description Background};
- text-align:justify;}
- /* Navigation CSS */
- .nav {
- text-align:left;
- text-transform:uppercase;
- position:fixed;
- margin-left:725px;
- margin-top:-160px;
- padding:2px 0px;}
- .nav a {
- width:40px;
- background:{color:Title Background};
- color:{color:Subtitle Background};
- border:1px solid {color:Title Background};
- border-left:5px solid {color:Title Background};
- display:block;
- font-weight:bold;
- margin-bottom:3px;
- padding:4px 8px;
- padding-left:20px;
- }
- .nav a:hover {
- background:{color:Subtitle Background};
- color:{color:Title Background};
- padding-left:30px;width:50px;
- }
- /* Posts CSS */
- .postcol {
- width:440px;
- background:{color:Subtitle Background};
- border-right:20px solid {color:Title Background};
- border-bottom:10px solid {color:Title Background};
- padding:20px;
- padding-top:50px;
- margin-top:-20px;
- margin-bottom:-20px;
- margin-left:300px;}
- .posts {
- width:400px;
- background:{color:Post Background};
- margin-bottom:20px;
- padding:20px;
- overflow:hidden;}
- /* Post Elements CSS */
- .posts h2, .posts h2 a {
- font-size:12px;
- color:{color:Links};
- font-weight:normal;
- text-align:center;
- margin:0px;}
- .captions {
- background:{color:Caption Background};
- padding:5px;
- margin-top:10px;
- }
- .captions a {color:{color:Body Text};text-decoration:underline;}
- .captions a:hover {color:{color:Links Hover};}
- .posts li {list-style: square;}
- .posts blockquote {
- border-left: 1px solid #000;
- padding-left: 5px;}
- .posts img, .posts li, .posts blockquote {max-width: 100%;}
- .question {
- background-color: #fcfcfc;
- padding: 20px;
- min-height: 40px;}
- .question img {
- float: left;
- margin-right: 10px;}
- .askr {color: #cf2d85;}
- .quote {
- width: 80%;
- margin: auto;}
- .quotetext_short {font-size: 18px;}
- .quotetext_medium {font-size: 14px;}
- .quotetext_long {font-size: 11px;}
- .source {text-align: right;}
- .convo li {list-style: none; margin-left:-40px;}
- .convo .label {text-transform: uppercase;}
- .line .label {color: #cf2d85;}
- /* Audio CSS */
- .cover {
- position: relative;
- margin-bottom: 10px;
- color:#000;
- height: 58px;
- width: 58px;
- z-index: 1}
- .cover img {height: 58px; z-index: 1}
- .playbutton {
- width: 18px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 1000;
- margin: 15px 24px 13px 16px;}
- .playbox {
- background-color: #000;
- position: absolute;
- margin-top: -68px;
- z-index: 1000;
- opacity: 0.5;}
- .audioinfo {
- height: 30px;
- position: absolute;
- margin-top: -70px;
- margin-left: 70px;}
- .audiotrack {font-size: 14px;font-weight: bold;}
- .audiocap {position: relative; margin-top: 0px;}
- /* Post Information CSS */
- .postinfo {
- color:#666464;
- background:{color:Notes Background};
- border-right:2px solid {color:Title Background};
- {block:IndexPage}
- opacity:0;
- position:absolute;
- {/block:IndexPage}
- padding:3px 5px;
- padding-left:10px;
- {block:PermalinkPage}
- margin-bottom:5px;
- {/block:PermalinkPage}
- margin-top:3px;
- {block:IndexPage}
- margin-left:-20px;
- {/block:IndexPage}
- font-size:9px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;}
- .posts:hover .postinfo {
- opacity:1;
- margin-left:0;
- }
- .reblogbtn {
- color:#666464;
- background:{color:Notes Background};
- border-right:2px solid {color:Title Background};
- opacity:0;
- position:absolute;
- padding:3px 5px;
- padding-left:10px;
- margin-top:0px;
- font-size:9px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;}
- .posts:hover .reblogbtn {
- opacity:1;
- margin-top:25px;
- }
- .tags {
- margin-top:20px;
- position:absolute;
- }
- .sources {filter:alpha(opacity=0);opacity:0;display:none;}
- /* Credit CSS - DO NOT REMOVE */
- .credit a {
- display:block;
- padding:6px 8px;color:#f7a51a;
- font-size:12px;font-weight:bold;
- border:1px solid #f7a51a;border-radius:2px;
- position:fixed;right:5px;bottom:5px;}
- .credit a:hover{color:#d04eed;
- border:1px solid #d04eed;}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="menubg"></div>
- <div class="secondbg"></div>
- <div class="sidebar">
- <img src="{image:Sidebar Image}" class="sideimg">
- <div class="sidebox">
- <div class="title">{text:Title}</div>
- <div class="subtitle">{text:Subtitle}</div>
- <div class="description">{Description}</div>
- <div class="menu">
- <a href="/" class="menuodd">Home</a>
- <a href="/ask" class="menueven">Ask</a>
- <a href="/about" class="menuodd">About</a>
- <a href="/archive" class="menueven">Archive</a>
- {block:ifShowExtraLinks}
- <a href="{text:Link01 URL}" class="menuodd">{text:Link01}</a>
- <a href="{text:Link02 URL}" class="menueven">{text:Link02}</a>
- {/block:ifShowExtraLinks}
- </div>
- </div>
- {block:ifnotInfiniteScroll}
- {block:Pagination}
- <div class="nav">
- {block:PreviousPage}
- <a href="{PreviousPage}"> back </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"> next </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotInfiniteScroll}
- </div>
- {block:ifInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:ifInfiniteScroll}
- <div class="postcol">
- <div class="header">
- {title}
- <div class="hicon">
- <img src="{image:Header Icon}">
- </div>
- </div>
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="posts">
- {block:ContentSource}<div class="sources">
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- </div>{/block:ContentSource}
- <div class="postinfo">
- {block:Date}
- Posted <a href="{Permalink}">{TimeAgo}</a>
- {block:Notecount}
- With <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Notecount}
- {/block:Date}
- </div>
- <div class="reblogbtn">
- <a href="{ReblogURL}" target=”_blank” title="reblog?">reblog</a>
- </div>
- {block:Text}
- <div class="captions">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
- </div>
- <div class="captions">
- {Answer}
- </div>
- {/block:Answer}
- {block:Quote}
- <div class="captions">
- <div class="quote">
- <div class="quotetext_{Length}">"{Quote}"</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- </div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="captions">
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="captions">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">
- {block:Lines}
- <li class="line">{block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}</li>{/block:Lines}</ul>
- </div>
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
- {LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:ifShowCaptions}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Photoset}
- {block:Audio}
- <div class="cover">{block:AlbumArt}
- <img src="{AlbumArtURL}" height="58px">
- {/block:AlbumArt}</div>
- <div class="audioinfo">
- <div class="audiotrack">
- {block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="audioartist">
- {block:Artist}{Artist}{/block:Artist}</div>
- {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
- </div>
- <div class="playbox">
- <div class="playbutton">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- </div></div>
- <div class="audiocap">
- {block:ifShowCaptions}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- </div>
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:ifShowCaptions}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="captions">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Video}
- {block:ifShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}"># {Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:ifShowTags}
- {block:PermalinkPage}
- {block:RebloggedFrom}
- <div class="captions">
- <a href="{ReblogParentURL}">VIA {ReblogParentName} </a> /
- <a href="{ReblogRootURL}">SOURCE {ReblogRootName} </a>
- </div>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- {block:PostNotes}
- <div class="captions"> {PostNotes} </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- <!-- Credit / Copyright Information - DO NOT REMOVE -->
- <div class="credit">
- <a href="http://titanjelly.tumblr.com/themes">Tj</a>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement