Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <title>{Title}</title>
- <!-- variables -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#eeeeee"/>
- <meta name="color:Borders" content="#cccccc"/>
- <meta name="color:Accent 1" content="#888888"/>
- <meta name="color:Accent 2" content="#cccccc"/>
- <meta name="color:Accent 3" content="#8ED8D8"/>
- <meta name="color:Accent 4" content="#888888"/>
- <meta name="text:blog URL" content="/"/>
- <meta name="text:Link 1" content="any"/>
- <meta name="text:Link 2" content="moment"/>
- <meta name="text:Link 3" content="could"/>
- <meta name="text:Link 4" content="be"/>
- <meta name="text:Link 5" content="our"/>
- <meta name="text:Link 6" content="last"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 5 URL" content="/"/>
- <meta name="text:Link 6 URL" content="/"/>
- <meta name="color:Header" content="#f6f6f6"/>
- <meta name="color:Title" content="#ccc"/>
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <link href='http://fonts.googleapis.com/css?family=Dosis:200,400,600|Quicksand:300|Montserrat+Alternates|Reenie+Beanie|Meddon|Carme:100|Maven+Pro|Carme' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <style type="text/css">
- body {
- font-family: Quicksand;
- font-weight:100;
- font-size: 12px;
- color: {color:Text};
- background-color: {color:Background};
- }
- h1 {
- color:{color:Accent 3};
- font-size:14px;
- letter-spacing:2px;
- }
- h3 {
- color:{color:Accent 1};
- font-size:13px;
- text-transform:uppercase;
- }
- h4 {
- color:{color:Accent 1};
- font-size:13px;
- padding:8px;
- border:1px solid {color:Accent 1};
- display:inline-block;
- text-align:center;
- }
- h2 {
- color: {color:Accent 4};
- letter-spacing:2px;
- font-family: Quicksand;
- background-color:{color:Accent 2};
- padding:10px;
- text-transform: uppercase;
- display:inline-block;
- }
- a {
- text-decoration: none;
- color: {color:Accent 1};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- a:hover {
- text-decoration: none;
- color: #444444;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .posts a {
- color:{color:Link};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .posts a:hover {
- text-decoration:none;
- color: {color:Accent 3}
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- li {
- list-style: square;
- text-align:left;
- }
- .posts blockquote {
- color:{color:Accent 2};
- letter-spacing: 2px;
- text-size: 15px;
- border:1px solid {color:Borders};
- padding:10px;
- margin-left:auto;
- margin-right:auto;
- max-width:400px;
- }
- .block {
- text-align: center;
- width: 100%;
- height: 700px;
- }
- /* The ghost, nudged to maintain perfect centering */
- .block:before {
- content: '';
- display: inline-block;
- height: 100%;
- vertical-align: middle;
- margin-right: -0.25em; /* Adjusts for spacing */
- }
- .container {
- margin-top: 175px;
- display: inline-block;
- vertical-align: middle;
- width: 600px;
- }
- .header {
- width: 100%;
- height: 200px;
- z-index: 10;
- position: absolute;
- background-color: {color:Header};
- top:0px;
- left:0px;
- text-align:center;
- font-family: Quicksand;
- }
- .posts {
- width: 600px;
- margin-top:50px;
- padding-top:50px;
- padding-bottom:50px;
- max-width:600px;
- }
- #title {
- color:{color:Title};
- font-size:30px;
- letter-spacing:3px;
- text-transform:uppercase;
- padding-top:50px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #title a:hover {
- color: transparent;
- text-shadow: {color:Accent 3} 0 0 5px;
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #links {
- color:{color:Accent 1};
- font-size:30px;
- letter-spacing:3px;
- word-spacing:10px;
- text-transform:uppercase;
- z-index:10;
- padding-top:0px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #links a:hover {
- color: transparent;
- text-shadow: {color:Accent 3}; 0 0 5px;
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #description {
- color:{color:Accent 2};
- letter-spacing:2px;
- padding:15px;
- font-family:Quicksand;
- }
- .sub, .sub1 {
- margin-top:200px;
- padding:10px;
- width: 200px;
- height:200px;
- background-color: {color:Header};
- position: fixed;
- color: {color:Accent 2};
- font-size:12px;
- text-transform: lowercase;
- letter-spacing:2px;
- word-spacing: 3px;
- z-index:1;
- }
- .sub {
- margin-left:10px;
- }
- .sub1 {
- right:20px;
- margin-top:100px;
- width:500px;
- height:250px;
- padding:15px;
- }
- .sub2 {
- margin-top:0;
- width:100%;
- height:auto;
- margin-left:auto;
- margin-right:auto;
- background-color: {color:Header};
- position: absolute;
- }
- .container .posts .postinfo {
- {block:IndexPage}
- opacity: 0.0;
- position: absolute;
- margin-left:500px;
- margin-top:-300px;
- {/block:IndexPage}
- padding: 10px 20px;
- width: 200px;
- max-width: 300px;
- height:auto;
- background-color: {color:Background};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- {block:IndexPage}
- .container .posts:hover .postinfo {
- opacity:1;
- position:absolute;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- {/block:IndexPage}
- .likebu, .reblogbu {
- display:inline-block;
- padding:7px;
- }
- .quest {
- border: 1px solid {color:Borders};
- width:400px;
- margin-left:auto;
- margin-right:auto;
- }
- .question a {
- color: {color:Link};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .question a:hover {
- color: {color:Accent 3};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .question {
- width:400px;
- margin-left:auto;
- margin-right:auto;
- }
- .quote {
- width:400px;
- }
- .tags {
- border:1px {color:Borders} solid;
- padding:10px;
- max-width:400px;
- margin-left:auto;
- margin-right:auto;
- margin-top:20px;
- }
- .nav a{
- display:inline-block;
- color: {color:Accent 3};
- font-size:15px;
- letter-spacing:3px;
- text-transform:uppercase;
- padding:5px;
- margin-bottom:50px;
- margin-top:20px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .nav a:hover {
- color: transparent;
- text-shadow: {color:Accent 3} 0 0 5px;
- text-decoration:none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .notes li:nth-child(odd) {
- background-color:#F6F6F6;
- color:#222;
- padding:5px;
- list-style:upper-roman;
- }
- .notes li:nth-child(even) {
- background-color: {color:Background} ;
- color:#888;
- padding:5px;
- list-style:upper-roman;
- }
- ol {
- list-style:decimal-leading-zero;
- text-align:left;
- }
- ul {
- list-style:square;
- text-align:left;
- }
- .notes li: {
- list-style:upper-roman;
- padding:10px;
- }
- .audioinfo {
- text-align:center;
- background:{color:Background};
- color:#000;
- width:220px;
- left:50%;
- margin-left:-120px;
- margin-top:-65px;
- z-index:9999999999;
- opacity:0.5;
- position:absolute;
- padding:10px;
- overflow:hidden;
- }
- .pcount {
- margin-top:10px;
- }
- .cover {
- width:220px;
- position:relative;
- z-index:1;
- margin-right:auto;
- margin-left:auto;
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- z-index:5;
- margin: 15px 24px 13px 16px;
- }
- .playbox {
- background-color:{color:Background};
- position:absolute;
- z-index:5;
- width:55px;
- margin-left:188px;
- opacity:0.5;
- }
- .credit {
- padding-top:100px;
- position:fixed;
- height:5px;
- width:5px;
- }
- </style>
- </head>
- <body>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(600);
- });});
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub1").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough1").click(function()
- {
- jQuery(this).next(".sub1").slideToggle(600);
- });});
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub2").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough2").click(function()
- {
- jQuery(this).next(".sub2").slideToggle(600);
- });});
- </script>
- <div class="header">
- <div id="title"><a href="/">{Title}</a></div>
- <div id="description">{Description}</div>
- <div id="links">
- <a href="#" class="cthrough" title="updates">I</a>
- <div class="sub">
- <!-- enter your updates here -->
- <h1 style="text-transform:uppercase;">UPDATES</h1>
- <h3 style="text-align:left">watching:</h3> vikings</br>
- <h3 style="text-align:left">listening:</h3> chet faker</br>
- <h3 style="text-align:left">reading:</h3>the horse and his boy </br>
- <!-- end updates -->
- </div>
- {block:AskEnabled}<a href="#" class="cthrough1" title="ask">II</a>
- <div class="sub1">
- <h3>they envy us because we are mortal</h3>
- <iframe frameborder="0"
- height="200"
- id="ask_form"
- scrolling="no"
- src="http://www.tumblr.com/ask_form/{text:blog URL}.tumblr.com"
- width="100%">
- </iframe>
- </div>{/block:AskEnabled}
- <a href="#" class="cthrough2" title="links">III</a>
- <div class="sub2" style="text-align:center;">
- <h4><a href="{text:Link 1 URL}">{text:Link 1}</a></h4>
- <h4><a href="{text:Link 2 URL}">{text:Link 2}</a></h4>
- <h4><a href="{text:Link 3 URL}">{text:Link 3}</a></h4>
- <h4><a href="{text:Link 4 URL}">{text:Link 4}</a></h4>
- <h4><a href="{text:Link 5 URL}">{text:Link 5}</a></h4>
- <h4><a href="{text:Link 6 URL}">{text:Link 6}</a></h4>
- </div>
- <a href="/archive"> IV</a>
- </div>
- </div>
- <div class="block">
- <div class="container">
- <div class="postcol">
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}</p>
- <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
- {/block:Text}
- {block:Link}
- <a href="{URL}"><div class="linkname">{Name} →</div></a>
- {block:Description}
- <div class="linkdesc">
- {Description}
- </div>
- {/block:Description}
- <a class="date" style="margin-top:10px" href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
- {/block:Link}
- {block:Answer}
- <div class="question">
- <h2>{Asker} whispered: {Question}</h2>
- </div>
- <div class="quest">
- {Answer}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}</p>
- <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
- {/block:Answer}
- {block:Quote}
- <div class="quote" style="margin-top:60px; border:1px solid {color:Borders}; padding:20px; width:400px; margin-left:auto; margin-right:auto;">
- <div class="quotetext_{Length}"><h1>"{Quote}"</h1></div>
- {block:Source}<div class="source"> - {Source}</div>{/block:Source}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}</p>
- <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
- {/block:Quote}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}<div class="postinfo"><div class="photocap">{Caption}</div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div class="likebu">{LikeButton}</div><div class="reblogbu">{ReblogButton}</div></div>
- <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>{/block:Caption}
- {/block:Photoset}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
- {block:Caption}<div class="postinfo"><div class="photocap">{Caption}</div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div id="buttons">
- <div class="likebu">{LikeButton}</div><div class="reblogbu" >{ReblogButton}</div>
- </p>
- <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
- </div>
- </div>{/block:Caption}
- {/block:Photo}
- {block:Audio}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite} {/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="audioinfo">
- {block:TrackName}{TrackName}</br>{/block:TrackName}
- {block:Artist}Artist: {Artist}</br>{/block:Artist}
- {block:Album}Album: {Album}</br>{/block:Album}
- </div>
- {block:Caption}<div class="postinfo"><div class="photocap">{Caption}</div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div></br>
- <a class="date" href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- </div>
- {/block:Posts}
- <div class="permalink">
- {block:PermalinkPage}
- {Post}
- <div class="ncount">
- {NoteCount}
- </div>
- {block:PostNotes}
- <div class"notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- <div class="nav">
- {block:PreviousPage}<a href="{PreviousPage}">aft</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">fore</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div class="credit">
- <a href="http://jhxythemes.tumblr.com"><img style="height:50px; width:50px;"src="https://38.media.tumblr.com/690d59d5b30ad0628ab75ac7794c6ab9/tumblr_n9vk8a9IHR1r1bumeo1_100.png"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement