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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <head>
- <!----
- Theme #25 The Clan
- by: strawberryjeon.tumblr.com (previously superfrown)
- You may:
- Edit as much as you like
- Move the credit to a secondary page
- You may not:
- Claim as your own
- Remove the credit
- ---->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar Image" content="" />
- <meta name="image:Side Image" content="" />
- <meta name="image:Post Background Image" content="" />
- <meta name="color:Background" content="#c6c6c6" />
- <meta name="color:Post Background" content="#ffffff" />
- <meta name="color:Info Background" content="#c6c6c6" />
- <meta name="color:Borders" content="#4c6786" />
- <meta name="color:Text" content="#2e2e2e" />
- <meta name="color:Bold" content="#151515" />
- <meta name="color:Link" content="#4c6786" />
- <meta name="color:Link hover" content="#ebf4ff" />
- <meta name="color:Blog Name" content="#4c6786" />
- <meta name="color:Blog Name Hover" content="#ebf4ff" />
- <meta name="color:Description Text Color" content="#2e2e2e" />
- <meta name="color:Sidebar Links" content="#4c6786" />
- <meta name="color:Sidebar Links Hover" content="#ebf4ff" />
- <meta name="color:Sidebar Links Hover Background" content="#ffffff" />
- <meta name="color:Sidebar Links Hover Text" content="#4c6786" />
- <meta name="if:500px" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="if:Fade Posts" content="1">
- <meta name="if:Side Image" content="1">
- <meta name="if:Show Link1" content="1">
- <meta name="if:Show Link2" content="1">
- <meta name="if:Show Link3" content="1">
- <meta name="if:Show Link4" content="1">
- <meta name="if:Show Link5" content="1">
- <meta name="if:Show Link6" content="1">
- <meta name="if:Show Link7" content="1">
- <meta name="if:Show Link8" content="1">
- <meta name="if:Show Link9" content="1">
- <meta name="text:Text Size" content="11px" />
- <meta name="text:Description Text Size" content="11px" />
- <meta name="text:Link 1 URL" content="http://" />
- <meta name="text:Link 1" content="Link 1" />
- <meta name="text:Link 2 URL" content="http://" />
- <meta name="text:Link 2" content="Link 2" />
- <meta name="text:Link 3 URL" content="http://" />
- <meta name="text:Link 3" content="Link 3" />
- <meta name="text:Link 4 URL" content="http://" />
- <meta name="text:Link 4" content="Link 4" />
- <meta name="text:Link 5 URL" content="http://" />
- <meta name="text:Link 5" content="Link 5" />
- <meta name="text:Link 6 URL" content="http://" />
- <meta name="text:Link 6" content="Link 6" />
- <meta name="text:Link 7 URL" content="http://" />
- <meta name="text:Link 7" content="Link 7" />
- <meta name="text:Link 8 URL" content="http://" />
- <meta name="text:Link 8" content="Link 8" />
- <meta name="text:Link 9 URL" content="http://" />
- <meta name="text:Link 9" content="Link 9" />
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* MAIN */
- body {
- background-color:{color:Background};
- background-image: url('{image:Background}');
- background-attachment: fixed;
- background-repeat: repeat;
- color:{color:Text};
- font-family:calibri;
- font-weight:0px;
- font-style:0px;
- letter-spacing:1px;
- font-size: {text:Text Size};}
- a:link, a:active {
- text-decoration:none;
- color: {color:Link};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- a:visited {
- text-decoration:none;
- color: {color:Link};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- a:hover {
- text-decoration:none;
- color: {color:Link hover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- b, strong, .strong {color:{color:Bold};}
- blockquote {
- margin-left:18px;
- margin-bottom:18px;
- border-left:2px solid {color:Text};
- padding-left:8px; }
- #tumblr_controls{ position:fixed!important; right: 0px; top:0px; z-index:999;}
- ::-webkit-scrollbar {
- height:8px;
- width:8px;
- background-color: {color:Background};}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Borders};}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:Borders};}
- /* CONTENT */
- .contentwhole {
- {block:if500px}width:545px;{/block:if500px}
- {block:ifnot500px}width:445px;{/block:ifnot500px}
- margin-top:100px;;
- margin-bottom:80px;
- margin-left:450px;
- }
- .content {
- {block:ifFadePosts}opacity:0.7;{/block:ifFadePosts}
- {block:if500px}width:500px;{/block:if500px}
- {block:ifnot500px}width:400px;{/block:ifnot500px}
- margin-top:75px;
- margin-left:0px;
- padding:20px;
- border:2px solid {color:Borders};
- border-radius:10px 10px 0px 0px;
- background-image: url('{image:Post Background Image}');
- background-color: {color:Post Background};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .content:hover {
- {block:ifFadePosts}opacity:1;{/block:ifFadePosts}
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .info {
- {block:if500px}width:530px;{/block:if500px}
- {block:ifnot500px}width:430px;{/block:ifnot500px}
- margin-top:0px;
- font-size:11px;
- text-align:center;
- letter-spacing:1px;
- text-transform:lowercase;
- padding:10px 5px 10px 5px;
- border-bottom:2px solid {color:Borders};
- border-left:2px solid {color:Borders};
- border-right:2px solid {color:Borders};
- border-radius:0px 0px 10px 10px;
- background-color:{color:Info Background};
- }
- .tags {
- {block:if500px}width:542px;{/block:if500px}
- {block:ifnot500px}width:442px;{/block:ifnot500px}
- font-size:10px;
- text-align:center;
- letter-spacing:1px;
- margin-top:2px;
- color:{color:Link};
- }
- .title {
- font-size: 13px;
- letter-spacing:2px;
- font-weight:bold;
- text-align: center;
- }
- #pn {
- width:520px;
- text-align:left;
- margin:0 auto;
- }
- /* Asks */
- .questions {
- text-align:center;
- padding:6px;
- border-bottom:1px solid {color:Text};}
- .reply {
- padding: 6px;}
- /* Quote */
- #quote {
- font-size: 13px;}
- #source {
- font-size: 11px;
- letter-spacing:1px;
- margin-top: 10px;}
- /* Audio */
- .playerbuttonbg {
- position: absolute;
- left: 14px;
- top: 14px;
- width: 30px;
- height: 30px;
- background-color: #ffffff;
- padding: 10px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 30px;
- height: 30px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -29px;
- left: -9px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- /* BLOGNAME */
- #blogname {
- width:auto;
- margin-top:5px;
- margin-left:5px;
- padding:2px;
- text-align:center;
- background:transparent;
- }
- #blogname a {
- font-size:18px;
- font-family:calibri;
- text-transform:lowercase;
- letter-spacing:3px;
- color: {color:Blog Name};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #blogname a:hover {
- color: {color:Blog Name Hover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- /* SIDEBAR */
- .sidebar {
- width:260px;
- height:auto;
- top:15px;
- left:10px;
- position:fixed;
- z-index:2;
- }
- .sidebarimage {
- position:fixed;
- height:auto;
- margin-top:10px;
- margin-left:5px;}
- .sidebarimage img {
- width:120px;
- border:5px solid {color:Borders};
- border-radius:25px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .sidebarimage img:hover {
- border-radius:0px;
- border:5px solid {color:Blog Name Hover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /* DESCRIPTION */
- .description {
- margin-top:2px;
- margin-left:5px;
- text-align:center;
- padding:2px;
- width: 246px;
- font-family:calibri;
- font-size:{text:Description Text Size};
- font-weight:normal;
- font-style:normal;
- letter-spacing:1px;
- background:transparent;
- color: {color:Description Text Color};}
- /* PAGINATION */
- .pagination {
- position:fixed;
- bottom:10px;
- left:280px;
- text-align:right;
- background:transparent;
- width:140px;
- }
- .pagination a {
- display:inline-block;
- width:30px;
- margin:4px 10px 4px 10px;
- color: {color:Sidebar Links Hover Text};
- background:transparent;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .pagination a:hover {
- color: {color:Sidebar Links Hover Background};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- /* NAVIGATION */
- #navigation {
- width:115px;
- margin-left:140px;
- margin-top:5px;
- }
- #navigation a {
- display:inline-block;
- width:15px;
- height:15px;
- text-align:center;
- margin:10px;
- color:{color:Sidebar Links};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #navigation a:hover {
- color:{color:Sidebar Links Hover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /* CREDIT */
- #credit {
- bottom:10px;
- right:5px;
- text-align:center;
- position: fixed;}
- #credit a {
- padding:4px;
- font-size:11px;
- letter-spacing:2px;
- font-weight:bold;
- color: {color:Link};
- background-color: {color:Post Background};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #credit a:hover {
- color: {color:Link Hover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #s-m-t-tooltip{
- max-width:300px;
- margin:5px 20px;
- padding:2px 8px;
- border:1px solid {color:Borders};
- background: {color:Sidebar Links Hover Background};
- color: {color:Sidebar Links Hover Text};
- z-index:999999;
- font-size:11px;
- letter-spacing:2px;
- text-transform:uppercase;}
- </style>
- </head>
- <body>
- <div id="credit">
- <a href="http://strawberryjeon.tumblr.com"> theme </a>
- </div>
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}"> <i class="fa fa-arrow-left fa-2x"></i> </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"> <i class="fa fa-arrow-right fa-2x"></i> </a>{/block:NextPage}
- </div>
- <div class="sidebar">
- <div id="blogname">
- <a href="/">{title}</a>
- </div>
- <div class="description">
- {description}
- </div>
- <div class="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"></a></div>
- <div id="navigation">
- <a href="/" title="Home"> <i class="fa fa-home fa-lg"></i> </a>
- <a href="/ask" title="Message"> <i class="fa fa-envelope fa-lg"></i> </a>
- <a href="/archive" title="Archive"> <i class="fa fa-history fa-lg"></i> </a>
- {block:IfShowLink1}<a href="{text:Link 1 url}" title="{text:Link 1}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink1}
- {block:IfShowLink2}<a href="{text:Link 2 url}" title="{text:Link 2}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink2}
- {block:IfShowLink3}<a href="{text:Link 3 url}" title="{text:Link 3}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink3}
- {block:IfShowLink4}<a href="{text:Link 4 url}" title="{text:Link 4}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink4}
- {block:IfShowLink5}<a href="{text:Link 5 url}" title="{text:Link 5}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink5}
- {block:IfShowLink6}<a href="{text:Link 6 url}" title="{text:Link 6}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink6}
- {block:IfShowLink7}<a href="{text:Link 7 url}" title="{text:Link 7}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink7}
- {block:IfShowLink8}<a href="{text:Link 8 url}" title="{text:Link 8}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink8}
- {block:IfShowLink9}<a href="{text:Link 9 url}" title="{text:Link 9}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink9}
- </div>
- </div>
- {block:ifSideImage}
- <img style="position:fixed; opacity: 1.0; max-width: 220px; height: auto; BOTTOM:0px; LEFT:0px; z-index: 1;" src="{image:Side Image}">
- {/block:ifSideImage}
- <div class="contentwhole">
- {block:Posts}
- <div class="content">
- <div class="title">
- {block:Title}
- {Title}
- {/block:Title}
- </div>
- {block:Text}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}{block:if500px}<img src="{PhotoURL-500}">{/block:if500px}
- {block:ifnot500px}<img src="{PhotoURL-400}">{/block:ifnot500px}{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:if500px}{Photoset-500}{/block:if500px}
- {block:ifnot500px}{Photoset-400}{/block:ifnot500px}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">
- <center>
- "{Quote}"
- </center>
- </div>
- {block:Source}
- <div id="source">
- <center>
- - {Source}
- </center>
- </div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="{Target}" class="title"> {Name} → </a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br/>
- {block:Album} <b>Album:</b> {Album}{/block:Album}<br/>
- <b>Played:</b> {PlayCount} times
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {block:if500px}{Video-500}{/block:if500px}
- {block:ifnot500px}{Video-400}{/block:ifnot500px}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="questions"><b>{Asker}</b> asked: {Question}
- </div>
- <div class="reply">{Answer}</div>
- {/block:Answer}
- </div>
- <div class="info">
- {block:Date}<a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>{/block:Date}
- {block:NoteCount} <a href="{Permalink}" title="{NoteCount} notes"> <i class="fa fa-bars"></i> </a>{/block:NoteCount}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via"><i class="fa fa-circle-o"></i> </a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}" title="source"> <i class="fa fa-circle"></i> </a>{/block:ContentSource}
- </div>
- <div class="tags">
- {block:IfShowTags}{block:HasTags}{block:Tags} <i class="fa fa-tag"></i><a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
- </div>
- <div id="pn">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment