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">
- <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}
- <!--
- THEME BY JÚLIA // @mclahei
- Base code by @hogwat;
- YOU CAN:
- Tweak the code on your blog.
- Reblog/Like the original post.
- Come to me if you need any help.
- Take little parts of the code to get a desired effect. Keep in mind I mean /little/ parts only.
- Enjoy this theme :)
- YOU CAN'T:
- Repost any of the codes.
- Remove credit from view.
- Use this as a base code, as it was made from one that does not belong to me.
- -->
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Text" content="#9C9C9C"/>
- <meta name="color:Links" content="#B3B3B3"/>
- <meta name="color:Color 1" content="#c3e54a"/>
- <meta name="color:Color 2" content="#ffb2b2"/>
- <meta name="color:Color 3" content="#6dc9c9"/>
- <meta name="image:Sidebar" content=""/>
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content=""/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 2 Title" content=""/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 3 Title" content=""/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 Title" content=""/>
- <meta name="text:Extra Links Title" content="navigation"/>
- <meta name="text:Extra Link 1" content="/"/>
- <meta name="text:Extra Link 1 Title" content=""/>
- <meta name="text:Extra Link 2" content="/"/>
- <meta name="text:Extra Link 2 Title" content=""/>
- <meta name="text:Extra Link 3" content="/"/>
- <meta name="text:Extra Link 3 Title" content=""/>
- <meta name="text:Extra Link 4" content="/"/>
- <meta name="text:Extra Link 4 Title" content=""/>
- <meta name="if:Extra Links" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background:{color:Background};
- color:{color:Text};
- font-family: 'Open Sans', sans-serif;
- font-size:10px;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- b {
- font-weight:300;
- color:{color:Color 1};
- }
- strong {
- font-weight:300;
- color:{color:Color 1};
- }
- i {
- color:{color:Color 2};
- }
- u {
- color:{color:Color 3};
- }
- blockquote {
- border-left:1px solid #ededed;
- padding-left:10px;
- margin-left:6px;
- }
- h1 {
- font-family: 'Open Sans', sans-serif;
- font-size:25px;
- font-weight:bolder;
- letter-spacing:-1px;
- text-align:center;
- }
- #entries {
- width:500px;
- font-family: 'Open Sans', sans-serif;
- margin-left:600px;
- margin-top:50px;
- margin-bottom:30px;
- }
- #post {
- width:500px;
- margin-top:50px;
- }
- #post a:hover {
- text-decoration:none;
- color:{color:Hover};
- -webkit-animation: color 1s forwards;
- -moz-animation: color 1s forwards;
- -o-animation: color 1s forwards;
- }
- @-webkit-keyframes color {
- 0% { color:{color:Links}; }
- 50% { color: {color:Color 1}; }
- 100% { color: {color:Color 2}; }
- }
- @-moz-keyframes color {
- 0% { color:{color:Links}; }
- 50% { color: {color:Color 1}; }
- 100% { color: {color:Color 2}; }
- }
- @-o-keyframes color {
- 0% { color:{color:Links}; }
- 50% { color: {color:Color 1}; }
- 100% { color: {color:Color 2}; }
- }
- #sbar {
- margin-left:200px;
- margin-top:200px;
- position:fixed;
- width:245px;
- }
- #fluid {
- color:#eee;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-top:5px;
- text-align:center;
- }
- #style1 a:hover {
- color:{color:Color 2};
- }
- #style2 a:hover {
- color:{color:Color 3};
- }
- #style3 a:hover {
- color:{color:Color 1};
- }
- #cashmere1 a:hover {
- background-color:{color:Color 2};
- color:#fff;
- }
- #cashmere2 a:hover {
- background:{color:Color 3};
- color:#fff;
- }
- #cashmere3 a:hover {
- background:{color:Color 1};
- color:#fff;
- }
- #image img {
- width:245px;
- }
- #desc {
- padding:10px;
- background:#f5f5f5;
- margin-top:10px;
- text-align:center;
- text-transform:lowercase;
- }
- .he{
- margin-top:5px;
- height:30px;
- overflow:hidden;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- .he:hover{
- height:100px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .he:hover .picon2{
- background:{color:Icons Bg Hover};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- #she {
- font-family: 'Open Sans', sans-serif;
- margin-top:10px;
- text-transform:lowercase;
- text-align:center;
- }
- #she a {
- width:47px;
- text-align:center;
- display:inline-block;
- background:#f5f5f5;
- padding:6px;
- margin-bottom:5px;
- line-height:10px;
- }
- #misty {
- opacity:1;
- display:block;
- background:{color:Color 1};
- text-align:center;
- color:{color:Color 1};
- padding:5px;
- border:1px solid #fff;
- }
- #misty a{
- width:0px;
- height:0px;
- right:0px;
- display:block;
- opacity:1;
- background:{color:Color 1};
- text-align:center;
- color:{color:Color 1};
- padding:5px;
- border:1px solid #fff;
- }
- #misty a:hover {
- padding:5px;
- color:#fff;
- background:{color:Color 2};
- border:1px solid #f3f3f3;
- }
- #pagination {
- position:fixed;
- padding-top:10px;
- width:520px;
- font-size:8px;
- text-align:right;
- margin-left:600px;
- bottom:0px;
- padding-bottom:10px;
- letter-spacing:1px;
- background-color:#fff;
- }
- #pagination a {
- text-transform:uppercase;
- font-family:calibri;
- background-color:{color:Color 3};
- padding:5px;
- color:#fff;
- display:inline-block;
- }
- #pagination a:hover {
- color:#fff;
- background-color:{color:Color 2};
- }
- #month a {
- text-decoration:underline;
- color:{color:Color 3};
- }
- #xo {
- color:#ff0000;
- }
- #via a {
- color:{color:Color 2};
- }
- #info {
- color:#eee;
- text-align:left;
- margin-top:5px;
- border-bottom:1px solid #eee;
- padding-bottom:5px;
- text-transform:lowercase;
- -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;
- }
- #tags {
- text-align:left;
- margin-top:4px;
- }
- #ask {
- background:#fafafa;
- padding:16px;
- margin-top:-68px;
- margin-left:80px;
- }
- #askimg img {
- height:64px;
- width:64px;
- }
- #ask2 {
- margin-top:10px;
- }
- /*audio*/
- #song {
- font-size:8px;
- text-decoration:underline;
- letter-spacing:2px;
- padding:6px 0px 3px 0px;
- text-transform:uppercase;
- color:#aaa;
- }
- .albumart {
- width:50px;
- position:absolute;
- z-index:2;
- }
- .audiop {
- position:relative;
- min-height:56px;
- }
- .audioinfo {
- height:50px;
- padding:0px 7px;
- letter-spacing:1px;
- font-size:7px;
- line-height:170%;
- text-transform:uppercase;
- text-align:right;
- }
- .player {
- width:20px;
- height:20px;
- overflow:hidden;
- margin-top:6px;
- margin-left:6px;
- }
- .playerb {
- margin-top:5px;
- margin-left:5px;
- width:40px;
- height:40px;
- z-index:3;
- position:absolute;
- opacity:1;
- background-color:white;
- -webkit-transition:all 0.6s ease-out;
- -moz-transition:all 0.6s ease-out;
- transition:all 0.6s ease-out;
- }
- .audiop:hover .playerb {
- opacity:0.5;
- -webkit-transition:all 0.6s ease-out;
- -moz-transition:all 0.6s ease-out;
- transition:all 0.6s ease-out;}
- #quote {
- padding:10px;
- font-size:20px;
- line-height:90%;
- font-weight:900;
- font-family:arial;
- color:{color:Color 3};
- font-style:italic;
- text-align:justify;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #quote:hover {
- color:{color:Color 2};
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #source {
- text-align:center;
- padding:8px;
- }
- #chat1 {
- border-bottom:1px solid #ededed;
- border-top:1px solid #ededed;
- margin-top:10px;
- }
- {CustomCSS}</style></head><body>
- <div id="sbar">
- <div id="image">
- <img src="{image:Sidebar}" title="{Title}">
- </div>
- <div id="desc">
- {description}
- </div>
- <div id="fluid">
- <span id="style1"><a href="/">index</a></span> /
- <span id="style2"><a href="/ask">mssg</a></span> /
- <span id="style3"><a href="{text:Link 1}">{text:Link 1 Title}</a></span> /
- <span id="style1"><a href="{text:Link 2}">{text:Link 2 Title}</a></span> /
- <span id="style2"><a href="{text:Link 3}">{text:Link 3 Title}</a></span> /
- <span id="style3"><a href="{text:Link 4}">{text:Link 4 Title}</a></span>
- </div>
- {block:IfExtraLinks}
- <div class="he">
- <div class="picon2" style="padding:5px; text-align:right; font-size:8px; font-family:calibri; text-transform:uppercase; letter-spacing:1px; color:{color:Links}; background:#f5f5f5;">{text:Extra Links Title}</div>
- <div id="she">
- <span id="cashmere1"><a href="{text:Extra Link 1}">{text:Extra Link 1 Title}</a></span>
- <span id="cashmere2"><a href="{text:Extra Link 2}">{text:Extra Link 2 Title}</a></span>
- <span id="cashmere3"><a href="{text:Extra Link 3}">{text:Extra Link 3 Title}</a></span>
- <span id="cashmere1"><a href="{text:Extra Link 4}">{text:Extra Link 4 Title}</a></span>
- </div>
- </div>
- {/block:IfExtraLinks}
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <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 id="quote">
- {Quote}
- </div>
- {block:Source}
- <div id="source">
- {Source}
- </div>
- {/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name} →</a></h1>{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chat1"><b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div class="audiop">
- <div class="playerb"><div class="player">
- {AudioPlayerWhite}
- </div></div>
- <img class="albumart" img src="http://i.imgur.com/q1W8vCH.png"/>
- {block:AlbumArt}
- <img class="albumart" src="{AlbumArtURL}" />
- {/block:AlbumArt}
- <div class="audioinfo">
- {block:TrackName}<div id="song"><b>{TrackName}</b></div>{/block:TrackName}
- {block:Artist}{Artist}{/block:Artist}
- {block:Album}— {Album}{/block:Album}
- {block:Playcount}<br>PLAYED: {Playcount} times<br>{/block:Playcount}</div>
- </div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="askimg"><img src="{AskerPortraitURL-64}"></div>
- <div id="ask">
- <div style="font-size:14px; font-weight:lighter; font-style:italic;">{Asker}</div>
- {Question}
- </div>
- <div id="ask2">
- {Answer}</div>{/block:Answer}
- <div id="info">
- <span id="month"><a href="{permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a></span>
- <div style="float:right;">
- <span id="via">{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
- {block:ContentSource} /<a href="{SourceURL}"> source</a>{/block:ContentSource}</span> — <a href="{permalink}"><span id="xo">♥</span> {NoteCount}</a>
- </div>
- </div>
- <div id="tags">
- {block:HasTags}{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:Posts}
- <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
- </div>
- </body>
- <div id="misty"><div style="position:fixed;bottom:10px; text-transform:uppercase;right:10px; font-size:6px; letter-spacing:2px; font-family:trebuchet ms;"><a href="http://mclahei.tumblr.com" title="theme by júlia"></a></center></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement