Advertisement
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">
- <!--
- THIS IS A REVAMP, I FIXED THINGS I DIDN'T KNOW BACK WHEN I FIRST MADE THE THEME... SO IF YOU HAVE THE PREVIOUS VERSION PLEASE INSTALL THIS ONE!
- ▣▣▣
- THEME #1 PLATFORM 9 ¾ BY DEANLIRIUM - http://deanlirium.tumblr.com
- ▣▣▣
- PLEASE like or reblog the theme post at my blog if you use! Edit as you want but as long as you keep the sidebar AND/OR the updated tab YOU MUST leave the credit.
- Otherwise I don't really care... but if you need a base code I used the one below - and it's probably easier to use that
- BASE CODE #1 BY SAM @ WOLVERWHORE: http://wolverwhore.tumblr.com/post/46869896709/base-code-1-by-wolverwhore-i-decided-to-make-a
- -->
- <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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Background" content="#fcf9f2"/>
- <meta name="color:Title" content="#a34747"/>
- <meta name="color:Text" content="#979292"/>
- <meta name="color:Link" content="#a38383"/>
- <meta name="color:Link hover" content="#b80c0c"/>
- <meta name="color:Line" content="#f2f2f2"/>
- <meta name="color:Border" content="#d55f5f"/>
- <meta name="color:Post" content="#ffffff"/>
- <meta name="color:Shadow" content="#b1b1b1"/>
- <meta name="image:Sidebar image" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="text:Watching" content=""/>
- <meta name="text:Reading" content=""/>
- <meta name="text:Listening to" content=""/>
- <meta name="text:Working on" content=""/>
- <meta name="text:More updates" content=""/>
- <meta name="color:Scrollbar bg" content="#fcf9f2"/>
- <meta name="if:Updates tab" content="1">
- <meta name="if:Cursor" content="1">
- <meta name="if:Infinite scroll" content="0">
- <style type="text/css">
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {
- width: 5px;height: 5px;}
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 6px;display: block;background-color: {color:white};}
- ::-webkit-scrollbar-track-piece {
- background-color: {color:scrollbarbg};}
- ::-webkit-scrollbar-thumb:vertical {
- height: 9px;background-color: {color:Scrollbar bg};border-top:1px solid {color:Scrollbar bg};border-bottom:1px solid {color:Scrollbar bg};}
- /* --- BODY ---*/
- .cont {
- margin:auto;
- width:1000px;
- z-index:-20;}
- body {
- background:{color:Background};
- background-image: url({image:Background});
- background-attachment: fixed;
- margin:0px;
- color:{color:Text};
- font-family:Calibri;
- font-size:9px;
- line-height:100%;}
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Link};}
- img {
- border:none;}
- blockquote {
- padding-left:5px;
- margin:7px;
- border-left:2px solid {color:Border};}
- blockquote blockquote {
- margin:7px;
- border-left:2px solid {color:Border};}
- h1 {
- font-size:12px;
- font-style:italic;
- padding-left:15px;
- font-family:"Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
- text-transform:uppercase;}
- a:hover {
- opacity:10;
- color:{color:Link hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease}
- /*--Cursor code--*/
- {block:ifCursor}
- *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto}
- {/block:ifCursor}
- /* --- POST ENTRIES ---*/
- #entries {
- padding:10px;
- width:500px;
- margin-left:300px;
- margin-top:40px;
- font-size:10px;}
- /* --- BODY: POSTS ---*/
- #post {
- width:500px;
- padding-bottom:20px;
- padding:10px;
- margin-top:15px;
- margin-bottom:40px;
- background-color:{color:Post};
- opacity:0.8;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #post img{
- max-width:100%;}
- #post:hover {
- opacity:1;
- box-shadow: 0px 0px 10px {color:Shadow};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- SIDEBAR IMAGE ---*/
- #sidebar {
- width:250px;
- height:450px;
- position:fixed;
- margin-left:0px;
- opacity:1;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebarimage img {
- width:250px;
- margin-top:170px;
- position:fixed;
- z-index:6;
- box-shadow: 1px 5px 5px {color:Shadow};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #flapclose img{
- width:250px;
- margin-top:170px;
- position:fixed;
- opacity:1;
- z-index:20;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #flapopen img {
- width:250px;
- margin-top:40px;
- position:fixed;
- opacity:0;
- z-index:0;}
- #paper img {
- margin-left:3px;
- width:242px;
- height:50px;
- margin-top:280px;
- opacity:1;
- position:fixed;
- box-shadow: 0px -2px 5px {color:Shadow};
- z-index:5;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #crest img{
- position:fixed;
- width:30px;
- margin-top:138px;
- margin-left:108px;
- opacity:0;
- -webkit-transition-duration:0s;
- -moz-transition-duration:0s;
- -o-transition-duration:0s;}
- #pic1 img {
- position:fixed;
- width:90px;
- height:90px;
- border: solid 1px;
- border-color:#9ea5aa;
- padding:3px;
- background-color:white;
- margin-top:270px;
- margin-left:78px;
- z-index:15;
- opacity:0;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;}
- #title {
- width:220px;
- font-size:15px;
- position:fixed;
- font-family:"Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
- line-height:90%;
- font-style:italic;
- margin-left:15px;
- margin-top:135px;
- text-align:center;
- z-index:4;
- color:{color:Title};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /*--- HOVER STUFF ---*/
- #sidebar:hover #sidebarimage img {
- margin-top:350px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #flapclose img {
- margin-top:130px;
- z-index:22;
- opacity:0;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #flapopen img {
- margin-top:218px;
- opacity:1;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #paper img {
- height:250px;
- margin-top:130px;
- z-index:4;
- opacity:1;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #crest img{
- opacity:0.8;
- z-index:11;
- -webkit-transition-duration:2s;
- -moz-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #description {
- opacity:1;
- -webkit-transition-duration:2s;
- -moz-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #title {
- margin-top:95px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- #sidebar:hover #pic1 img{
- opacity:1;
- z-index:15;
- -webkit-transition-duration:2s;
- -moz-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover #pagination {
- opacity:1;
- z-index:18;
- -webkit-transition-duration:2s;
- -moz-transition-duration:2s;
- -o-transition-duration:2s;}
- #sidebar:hover .links {
- opacity:1;
- margin-top:435px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- SIDEBAR LINKS ---*/
- .links{
- margin-top:260px;
- margin-left:73px;
- font-family:"Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
- text-align:center;
- position:fixed;
- font-size:9px;
- opacity:0;
- text-transform:uppercase;
- z-index:21;
- color:{color:Link};
- transition-duration:1s;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- .links a{
- display:block;
- width:100px;
- height:auto;
- padding:2px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- .links a:hover{
- font-style:italic;
- opacity:1;
- color:{color:Hover};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- DESCRIPTION ---*/
- #description {
- position:fixed;
- font-family:cambria;
- line-height:90%;
- font-size:10px;
- font-style:italic;
- width:200px;
- margin-top:170px;
- padding:8px;
- margin-left:18px;
- text-align:center;
- z-index:4;
- color:{color:text};
- opacity:0;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- PAGINATION---*/
- #pagination {
- width:100px;
- font-size:12px;
- text-align:center;
- margin-left:77px;
- margin-top:380px;
- position:fixed;
- opacity:0;
- font-family:consolas;
- letter-spacing:0px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;}
- /* --- UPDATES TAB ---*/
- #updates{
- opacity:1;
- position:fixed;
- bottom:0px;
- right:120px;
- width:150px;
- height:auto;
- z-index:30;
- text-align: center;
- font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
- font-size:11px;
- word-wrap:break-word;
- border-bottom:1px solid #d8d8d8;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;}
- #updates:hover{
- bottom:200px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;}
- .words{
- position:fixed;
- bottom:-200px;
- width:130px;
- height:180px;
- padding:10px;
- background:{color:Post};
- text-align:left;
- line-height:110%;
- overflow:auto;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;}
- #updates:hover .words{
- bottom:0px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;}
- /* --- POST INFO ---*/
- #info {
- text-align:center;
- margin-top:10px;
- text-transform:uppercase;
- font-family:cambria;
- font-size:8px;
- font-style:none;
- border-top:1px solid {color:Line};}
- /* --- POST TAGS---*/
- #tags {
- font-family:cambria;
- letter-spacing:0px;
- text-transform:lowercase;
- padding-bottom:15px;
- font-size:10px;
- font-style:italic;
- margin-top:4px;
- text-align:center;}
- #tags a {
- display:inline;
- padding:3px;
- text-align:center;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -transition: all 0.6s ease-in-out;}
- /* --- QUESTIONS ---*/
- #asker {
- padding:8px;
- float:left;
- margin-left:10px;
- margin-right:8px;
- border:3px #eee solid;
- background-color:{color:background};}
- /*CREDIT*/
- #cred {
- right:3px;
- bottom:6px;
- font-size:9px;
- padding:5px;
- color:{color:Text};
- background-color:white;
- z-index:9999999999999999999999999999999999999;
- text-transform:uppercase;
- border:1px solid {color:Border};
- position:fixed;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- #cred:hover {
- background-color:{color:Link};}
- #cred:hover a{
- color:white;}
- /*-- audio --*/
- #player {
- width:28px;
- height:30px;
- opacity:0.4;
- overflow:hidden;
- position:absolute;
- z-index:100;
- margin-top:39px;
- margin-left:42px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;}
- #post:hover #player{
- opacity:1;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;}
- #albumart {
- width:100px;
- height:100px;
- background-color:{color:Background};
- margin:0px 7px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;}
- #infoaudio {
- position:absolute;
- overflow:hidden;
- font-size:8px;
- letter-spacing:2px;
- text-transform:uppercase;
- font-family:'calibri';
- font-style:none;
- line-height:10px;
- float:left;
- margin-top:-90px;
- margin-left:120px;
- max-height:70px;
- padding:20px;
- background-color:{color:Background};
- width:350px;}
- {CustomCSS}</style>
- {block:ifInfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:ifInfinitescroll}
- </head><div class="cont"><body><div class="cont">
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="pic1"><img src="{image:Sidebar image}"></div>
- <div id="sidebarimage"><img src='http://img59.imageshack.us/img59/5249/keqz.png'></div>
- <div id="flapclose"><img src='http://img855.imageshack.us/img855/3526/2q7v.png'></div>
- <div id="flapopen"><img src='http://img401.imageshack.us/img401/5057/w4xj.png'></div>
- <div id="paper"><img src='http://img547.imageshack.us/img547/9669/ley.png'></div>
- <div id="crest"><img src='http://img266.imageshack.us/img266/2652/uo64.png'></div>
- <div id="description">
- {Description}
- </div>
- <div class="links">
- <a href="/">common room</a>
- <a href="/ask">owlery</a>
- <a href="{text:Link 1}">{text:Link 1 Text}</a>
- <a href="{text:Link 2}">{text:Link 2 Text}</a>
- <a href="{text:Link 3}">{text:Link 3 Text}</a>
- </div>
- {block:ifnotInfinitescroll}
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>{/block:Pagination}{/block:ifnotInfinitescroll}
- </div>
- <div id="entries">
- <div class="autopagerize_page_element">{block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div style= text-align:center;><span style="font-family:cambria;font-size:15px;font-style:italic;line-height:20px;">{Quote}</span></div>{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<span style="font-size:11px;line-height:20px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</span>{/block:Chat}
- {block:Audio}
- <div id="player">{AudioPlayerWhite} </div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div id="infoaudio"><center>{block:TrackName}
- {TrackName}
- {/block:TrackName} {block:Artist}
- - {Artist}
- {/block:Artist}
- </p></center></div>
- {block:caption}{caption}{/block:caption}
- {/block:Audio}<br>
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div><span style="font-family:cambria;font-size:12px;font-style:italic;"><br>{Asker}:<br>{Question}</span><br><br><br>{Answer}{/block:Answer}
- <div id="info">
- <br>{block:Date}<a href="{Permalink}">
- {TimeAgo}</a></a>{/block:Date} with <font color="#FFB0B8">❤</font>
- {NoteCountWithLabel}</a> ● {block:RebloggedFrom}<a href="{ReblogParentURL}"
- title="{ReblogParentName}">Via</a> // <a href="{ReblogRootURL}"title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}
- {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div></div>
- <div id="cred">
- <a href="http://deanlirium.tumblr.com/">THEME</a>
- </div></div></div></div></div></div></div></div></div></div></div>
- </body>
- {block:ifUpdatestab}
- <div id="updates"><img width="150px" src='http://img802.imageshack.us/img802/826/gcow.png'>
- <div class="words">
- <big><b><i><center><u>Updates</u></center></i></b></big><br>
- <!-------------------------INSERT UPDATES HERE----------------------->
- <b><u>Watching:</u></b> <i>{text:Watching}</i> </br>
- <b><u>Reading:</b> </u><i>{text:Reading}</i></br>
- <b><u>Listening to:</u></b> <i>{text:Listening to}</i> </br>
- <b><u>Working on:</u></b> <i>{text:Working on}</i></br></br>
- {text:More updates}
- <!---------------------------------END-------------------------------->
- </div>
- </div>
- {/block:ifUpdatestab}
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement