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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--XOXO BY @HKTHEMES-->
- <head> <!-- DEFAULT VARIABLES -->
- <title>{Title}</title>
- <meta name="if:XOXO Title" content="1"/>
- <meta name="color:text" content="#222324" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:link" content="#080808" />
- <meta name="color:ask" content="#acac9b" />
- <meta name="color:sidebar" content="#000000" />
- <meta name="color:description" content="#3e3e3e" />
- <meta name="color:topbar" content="#FFFFFF" />
- <meta name="color:top title" content="#1b1b1b" />
- <meta name="color:title" content="#FFFFFF" />
- <meta name="color:menu" content="#FFFFFF" />
- <meta name="color:info" content="#acac9b" />
- <meta name="image:sidebar" content=""/>
- <meta name="image:top bar" content=""/>
- <meta name="text:link one url" content="http://">
- <meta name="text:link one name" content="link one">
- <meta name="text:link two url" content="http://">
- <meta name="text:link two name" content="link two">
- <meta name="text:link three url" content="http://">
- <meta name="text:link three name" content="link three">
- <meta name="text:link four url" content="http://">
- <meta name="text:link four name" content="link four">
- <meta name="text:link five url" content="http://">
- <meta name="text:link five name" content="link five">
- <meta name="text:link six url" content="http://">
- <meta name="text:link six name" content="link six">
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- <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}
- <link href='http://fonts.googleapis.com/css?family=Gudea|Rokkitt|Graduate|Aldrich|Inconsolata' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Duru+Sans|Droid+Sans+Mono|Carrois+Gothic|Unica+One|Montserrat|Carrois+Gothic+SC|Sintony|Inconsolata|Telex|Arvo|Roboto' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- body{
- background:{color:Background};
- line-height:100%;
- font-family: roboto;
- font-size: 11px;
- letter-spacing: px;
- overflow-x: hidden;
- text-transform:uppercase;
- color:{color:text};}
- a {
- text-decoration:none;
- color:{color:link};
- }
- a:hover{
- text-decoration:none;
- color:{color:link hover};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- opacity:1;
- }
- #post{
- margin-left:750px;
- margin-top:240px;
- }
- #entry {
- margin-top:70px;
- margin-bottom:20px;
- width:500px;
- }
- #topbar{
- background-color:{color:topbar};
- width:100%;
- height:100px;
- padding:50px;
- background-image:url('{image:top bar}');
- margin-left:475px;
- margin-top:-240px;
- position:absolute;
- z-index:9999;
- }
- #sidebar{
- background-color:{color:sidebar};
- width:400px;
- height:100%;
- background-image:url('{image:sidebar}');
- padding:50px;
- margin-left:-25px;
- margin-top:-240px;
- position:fixed;
- }
- a img{
- border:none;}
- blockquote{
- padding:0px;
- padding-left:5px;
- margin:5px;
- border-left:1px solid {color:font};}
- blockquote img{
- display:block;}
- blockquote p{
- padding:0px;
- margin:0px;}
- blockquote blockquote{
- position:relative;
- left:-5px;
- margin-top:0px;
- margin-right:0px;
- padding-right:0px;}
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:0px}
- .title{
- font-family: 'Inconsolata', sans-serif;
- font-size:130px;
- font-weight:bold;
- color:{color:top title};
- padding-top:35px;
- }
- .description{
- font-family: roboto;
- font-size:9px;
- color:{color:description};
- text-transform:uppercase;
- margin-left:420px;
- margin-top:-30px;
- width:300px;
- }
- .navi {
- width:350;
- margin-left:40px;
- margin-top:125px;
- }
- .navi a{
- width:5px;
- height:5px;
- padding:50px;
- display:inline-block;
- margin-top:8px;
- border: 1px solid {color:menu};
- margin-left:5px;
- background-color:{color:menu};
- font-family: 'Inconsolata', sans-serif;
- color:{color:title};
- text-transform:uppercase;
- text-align:center;
- }
- .navi a:hover{
- border: 1px solid {color:title};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- background-color:{color:title};
- color:{color:menu};}
- #s-m-t-tooltip{
- background-color:{color:menu};
- padding:10px;
- z-index:99;
- margin-top:20px;
- margin-left: 30px;
- display:inline-block;
- text-transform:uppercase;
- font-size:11px;
- line-height:14px;
- color:{color:link};
- letter-spacing:px;}
- #infobox {
- width:450px;
- background-color: {color:info};
- padding:30px 30px 30px 20px;
- margin-top:-5px;
- }
- .info{
- width:500px;
- margin-left:-30px;
- display:inline-block
- align:center;
- }
- .infotext{
- font-size:36px;
- font-family:arial;
- font-weight:bold;
- letter-spacing:-5px;
- display:inline-block;
- padding:20px;
- }
- .source{
- font-size:11px;
- letter-spacing:;
- line-height:105%;
- font-weight:500;
- margin-top:-3px;
- text-align:left;
- display:inline-block;
- padding:20px;
- border-left:1px solid {color:text};
- }
- #pagination {
- text-align:center;
- margin-top: 10px;
- font-size: 20px;
- padding: 8px;
- color:{color:menu};
- background-image:url('');
- text-align:justify;
- background-color: {color:sidebar};
- }
- .asker {
- width: 450px;
- background-color: {color:ask};
- padding: 25px;
- font-size: 11px;
- font-weight: bold;
- text-transform: uppercase;
- line-height: 11px; }
- .asker img{
- float: left;
- padding: 0px 5px 0px 0px;}
- .asker a{
- font-size: 11px;
- font-weight: bold;
- color:{color:link};
- line-height: 11px;
- padding: 0;
- margin: 0;}
- .question {
- font-size: 10px;
- font-weight: normal;
- color:{color:text};
- padding:20px
- overflow:hidden;
- text-transform: none;}
- .answer {
- padding-left: 4px;
- padding-right: 4px;
- padding-top: 4px;}
- .answer img {
- max-width: 470px;}
- #portrait img {
- width:40px;
- height:40px;
- margin-top:5px;
- margin-left:5px;
- z-index:2;}
- #acont{
- z-index:2;
- display:block;
- width: 100px;
- height:100px;
- background-color:#ffffff;
- opacity:0.7;
- position:absolute;
- }
- #acont:hover{
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- opacity:0.6;}
- #audioplayer{
- width:20px;
- height:20px;
- overflow:hidden;
- margin: 38px 0px 0px 35px;
- background-color:transparent;}
- .atext {
- background-color:{color:audio info};
- font-family: {font:body}!important;
- font-size: 8px;
- line-height: 7px;
- letter-spacing: 2px;
- color: {color:link}!important;
- margin-top:-5px;
- margin-left: 101px;
- text-transform:;
- height:18px;
- text-decoration: none;
- display: block;
- padding: 25px 5px 41px 6px;
- width:390px;
- text-align:center;}
- .atext:hover {
- color:{color:link};
- background-color:{color:entries};
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.9s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .audio{
- position:absolute;
- width:40px;
- height:40px;}
- .aimg{
- width:100px;
- height:100px;
- position:absolute;}
- .aimg img{
- float:left;
- opacity:0.6;
- width:100px;
- }
- #tags{
- overflow:hidden;
- width: 508px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:9px;
- margin-left: 5px;
- margin-top:3px;}
- </style>
- <style type="text/css">{CustomCSS}</style>
- <body>
- <div id="topbar">
- <div class="title">{title}</div>
- <div class="description">{description}</div>
- </div>
- <div id="sidebar">
- <div class="navi">
- <a href="{text:link one url}" title="{text:link one name}">X</a>
- <a href="{text:link two url}" title="{text:link two name}">O</a>
- <a href="{text:link three url}" title="{text:link three name}">X</a>
- <a href="{text:link four url}" title="{text:link four name}">O</a>
- <a href="{text:link five url}" title="{text:link five name}">X</a>
- <a href="{text:link six url}" title="{text:link six name}">O</a>
- {block:PreviousPage}<a href="{PreviousPage}" title="previous page">-</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" title="next page">+</a>{block:NextPage}
- </div>
- <img src="{PortraitURL-64}" style="width: 49px; background-color: {color:menu}; height:49px; padding-top:2px; padding-left:2px; border: 28px solid {color:menu}; margin-left:275px; margin-top:-107px;">
- </div>
- <div id="post">
- {block:Posts}
- <div id="entries">
- {block:Text}
- <div id="entry">
- {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:bold 30px arial;letter-spacing:-1px;">{title}</font>{/block:Title}<br>
- <br>{Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div id="entry">
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500" title"Photo"/>
- {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- </div>{/block:Photo}
- {block:Photoset}
- <div id="entry">
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photoset}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Quote}
- <div id="entry">
- <span class="quote"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}, serif;font-style:italic;">{quote}</font><br>{block:Source}<p align="right">— <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:;">{Source}</font></p>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div id="entry">
- <div class="h2"><a href="{URL}" title="{name}"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:bold 30px arial; letter-spacing:-1px; padding:10px;">{name}</font></a></div>{block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div id="entry">
- {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{title}</font>{/block:Title}<br>
- <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="entry">
- <div class="audio"><div id="acont"><div id="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
- <div class="atext"><font style="FONT-WEIGHT: normal; margin-top:-50px; COLOR: {color:title}; font:bold 20px arial;font-style:; letter-spacing:-1px; padding:10px;">{block:TrackName}{TrackName}{/block:TrackName}</font><br>
- <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 1pt; text-transform:;">{block:Artist}{Artist}{/block:Artist} ♫ {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</font></div>
- <br><br>
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <div id="entry">
- <div class="asker"><img src="{AskerPortraitURL-24}">{Asker} asked:
- <div class="question">{Question}</div></div>
- <div class="answer">{Answer}</div>
- </div>
- {/block:Answer}
- {block:Video}
- <div id="entry">
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Video}
- <div id="infobox">
- <center>
- <div class="info">
- <div class="infotext">
- {block:Date}<font style="font-family:arial; color:{color:info};">—</font> <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> <font style="color:{color:info};">—</font>{/block:Date} {Block:NoteCount} <a href="{Permalink}" title="notes">{NoteCount}</a> {/Block:NoteCount}</div>
- {block:RebloggedFrom} <div class="source"> <a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a>
- {block:ContentSource}<br><a href="{SourceURL}" title="source">{ReblogRootName}</a>{/block:ContentSource} </div> {/block:RebloggedFrom}
- </center>
- </div>
- <br>
- <div id="tags">{block:HasTags}FILED UNDER: {block:Tags}<FONT style="FONT-WEIGHT: normal; background-color:{color:topbar}; padding: 5px; COLOR: {color:link}; font-style:; LINE-HEIGHT: 22px; LETTER-SPACING: 1pt; text-transform:;"><a href="{TagURL}" title="{Tag}">#{Tag} </a> </font> {/block:Tags}{/block:HasTags}</div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement