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">
- <!--
- Theme 002 by sobieber1d. Don't repost or claim as your own and keep the credit.
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:bg" content="#ffffff" />
- <meta name="color:description" content="#F1F1F1" />
- <meta name="color:scrollbg" content="#ffffff" />
- <meta name="color:scrollbar" content="#cccccc" />
- <meta name="color:tagbg" content="#fdf9f2" />
- <meta name="color:viabg" content="#fbf6ed" />
- <meta name="color:text" content="#ffffff" />
- <meta name="color:bold" content="#f4dba6" />
- <meta name="color:italic" content="#cccccc" />
- <meta name="color:link" content="#cccccc" />
- <meta name="color:question" content="#BEDDED" />
- <meta name="color:border" content="#cccccc" />
- <meta name="color:border2" content="#bb9f8a" />
- <meta name="color:info" content="#ffffff" />
- <meta name="image:sidebar" content=""/>
- <meta name="font:body" content="Trebuchet MS" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="" />
- <meta name="text:Link5" content="" />
- <meta name="text:Link5 Title" content="" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height:auto; background:{color:scrollbg}}
- ::-webkit-scrollbar-corner {background:{color:scrollbg}}
- ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-button:horizontal {width: 5px; height: 4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
- ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt;}
- body {color:{color:text}; background-color:{color:bg}; font-family:arial; font-size:9px; line-height:110%; text-align:justify}
- a:link, a:active, a:visited{color:{color:link}; text-decoration:none}
- a:hover{color:{color:background};-webkit-transition:0.3s linear;}
- blockquote {border-left:2px {background:color} solid; padding-left:5px; margin:0px 2px 0px 10px}
- b, strong{color:{color:bold};}
- i, em {color:{color:italic};}
- p{margin-top:5px; margin-bottom:5px}
- blockquote {padding:0px; padding-left:5px; margin:0px; border-left:2px solid {color:text}}
- #container {background-color:transparent; width:800px; text-align:center; margin: 0 auto -10px auto}
- #entries {margin:12px 0 -10px 260px; margin-top:80px; margin-right:110px; float:right; text-align:justify}
- #entry {margin:0px 0 -5px 0; width:500px; background-color:{color:background}; text-align: justify; padding:15px}
- h1{
- color:{color:title};
- font-family:{font:body};
- font-size:15px;
- line-height:15px;
- letter-spacing:0px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- text-align:left}
- h2{
- color:{color:title};
- font-family:{font:body};
- font-size:15px;
- line-height:12px;
- letter-spacing:0px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- margin-bottom:-0px;
- text-align:left}
- h3{
- color: {color:link};
- font-family:{font:body};
- font-size:15px;
- letter-spacing:0px;
- font-weight:normal;
- font-style:normal;
- text-transform:lowercase;
- line-height:14px;
- margin-left:5px;
- margin-top:10px;
- margin-bottom:-10px;
- text-align:left;
- letter-spacing:1px}
- #sidebar {width:162px; margin-left:-140px; top:120px; position:fixed; text-align:justify;}
- #h {position:fixed; right:0px; bottom:0px; font:9px georgia italic; letter-spacing:1px; text-transform:lowercase; color:{color:text}; padding:5px;}
- .pic {width:160px;}
- .pic img{max-width:160px;
- border:2px solid {color:border};}
- #linkz {text-align:center; width:162px;}
- #stext {font-family:arial; font-size:9px; margin-left:0px; width:152px; padding:5px; margin-top:10px; text-align:center;}
- #navigation {margin-top:-25px; float:left; margin-left:120px;}
- .nav {font:10px georgia; color:{color:link}; text-decoration:none; text-align:center; font-style:italic;}
- .nav a {background-color:{color:background}; color:{color:link}; text-decoration:none;-webkit-transition:0.3s linear;}
- .nav a:hover {color:{color:background}; font:10px;}
- #pagination {font-color:{color:link}; font:17px arial; text-transform:lowercase; text-decoration:none; text-align:center;}
- #pagination:hover{font-color:{color:entry};}
- #audio {
- margin-bottom:5px;
- width:500px;
- height:105px;
- }
- .albumart {
- width:100px;
- height:100px;
- position:absolute;
- }
- .albumart img {
- width:100px;
- height:100px;
- float:left;
- }
- .playercontainer {
- opacity: .2;
- display:block;
- width:100px;
- height:100px;
- background-color:#ffffff;
- position:absolute;
- z-index:3;
- }
- .playercontainer:hover {
- opacity:.6;
- -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;
- }
- .player {
- margin-left:36px;
- margin-top:36px;
- width:25px;
- height:25px;
- overflow:hidden;
- background-color:white;
- }
- .audioinfo {
- margin-left:110px;
- float:left;
- background-color:{color:Info Background};
- width:388px;
- padding:2px;
- margin-top:3px;
- }
- #tags { margin-top: 10px; border-left: 5px solid {color:border}; font-size: 9px; font-family: georgia; background-color: {color:tagbg}; text-transform: lowercase; text-align: left; padding: 4px;}
- #tags a {color:{color:border};}
- #tags a:hover {color:{color:background};-webkit-transition:0.3s linear;}
- .via{ border-left: 5px solid {color:border2}; font-size: 9px; font-family: georgia; background-color: {color:viabg}; text-transform: lowercase; text-align: left; padding: 4px;}
- #posts{width:500px; margin-bottom:30px; background-color:{color:entry};}
- #posts:hover #info2 {
- display:block;
- opacity: 1;
- margin-top:14px;
- padding: 5px;
- background-color: {color:info};
- }
- #info2 {
- position: absolute; margin-bottom:4px; margin-left: 540px; opacity:0; background-color: #fef9f7; padding: 5px; -webkit-transition:opacity 0.3s linear; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 2s ease-out; font-family: arial; font-size:9px; font-weight:normal; z-index:1; height: auto; width: auto; text-align:center; color:#d0bdab!important; box-shadow:0.5px 0.5px 0.5px 0.5px ; -moz-box-shadow:1px 1px 1px 1px; line-height:8px;
- border-left:2px solid {color:border};
- -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 4px;
- }
- #info2 a{ {color:link}; !important; -webkit-transition-duration:.2s
- font-family: georgia;
- font-style:normal;
- }
- #info2 a:hover {
- color: #ffffff;
- font-style: normal;
- text-decoration: bold
- opacity: 0.5;
- -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
- }
- .notes {font:11px calibri; font-weight:bold; text-transform:lowercase; padding:0px 5px 0px; display:block;}
- .date {font:12px calibri; text-transform:uppercase; font-weight:bold; padding:0px 5px 0px; display:block;}
- .reblog {font:11px calibri; text-transform:lowercase; font-weight:bold; padding:0px 5px 0px; display:block;}
- .asker {width: 495px; background-color: {color:background}; padding: 5px 5px 7px 5px; font-size: 11px; font-weight: bold; color:{color:question}; text-transform: uppercase; line-height: 11px;}
- .asker img{float: left; padding: 0px 5px 0px 0px;}
- .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px; padding: 0; margin: 0}
- .asker a:hover{font-size: 11px; background-color: transparent; line-height:11px; padding: 0; margin: 0;color:{color:background};-webkit-transition:0.3s linear;}
- .question {font-size: 10px; font-weight: bold; color:{color:text}; text-transform: none;}
- .answer {padding-left: 4px; padding-right: 4px; padding-top: 0px;}
- .answer img {max-width: 470px;}
- img a{border:none; width:100%}
- .audio{background-color:#000000; height:55px;overflow:hidden;}
- .user_1 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_2 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- .user_3 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_4 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- .user_5 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_6 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- .user_7 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_8 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- .user_9 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_10 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- .user_11 {background-color:{color:description}; margin-right:25px; color:{color:text};}
- .user_12 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="container">
- <div id="h"><a href="http://sobieber1d.tumblr.com">sobieber1d</a></i></div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- <div id="info2"><div class="date"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a></div><div class="notes"><a href="{Permalink}">{block:NoteCount}with {NoteCount} notes{/block:NoteCount}</a></div><div clas"reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
- </div>
- <div id="entry">
- {block:Title}<h1>{Title} </h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
- <div class="question">{Question}</div></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {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}</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}
- <br>
- <div id="tags">{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>
- {block:ContentSource}- <a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}<br></div></div>
- <br>
- </div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- <div id="sidebar">
- <div id="navigation"><div class="pic"><img src="{image:sidebar}"/></div>
- <div id="linkz"><br><a href="/"><img src="http://i47.tinypic.com/2akcux4.png"></a>
- <a href="/ask"><img src="http://i47.tinypic.com/15dc11.png"></a>
- <a href="/archive"><img src="http://i48.tinypic.com/2n7llx.png"></a></div>
- <div id="stext">{block:Description}{Description}{/block:Description}</div><br>
- <div class="nav">
- {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} -
- {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} -
- {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} -
- {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} -
- {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
- <br><br>
- <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment