Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!--Variables-->
- <meta name="color:Selection" content="#ddd"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#888"/>
- <meta name="color:Link Hover" content="#ddd"/>
- <meta name="color:Posts Bg" content="#fff"/>
- <meta name="color:Posts Border" content="#ddd"/>
- <meta name="color:Posts Header" content="#333"/>
- <meta name="color:Posts Header Shadow" content="#151515"/>
- <meta name="color:Chat 1" content="#5D5D5D"/>
- <meta name="color:Chat 2" content="#7D7D7D"/>
- <meta name="color:Blockquote Border" content="#888"/>
- <meta name="color:SideImage Bg" content="#fff"/>
- <meta name="color:SideImage Border" content="#F2F2F2"/>
- <meta name="color:Description Bg" content="#fff"/>
- <meta name="color:Description Border" content="#F2F2F2"/>
- <meta name="color:Navigation" content="#A4A4A4"/>
- <meta name="color:Portrait Bg" content="#fff"/>
- <meta name="color:Portrait Border" content="#F2F2F2"/>
- <meta name="color:Blogtitle" content="#bbb"/>
- <meta name="color:Current Page" content="#bbb"/>
- <meta name="color:Pagination" content="#999"/>
- <meta name="image:Background" content="http://static.tumblr.com/gdh5wux/9Rwmp0bhf/background-backgrounds-floral-pattern-favim.com-261471.jpg" />
- <meta name="image:Sidebar" content="http://static.tumblr.com/1r3oeht/HcTmmp28y/hana-gif-_1.gif" />
- <!--Google Fonts-->
- <link href='http://fonts.googleapis.com/css?family=Antic|Carrois Gothic SC|Bilbo Swash Caps|Tulpen One|Fjalla One|Yanone Kaffeesatz|Metrophobic|Berkshire Swash|Felipa|Pathway Gothic One|Permanent Marker' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::selection{background:{color:Selection};} ::-moz-selection{background:{color:Selection};} ::-webkit-selection{background:{color:Selection};}
- /* ~ BASICS ~ */
- body {
- background-image: url('{image:Background}');
- background-attachment:fixed;
- background-position:left;
- background-repeat:repeat;
- background-color:{color:Background};
- font-family:'calibri';
- color:{color:Text};
- font-size:11px;
- line-height:100%;
- text-align:justify;
- }
- a:link, a:visited, a:active {
- text-decoration:none;
- color:{color:Link};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #content{
- position:relative;
- width:530px;
- float:left;
- margin-left:500px;
- }
- .entry{
- float:left;
- padding:5px;
- margin:5px;
- overflow:hidden;
- border:4px double {color:Posts Border};
- background-color:{color:Posts Bg};
- {block:IndexPage}
- width:500px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- #info{
- height:auto;
- border-top:1px solid #ddd;
- margin-top:2px;
- }
- #posttitle{
- font-family:'Fjalla One';
- font-size:25px;
- line-height:28px;
- color:{color:Posts Header};
- text-align:center;
- text-transform:uppercase;
- text-shadow: 0px 2px 3px {color:Posts Header Shadow};
- }
- .user_1 .label {color:{color:Chat 1}; font-weight:bold;}
- .user_2 .label {color:{color:Chat 2}; font-weight:bold;}
- blockquote{
- border-left:6px solid {color:Blockquote Border};
- padding:5px;
- }
- quote{
- font-family:'Permanent Marker';
- font-size:15px;
- line-height:20px;
- text-transform:uppercase;
- text-shadow: 0px 1px 2px #625E6E;
- }
- #source{
- font-family:'Felipa';
- font-size:12px;
- line-height:12px;
- color:#999;
- text-transform:none;
- letter-spacing:1px;
- text-align:right;
- }
- asker{
- font-family:'Felipa';
- font-size:20px;
- line-height:20px;
- text-transform:none;
- color:#ccc;
- }
- #ask{
- padding:6px;
- font-family:'Calibri';
- font-size:9px;
- text-transform:uppercase;
- color:#555;
- }
- #askbox{
- border:2px solid #ddd;
- overflow:hidden;
- margin-top:3px;
- padding:5px;
- box-shadow: 0px 2px 2px #888;
- }
- #SideImage{
- width:250px;
- height:200px;
- padding:6px;
- border:4px solid {color:SideImage Border};
- top:70px;
- left:60px;
- background:{color:SideImage Bg};
- position:Fixed;
- box-shadow: 0px 1px 2px #5D5D5D;
- }
- #SideImage img{width:100%;height:100%;}
- #des{
- position:fixed;
- width:250px;
- max-height:100px;
- top:300px;
- left:60px;
- padding:6px;
- color:#000;
- background:{color:Description Bg};
- text-align:center;
- border:4px solid {color:Description Border};
- font-size:10px;
- font-family:Trebuchet MS;
- text-align:center;
- box-shadow: 0px 1px 2px #5D5D5D;
- }
- #navigation{
- position:fixed;
- width:100px;
- height:auto;
- left:340px;
- top:90px;
- }
- div.navigate a{
- font-family:'Antic';
- font-size:18px;
- text-transform:uppercase;
- margin-left:5px;
- float:left;
- margin-bottom:15px;
- display:block;
- vertical-align:middle;
- color:{color:Navigation} !important;
- text-shadow:0px 0px 2px #A4A4A4;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -webkit-transform: rotate(0deg);
- }
- div.navigate a:hover{
- margin-left:15px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #portrait img{
- position:fixed;
- width:60px;
- height:60px;
- padding:4px;
- background:{color:Portrait Bg};
- border:4px solid {color:Portrait Border};
- top:300px;
- left:340px;
- box-shadow: 0px 1px 2px #5D5D5D;
- }
- #title{
- position:fixed;
- font-family:'Bilbo Swash Caps';
- color:{color:Blogtitle};
- font-size:50px;
- top:40px;
- left:50px;
- text-transform:none;
- text-shadow: 0px 1px 1px #000;
- }
- #pagination {
- font-family:'Calibri';
- font-size:13px;
- width:85px;
- position:fixed;
- text-align:center;
- z-index:999;
- left:340px;
- top:280px;
- }
- .current_page {
- color:{color:Current Page};
- padding: 5px;
- }
- #pagination a {
- padding:5px;
- color:{color:Pagination};
- text-decoration: none;
- }
- </style>
- <body>
- <div id="title">{title}</div>
- <div id="SideImage"><img src="{image:Sidebar}"></div>
- <div id="des">{description}</div>
- <div id="portrait"><img src="{PortraitURL-64}"></div>
- <div id="navigation">
- <div class="navigate">
- <a href="/">refresh</a>
- <a href="/ask">Inbox</a>
- <a href="/submit">Submit</a>
- <a href="/archive">archive</a>
- <a href="http://klaroline-fantasies.tumblr.com/">credit</a>
- </div>
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}
- <div id="posttitle">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <quote>{Quote}</quote>
- {block:Source}
- <div id="source">-{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}">{Target}<div id="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="posttitle">{Title}</div>{/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:Audio}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
- {/block:AlbumArt}
- {block:TrackName}
- Song: <b>{TrackName}</b>
- <br>
- {/block:TrackName}
- {block:Artist}
- Artist: <b>{Artist}</b>
- <br>
- {/block:Artist}
- <br>
- {AudioPlayerBlack}
- <br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="askbox">
- <img src="{AskerPortraitURL-40}" width="40" align="left" style="border-radius:20px; margin-right:6px;border-bottom:2px solid #ddd;"/>
- <asker>{Asker}:</asker>
- <div id="ask">{Question}</div>
- </div>
- {Answer}
- {/block:Answer}
- {Block:IndexPage}
- <div id="info">
- Posted <a href="{Permalink}">{TimeAgo} </a> . <a href="{Permalink}">{NoteCount}</a> notes . <a href="{ReblogURL}"target="_blank">Reblog</a>
- {block:ContentSource}
- <a href="{SourceURL}" title="source"> </a>
- {block:ContentSource}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"></a>
- <a href="{ReblogRootURL}"></a>
- {/block:RebloggedFrom}
- <br>
- {block:HasTags}
- {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}
- {/block:HasTags}
- </div>
- {/Block:IndexPage}
- {Block:PermalinkPage}
- <center>
- {block:Caption}{Caption}{/block:Caption}
- {block:ContentSource}
- <a href="{SourceURL}" title="source"> </a>
- {block:ContentSource}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"></a>
- <a href="{ReblogRootURL}"></a>
- {/block:RebloggedFrom}
- <br>
- {block:HasTags}
- {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}
- {/block:HasTags}
- </center>
- {/Block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement