Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- theme 5, by clairesrps // give me love -->
- <!-- themesbyzsu.tumblr.com // base code -->
- <!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}">
- <meta name="color:Background" content="#fff" />
- <meta name="color:Text" content="#333" />
- <meta name="color:Entries" content="#fff" />
- <meta name="color:InfoBar" content="#fff" />
- <meta name="color:Title" content="#000" />
- <meta name="color:Borders" content="#000" />
- <meta name="color:Sbar" content="#fff" />
- <meta name="color:Sidebar" content="#fff" />
- <meta name="color:Sidebar nav" content="#eee" />
- <meta name="color:Sidebar nav hover" content="#fff" />
- <meta name="color:Sidebar link" content="#fff" />
- <meta name="color:Sidebar link hover" content="#333" />
- <meta name="color:Link" content="#000" />
- <meta name="color:Link Hover" content="#666" />
- <meta name="color:Scrollbar" content="#666" />
- <meta name="color:Pre BG" content="#666" />
- <meta name="color:Pre Text" content="#fff" />
- <meta name="color:Ask BG" content="#eeeeee" />
- <meta name="image:Background" content="" />
- <meta name="image:Entries Bg" content="" />
- <meta name="image:Sidebar" content="" />
- <meta name="image:Sidebar2" content="" />
- <meta name="text:Link1" content="refresh" />
- <meta name="text:Link1 URL" content="/" />
- <meta name="text:Link2" content="askbox" />
- <meta name="text:Link2 URL" content="/" />
- <meta name="text:Link3" content="link" />
- <meta name="text:Link3 URL" content="/" />
- <meta name="text:Link4" content="link" />
- <meta name="text:Link4 URL" content="/" />
- <meta name="text:Link5" content="link" />
- <meta name="text:Link5 URL" content="/" />
- <meta name="text:Link6" content="link" />
- <meta name="text:Link6 URL" content="/" />
- <meta name="text:main title" content="this is your main title" />
- <meta name="text:sub title" content="this is your sub title" />
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <style type="text/css">
- ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
- ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:#fefefe;}
- body {
- background: {color:Background};
- background-image: url('{image:Background}');
- background-attachment:fixed;
- position:absolute;
- font-size:12px;
- font-family: georgia;
- color:{color:Body};
- }
- pre {
- font-family:georgia;
- font-size:8px;
- text-transform:uppercase;
- background-color:{color:Pre Bg};
- padding:2px;
- text-align:center;
- border-left:6px solid {color:border};
- border-right:6px solid {color:border};
- color:{color:Pre Text};
- }
- a {
- text-decoration:none;
- outline:none;
- color:{color:Link};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #posttitle {
- font-weight:bold;
- color:{color:title};
- text-align:left;
- font-family: georgia;
- font-size: 17px;
- text-transform:uppercase;
- }
- #quotes {
- text-transform:lowercase;
- text-align:left;
- font-family: georgia;
- font-weight:none;
- font-style:italic;
- color:{color:Link};
- font-family:georgia;
- text-align:left;
- font-size: 17px;
- }
- #topbar {
- overflow:hidden;
- height: 60px;
- border: 1px solid transparent;
- background-color: transparent;
- position:fixed;
- margin-top:-64px;
- margin-left:-30px;
- width:350px;
- padding:5px;
- }
- #topbar2 {
- overflow:hidden;
- height: 25px;
- border: 1px solid transparent;
- background-color: transparent;
- position:fixed;
- margin-top:290px;
- margin-left:60px;
- width:340px;
- padding:5px;
- }
- #title1 {
- color:{color:title};
- text-shadow: 1px 1px 0px #333333;
- margin-top: 26px;
- font-family: georgia;
- font-style:none;
- font-weight:bold;
- font-style:italic;
- font-size:28px;
- text-align:center;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #title2 {
- color:{color:title};
- text-shadow: 1px 1px 0px #333333;
- margin-top: 0px;
- font-family: georgia;
- font-style:none;
- font-weight:bold;
- font-style:italic;
- font-size:20px;
- text-align:center;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sidebar {
- overflow:hidden;
- height: 300px;
- border: 1px solid {color:borders};
- background-color: {color:sidebar};
- position:fixed;
- margin-top:150px;
- margin-left:100px;
- width:200px;
- padding:5px;
- }
- #sidebarimg {
- float:left;
- position:fixed;
- width:200px;
- height:152px;
- margin-left:315px;
- margin-top:150px;
- background-color:{color:sidebar};
- background-image:url('{image:sidebar}');
- background-attachment:none;
- background-size:auto;
- background-position:top left;
- background-repeat:no-repeat;
- border: 1px solid {color:borders};
- }
- #sidebarimg2 {
- float:left;
- position:fixed;
- width:200px;
- height:152px;
- margin-left:315px;
- margin-top:308px;
- background-color:{color:sidebar};
- background-image:url('{image:sidebar2}');
- background-attachment:none;
- background-size:auto;
- background-position:top left;
- background-repeat:no-repeat;
- border: 1px solid {color:borders};
- }
- #description {
- margin-top: 5px;
- margin-left:10px;
- margin-right:10px;
- font-style:normal;
- padding:0px;
- color:{color:text};
- font-size:10px;
- text-align:justify;
- }
- #links {
- position:fixed;
- width: auto;
- margin-top:-90px;
- margin-left:-1px;
- text-align:left;
- }
- #links a{
- font-style: normal;
- text-decoration:none;
- text-align:center;
- font-family:georgia;
- line-height: 25px;
- height: 25px;
- margin-left:-1px;
- margin-bottom:1px;
- letter-spacing: 0px;
- font-size: 10px;
- text-transform: lowercase;
- width: 58px;
- border: 0px solid {color:borders};
- display:inline-block;
- background:{color:sidebar nav};
- color:{color:sidebar link};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- }
- #links a:hover{
- border: 0px solid {color:borders};
- color:{color:sidebar link hover};
- font-style:italic;
- letter-spacing:0px;
- background:{color:sidebar nav hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #pagination {
- margin-left: -100px;
- margin-top: 73px;
- font-size:10px;
- text-align:center;}
- #pagination a {
- color: {color:link};
- }
- #entries {
- font-size:10px;
- margin-left: 600px;
- margin-top:130px;
- float: right;
- text-align: justify;
- }
- #entrybg {
- padding:2px;
- background-image:url('{image:Entries BG}');
- border:1px solid {color:Borders};
- }
- #post {
- border:1px {color:borders} solid;
- background-color:{color:Entries};
- font-size:10px;
- padding: 10px;
- width: 500px;
- color:{color:Text};
- text-align: justify;
- overflow:hidden;
- }
- #infobar {
- color:{color:Text};
- font-size:9px;
- text-transform:lowercase;
- width: 526px;
- margin-bottom:40px;
- margin-top: -1px;
- background-color: {color:infobar};
- text-align: center;
- padding-top: 5px;
- padding-bottom: 5px;
- border:1px {color:borders} solid;
- }
- #tags{
- font-size: 9px;
- margin-top: 2px;
- text-transform: lowercase;
- background-color: {color:entries};
- text-align: left;
- }
- .user_1 .label {
- color:{color:link};
- text-transform:uppercase;
- font-weight:bold}
- .user_2 .label {
- color:{color:title};
- text-transform:uppercase;
- font-weight:bold}
- .user_3 .label {
- color:{color:link};
- text-transform:uppercase;
- font-weight:bold}
- .user_4 .label {
- color:{color:title};
- text-transform:uppercase;
- font-weight:bold}
- .user_5 .label {
- color:{color:link};
- text-transform:uppercase;
- font-weight:bold}
- .user_6 .label {
- color:{color:title};
- text-transform:uppercase;
- font-weight:bold}
- .user_7 .label {
- color:{color:link};
- text-transform:uppercase;
- font-weight:bold}
- .user_8 .label {
- color:{color:title};
- text-transform:uppercase;
- font-weight:bold}
- .user_9 .label {
- color:{color:link};
- text-transform:uppercase;
- font-weight:bold}
- .user_10 .label {
- color:{color:title};
- text-transform:uppercase;
- font-weight:bold}
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px 0px 5px 0px;
- padding:0px; 0px 0px 0px}
- small {
- font-size: 9px;
- }
- b, strong {
- color:{color:title}
- }
- i, em {
- color:{color:text}
- }
- p {
- margin-top:5px;
- margin-bottom:5px
- }
- blockquote {
- border-left:2px solid {color:text};
- padding-left:5px;
- margin:0px 2px 0px 10px
- }
- ol.notes {
- color: #ffffff;
- margin-top:-25px;
- margin-left:-20px;
- width:500px;
- list-style-type:none;
- }
- ol.notes li.note {
- color: #ffffff;
- padding-top: 0px;
- }
- ol.notes li.note img.avatar {
- vertical-align:1px;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:normal;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:0px 6px 0px 6px;
- margin:5px 5px 5px 5px;
- }
- #audio {
- border-radius:100%;
- width:100%;
- height:100px;
- margin-bottom:10px}
- .albumart {
- padding: 2px;
- border: 1px #f1f1f1 solid;
- float:left;
- width:100px;
- height:100px}
- .player {
- margin-left:2px;
- margin-top:2px;
- padding:11px;
- display:block;
- height:80px;
- width:80px;
- overflow:hidden;
- position:absolute;
- opacity:0.3;
- background:#fff;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition:all 0.5s ease-in-out}
- .player:hover {
- opacity:0.5;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition:all 0.5s ease-in-out}
- .audioplayer {
- width:24px;
- height:24px;
- margin:28px 0 0 28px;
- overflow:hidden}
- .audioinfo {
- margin-left:105px;
- height:54px;
- line-height:150%;
- font:10px georgia;
- color:{color:text};
- padding:26px 5px 24px 10px;
- text-align:left}
- .tracktitle {
- color:{color:title};
- margin-bottom:-10px;
- text-transform: uppercase;
- font-size: 10px;
- }
- #asks {
- text-align:justify;
- line-height:120%;
- color:{color:text};
- padding:5px;
- padding-bottom:10px;
- padding-top:5px;
- }
- #asker img {
- margin-left:-2px;
- margin-bottom:-15px;
- border-radius:50px;
- padding:5px;
- padding-bottom:5px;
- }
- #ans {
- text-align:left;
- padding:0px;
- color:{color:text};
- }
- #cred a {
- text-align: center;
- text-transform: lowercase;
- background-color:{color:Background};
- position:fixed;
- letter-spacing: 1px;
- font:10px georgia;
- color:{color:Link Hover};
- height: 16px;
- width: 38px;
- line-height: 17px;
- bottom:20px;
- right:20px
- }
- #cred a:hover {
- color:{color:Link}
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="backbar">
- <div id="sidebarimg">
- </div>
- <div id="sidebarimg2">
- </div>
- <div id="sidebar">
- <div id="topbar">
- <div id="title1">{text:main title}</div>
- </div>
- <div id="topbar2">
- <div id="title2">{text:sub title}</div>
- </div>
- <div id="description"><div style="overflow:auto; padding-right:5px; width: 180px; height: 200px; text-align: justify;">{block:Description}{Description}{/block:Description}
- <div id="links">
- <a href="/">{text:Link1}</a>
- <a href="/ask">{text:Link2}</a>
- <a href="{text:Link3 URL}">{text:Link3}</a><br>
- <a href="{text:Link4 URL}">{text:Link4}</a>
- <a href="{text:Link5 URL}">{text:Link5}</a>
- <a href="{text:Link6 URL}">{text:Link6}</a>
- </div></div>
- </div>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big><i>back</i></big></a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}"><big><i>next</i></big></a>{/block:NextPage}{/block:Pagination}</div>
- </div>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="entrybg">
- <div id="post">
- {block:Text}<div id="posttitle">{title}</div>{Body}{/block:Text}
- {block:Quote}<div id="quotes">“{Quote}” </div>
- <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}> <div id="quotes">{Name}</div></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:title}<div id="quotes">{Title}</div>{/block:title}
- {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:Audio}
- <div id="audio">
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
- <div class="audioinfo">
- <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist} {block:Album}<br>
- <b>ALBUM:</b> {Album}{/block:Album}<br>
- <b>PLAYED:</b> {FormattedPlayCount} times</div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}<div id="ask" style="border: 3px {color:Borders} double"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center; margin-top:0px;"><big><i><big>{Asker} asked:</big></big></i><br><br><center>{Question}</center><br></div></div><div id="ans">{Answer}</div>{/block:answer}
- </div> </div>
- {block:Date}<div id="infobar">
- posted <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount} ♡ {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} ♡ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom} ♡ <a href="{ReblogURL}" target="_blank">reblog</a><br>
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- <!-- PLEASE DON'T REMOVE THIS -->
- <div id="cred"><a href="http://clairesrps.tumblr.com" title="©">♡ </a></div>
- <!-- PLEASE DON'T REMOVE THIS -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement