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>
- <head>
- <!--Theme 007, Charizard, by Alice (metacrisising @ tumblr). Please don't steal, use as base, take bits of code and then credit me for "theme details", or remove credit. Otherwise, we shall get along swimmingly.
- Nearly everything can be customized in Appearance, so please don't ask me theme questions before you're certain that you've tried everything there.
- That being said, I welcome theme questions as long as they don't require that I write a completely new code.
- Default Settings-->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:post" content="#752f17" />
- <meta name="color:linkage" content="#ffffff" />
- <meta name="color:linkage hover" content="#5e5d5d" />
- <meta name="color:linkage border" content="#f0c9a3" />
- <meta name="color:accent" content="#ff7d00" />
- <meta name="color:title" content="#cc7144" />
- <meta name="color:text" content="#021425" />
- <meta name="color:text selection" content="#ffa600" />
- <meta name="color:link" content="#7e3f03" />
- <meta name="color:link hover" content="#ebbd77" />
- <meta name="color:link hover shadow" content="#d8ce7c" />
- <meta name="color:link hover shadow the second" content="#eaeec0" />
- <meta name="color:text selection shadow" content="#d8ce7c" />
- <meta name="color:text selection shadow the second" content="#eaeec0" />
- <meta name="color:permalinking" content="#5b5f59" />
- <meta name="color:header" content="#ffffff" />
- <meta name="color:header border" content="#d30f0f" />
- <meta name="color:header border the second" content="#d30f0f" />
- <meta name="color:border" content="grey" />
- <meta name="color:scrollbar" content="#752f17" />
- <meta name="color:subtitle" content="#c95730" />
- <meta name="text:subtitle" content="" />
- <meta name="font:title" content="georgia" />
- <meta name="font:body" content="cambria" />
- <meta name="font:tooltip text" content="calibri" />
- <meta name="image:sidebar" content="" />
- <meta name="image:background" content="" />
- <meta name="image:header background" content="" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link 4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="link 5" />
- <title>{Title}</title>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise|Cedarville+Cursive|Pacifico|Rochester|Homemade+Apple|Cookie' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Yesteryear|Marck+Script|Contrail+One|Reenie+Beanie|Open+Sans+Condensed:700,300|Nothing+You+Could+Do|Kaushan+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <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">
- body {
- background-color:{color:background};
- background-attachment:fixed;
- background-image: url('{image:background}');
- font-family:cambria;
- font-size:12px;
- color:{color:text};
- text-wrap:normal
- word-wrap:break-word;
- margin:0px 0px;
- height:100%;
- right:7px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- html {
- overflow-y:auto;
- background-color:transparent;
- }
- ::-webkit-scrollbar {
- width:7px;
- height:auto;
- background:{color:background};
- }
- ::-webkit-scrollbar-corner {
- background:{color:scrollbar};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background:{color:scrollbar};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background:{color:scrollbar};
- }
- ::selection {
- text-shadow:2px 0px {color:text selection shadow},
- -1px 0px {color:text selection shadow the second};
- }
- ::-moz-selection {
- text-shadow:2px 0px {color:text selection shadow},
- -1px 0px {color:text selection shadow the second};
- }
- ::-webkit-selection {
- text-shadow:2px 0px {color:text selection shadow},
- -1px 0px {color:text selection shadow the second};
- }
- a, a:active, a:visited{
- text-decoration:none;
- color:{color:link};
- }
- a:hover {
- color:{color:link hover};
- text-shadow:2px 0px {color:link hover shadow},
- -1px 0px {color:link hover shadow the second};
- }
- img {
- opacity:1;
- }
- img:hover {
- border:none;
- }
- #main {
- background-color:{color:background};
- background-attachment:fixed;
- background-image: url('{image:Background}'); position:absolute;
- width:1250px;
- height:100%;
- }
- #sidebar {
- background-color:{color:sidebar};
- text-align:left;
- position:fixed;
- left:730px;
- width:160px;
- top:77px;
- bottom:30px;
- height:225px;
- font-family:cambria;
- font-size:11px;
- line-height:12px;
- padding:4px 2px 0px 4px;
- border-left:1px solid {color:accent};
- border-top:1px solid {color:accent};
- }
- #sidebar a {
- letter-spacing:1px;
- }
- #simg img {
- margin-left:0px;
- width:250px;
- border:1px solid {color:border};
- padding:12px;
- margin-bottom:7px;
- margin-top:7px;
- -webkit-transition: all 0.8s ease;
- -moz-transition:all 0.8s ease-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #title {
- font-family:pacifico;
- font-size:40px;
- line-height:22px;
- margin-top:17px;
- color:{color:title};
- margin-left:50px;
- position:relative;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #title a:hover {
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .subtitle {
- font-family:cookie;
- color:{color:subtitle};
- position:relative;
- font-size:25px;
- text-transform:italics;
- padding-bottom:5px;
- position:relative;
- margin-left:60px;
- margin-top:10px;
- }
- .portrait {
- border:1px solid {color:accent};
- position:fixed;
- left:500px;
- padding:4px;
- width:64px;
- z-index:1000;
- top:5px;
- }
- #header {
- top:0px;
- left:0px;
- height:80px;
- position:fixed;
- width:600px;
- padding-bottom:5px;
- border-bottom:2px solid {color:header border};
- border-right:2px solid {color:header border the second};
- background-color:{color:header};
- z-index:999;
- background-image: url('{image:header background}')
- }
- #linkage {
- position:fixed;
- margin-left:625px;
- width:50px;
- height:100%;
- margin-bottom:5px;
- border-right:2px solid {color:accent};
- padding-top:80px;
- }
- #linkage a {
- width:75px;
- height:auto;
- font-family:cambria;
- font-size:12px;
- display:block;
- text-align:center;
- background-color:{color:linkage};
- padding:3px;
- margin-bottom:6px;
- margin-left:9px;
- display:inline-block;
- border:1px solid {color:linkage border};
- }
- #linkage a:hover {
- background-color:{color:linkage hover};
- -webkit-transition-duration:.75s;
- -moz-transition-duration:.75s;
- -o-transition: all 0.75s ease-in-out;
- transition: all 0.75s ease-in-out;
- text-shadow:none;
- }
- #question {
- color:{color:title};
- font-size:12px;
- padding-bottom:-4px;
- line-height:11px;
- font-family:{font:title};
- text-align:left;
- }
- #asker {
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- font-family:{font:body};
- text-align:center;
- padding-top:4px;
- border-top:1px solid {color:accent};
- text-align:right;
- }
- #answer {
- margin-top:0px;
- }
- #content {
- position:absolute;
- height:auto;
- width:590px;
- left:10px;
- top:65px;
- font-family:{font:body};
- margin-bottom:10px;
- }
- #post {
- padding:17px 27px 22px 17px;
- margin-left:20px;
- margin-right:20px;
- margin-top:45px;
- border-top:2px solid {color:post};
- border-left:2px solid {color:post};
- font-size:11px;
- font-family:{font:body};
- }
- #post:hover {
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- .information {
- width:150px;
- height:100%;
- position:relative;
- margin-left:0px;
- background-color:{color:accent};
- }
- .permalinking {
- position:relative;
- margin-top:11px;
- }
- .permalinking a {
- font-family:{font:body};
- text-transform:uppercase;
- position:relative;
- padding:3px;
- border:1px solid {color:permalinking};
- height:2px;
- opacity:.8;
- }
- .permalinking a:hover {
- opacity:1;
- }
- .tagging {
- position:relative;
- margin-top:3px;
- }
- .tagging a {
- text-transform:uppercase;
- font-size:11px;
- letter-spacing:1px;
- font-family:{font:body};
- position:relative;
- padding:4px 9px 4px 0px;
- height:2px;
- opacity:.8;
- }
- .tagging a:hover {
- opacity:1;
- }
- h1{
- font-size:18px;
- font-weight:700;
- color:{color:title};
- }
- .quote {
- font-size:14px;
- font-family:{font:title};
- padding-top:4px;
- padding-left:4px;
- border-top:1px solid {color:accent};
- border-left:1px solid {color:accent};
- }
- .quotesource {
- font-family:{font:body};
- font-size:9px;
- text-transform:uppercase;
- padding:2px;
- letter-spacing:1px;
- text-align:right;
- }
- .user_1 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_2 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_3 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_4 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_5 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_6 .label {
- color:{color:text};
- font-weight:bold
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:0px;
- line-height:15px;
- }
- #permalink {
- margin-top:5px;
- margin-bottom:25px;
- margin-left:3px;
- border-left:10px solid {color:accent};
- line-height:100%;
- font-family:calibri;
- font-size:11px;
- text-align:left;
- letter-spacing:1px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- position:absolute;
- padding-left:3px;
- }
- #note {
- text-align:left;
- text-transform:uppercase;
- font:14px {font:title};
- }
- #pagination {
- margin-top:-70px;
- position:fixed;
- display:block;
- }
- #pagination a {
- width:50px;
- height:50px;
- font-family:calibri;
- text-align:center;
- font-size:40px;
- opacity:1;
- text-shadow:2px 0px {color:link hover shadow}, -2px 0px {color:link hover shadow the second};
- }
- #notes {
- font-weight:normal;
- }
- #notes li {
- padding-bottom:3px;
- padding-top:3px;
- border-bottom:1px dotted {color:text};
- }
- #notes li img.avatar {
- vertical-align:-4px;
- margin-right:5px;
- width:16px;
- height:16px;
- }
- #division {
- border-top:1px solid {color:accent};
- }
- blockquote {
- border-left:2px solid {color:link};
- padding-left:3px;
- margin:0px 2px 0px 10px;
- }
- #audentryprob {
- display:block;
- height:auto;
- min-height:135px;
- position:relative;
- }
- .audentry {
- position:relative;
- width:490px;
- background-color:{color:background};
- padding:5px;
- min-height:135px;
- {block:IndexPage}overflow:hidden;{/block:IndexPage};
- }
- .audioplayersquare {
- position:absolute;
- z-index:3;
- top:5px;
- left:5px;
- background:white;
- opacity:0.7;
- filter:alpha(opacity=70);
- }
- .audioplayer {
- width:20px;
- height:30px;
- overflow:hidden;
- margin:15px 24px 15px 16px;
- }
- .audiodata {
- text-transform:uppercase;
- height:15px;
- }
- .audiocaption {
- color:{color:link};
- }
- #credit {
- position:fixed;
- bottom:2px;
- padding:4px;
- right:2px;
- color:{color:link};
- opacity:0.4;
- font-family:open sans condensed;
- font-size:20px;
- }
- #credit:hover {
- opacity:0.8;
- color:{color:link};
- }
- iframe#tumblr_controls {
- top:2px !important;
- right:4px !important;
- position:fixed !important;
- }
- </style>
- </head>
- <body>
- <div id="main">
- <div class="portrait"><img src="{PortraitURL-64}"></div>
- <div id="header">
- <div id="title"><a href="/">{Title}</a></div>
- <div class="subtitle">{text:subtitle}</div>
- </div>
- <div id="linkage">
- <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>
- {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</div>
- <a href="/">refresh</a>
- {block:AskEnabled}
- <a href="/ask">mailbox</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit">submissions</a> {/block:SubmissionsEnabled}
- <a href="/archive">history</a>
- {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}
- <div id="simg">
- <img src="{image:sidebar}"></div>
- </div>
- <div id="sidebar">
- {Description}
- </div>
- <div id="content">
- {block:Posts}
- <div class="information"></div>
- <div id="post">
- {block:Text}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <div class="quote">"{Quote}"</div>
- {block:Source}<br>
- <div class="quotesource">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <center><h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <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:Answer}
- <div id="question">{Question}</div><br>
- <div id="asker">- {Asker}</div><br>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:Video}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audentryprob">
- <div class="audentry">
- <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
- {block:AlbumArt}
- <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
- {/block:AlbumArt}
- <div class="audioplayersquare">
- <div class="audioplayer">{AudioPlayerWhite}</div></div>
- <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
- {block:TrackName}
- <tr>
- <td class="audiodata"><b>Song: </b>{TrackName}</td>
- </tr>
- {/block:TrackName}
- {block:Artist}
- <tr>
- <td class="audiodata"><b>Artist: </b> {Artist}</td>
- </tr>
- {/block:Artist}
- {block:Album}
- <tr>
- <td class="audiodata"><b>Album: </b>{Album}</td>
- </tr>
- {/block:Album}
- <tr>
- <td class="audiodata">Played {FormattedPlayCount} times</td>
- </tr>
- {block:ExternalAudio}
- <tr>
- <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
- </tr>
- {/block:ExternalAudio}
- {block:Caption}<tr>
- <td class="audiocaption">{Caption}</td></tr>
- {/block:Caption}
- </table>
- </div>
- </div>{/block:Audio}
- <br>
- <div id="division"></div>
- <br>
- <div class="tagging">
- {block:HasTags}{block:Tags}<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- <div class="permalinking">
- <a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} '{ShortYear} ({TimeAgo})</a>{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a></a>{/block:ContentSource} <a href="{ReblogURL}"target="_blank">reblog</a>
- </div>
- </div>
- <br>
- {/block:Posts}
- <a href="http://metacrisising.tumblr.com"><div id="credit">metacrisising</div></a>
- <br><br>
- {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
- <!--Nothing more to see here!-->
Advertisement
Add Comment
Please, Sign In to add comment