Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html><head>
- <!--
- Theme #05 Devil May Care by Wicnhesterlegacies.tumblr.com
- -->
- {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
- <!-- page title -->
- <title>
- {block:TagPage}{Tag} - {/block:TagPage}
- {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
- {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}
- </title>
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
- <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
- <meta name="if:Show Searchbox" content="0"/>
- <meta name="if:Infinite Scroll" content="0">
- <script type="text/javascript">
- <!--
- function handleThis(formElm)
- {
- window.location="http://yourtumblrURLhere.tumblr.com/tagged/"+formElm.number.value+"";
- return false;
- }
- // -->
- </script>
- <!-- Default Variables -->
- <meta name="color:Backgroundcolor" content="#fdfcfc">
- <meta name="color:PostText" content="#1d1d1d"/>
- <meta name="color:InfoText" content="#ff8700"/>
- <meta name="color:Infoborder" content="#1d1d1d"/>
- <meta name="color:Sidebarbg" content="#1d1d1d"/>
- <meta name="color:Texttitles" content="#1d1d1d"/>
- <meta name="color:Tagcolor" content="#ff8700"/>
- <meta name="color:Description" content="#ff8700"/>
- <meta name="color:Descriptionbg" content="#1d1d1d"/>
- <meta name="color:Postbg" content="#fdfcfc"/>
- <meta name="color:Links" content="#ff8700"/>
- <meta name="image:Sidebarimage1" content="http://static.tumblr.com/yf7iedv/BgTmutupa/spn902hd_2247.png"/>
- <meta name="image:Sidebarimage2" content="http://static.tumblr.com/yf7iedv/gzRmutuvy/spn902hd_2230.png"/>
- <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Merienda:400,700' rel='stylesheet' type='text/css'><!--- import fonts want to use --->
- {block:IfInfiniteScroll}
- <script type="text/javascript"
- src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
- {/block:IfInfiniteScroll}
- <style type="text/css">
- .postnotes{ padding-top:70px; position:relative; }
- /* --- SCROLLBAR --- */
- ::-webkit-scrollbar-thumb:vertical {
- height:12px;
- border:2px solid {color:Backgroundcolor};
- background-color:{color:Posttext};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- height:12px;
- border:2px solid {color:Backgroundcolor};
- background-color:{color:Posttext};
- }
- ::-webkit-scrollbar {
- width:11px;
- height:11px;
- border:5px solid {color:Backgroundcolor};
- background-color:{color:Posttext};
- }
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
- display:block;
- height:5px;
- width:5px;
- border-right:2px solid {color:Backgroundcolor};
- border-left:2px solid {color:Backgroundcolor};
- background-color:{color:Backgroundcolor};
- }
- /* --- Posts ---*/
- body {
- text-align:justify;
- font-size:14px;
- height: 100%;
- color:{color:Posttext};
- font-family:calibri;
- text-decoration:none;
- }
- a {
- color:{color:Postext};
- text-decoration:none;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- a:hover {
- text-decoration:none;
- color:{color:Posttext};
- }
- a:link {
- color:{color:Links};
- text-decoration: none;
- }
- a:visited {
- color:{color:Links};
- text-decoration: none;
- }
- a:link:hover {
- text-decoration:none;
- color:{color:Posttext};
- }
- a:visited:hover {
- color:{color:Posttext};
- text-decoration: none;
- }
- #container {
- position:fixed;
- top:0px;
- left:0px;
- width:100%;
- background-color:{color:Backgroundcolor};
- height: 100%;
- }
- #entries {
- padding-top: 40px;
- position: absolute;
- top:0px;
- left:545px;
- width:650px;
- min-height: 100%;
- height:auto;
- top:0px;
- background-color:transparent;
- padding-bottom:50px;
- }
- #posts {
- width:500px;
- margin-top:40px;
- padding:5px;
- background-color:{color:Postbg};
- overflow:hidden;
- padding-bottom:0px;
- padding-top:5px;
- padding-bottom:40px;
- }
- /* --- SIDEBAR --- */
- #sidebar{
- width:350px;
- height:100%;
- position:fixed;
- left:50px;
- background-color:{color:sidebarbg};
- border-right: 0px solid {color:sidebarborder};
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- background-image:URL('{image:Sidebarimage1}');
- background-size: auto 100%;
- background-repeat:no-repeat;
- background-position:left -15 top;
- }
- .sidebarimg {
- opacity:0;
- position:absolute;
- background-image:URL('{image:Sidebarimage2}');
- background-size: auto 100%;
- background-repeat:no-repeat;
- background-position:left -25 top;
- background-color:black;
- width:350px;
- height:100%;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- #sidebar:hover .sidebarimg {
- opacity:1;
- left:0px;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- .innersidebar {
- position:absolute;
- width:153px;
- left:100px;
- height:100%;
- margin-top:300px;
- background-color:transparent;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- opacity:1;
- overflow:hidden;
- }
- #sidebar:hover .innersidebar{
- margin-top:170px;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- .description {
- padding:2px;
- padding-top:5px;
- width:150px;
- left:0px;
- max-height:250px;
- font-size:10px;
- font-family:calibri;
- letter-spacing:1px;
- color:{color:Description};
- background-color:{color:Descriptionbg};
- opacity:1;
- text-align:center;
- text-transform:uppercase;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- opacity:0.6;
- overflow:hidden;
- }
- #mylink{
- width:100%;
- background:transparent;
- margin-top:-250px;
- text-align:center;
- visibility:hidden;
- opacity:0;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- #sidebar:hover #mylink{
- margin-top:0px;
- visibility:visible;
- opacity:0.6;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- #mylink a{
- display:block;
- width:100%;
- left:0px;
- font-size:10px;
- font-family:calibri;
- letter-spacing:1px;
- color:{color:Description};
- background-color:{color:Descriptionbg};
- margin-top:2px;
- opacity:0.6;
- padding:2px;
- }
- #mylink a:hover {
- color:{color:Descriptionbg};
- background-color:{color:Description};
- }
- .title {
- text-align:center;
- font-size:15px;
- font-family: 'Merienda', cursive;
- text-align:center;
- position:relative;
- color:{color:Sidebarnextpage};
- background-color:transparent;
- }
- /* --- TITLES --- */
- #title1 {
- margin-top:5px;
- font-size:20px;
- font-family:calibri;
- text-decoration:none;
- text-align:center;
- text-transform:uppercase;
- background-color:{color:Texttitles};
- color:{color:Backgroundcolor};
- /* border-bottom:2px solid {color:Texttitles};
- border-top:2px solid {color:Texttitles};*/
- text-decoration:none;
- opacity: 0.9;
- width: 500px;
- margin-left:0px;
- }
- #title2 {
- font-size:14px;
- text-transform:uppercase;
- font-family:calibri;
- text-align:center;
- text-decoration:none;
- }
- /* --- AUDIO --- */
- #audio {
- overflow:inherit;
- margin-bottom:5px;
- width:500px;
- height:62px;
- }
- .albumart {
- width:57px;
- height:57px;
- position:absolute;
- }
- .albumart img {
- width:57px;
- height:57px;
- float:left;
- }
- .playercontainer {
- opacity: .2;
- display:block;
- width:57px;
- height:57px;
- background-color:white;
- position:absolute;
- z-index:3;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .playercontainer:hover {
- opacity:.7;
- }
- .player {
- margin-left:16px;
- margin-top:16px;
- width:25px;
- height:25px;
- overflow:hidden;
- background-color:white;
- }
- .audioinfo {
- margin-left:60px;
- float:left;
- background-color:transparent;
- padding:2px;
- margin-bottom:3px;
- margin-top:0px;
- width:435px;
- }
- /* --- CHAT POST --- */
- .chatline {
- background-color:{color:Posttext};
- margin-bottom:2px;
- color:{color:Postbg};
- }
- /* --- INFO & OTHER --- */
- #info {
- <center>
- position:absolute;
- margin-top:0px;
- width: 500px;
- margin-left:-5px;
- padding-bottom:6px;
- padding-left:5px;
- padding-right:5px;
- padding-top:3px;
- line-height:90%;
- color:{color:Posttext};
- font-size:9px;
- font-family:calibri;
- text-transform:uppercase;
- background:{color:Infoborder};
- letter-spacing:0px;
- text-align:center;
- opacity: 0.9;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- visibility:visible;
- margin-bottom:0px;
- }
- #info a {
- color:{color:Infotext};
- background-color:transparent;
- padding:4px;
- text-align:center;
- }
- #info a:hover {
- color:{color:Posttext};
- }
- #posts:hover #info {
- opacity:0.9;
- visibility:visible;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #questions {
- color:{color:Posttext};
- padding:10px;
- margin-bottom:0px;
- font-size:10px;
- font-family:arial;
- text-align:justify;
- background-color:{color:Infoborder};
- border-bottom:2px solid {color:Infotext};
- }
- #questions a {
- color:{color:Tagcolor};
- }
- #questions a:hover {
- color:{color:Posttext};
- }
- #tags {
- float:left;
- margin-top:1px;
- position:absolute;
- width:500px;
- height:auto;
- padding:3px;
- font-size:10px;
- transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- color:{color:Posttext};
- font-family:calibri;
- text-transform:none;
- letter-spacing:0px;
- text-align:left;
- opacity: 0;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #posts:hover #tags {
- opacity:1;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #tags a {
- color:{color:Tagcolor};
- background-color:transparent;
- padding:1px;
- text-decoration:none;
- display:inline;
- width:100px;
- }
- #tags a:hover {
- color:{color:Posttext};
- text-decoration:none;
- }
- #source {
- margin-top:3px;
- text-align:right;
- margin-bottom:5px;
- font-size:10px;
- }
- #pagination {
- font-size:12px;
- text-transform:uppercase;
- width:100%;
- margin-bottom:5px;
- font-style:normal;
- text-align:center;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- color:{color:Description};
- background-color:{color:Descriptionbg};
- opacity:0.6;
- }
- #sidebar:hover #pagination{
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- #pagination a {
- padding-left:3px;
- padding-right:3px;
- text-decoration:none;
- display:inline;
- font-family:calibri;
- text-align:center;
- background-color:transparent;
- color:{color:Description};
- background-color:{color:Descriptionbg};
- }
- #pagination a:hover {
- opacity:0.6;
- background-color:{color:Description};
- color:{color:Descriptionbg};
- }
- .postnotes {
- margin-top:-5px;
- }
- ol.notes, .notes li {
- width:500px;
- list-style:none;
- }
- blockquote {
- border-left:2px solid {color:Posttext};
- padding:0px;
- padding-left:5px;
- margin:5px;
- }
- blockquote img {
- max-width:350px;
- }
- #credit{
- position:fixed;
- right:5px;
- bottom:5px;
- padding-top:3px;
- padding-bottom:3px;
- background-color:{color:Postbg};
- border:1px solid {color:Posttext};
- color:{color:Posttext};
- }
- {CustomCSS}
- </style>
- <!--- want to enable infinite scrolling put in here --->
- </head>
- <body>
- <div id="container">
- <div id="sidebar">
- <div class="sidebarimg">
- <!--<div id="title"><div class="title">{Title}</div></div>-->
- </div>
- <div class="innersidebar">
- {block:IfNotInfiniteScroll}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IfNotInfiniteScroll}
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div id="mylink">
- <a href="/">Home</a>
- <a href="/ask">Ask Away</a>
- <a href="/submit">Submit</a>
- {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
- {block:IfShowSearchbox}
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"/>
- <input type="submit" value="Search"/>
- </form>
- {/block:IfShowSearchbox}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="entries">
- <div class = "autopagerize_page_element" >
- {block:posts}
- <div id="posts">
- <!-- text posts -->
- {block:Title}<div id="title1">{Title}</div>{/block:Title}
- {block:text}{Body}{/block:text}
- <!-- photo -->
- {block:photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:photo}
- <!-- Photo set-->
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!-- Quote -->
- {block:Quote}
- <div id="title2">"{Quote}"</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- <!-- Link -->
- {block:Link}
- <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--Chat -->
- {block:chat}
- {block:Lines}<div class="chatline">{block:Label}{Label} {/block:Label}{Line}</div> {/block:Lines}
- {/block:chat}
- <!--Audio-->
- {block:Audio}
- <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}{block:ifBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!-- Video-->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div style="margin-left:0px;"><div id="questions">
- <img src="{AskerPortraitURL-48}" style="float:left; border:2px solid white; border-radius: 25px 25px;top:50%; margin-right:10px; margin-top:center center;">
- {Asker} asked: {Question}
- </div></div>
- {Answer}<p>
- {/block:Answer}
- <!--Info ---->
- {block:Date}
- <center>
- <div id="info">
- <div style="margin-left:-4px;"><a href="{Permalink}"> {TimeAgo}</a>{/block:Date}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>
- <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>
- {/block:RebloggedFrom}
- {block:NoteCount} <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div></div>
- <!-- Tags -->
- {block:HasTags}<div id="tags">→ Tagged {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </div>
- <!-- Notes -->
- {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </div>
- </div>
- <div id="credit"><a href="http://www.winchesterlegacies.tumblr.com">WLT</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement