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">
- <head><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}
- <!---- theme 07 by Archana (grizzlysbear) --->
- <!---- web fonts ---->
- <link href='http://fonts.googleapis.com/css?family=Lobster|Alex+Brush|Source+Code+Pro|Loved+by+the+King' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
- <!---- metas ---->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Posts" content="#ffffff"/>
- <meta name="color:Sidebar" content="#000000"/>
- <meta name="color:Post Background" content="#e2d5e6"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#51505c"/>
- <meta name="color:Link Hover" content="#7c3a88"/>
- <meta name="color:Border" content="#bda4aa">
- <meta name="color:Scrollbar" content="#f7c7db"/>
- <meta name="color:Selection" content="#000000"/>
- <meta name="color:Sidebar Link 1" content="#a27e86">
- <meta name="color:Sidebar Link 2" content="#44283e">
- <meta name="color:Sidebar Text" content="#ffffff">
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Sidebar Background" content=""/>
- <meta name="text:Link1 Title" content="link 1"/>
- <meta name="text:Link1 Url" content=""/>
- <meta name="text:Link2 Title" content="link 2"/>
- <meta name="text:Link2 Url" content=""/>
- <meta name="text:Link3 Title" content="link 3"/>
- <meta name="text:Link3 Url" content=""/>
- <meta name="text:Link4 Title" content="link 4"/>
- <meta name="text:Link4 Url" content=""/>
- <meta name="text:Link5 Title" content="link 5"/>
- <meta name="text:Link5 Url" content=""/>
- <meta name="text:Link6 Title" content="link 6"/>
- <meta name="text:Link6 Url" content=""/>
- <meta name="text:Link7 Title" content="link 7"/>
- <meta name="text:Link7 Url" content=""/>
- <meta name="text:Link8 Title" content="link 8"/>
- <meta name="text:Link8 Url" content=""/>
- <meta name="if:Post Background" content="1" />
- <meta name="if:Cursive Title" content="1" />
- <style type="text/css">
- ::selection {
- background:{color:Selection};
- color: #ffffff;
- }
- ::-moz-selection {
- background: {color:Selection};
- color: #ffffff;
- }
- ::-webkit-selection {
- background: {color:Selection};
- color: #ffffff;
- }
- ::-webkit-scrollbar {
- width: 7px;
- background-color: transparent;
- }
- ::-webkit-scrollbar-track-piece {
- background-color: transparent;
- -webkit-border-radius:10px;
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;
- display: block;
- background: transparent;
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:Scrollbar};
- -webkit-border-radius:0px;
- border:none;
- }
- body {
- line-height: 1;
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:Calibri;
- font-size: 11px;
- line-height:100%;
- }
- a, a:active, a:visited{
- padding: 1.5px;
- text-decoration: none;
- color: {color:Link};
- font-style: normal;
- opacity:0.95;
- filter:alpha(opacity=60);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- a:hover{
- padding: 1.5px;
- color:{color:Posts};
- color: {color:Link Hover};
- opacity:1.0;
- filter:alpha(opacity=100);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- h1 {
- font-size:25px;
- font-style: none;
- text-align: center;
- {block:ifCursiveTitle}
- font-family: 'Loved by the King', cursive;
- {/block:ifCursiveTitle}
- letter-spacing: 2;
- }
- #sidebar{
- background-color: {color:Sidebar};
- width: 400px;
- height: 100%;
- top: 0px;
- left: 0px;
- position: fixed;
- background-image: url('{image:Sidebar Background}');
- background-size: auto 100%;
- }
- #picture{
- position:fixed;
- top: 150px;
- left: 100px;}
- .transition
- {-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- #topbox{
- width: 200px;
- height: 100px;
- overflow: hidden;
- }
- #top{
- width: 200px;
- height: 100px;
- overflow: hidden;
- }
- #bottom{
- margin-top:-5px;
- width: 200px;
- height: 100px;
- overflow: hidden;
- }
- #desc{
- float:left;
- width:160px;
- height:50px;
- opacity:1;
- padding:20px;
- color: {color:Sidebar Text};
- font-size: 12px;
- }
- #sidebar:hover #topbox{
- height: 200px;
- margin-top: -25px;
- }
- #sidebar:hover #bottom{
- margin-top:-10px;
- }
- #desc a{background-color: {color:background};} #desc{line-height: 1.5; text-align: center;
- overflow-x:hidden; overflow-y:scroll;}
- #title{
- width: 400px;
- left: 0px;
- height: 50px;
- z-index: 10;
- top: 500px;
- position: fixed;
- border-top: 5px solid {color:Sidebar Link 1};
- border-bottom: 5px solid {color:Sidebar Link 1};
- background-color: transparent;
- }
- #sidebarlinks{
- width: 400px;
- left: 0px;
- height: 50px;
- z-index: 20;
- top: 500px;
- position: fixed;
- opacity: 0;
- }
- #sidebarlinks .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8{
- text-align: center;
- text-transform: uppercase;
- margin: 5px;
- width: 50px;
- padding: 5px;
- position: fixed;
- background-color: {color:Sidebar Link 1};
- border-left: 15px solid {color:Sidebar Link 1};
- border-right: 15px solid {color:Sidebar Link 1};
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- #sidebarlinks a{
- color: {color:Sidebar Text};
- }
- #sidebarlinks .l1:hover, .l2:hover, .l3:hover, .l4:hover, .l5:hover, .l6:hover, .l7:hover, .l8:hover{
- border-left: 15px solid {color:Sidebar Link 2};
- border-right: 15px solid {color:Sidebar Link 2};
- background-color: transparent;
- }
- .l1{ left: 0px;}
- .l2{ left: 100px;}
- .l3{ left: 200px;}
- .l4{ left: 300px;}
- .l5{ left: 0px; top: 530px;}
- .l6{ left: 100px; top: 530px;}
- .l7{ left: 200px; top: 530px;}
- .l8{ left: 300px; top: 530px;}
- #sidebar:hover #sidebarlinks{opacity:1;}
- #sidebar:hover #title{opacity:0;}
- #pagination {
- text-align:center;
- width: 200px;
- left: 100px;
- height: 50px;
- z-index: 20;
- top: 575px;
- position: fixed;
- opacity: 1;
- }
- .jump_page {
- padding: 4px 8px;
- border: 2px solid {color:Sidebar Link 2};
- background-color: {color:Background};
- color: {color:Sidebar Link 1};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 8px;
- border: 2px solid {color:Sidebar Link 1};
- background-color: {color:Sidebar Link 2};
- color: {color:Background};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- /* Post Style */
- #entries {
- line-height: 1;
- padding:35px;
- width: 525px;
- margin-left:600px;
- margin-top: 0px;
- }
- #post {
- width:500px;
- padding:20px;
- font-size: 11px;
- background-color: {color:Background};
- z-index: 1;
- -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
- box-shadow: 0 1px 3px rgba(0,0,0,0.2);;
- }
- #post a:hover{
- color: {color:Background};
- background-color: {color:Link Hover};
- }
- #info {
- width:500px;
- text-align:center;
- margin-left: 0px;
- margin-top: 20px;
- }
- .sourcevia{
- padding: 3px;
- color: {color:Background};
- text-transform: uppercase;
- width: 160px;
- background-color: {color:Border};
- paddind: 5px;
- margin-left: 340px;
- margin-top: -16px;
- box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .postdate{
- padding: 3px;
- text-transform: uppercase;
- width: 160px;
- background-color: {color:Border};
- color: {color:Background};
- paddind: 5px;
- float: left;
- box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .postdate:hover{
- background-color: {color:Link Hover};
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .datepost:hover{
- background-color: {color:Link Hover};
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .sourcevia:hover{
- background-color: {color:Link Hover};
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .postdate a, .datepost a, .sourcevia a{
- color: {color:Background};}
- .datepost{
- padding: 3px;
- text-transform: uppercase;
- width: 160px;
- background-color: {color:Border};
- color: {color:Background};
- paddind: 5px;
- margin-left: 170px;
- box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- }
- .quote{
- line-height: 1;
- font-size: 20px;
- font-style: normal;
- font-family: 'Lobster';
- }
- ul.chat {
- margin: 0 0 0 0;
- padding: 0 0 0 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- background-color: transparent;
- border-left: 5px solid {color:Sidebar Link 1};
- margin-bottom: 3px;
- }
- .chat li.even {
- background-color: transparent;
- border-left: 5px solid {color:Sidebar Link 2};
- margin-bottom: 3px;
- }
- .mbutton {width: 20px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 1000;
- margin: 15px 24px 13px 16px;}
- .mbox {background-color: #000;
- position: absolute;
- z-index: 1000;
- margin-top: 50px;
- margin-left: 45px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- opacity: 0.5;}
- .cover img{ width: 150px; height: 150px;}
- .minfo{
- font-size: 12px;
- margin-left: 225px;
- text-align: left;
- margin-top: -115px;
- padding-bottom: 50px;
- }
- #asker {
- float:left;
- margin-right:5px;
- border: 3px solid {color:Border};
- }
- .quest a{
- letter-spacing: 2px;
- font-size: 14px;
- font-family:'Lobster'
- }
- .quest{
- width: 500px;
- border-bottom: 2px dotted {color:Border};
- }
- #linkboxcredit a{
- padding: 10px;
- line-height: 1;
- background-color: transparent;
- z-index: 500;
- background-size: 40px 40px;
- position: fixed;
- width: 50px;
- height: auto;
- bottom: 0px;
- right: 20px;
- text-align: center;
- font-size: 12px;
- background-repeat:no-repeat;
- opacity:0.5;
- filter:alpha(opacity=60);
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- }
- #linkboxcredit a:hover{
- opacity:1;
- filter:alpha(opacity=60);
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- }
- </style>
- </head>
- <body>
- <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
- <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a></div>
- {/block:ContentSource}</div>
- <div id="linkboxcredit"><a href="http://grizzlysbear.tumblr.com/">©grizzlysbear</a> </div>
- <div id="sidebar">
- <div id="picture" class="transition">
- <div id="topbox" class="transition">
- <div id="top" class="transition">
- <img height="200px" width="200px" src="{image:Sidebar}">
- </div>
- <div id="desc" class="transition">{Description}</div>
- </div>
- <div id="bottom" class="transition">
- <img height="200px" width="200px" style="margin-top:-100px;" src="{image:Sidebar}">
- </div>
- </div>
- <div id="title" class="transition"><h1>{Title}</h1></div>
- <div id="sidebarlinks" class="transition">
- <div class="l1"> <a href="{text:Link1 Url}">{text:Link1 Title}</a></div>
- <div class="l2"> <a href="{text:Link2 Url}">{text:Link2 Title}</a></div>
- <div class="l3"> <a href="{text:Link3 Url}">{text:Link3 Title}</a></div>
- <div class="l4"> <a href="{text:Link4 Url}">{text:Link4 Title}</a></div>
- <div class="l5"> <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
- <div class="l6"> <a href="{text:Link6 Url}">{text:Link6 Title}</a></div>
- <div class="l7"> <a href="{text:Link7 Url}">{text:Link7 Title}</a></div>
- <div class="l8"> <a href="{text:Link8 Url}">{text:Link8 Title}</a></div>
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="3"}
- {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}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo} <div class="post"> <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photo}
- {block:Photoset} <div class="post"> <center>{Photoset-500}</center> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photoset}
- {block:Quote} <div class="post"> <div class="quote">"{Quote}"</div></br> {block:Source} <div class="source">{Source}</div> {/block:Source} </div> {/block:Quote}
- {block:Link} <div class="post"> <center><h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></center> {block:Description} <div class="description">{Description}</div> {/block:Description} </div>
- {/block:Link}
- {block:Chat} <div class="post"> {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat}
- {block:Video} <div class="post"> <center>{Video-500}</center> {block:Caption} <div class="caption"> Caption}</div> {/block:Caption} </div> {/block:Video}
- {block:Audio}
- <div class="mbox"><div class="mbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <div class="cover">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="minfo">
- <br>{block:Artist}Artist: <b>{Artist}</b>{/block:Artist}</br>
- <br>{block:TrackName}Track: <b>{TrackName}</b>{/block:TrackName}</br>
- <br>{block:Album}Album: <b>{Album} </b>{/block:Album}</br>
- </div>
- {/block:Audio}
- {block:Answer}<div class="quest"><div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer}
- <div id="info">
- <div class="postdate">
- {block:Date}posted {TimeAgo}{/block:Date}</div><div class="datepost"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}
- </div>
- <div class="sourcevia">
- <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a> - <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> {/block:RebloggedFrom}</div> <br>{block:HasTags}{block:Tags}#<a href="{TagURL}" class="tag"> {Tag}</a>{/block:Tags}{/block:HasTags}</br></div>
- <br></br>
- </div><br></br><br></br><br></br><br></br>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Add Comment
Please, Sign In to add comment