Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----- theme i: amelia
- coded by BVSHOPS.tumblr.com
- (previously STVES.tumblr.com)
- theme description:
- + 4 customizable links (ask not included by default)
- + color options
- + posts 400px or 500px
- + 225px sidebar image (automaticallly resized)
- + option to show blog title
- + option to show sidebar links on hover
- + tag options
- + option to have collapsible notes
- + updates tab included (option to turn it on and off!)
- 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}">
- {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:navigation" content="#888888" />
- <meta name="color:nav bg" content="#ffffff" />
- <meta name="color:nav bg hover" content="#f9f9f9" />
- <meta name="color:pagination" content="#afafaf" />
- <meta name="color:border" content="#eeeeee" />
- <meta name="color:post title" content="#444444" />
- <meta name="color:date bg" content="#f5f5f5" />
- <meta name="color:date" content="#777777" />
- <meta name="color:heart" content="#777777" />
- <meta name="color:tags" content="#afafaf" />
- <meta name="color:tags hover" content="#888888" />
- <meta name="color:chat 1" content="#f9f9f9" />
- <meta name="color:chat 2" content="#ffffff" />
- <meta name="color:audio bg" content="#f7f7f7" />
- <meta name="color:album art" content="#bcbcbc" />
- <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:links on hover" content="0" />
- <meta name="if:show blog title" content="1" />
- <meta name="if:posts 400px" content="0" />
- <meta name="if:posts 500px" content="1" />
- <meta name="if:tags on hover" content="1" />
- <meta name="if:collapsible notes" content="1" />
- <meta name="if:show updates" content="0" />
- <style type="text/css">
- /*d 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: helvetica, arial, sans-serif;
- font-size: 9px;
- color: {color:body};
- text-align: justify;
- line-height: 15px; }
- #wrap { background-color: transparent;
- width: 850px;
- margin: 0px auto 0px auto; }
- /* sidebar */
- #sidebar-wrap { background-color: transparent;
- width: 225px;
- margin-top: 100px;
- position: fixed;
- text-align: center; }
- .sidebar-image { width: 225px!important; }
- .sidebar-image img { width: 225px!important;
- max-width: 225px;
- margin: 0px 0px 8px 0px;
- z-index: 99; }
- .navigation { background-color: transparent;
- text-align: center;
- margin: 8px 0px 8px 0px;
- border-top: 1px solid {color:border};
- border-bottom: 1px solid {color:border};
- -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;
- {block:IfLinksOnHover}
- opacity: 0;
- margin: -32px 0px 8px 0px;
- {/block:IfLinksOnHover}
- }
- .navigation a { background-color: {color:nav bg};
- font-family: times new roman, georgia, serif;
- font-size: 7px;
- letter-spacing: 1px;
- color: {color:navigation};
- text-transform: uppercase;
- display: inline-block;
- margin: 5px;
- padding: 2px; }
- {block:IfLinksOnHover}
- #sidebar-wrap:hover .navigation { margin: 8px 0px 8px 0px;
- opacity: 1; }
- {/block:IfLinksOnHover}
- .navigation a:hover { background-color: {color:nav bg hover}; }
- .desc { background-color: transparent; }
- .page { background-color: transparent;
- margin: 10px 0px 0px 0px; }
- .page a { color: {color:pagination};
- text-decoration: none; }
- /* post specifics */
- #post-wrap { background: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
- margin: 70px 0px 0px 310px; }
- .entry-wrap { background-color: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}}
- .entry { background-color: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
- margin-bottom: 100px;
- line-height: 13px; }
- .title, .blog-title, .col { font-family: times new roman, georgia, serif;
- font-size: 11px;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: {color:post title};
- margin-bottom: 12px; }
- .blog-title { margin-bottom: 8px;
- font-family: baskerville, times new roman, georgia, serif;
- font-size: 13px}
- .caption { background-color: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
- margin: 13px 0px 3px 0px; }
- .source { margin-top: 8px;
- margin-left: 50px;
- margin-bottom: 8px; }
- .link { font-size: 14px;
- font-style: italic; }
- .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; }
- #audio-wrap { background-color: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px} }
- #album { background-color: {color:album art};
- width: 100px;
- height: 100px;
- float: left;
- display: inline-block; }
- #album-art {width: 100px;
- height: 100px;
- margin-top: -80px;
- z-index: 1; }
- #album-art img { width: 100px;
- height: 100px;
- max-height: 100px;
- max-width: 100px; }
- #audio { background-color: {color:audio bg};
- text-transform: lowercase;
- {block:IfPosts400px}width: 270px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 370px;{/block:IfPosts500px}
- height: 70px;
- padding: 15px;
- display: inline-block; }
- #player { background-color: #ffffff;
- width: 60px;
- height: 60px;
- z-index: 99999;
- position: relative;
- margin: 20px auto 0px auto;
- -webkit-border-radius: 70px;
- -moz-border-radius: 50px;
- -o-border-radius: 70px;
- border-radius: 70px;
- opacity: .15;
- -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; }
- #button { height: 30px;
- width: 30px;
- overflow: hidden;
- padding-top: 17px;
- padding-left: 5px;
- margin: 0px auto 0px auto; }
- #audio-wrap:hover #player { opacity: 1; }
- .question { margin-bottom: 22px; }
- .askimg { float: left;
- margin: 0px 12px 0px 0px;
- -webkit-border-radius: 12px;
- -moz-border-radius: 12px;
- -o-border-radius: 12px;
- border-radius: 12px; }
- g { font-family: times new roman, georgia, serif;
- font-size: 12px;
- font-style: italic; }
- /* permalink */
- #meta-wrap { background-color: transparent;
- {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
- margin: 14px 0px 10px 0px;
- color: {color:link}; }
- .date { background-color: {color:date bg};
- font-family: times new roman, georgia, serif;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: {color:date};
- padding: 2px; }
- .heart { color: {color:heart}; }
- .tags { background-color: transparent;
- margin: 5px 0px 0px 0px;
- {block:IfTagsOnHover}
- opacity: 0;
- -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;
- {/block:IfTagsOnHover} }
- .tags a { color: {color:tags}; }
- .tags a:hover { color: {color:tags hover}; }
- {block:IfTagsOnHover}
- #entry-wrap:hover .tags { opacity: 1; }
- {/block:IfTagsOnHover}
- {block:PermalinkPage}
- .tags { opacity: 1; }
- {/block:PermalinkPage}
- /* 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:IfPosts400px}max-width: 400px!important;{/block:IfPosts400px}
- {block:IfPosts500px}max-width: 500px!important;{/block:IfPosts500px}
- word-break: break-all; }
- /* post notes */
- #post-notes { {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
- {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
- margin-bottom: 50px; }
- ol { list-style-type: none;
- margin: 0 0 1.5em 2.5em; }
- ol.notes { padding: 3px;
- margin: 5px 0px; }
- ol.notes li.note { border-bottom: 1px solid {color:border};
- padding: 7px; }
- ol.notes li.note img.avatar { vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- -webkit-border-radius: 12px;
- -moz-border-radius: 12px;
- -o-border-radius: 12px;
- border-radius: 12px; }
- /*updates tab */
- #updates-wrap { top: 5px;
- left: 10px;
- position: fixed;
- z-index: 999;
- line-height: 13px;}
- #updates { background: #fff;
- font-family: arial;
- font-size: 9px;
- width: 120px;
- padding: 3px;
- height: 13px;
- display: block;
- -webkit-transition-duration: .5s;
- height: 15px;
- overflow: hidden;}
- #updates-wrap:hover #updates { height: 330px; }
- o { background-color: transparent;
- font-family: times new roman, georgia, serif;
- font-size: 11px;
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 1px; }
- /* end */
- /*credit, please do not remove :-) */
- .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>
- </head>
- <body>
- <div id="wrap">
- <!--sidebar -->
- <div id="sidebar-wrap">
- {block:IfShowBlogTitle}
- <div class="blog-title">{Title}</div>
- {/block:IfShowBlogTitle}
- <div class="sidebar-image">
- <img src="{image:sidebar}" class="sidebar-image">
- </div>
- <!-- navigation -->
- <div class="navigation">
- <a href="/">index</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>
- <!--description -->
- <div class="desc">
- {Description}
- </div>
- <!-- pagination -->
- {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>
- <!-- posts -->
- <div id="post-wrap">
- {block:Posts}
- <div id="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:IfPosts400px}
- <a href="{Permalink}">
- <img src="{PhotoURL-400}"></a>
- {/block:IfPosts400px}
- {block:IfPosts500px}
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
- {/block:IfPosts500px}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- <!-- photoset -->
- {block:Photoset}
- {block:IfPosts400px}{Photoset-400}{/block:IfPosts400px}
- {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- <!-- quote -->
- {block:Quote}
- <div class="title">“ {Quote} ”</div>
- {block:Source}<div class="source">- {Source}</div>{/block:Source}
- {/block:Quote}
- <!-- link -->
- {block:Link}
- <a href="{URL}" class="link" {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}
- <div id="audio-wrap">
- <div id="album">
- <div id="player">
- {block:AudioPlayer}
- <div id="button">
- {AudioPlayerWhite}
- </div>
- {/block:AudioPlayer}
- </div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" id="album-art">
- {/block:AlbumArt}
- </div>
- <div id="audio">
- {block:TrackName}
- <b>track:</b> {TrackName} <br>
- {/block:TrackName}
- {block:Artist}
- <b>artist:</b> {Artist} <br>
- {/block:Artist}
- {block:Album}
- <b>album:</b> {Album} <br>
- {/block:Album}
- {block:PlayCount}
- <b>play count:</b> {PlayCount}
- {/block:PlayCount}
- </div>
- </div>
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Audio}
- <!-- video -->
- {block:Video}
- {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
- {block:IfPosts500px}{Video-500}{/block:IfPosts500px}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Video}
- <!-- answer -->
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-24}" class="askimg">
- <g>{Asker}:</g> {Question}
- </div>
- {block:Answerer}
- <div class="caption">
- {Answer}
- </div>
- {/block:Answerer}
- <div id="caption">
- {Replies}
- </div>
- {/block:Answer}
- <!-- permalink -->
- <div id="meta-wrap">
- {block:Date}<a href="{Permalink}" class="date">{ShortMonth} {DayofMonthWithZero}</a>{/block:Date}
-   
- {block:NoteCount}
- <span class="heart">♥</span>  {NoteCountWithLabel}
- </span>  
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" class="p">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
-  / 
- <a href="{SourceURL}" class="p">source</a>
- {/block:ContentSource}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>   {/block:Tags}
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- </div>
- {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="title">notes</div>
- {PostNotes}
- {/block:IfNotCollapsibleNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="credit">
- <a href="http://fassbndrs.tumblr.com">F</a>
- </div>
- <!-- updates tab -->
- {block:IfShowUpdates}
- <div id="updates-wrap">
- <div id="updates">
- <o>updates</o><br>
- <p>make sure to adjust the hover height to fit all your update info!</p>
- <p><b>watching:</b><br>
- + show here, season<br>
- + show here, season<br><br>
- <b>reading:</b><br>
- + book<br>
- + book<br><br>
- <b>networks: </b><br>
- + <a href="/">network</a><br>
- + <a href="/">network</a>
- </p>
- </div>
- </div>
- {/block:IfShowUpdates}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement