Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- theme 03 – THESE FOOLISH THINGS
- by QFABRAYWRITES @ tumblr
- special thanks to ONLYSEWENTEEN @ tumblr
- editing is fine, but please don't remove my credits!
- enjoy! -->
- <html><head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ffeaf7" />
- <meta name="color:border" content="#552222" />
- <meta name="color:sbarbg" content="#000" />
- <meta name="color:sidebar" content="#fff" />
- <meta name="color:navigation" content="#8d7db5" />
- <meta name="color:nav hover" content="#4d4a73" />
- <meta name="color:nav text" content="#fff" />
- <meta name="color:nav border" content="#000" />
- <meta name="color:entries" content="#fff"/>
- <meta name="color:info" content="#fff"/>
- <meta name="color:title" content="#900c09" />
- <meta name="color:text" content="#000" />
- <meta name="color:pre text" content="#fff" />
- <meta name="color:prebg" content="#000" />
- <meta name="color:link" content="#900c09" />
- <meta name="color:link hover" content="#000" />
- <meta name="image:background" content=""/>
- <meta name="image:sbarimg1" content=""/>
- <meta name="image:sbarbg" content=""/>
- <meta name="text:home title" content="home" />
- <meta name="text:ask title" content="ask" />
- <meta name="text:link1" content="" />
- <meta name="text:link1 title" content="link1" />
- <meta name="text:link2" content="" />
- <meta name="text:link2 title" content="link2" />
- <meta name="text:link3" content="" />
- <meta name="text:link3 title" content="link3" />
- <meta name="text:link4" content="" />
- <meta name="text:link4 title" content="link4" />
- <meta name="text:quote" content="type your quote here!" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
- <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}
- <style type="text/css">
- bbody {
- color:{color:text};
- text-align:justify;
- font-size:10px;
- font-family:{font:body};
- background-color:{color:background};
- background-image:url('{image:background}');
- background-attachment:fixed}
- a {
- color:{color:link};
- text-decoration:none}
- a:hover {
- color:{color:link hover};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out}
- b, strong {color:{color:title}}
- i, em {color:{color:text}}
- p {margin-top:5px; margin-bottom:5px}
- blockquote {
- border-left:2px solid {color:title};
- padding-left:5px;
- margin:0px 2px 0px 10px}
- pre {
- font-family: arial;
- font-size:12px;
- font-weight: bold;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- background-color:{color:prebg};
- padding:0px;
- margin-top:5px;
- margin-bottom:5px;
- text-align:center;
- letter-spacing: 0.5px;
- font-style:italic;
- word-wrap: break-word;
- color:{color:pre text};
- }
- #title1 {
- font-size:20px;
- font-family:arial;
- color:{color:title};
- margin-bottom:6px;
- letter-spacing:-1px;
- text-align:center;
- font-weight: bold;
- text-transform:uppercase;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- }
- #title2 {
- font-size:14px;
- font-family:arial;
- margin-bottom:6px;
- color:{color:title};
- letter-spacing:-1px;
- text-align:center;
- text-transform:uppercase;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- }
- #quote {
- font-size:16px;
- font-family:arial;
- margin-bottom:6px;
- color:{color:title};
- letter-spacing:-0.5px;
- text-align:center;
- position:fixed;
- width:208px;
- text-transform:uppercase;
- font-weight: bold;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- }
- #sbartitle {
- font-size:14px;
- font-family:arial;
- color:{color:title};
- margin-bottom:5px;
- letter-spacing:-1px;
- text-align:center;
- font-weight: bold;
- text-transform:uppercase;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- }
- #entrybar {
- padding: 5px;
- margin-bottom: 20px;
- width:522px;
- height:auto;
- margin-left:0px;
- margin-top:20px;
- background-color:{color:sidebar};
- border:1px solid {color:border};
- background-image:url('{image:sbarbg}');}
- #entries {
- font-size:10px;
- margin-left:580px;
- margin-top:30px;
- float: center;
- text-align: justify;}
- #posts {
- border:1px {color:border} solid;
- background-color: {color:entries};
- font-size:10px;
- padding: 10px;
- width: 500px;
- line-height:120%;
- color:{color:text};
- text-align: justify;
- overflow:hidden;}
- #sbarbar {
- border-radius: 0px;
- float:left;
- position:fixed;
- width:510px;
- height:404px;
- margin-left:40px;
- margin-top:50px;
- background-color:transparent;
- background-image:url('{image:sbarbg}');
- background-attachment:fixed;
- border: {color:border} solid 1px; }
- #sidebar1 {
- border: {color:border} solid 1px;
- float:center;
- margin-left:5px;
- margin-top:5px;
- position:fixed;
- width:250px;
- height:173px;
- overflow:hidden;
- padding:6px 8px 6px 8px;
- background-color:#ffffff}
- #sidebar2 {
- border: {color:border} solid 1px;
- float:center;
- margin-left:277px;
- margin-top:5px;
- position:fixed;
- width:222px;
- height:85px;
- overflow:hidden;
- padding:2px;
- background-color:#ffffff}
- #sidebar3 {
- border: {color:border} solid 1px;
- float:center;
- margin-left:5px;
- margin-top:197px;
- position:fixed;
- width:498px;
- height:200px;
- overflow:hidden;
- background-color:transparent}
- #sidebar4 {
- border: {color:border} solid 1px;
- float:center;
- margin-top:8px;
- margin-left:-3px;
- position:fixed;
- width:209.5px;
- height:78px;
- overflow:hidden;
- padding:6px 8px 6px 8px;
- background-color:#ffffff}
- #sbarimg1 {
- float:left;
- position:fixed;
- width:500px;
- height:302px;
- margin-left:-5px;
- margin-right:5px;
- margin-top:25px;
- background-color:#fff;
- background-image:url('{image:sbarimg1}');
- background-attachment:none;
- background-size:auto;
- background-position:top left;
- background-repeat:no-repeat;
- border:1px solid {color:border};}
- #description {
- height:153px;
- font-family:{font:body};
- font-size:10px;
- margin-top:-3px;
- line-height:10px;
- color:{color:text};
- text-align:justify;
- font-style:normal;
- background-color:transparent;
- }
- #nav {
- text-align:center;
- margin-left:-2px;
- }
- #nav a {
- display:inline-block;
- width:106.5px;
- height:8.5px;
- padding:8px 0;
- margin-left:1.4px;
- margin-top:1px;
- margin-right:-1px;
- margin-bottom:1px;
- background-color:{color:navigation};
- color:{color:nav text};
- font-size:15px;
- font-family: arial;
- font-weight: bold;
- line-height:9px;
- font-style:italic;
- border:1px solid {color:nav border};
- text-shadow: 1px 1px 0px #000000;
- -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in}
- #nav a:hover {
- background-color:{color:nav hover};
- border:1px solid {color:nav border};
- color:{color:navigation text hover};
- text-shadow: 1px 1px 0px #000000;
- box-shadow:1px 1px 1px #000000;
- font-style:italic;
- font-weight:bold}
- .pagination {
- font-size:18px;
- text-align:center;
- font-weight: bold;
- font-style:italic;
- text-shadow: 1px 1px 0px #000000;
- margin-top:;}
- .pagination a {
- color:{color:navigation}}
- .pagination a:hover {
- color:{color:nav hover};
- border:none}
- #info {
- width:510px;
- background-color:{color:info};
- color:{color:text};
- font-size:10px;
- line-height:90%;
- padding:5px;
- margin-top:2px;
- text-align:center;
- letter-spacing:-0.5px;
- border:1px solid {color:border};}
- #info a {color:{color:link};}
- #info a:hover {color:{color:text};}
- #tags {
- letter-spacing: -0.5px;
- font-family: georgia;
- background-color:{color:boxes};
- color:{color:text};
- text-align:center;
- font-style:italic;
- text-transform:lowercase;
- font-style:none;
- }
- .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; padding:0px;}
- #ask {
- text-align:center;
- 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};
- }
- #audio {border-radius:100%; width:100%; height:100px; margin-bottom:10px}
- .albumart { border-radius:100%; padding: 2px; border: 1px #f1f1f1 solid; float:left; width:100px; height:100px}
- .player {border-radius:100%; 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.7; -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;}
- #source {
- margin-top:3px;
- text-align:right;
- margin-bottom:5px;
- font-size:10px}
- #credit a {
- font-style:italic;
- border:1px dotted #000;
- background-color:#fff;
- text-align: center;
- text-transform: lowercase;
- font-family: arial;
- font-weight: bold;
- text-shadow: 1px 1px 0px #000000;
- position:fixed;
- font-size:11px;
- color:{color:navigation};
- padding: 3px;
- bottom:10px;
- right:10px
- }
- #credit a:hover {
- text-shadow: 1px 1px 0px #000;
- color:{color:title};
- }
- </style>
- </head>
- <body>
- <div id="sbarbar">
- <div id="sidebar3"><div class="sbarimg" align="center"><img src="{image:sbarimg1}" /></div></div>
- <div id="sidebar1"><div id="description">{block:Description}{Description}{/block:Description}</div>
- <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">travel</a>{/block:NextPage}</div>
- </div>
- <div id="sidebar2">
- <div id="nav">
- <a href="/" >{text:home title}</a>
- <a href="/ask" >{text:ask title}</a><br>
- <a href="{text:link1}" >{text:link1 title}</a>
- <a href="{text:link2}" >{text:link2 title}</a><br>
- <a href="{text:link3}" >{text:link3 title}</a>
- <a href="{text:link4}" >{text:link4 title}</a>
- <div id="sbartext"></div>
- </div>
- <div id="sidebar4"><div id="quote">{text:quote}</div></div>
- </div></div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="entrybar">
- <div id="posts">
- {block:Quote}
- <div id="title2">❝ {Quote} ❞</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Title}<div id="title1">{Title}</div>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Link}
- <div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}<div class="description">{Description}</div>{/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:Audio}
- <div id="audio">
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 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"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center; margin-top:0px"><big><i><big>{Asker}</b> wondered:</big></big></i><br><br>{Question}</div></div><div id="ans">{Answer}</div>{/block:answer}
- </div>
- <div id="info"><big>posted <a href="{Permalink}">{TimeAgo}</a> on {Month} {DayOfMonth}{DayOfMonthSuffix}</a></a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}, <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{block:ContentSource}{/block:RebloggedFrom}
- {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>
- {block:ContentSource}<a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom}
- <div id="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</big></div></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- <!-- DO NOT EDIT ANYTHING BELOW THIS LINE -->
- <div id="credit"><a href="http://qfabraywrites.tumblr.com/">qfabraywrites</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement