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 06 by Archana (grizzlysbear) --->
- <!---- web fonts ---->
- <link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield|Source+Code+Pro' 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:Post" content="#ffffff">
- <meta name="color:border" content="#f5f5f5">
- <meta name="color:Notes Link" content="#f3fd00"/>
- <meta name="color:Notes BG" content="#000000"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Link Hover" content="#d16262"/>
- <meta name="color:Sidebar" content="#020520"/>
- <meta name="color:Sidebar Link BG" content="#020520">
- <meta name="color:Sidebar Link" content="#ffffff">
- <meta name="color:Sidebar Link Accent" content="#f3fd00">
- <meta name="image:Sidebar1" content=""/>
- <meta name="image:Sidebar2" content=""/>
- <meta name="image:SBBG" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:LinkAsk" content="/ask"/>
- <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="color:Scrollbar" content="#6e2734"/>
- <meta name="color:Selection" content="#6e2734"/>
- <style type="text/css">
- 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: {color:Background};
- }
- ::-webkit-scrollbar-track-piece {
- background-color: {color:Background};
- -webkit-border-radius:10px;
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;
- display: block;
- background: {color:Background};
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:Scrollbar};
- -webkit-border-radius:0px;
- border:none;
- }
- body {
- line-height: 1;
- background:{color:background};
- background-image: url('{image:Background}');
- margin:0px;
- color:{color:text};
- font-family:cambria;
- font-size:11px;
- line-height:100%;
- }
- @font-face {
- font-family: 'sail';
- src: url('http://static.tumblr.com/3ygo4yl/ufDmgg12q/blanch_condensed_inline.ttf') format('eot'),
- url('http://static.tumblr.com/3ygo4yl/ufDmgg12q/blanch_condensed_inline.ttf') format('woff'),
- url('http://static.tumblr.com/3ygo4yl/ufDmgg12q/blanch_condensed_inline.ttf') format('truetype'),
- url('http://static.tumblr.com/3ygo4yl/ufDmgg12q/blanch_condensed_inline.ttf') format('svg');
- }
- a, a:active, a:visited{
- 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;
- padding: 2px;
- }
- a:hover{
- 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;
- }
- iconfont{
- font-family: 'Web Symbols';
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1{
- text-align: center;
- font-family: 'sail';
- filter: dropshadow(color={color:Link}, offx=3, offy=1);
- }
- h3{
- text-align: left;
- font-family: 'sails';
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- /* --- SIDEBAR --- */
- #sidebarimage {
- position: fixed;
- left: 0px;
- top: 0px;
- width: 300px;
- height: 100%;
- z-index: 10;
- background-color: {color:Sidebar};
- border-right: 20px solid {color:Sidebar};
- background-image: url('{image:SBBG}');
- background-size: auto 100%;
- }
- .desc{
- position: fixed;
- left: 50px;
- top: 325px;
- width: 180px;
- padding: 10px;
- height: auto;
- z-index: 20;
- background-color: {color:Sidebar};
- overflow:hidden;
- border: solid 5px {color:Sidebar};
- text-align: center;
- color: {color:Sidebar Link};
- opacity: 0;
- -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;
- transform:rotate3d(0,1,0,180deg);
- -webkit-transform: rotate3d(0,1,0,180deg);
- -moz-transform: rotate3d(0,1,0,180deg);
- -o-transform: rotate3d(0,1,0,180deg);
- -ms-transform: rotate3d(0,1,0,180deg);
- }
- .title{
- position: fixed;
- left: 50px;
- top: 200px;
- width: 180px;
- padding: 10px;
- height: auto;
- z-index: 20;
- background-color: transparent;
- overflow:hidden;
- font-size: 20px;
- font-family:'Mrs Saint Delafield';
- text-align: center;
- opacity: 0;
- -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;
- transform:rotate3d(0,1,0,180deg);
- -webkit-transform: rotate3d(0,1,0,180deg);
- -moz-transform: rotate3d(0,1,0,180deg);
- -o-transform: rotate3d(0,1,0,180deg);
- -ms-transform: rotate3d(0,1,0,180deg);
- }
- #sidebarimage:hover .desc {
- transform:rotate3d(0,1,0,0deg);
- -webkit-transform: rotate3d(0,1,0,0deg);
- -moz-transform: rotate3d(0,1,0,0deg);
- -o-transform: rotate3d(0,1,0,0deg);
- -ms-transform: rotate3d(0,1,0,0deg);
- top: 400px;
- opacity: 1;
- }
- #sidebarimage:hover .title {
- transform:rotate3d(0,1,0,0deg);
- -webkit-transform: rotate3d(0,1,0,0deg);
- -moz-transform: rotate3d(0,1,0,0deg);
- -o-transform: rotate3d(0,1,0,0deg);
- -ms-transform: rotate3d(0,1,0,0deg);
- top: 175px;
- opacity: 1;
- }
- #sidebardesc2{
- position: fixed;
- left: 50px;
- top: 325px;
- width: 200px;
- height: 125px;
- z-index: 20;
- background-color: {color:Sidebar};
- overflow:hidden;
- border: solid 5px {color:Sidebar};
- -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;
- }
- #sidebardesc1{
- position: fixed;
- left: 50px;
- top: 200px;
- width: 200px;
- height: 125px;
- z-index: 20;
- background-color: {color:sidebar};
- overflow:hidden;
- border: solid 5px {color:Sidebar};
- -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;
- }
- #sidebardesc1 img{ width: 200px; height: auto;}
- #sidebardesc2 img{ width: 200px; height: auto;}
- #sidebarimage:hover #sidebardesc1 {
- top: 75px;
- transform:rotate3d(0,1,0,180deg);
- -webkit-transform: rotate3d(0,1,0,180deg);
- -moz-transform: rotate3d(0,1,0,180deg);
- -o-transform: rotate3d(0,1,0,180deg);
- -ms-transform: rotate3d(0,1,0,180deg);
- opacity: 0;
- }
- #sidebarimage:hover #sidebardesc2 {
- top: 400px;
- transform:rotate3d(0,1,0,180deg);
- -webkit-transform: rotate3d(0,1,0,180deg);
- -moz-transform: rotate3d(0,1,0,180deg);
- -o-transform: rotate3d(0,1,0,180deg);
- -ms-transform: rotate3d(0,1,0,180deg);
- opacity: 0;
- }
- #pagination {
- text-align:center;
- margin-top: 175px;
- font-size: 8pt;
- }
- #sidebarimage:hover .slinks1 {
- opacity: 1;
- }
- #sidebarimage:hover .slinks2 {
- opacity: 1;
- }
- .slinks1{
- font-family: 'Source Code Pro';
- position: fixed;
- width: 100px;
- top: 225px;
- left:70px;
- text-align: center;
- text-transform: uppercase;
- -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;
- opacity: 0;
- }
- .slinks2{
- font-family: 'Source Code Pro';
- position: fixed;
- width: 100px;
- top: 225px;
- left:155px;
- text-align: center;
- text-transform: uppercase;
- -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;
- opacity: 0;
- }
- .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8{
- margin-top: 5px;
- width: 70px;
- padding: 5px;
- background-color: {color:sidebar Link BG};
- }
- .slinks1 a, .slinks2 a{ color: {color:sidebar Link};
- text-shadow: 1px 1px 1px {color:sidebar Link Accent};
- filter: dropshadow(color={color:Sidebar Link accent}, offx=1, offy=1);}
- .slinks1 a:hover, .slinks2 a:hover{ color: {color:Sidebar Link BG};
- }
- #pagination {
- text-align:center;
- position: fixed;
- left: 325px;
- top: 150px;
- width: 50px;
- font-size: 45pt;
- -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;
- }
- #pagination a{ color: {color:sidebar};}
- #pagination a:hover{ color: {color:Background};}
- /* --- post style --- */
- #entries {
- line-height: 1;
- padding:10px;
- width: 800px;
- margin-left: 500px;
- }
- #post {
- background-color: {color:Post};
- width:500px;
- padding:20px;
- outline-offset: 10px;
- margin-top: 50px;
- margin-left: 25px;
- -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;
- border: 1px solid {color:border};
- }
- #info {
- text-align:center;
- margin-top:10px;
- line-height: 1.2;
- font-family :'source code pro';
- }
- #info img{ border: 5px solid {color:Notes BG};}
- .date { float: left;
- font-size: 8px;
- width: 193px;
- padding: 3px;
- border-top: 1px solid {color:Sidebar Link};
- }
- .date a:hover{ color:{color:Notes Link};}
- .via{
- float: left;
- width: 294px;
- padding: 3px;
- border-top: 1px solid {color:Sidebar};
- }
- .tagbox{
- margin-top: 10px;
- text-align: center;
- line-height: 1.75;
- }
- .tagbox a{
- background-color: {color:Notes BG};
- color: {color:Post};
- padding: 4px;
- font-size: 7px;
- }
- .tagbox a:hover{ color:{color:Notes Link};}
- #asker {
- float:left;
- margin-right:5px;
- border: 3px solid {color:Sidebar};
- }
- .quest a{
- letter-spacing: 2px;
- font-size: 14px;
- font-family:'Lobster'
- }
- .quest{
- padding: 10px;
- width: 480px;
- background-color: {color:Post BG};
- }
- 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:Chat 1};
- margin-bottom: 3px;
- }
- .chat li.even {
- background-color: transparent;
- border-left: 5px solid {color:Chat 2};
- margin-bottom: 3px;
- }
- #albumart img{
- float:left;
- width: 100px;
- height: 100px;
- border: 5px solid {color:Border};
- }
- .musicinfo{
- float: center;
- margin-left: 225px;
- text-align: left;
- }
- /* TOOLTIP */
- a.tooltip {outline:none;text-decoration:none;}
- a.tooltip strong {line-height:30px;}
- a.tooltip > span
- {
- width:auto;
- padding: 5px;
- margin-top: 20px;
- margin-left: -5px;
- opacity: 0;
- visibility: hidden;
- z-index: 10;
- position: absolute;
- font-size: 8px;
- font-style: normal;
- -webkit-transition-property:opacity, margin-top, visibility, margin-left;
- -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
- -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
- -moz-transition-property:opacity, margin-top, visibility, margin-left;
- -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
- -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
- -o-transition-property:opacity, margin-top, visibility, margin-left;
- -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
- -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
- transition-property:opacity, margin-top, visibility, margin-left;
- transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
- transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
- }
- /*a.tooltip > span:hover,*/
- a.tooltip:hover > span
- { opacity: 1;
- z-index: 500;
- text-decoration:none;
- visibility: visible;
- overflow: visible;
- margin-top:20px;
- display: inline;
- margin-left: 0px;
- }
- a.tooltip span b {
- width: 15px;
- height: 15px;
- display: block;
- position: absolute;
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- display: none\0/;
- *display: none;
- }
- a.tooltip > span {
- color: {color:Notes Link};
- background: {color:Notes BG};
- outline: 2px double {color:Background};
- }
- a.tooltip span b {
- color: {color:Notes Link};
- background: {color:Notes BG};
- }
- #linkboxcredit a{
- line-height: 1;
- background-color: transparent;
- z-index: 500;
- background-size: 40px 40px;
- position: fixed;
- width: 50px;
- height: auto;
- padding: 10px;
- 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;
- }
- {CustomCSS}
- </style>
- <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="sidebarimage">
- <div id="sidebardesc1"><img src="{image:Sidebar1}"></div>
- <div id="sidebardesc2"><img src="{image:Sidebar2}"></div>
- <div class="slinks1">
- <div class="s1"><a href="{text:Link1 Url}">{text:Link1 Title}</a> </div>
- <div class="s2"><a href="{text:Link2 Url}">{text:Link2 Title}</a> </div>
- <div class="s3"><a href="{text:Link3 Url}">{text:Link3 Title}</a> </div>
- <div class="s4"><a href="{text:Link4 Url}">{text:Link4 Title}</a> </div>
- <div class="slinks2">
- <div class="s5"><a href="{text:Link5 Url}">{text:Link5 Title}</a> </div>
- <div class="s6"><a href="{text:Link6 Url}">{text:Link6 Title}</a> </div>
- <div class="s7"><a href="{text:Link7 Url}">{text:Link7 Title}</a> </div>
- <div class="s8"><a href="{text:Link8 Url}">{text:Link8 Title}</a> </div>
- </div>
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:NextPage}<span> <a href="{NextPage}">+</a></span>{/block:NextPage}<br></br><br></br>
- {block:PreviousPage}<span stlye="float: left;"><a href="{PreviousPage}">-</a></span>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div class="desc"> {Description}</div>
- <div class="title"><a href="/"><b>{Title}</b></a></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="sourced">{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="post"> <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" alt="{AlbumArtURL}"/>{/block:AlbumArt}</div> <center>{AudioPlayerWhite}</center>
- <br><center>{block:Artist}<div class="musicinfo">Artist: <b>{Artist}</b>{/block:Artist}</center>
- <center>{block:TrackName}<div class="musicinfo">Track: <b>{TrackName}</b>{/block:TrackName}</center>
- <center>{block:Album}<div class="musicinfo">Album: <b>
- {Album} </b>{/block:Album}</center>
- <br><center>{block:Caption} </br>
- <div class="caption">{Caption}</div> {/block:Caption} </center> </br> </div><br></br><br></br> {/block:Audio}
- {block:Answer}<div class="quest"><div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer}
- <br>
- <div id="info">
- <div class="date">{block:Date}{ShortMonth} {Date} {Year} {/block:Date} with <a href="{Permalink}">
- {NoteCountwithLabel}</a></div>
- {block:RebloggedFrom}
- <div class="via"><a class="tooltip" href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" width="24px" height="24px" > <span>source:{ReblogRootName}</span></a> <a class="tooltip" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" width="24px" height="24px"> <span>via:{ReblogParentName}</span></a></div>{/block:RebloggedFrom}
- <br></br>
- <div class="tagbox">
- {block:HasTags}{block:Tags} <a href="{TagURL}" class="tag"># {Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- </div>
- <br></br><br></br>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Add Comment
Please, Sign In to add comment