Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <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}" />
- <meta name="text:image background" content="http://25.media.tumblr.com/96a39efa4d907f9e896d57a37756de05/tumblr_mtawtqq3DE1st5lhmo1_1280.jpg" />
- <meta name="text:sidebar pic" content="http://31.media.tumblr.com/95c52fcf0072d4ba3085cc7ddaf8e49d/tumblr_mftdhwSrOz1rgab2qo18_r2_250.gif" />
- <meta name="text:link1 url" content="http://" />
- <meta name="text:link1 name" content="" />
- <meta name="text:link2 url" content="http://" />
- <meta name="text:link2 name" content="" />
- <meta name="text:link3 url" content="http://" />
- <meta name="text:link3 name" content="" />
- <meta name="text:link4 url" content="http://" />
- <meta name="text:link4 name" content="" />
- <meta name="color:titles color" content="#BABABA" />
- <meta name="color:links color" content="#BABABA" />
- {/block:Description}
- <style type="text/css">
- body {
- background:url({text:image background}) fixed no-repeat;
- font-size:9px;
- font-family:arial;
- color:#f5f5f5;
- }
- h1, h3 {
- font-size:24px;
- text-align:center;
- color:{color:titles color};
- position:relative;
- z-index:6;
- font-family: 'Dosis', sans-serif;
- font-weight:100;
- line-height:90%;
- text-transform:uppercase;
- }
- h1 {
- text-transform:uppercase;
- font-weight:100;
- border-bottom:1px solid {color:titles color};
- }
- a {
- color:{color:links color};
- text-decoration:none;
- -webkit-transition:0.3s all ease;
- -moz-transition:0.3s all ease;
- -o-transition:0.3s all ease;
- }
- a:hover {
- color: transparent;
- text-shadow: 0 0 5px rgba(255,255,255,0.5);
- }
- .sidebar {
- width:240px;
- height:100%;
- background:rgba(0,0,0,0.8);
- position:fixed;
- left:13%;
- top:0px;
- z-index:4;
- padding:100px 5px 0px 5px;
- }
- .sidebar #description {
- width:240px;
- padding:15px;
- color:#BABABA;
- }
- .wrapper {
- min-width:500px;
- position:absolute;
- right:23%;
- top:-5px;
- }
- .post {
- width:500px;
- overflow:hidden;
- position:relative;
- z-index:4;
- margin:10px 0px 10px 0px;
- background:black;
- padding:5px;
- }
- .post img {
- width:500px;
- max-width:500px;
- }
- .post #tru {
- width:450px;
- padding:25px;
- opacity:0;
- -webkit-transition:0.6s all ease;
- -moz-transition:0.6s all ease;
- height:100%;
- background:rgba(0,0,0,0.7);
- color:white;
- position:absolute;
- top:0px;
- z-index:6;
- text-align:center;
- font-size:10px;
- text-transform:uppercase;
- font-weight:100;
- line-height:90%;
- }
- .post:hover #tru {
- opacity:1;
- }
- #like {
- position:absolute;
- left:220px;
- bottom:150px;
- }
- #reblog {
- position:absolute;
- right:220px;
- bottom:150px;
- }
- #posts {
- width:500px;
- }
- #sbpg {
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:center;
- }
- #linkbar {
- color:#000;
- background:#8b8682;
- text-align:center;
- width:240px;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:3px;
- padding:2px 0px;
- }
- #linkbar a {
- color:#000;
- }
- .lasnotes {
- list-style:none;
- width:490px;
- padding:10px;
- background:rgba(0,0,0,0.7);
- }
- .lostagos {
- width:510px;
- margin: -5px 0px 5px 0px;
- padding:2px 0px;
- background:#000;
- color:#fafafa !important;
- opacity:0.7;
- color:#f5f5f5;
- text-align:center;
- font-style:italic;
- }
- /*TEXT POSTS*/
- .text {
- width:470px;
- background:black;
- padding:20px;
- color:#f5f5f5;
- }
- /*PHOTO POSTS*/
- /*VIDEO POSTS*/
- .vcaption {
- background:black;
- padding:10px;
- width:480px;
- margin-top:3px;
- color:#f5f5f5;
- }
- /*PHOTOSETS*/
- /*LINK POSTS*/
- .link {
- font-size:24px;
- line-height:90%;
- padding:5px;
- font-family:dosis;
- font-weight:100;
- text-transform:uppercase;
- }
- .link a {
- margin-bottom:-4px;
- line-height:90%;
- }
- .description {
- line-height:90%;
- color:white;
- font-size:9px;
- letter-spacing:3px;
- text-transform:uppercase;
- padding:5px;
- }
- /*QUOTE POSTS*/
- .quote {
- font-style:italic;
- color:white;
- font-size:18px;
- padding:20px;
- width:470px;
- }
- .source {
- font-size:9px;
- text-align:right;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- /*AUDIO POSTS*/
- .audio {
- min-height:100px;
- margin-bottom:-5px;
- padding-bottom:-10px;
- }
- .audio img {
- width:100px;
- }
- #albumart {
- float:left;
- top:-100px;
- position:relative;
- z-index:2;
- margin-bottom:-100px;
- }
- #audioplayer {
- width:30px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin:40px;
- opacity:0.6;
- z-index:3;
- }
- #defaultaa {
- width:100px;
- height:100px;
- z-index:1;
- position:relative;
- }
- #aanotes {
- color:#000;
- background:#BABABA;
- text-align:center;
- width:500px;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:3px;
- padding:2px 0px;
- }
- #aanotes a {
- color:#000;
- }
- #aacap {
- position:relative;
- top:-110px;
- left:105px;
- padding:20px;
- font-family:arial;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:2px;
- margin-bottom:-106px;
- background:rgba(0,0,0,0.8);
- color:#f5f5f5;
- min-height:70px;
- }
- /*ASKS CODING*/
- #question {
- width:460px;
- padding:10px 20px;
- text-align:justify;
- background:#bababa;
- color:#000;
- font-size:8px;
- text-transform:uppercase;
- }
- #qq {
- color:#bababa;
- text-align:justify;
- text-indent:20px;
- }
- /*CHAT POSTS*/
- .chat {
- width:500px;
- background:black;
- color:#f5f5f5;
- padding:5px;
- list-style:none;
- }
- .cls {
- list-style:none;
- }
- .label {
- text-transform:uppercase;
- margin-left:-30px;
- }
- </style>
- </head>
- <body> <link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'>
- <div class="sidebar">
- {block:Description}
- <h1><a href="/">{Title}</a></h1>
- <div style="width:240px; margin-top:-10px; overflow:hidden;"><img src="{text:sidebar pic}" width="240px"></div>
- <div id="linkbar"><a href="/ask">ask</a> <a href="{text:link1 url}">{text:link1 name}</a> <a href="{text:link2 url}">{text:link2 name}</a> <a href="{text:link3 url}">{text:link3 name}</a> <a href="{text:link4 url}">{text:link4 name}</a> </div>
- <p id="description">{Description}</p>
- <center><div id="sbpg">
- {block:PreviousPage}
- <a href="{PreviousPage}">« Previous</a>
- {/block:PreviousPage}
- <a href="puppymother.tumblr.com">▲</a>
- {block:NextPage}
- <a href="{NextPage}">Next »</a>
- {/block:NextPage}
- </div></center>
- {/block:Description}
- </div>
- <div id="posts" class="wrapper">
- {block:Posts}
- {block:Text}
- <div class="post text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- <div id="tru">
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog" style="bottom:80px;">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like" style="bottom:80px;">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- </div>
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- <div id="tru">
- {block:Caption}
- <div class="caption">{Caption}</div>
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- {/block:Caption}
- </div>
- </div>
- {/block:Photo}
- {block:Panorama}
- <div class="post panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- <div id="tru">
- {block:Caption}
- <div class="caption">{Caption}</div>
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- {/block:Caption}
- </div>
- </div>
- {/block:Panorama}
- {block:Photoset}
- <div class="post photoset">
- {Photoset-500}
- <div id="tru">
- {block:Caption}
- <div class="caption">{Caption}</div>
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- {/block:Caption}
- </div>
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post quote">
- "{Quote}"
- {block:Source}
- <div class="source">-- {Source}</div>
- {/block:Source}
- <div id="tru">
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog" style="bottom:80px;">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like" style="bottom:80px;">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- </div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div id="tru">
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog" style="bottom:80px;">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like" style="bottom:80px;">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- </div>
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="cls">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- <div id="tru">
- <a href="{Permalink}">{NoteCountWithLabel}</a><center>
- <div id="reblog" style="bottom:80px;">
- <a href="{ReblogURL}">{reblogbutton}</a>
- </div>
- <div id="like" style="bottom:80px;">
- <a href="{LikeURL}">{likebutton}</a>
- </div>
- </center>
- </div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post video">
- {Video-500}
- {block:Caption}
- <div class="vcaption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post audio">
- <div id="audioplayer">
- {AudioPlayerWhite}
- </div>
- <div id="defaultaa">
- <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100px"/>
- </div>
- <div id="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="100">
- {/block:AlbumArt}
- </div>
- {block:caption}
- <div id="aacap">
- {caption}
- {PlayCountWithLabel}
- </div>
- {/block:caption}
- <div id="aanotes">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post" id="qq">
- <div id="question">
- <b>{Asker}</b>: {Question}
- </div>
- {Answer}
- <div id="tru">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- <center>
- <div id="reblog" style="bottom:80px;">
- <a href="{ReblogURL}">
- {reblogbutton}
- </a>
- </div>
- <div id="like" style="bottom:80px;">
- <a href="{LikeURL}">
- {likebutton}
- </a>
- </div>
- </center>
- </div>
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <style type="text/css">
- #tru { display:none; }
- .post:hover #tru { display:none; }
- </style>
- {block:HasTags}
- <div class="lostagos">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div class="lasnotes">
- {PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement