Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----- theme k: groot (v.1)
- coded by BVSHOPS.tumblr.com
- (previously STVES.tumblr.com)
- theme description:
- + 4 customizable links (ask not included by default)
- + color options
- + posts 250px, 400px, or 500px
- + small icon
- + option to show permalink info on hover
- + tag options
- + option to have collapsible notes
- + two different update tabs (toggle off/on)
- + audio player options
- + turn captions on/off (always visible on permalink page)
- + lazy load
- message to the user:
- + please do not redistribute this code under
- any other username
- + please leave the credit intact :-)
- + please feel free to customize to your liking
- shoot me an ask if you have any questions or notice
- an error in the coding!
- ---------------------------------->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <!------゚defaults ------>
- <!------ colors ---------->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:body" content="#7c7c7c" />
- <meta name="color:link" content="#afafaf" />
- <meta name="color:link hover" content="#888888" />
- <meta name="color:tags" content="#afafaf" />
- <meta name="color:tag hover" content="#888888" />
- <meta name="color:title" content="#6d6d6d" />
- <meta name="color:chat 1" content="#f9f9f9" />
- <meta name="color:chat 2" content="#ffffff" />
- <meta name="color:question bg" content="#000000" />
- <meta name="color:question text" content="#ffffff" />
- <meta name="color:blockquote" content="#dadada" />
- <!------ links ----------->
- <meta name="text:link a" content="" />
- <meta name="text:link url a" content="/" />
- <meta name="text:link b" content="" />
- <meta name="text:link url b" content="/" />
- <meta name="text:link c" content="" />
- <meta name="text:link url c" content="/" />
- <meta name="text:link d" content="" />
- <meta name="text:link url d" content="/" />
- <!---- sidebar options --->
- <meta name="image:sidebar" content="" />
- <meta name="if:post info on hover" content="1" />
- <meta name="if:show caption" content="0" />
- <meta name="if:posts 250px" content="1" />
- <meta name="if:posts 400px" content="0" />
- <meta name="if:posts 500px" content="0" />
- <meta name="if:black audio player" content="1" />
- <meta name="if:white audio player" content="0" />
- <meta name="if:grey audio player" content="0" />
- <meta name="if:tags on hover" content="1" />
- <meta name="if:collapsible notes" content="1" />
- <meta name="if:show updates 1" content="1" />
- <meta name="if:show updates 2" content="0" />
- <style type="text/css">
- /* defaults */
- iframe#tumblr_controls { white-space: nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.5;
- transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out; }
- iframe#tumblr_controls:hover { opacity: .8; }
- body { background: {color:background};
- font-family: 'Inconsolata';
- font-size: 10px;
- color: {color:body};
- text-align: justify;
- line-height: 15px; }
- #wrap { background-color: transparent;
- margin: 0px auto 0px auto;
- {block:IfPosts250px}
- width: 270px;
- padding-left: 50px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 420px;
- padding-left: 70px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 520px;
- padding-left: 90px;
- {/block:IfPosts500px}}
- /* blog defaults */
- a { color: {color:link};
- text-decoration:none;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -ms-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- transition: all .4s ease-in-out; }
- a:hover { color: {color:link hover};
- text-decoration: none; }
- img { border: none;
- -webkit-transition-duration: .25s;
- -moz-transition-duration: .25s;
- -o-transition-duration: .25s;
- transition-duration: .25s; }
- ::-webkit-scrollbar { background: #fff;
- width: 5px;
- height: 5px; }
- ::-webkit-scrollbar-thumb:vertical { background: #f2f2f2; }
- blockquote { background-color: transparent;
- border-left: 1px solid {color:blockquote};
- padding-left: 7px;
- {block:IfPosts250px}max-width: 250px!important;{/block:IfPosts250px}
- {block:IfPosts400px}max-width: 400px!important;{/block:IfPosts400px}
- {block:IfPosts500px}max-width: 500px!important;{/block:IfPosts500px}
- word-break: break-all; }
- blockquote img { {block:IfPosts250px}
- max-width: 120px!important;{/block:IfPosts250px}
- {block:IfPosts400px}max-width: 320px!important;{/block:IfPosts400px}
- {block:IfPosts500px}max-width: 420px!important;{/block:IfPosts500px} }
- pre { white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word; }
- /* meta, posts, permalink */
- .meta { background-color: white;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px}
- padding: 0px;
- margin: 50px 0px 90px 0px; }
- .title, .audio { font-family: 'Inconsolata';
- color: {color:title};
- font-size: 13px;
- text-transform: uppercase;
- letter-spacing: 2px;
- margin-bottom: 8px; }
- .audio { font-size: 17px; }
- .desc { text-align: left; }
- .icon { width: 60px;
- height: 60px;
- border-radius: 40px 40px 40px 40px;
- -webkit-border-radius: 40px 40px 40px 40px;
- -moz-border-radius: 40px 40px 40px 40px;
- -o-border-radius: 40px 40px 40px 40px;
- float: left;
- margin: 0px 12px 0px 0px;}
- #post-wrap { background-color: transparent;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px} }
- .entry-wrap { background-color: transparent;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px}
- margin: 0px 0px 60px 0px; }
- .entry { background-color: transparent;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px} }
- .permalink { background-color:transparent;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px}
- margin: 5px 0px 40px 0px;
- text-align: center;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- {block:IfPostInfoOnHover}
- opacity: 0;
- {/block:IfPostInfoOnHover}
- {block:PermalinkPage}
- opacity: 1;
- {/block:PermalinkPage}}
- .entry-wrap:hover .permalink { opacity: 1; }
- .tags, .tags a { color: {color:tags}; }
- .tags a:hover { color: {color:tag hover}; }
- .caption, .source { margin: 4px 0px 4px 0px; }
- .source { margin-left: 30px; }
- .chat .odd { background: {color:chat 1};
- padding: 9px; }
- .chat .even { background: {color:chat 2};
- padding: 9px; }
- .chat li, .chat ol, ul.chat
- { list-style: none;
- margin: 0px;
- margin-left: -5px;
- padding: 5px; }
- .audioplayerblack { background-color: black;
- padding: 10px; }
- .audioplayerwhite { background-color: white;
- padding: 10px; }
- .audioplayergrey { background-color: #e4e4e4;
- padding: 10px; }
- .question { background-color: {color:question bg};
- text-transform: lowercase;
- padding: 10px;
- color: {color:question text}; }
- .page { margin: 0px 0px 80px 0px;
- text-align: center; }
- /* post notes */
- #post-notes { background-color: transparent;
- {block:IfPosts250px}
- width: 250px;
- {/block:IfPosts250px}
- {block:IfPosts400px}
- width: 400px;
- {/block:IfPosts400px}
- {block:IfPosts500px}
- width: 500px;
- {/block:IfPosts500px}}
- ol { list-style-type: none;
- margin: 0 0 4em 0; }
- ol.notes { padding: 3px;
- margin: 5px 0px; }
- ol.notes li.note { border: none; }
- ol.notes li.note img.avatar { height: 0px;
- width: 0px; }
- /* updates */
- /* update, v.1 */
- .up1_wrap { width: 75px;
- top: 8px;
- left: 10px;
- position: fixed; }
- .up1_title { background-color: #000000;
- color: #ffffff;
- font-size: 10px;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 2px;
- width: 75px;
- padding: 7px;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out; }
- .up1_info { background-color: {color:background};
- color: {color:body};
- width: 75px;
- padding: 2px;
- margin: 3px 0px 0px 0px;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- opacity: 0; }
- .up1_wrap:hover .up1_info { opacity: 1; }
- .up1_wrap:hover .up1_title { background-color: {color:background};
- color: {color:body};
- box-shadow: inset 0px 75px 0px 0px #f3f3f3; }
- /* update, v.2 */
- .up2_wrap { width: 75px;
- top: 6px;
- left: 10px;
- position: fixed; }
- .up2_title { background-color: {color:background};
- color: {color:body};
- font-size: 10px;
- text-transform: uppercase;
- letter-spacing: 2px;
- width: 75px;
- padding: 7px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out; }
- .up2_info { background-color: {color:background};
- color: {color:body};
- width: 75px;
- padding: 2px;
- margin-top: -250px;
- webkit-transition: all 1.5s ease-in-out;
- -moz-transition: all 1.5s ease-in-out;
- -ms-transition: all 1.5s ease-in-out;
- -o-transition: all 1.5s ease-in-out;
- transition: all 1.5s ease-in-out;
- opacity: 0; }
- .up2_wrap:hover .up2_info { opacity: 1;
- margin-top: 0px; }
- /* credit (please do not remove or change the placement :-) ) */
- .credit { bottom: 3px;
- right: 8px;
- position: fixed;
- width: 25px;
- height: 28px; }
- .credit a { background: #f6f6f6;
- color: #aaaaaa;
- text-align: center;
- display: block;
- border-radius: 15px;
- padding: 4px;
- opacity: .5;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out; }
- .credit a:hover { opacity: 1;
- box-shadow: inset 25px 25px 0px 0px #000000;
- color: #fff; }
- </style>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".col").click(function()
- {
- jQuery(this).next(".sub").slideToggle(800);
- });});
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </head>
- <body>
- <div id="wrap">
- <!-- meta/description -->
- <div class="meta">
- <img src="{image:sidebar}" class="icon">
- <a href="/" class="title">{Title}</a>  
- {block:IfLinkA}
- <a href="{text:link url a}">{text:link a}</a> 
- {/block:IfLinkA}
- {block:IfLinkB}
- <a href="{text:link url b}">{text:link b}</a> 
- {/block:IfLinkB}
- {block:IfLinkC}
- <a href="{text:link url c}">{text:link c}</a> 
- {/block:IfLinkC}
- {block:IfLinkD}
- <a href="{text:link url d}">{text:link d}</a>
- {/block:IfLinkD}
- <div class="desc">
- {Description}
- </div>
- </div>
- <!-- posts -->
- <div id="post-wrap">
- {block:Posts}
- <div class="entry-wrap">
- <div class="entry">
- <!-- text post -->
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- <!-- photo post -->
- {block:Photo}
- {block:IfPosts250px}
- <img src="{PhotoURL-250}">
- {/block:IfPosts250px}
- {block:IfPosts400px}
- <img src="{PhotoURL-400}">
- {/block:IfPosts400px}
- {block:IfPosts500px}
- <img src="{PhotoURL-500}">
- {/block:IfPosts500px}
- {block:IfShowCaption}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Photo}
- <!-- photoset post -->
- {block:Photoset}
- {block:IfPosts250px}
- {Photoset-250}
- {/block:IfPosts250px}
- {block:IfPosts400px}
- {Photoset-400}
- {/block:IfPosts400px}
- {block:IfPosts500px}
- {Photoset-500}
- {/block:IfPosts500px}
- {block:IfShowCaption}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Photoset}
- <!-- quote post -->
- {block:Quote}
- <div class="title">" {Quote} "</div>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- {/block:PermalinkPage}
- {/block:Quote}
- <!-- link -->
- {block:Link}
- <a href="{URL}" {Target}>{Name}</a>
- {block:Description}
- <div class="caption">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- <!-- chat -->
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- <!-- audio -->
- {block:Audio}
- {block:IfBlackAudioPlayer}
- <div class="audioplayerblack">
- {AudioPlayerBlack}
- </div>
- {/block:IfBlackAudioPlayer}
- {block:IfWhiteAudioPlayer}
- <div class="audioplayerwhite">
- {AudioPlayerWhite}
- </div>
- {/block:IfWhiteAudioPlayer}
- {block:IfGreyAudioPlayer}
- <div class="audioplayergrey">
- {AudioPlayerGrey}
- </div>
- {/block:IfGreyAudioPlayer}
- <div style="text-align: right">
- <p>
- {block:TrackName}
- <span class="audio">"{TrackName}"</span>
- {/block:TrackName}
- {block:Artist}<br>
- - {Artist}
- {/block:Artist}
- </p>
- </div>
- {/block:Audio}
- <!-- video -->
- {block:Video}
- {block:IfPosts250px}
- {Video-250}
- {/block:IfPosts250px}
- {block:IfPosts400px}
- {Video-400}
- {/block:IfPosts400px}
- {block:IfPosts500px}
- {Video-500}
- {/block:IfPosts500px}
- {block:IfShowCaption}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Video}
- <!-- answer -->
- {block:Answer}
- <div class="question">
- {Question} — {Asker}
- </div>
- <div class="caption">
- {Answer}
- </div>
- {/block:Answer}
- </div>
- <!-- permalink -->
- <div class="permalink">
- {block:Date}
- <a href="{Permalink}">
- {24HourWithZero}:{Minutes}</a>
- </a>
- {/block:Date}
- {block:NoteCount}
-     <a href="{Permalink}">{NoteCount}</a>
- {/block:NoteCount}
- {block:Date}
-     <a href="{ReblogURL}" target="_blank" class="details">↺</a>
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a> 
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PermalinkPage}
- <p>
- {block:RebloggedFrom}
- via <a href="{ReblogParentURL}" class="p">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <br>
- original <a href="{SourceURL}" class="p">{SourceTitle}</a>
- {/block:ContentSource}
- </p>
- {/block:PermalinkPage}
- </div>
- <!-- post notes -->
- {block:PostNotes}
- <div id="post-notes">
- {block:IfCollapsibleNotes}
- <a class="col">show notes</a>
- <div class="sub">
- {PostNotes}
- </div>
- {/block:IfCollapsibleNotes}
- {block:IfNotCollapsibleNotes}
- <div class="col">notes</div>
- {PostNotes}
- {/block:IfNotCollapsibleNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- {block:Pagination}
- <div class="page">
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
-  
-  
-  
- —
-  
-  
-  
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">forth</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <div class="credit">
- <a href="http://fassbndrs.tumblr.com">F</a>
- </div>
- {block:IfShowUpdates1}
- <div class="up1_wrap">
- <div class="up1_title">updates</div>
- <div class="up1_info">
- all your update info goes here!
- <p>put your books, tv shows, blah blah here</p>
- </div>
- </div>
- {/block:IfShowUpdates1}
- {block:IfShowUpdates2}
- <div class="up2_wrap">
- <div class="up2_title">updates</div>
- <div class="up2_info">
- all your update info goes here!
- <p>put your books, tv shows, blah blah here</p>
- </div>
- </div>
- {/block:IfShowUpdates2}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement