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}
- <link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".slidingDiv1").hide();
- $(".show_hide1").show();
- $('.show_hide1').toggle(function(){
- $(".slidingDiv1").slideDown(
- function(){
- $("#navigation").text("navigation")
- }
- );
- },function(){
- $(".slidingDiv1").slideUp(
- function(){
- $("#navigation").text("navigation")
- }
- );
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $(".slidingDiv2").hide();
- $(".show_hide2").show();
- $('.show_hide2').toggle(function(){
- $(".slidingDiv2").slideDown(
- function(){
- $("#navigation").text("navigation")
- }
- );
- },function(){
- $(".slidingDiv2").slideUp(
- function(){
- $("#navigation").text("navigation")
- }
- );
- });
- });
- </script>
- </head>
- <!------------------------
- THEME #19 - by SKYWWALKER
- skywwalker.tumblr.com
- - DO NOT COPY.
- - DO NOT CLAIM AS YOUR OWN.
- - DO NOT USE AS A BASE THEME.
- - DO NOT REMOVE THE CREDIT.
- ------------------------>
- <meta name="color:Side" content="#0d0d0d"/>
- <meta name="color:Intro" content="#e2e2e2"/>
- <meta name="color:Nav color" content="#e8e8e8"/>
- <meta name="color:Nav background" content="#333333"/>
- <meta name="color:Nav border" content="#111111"/>
- <meta name="color:NavHover color" content="#3b3b3b"/>
- <meta name="color:NavHover background" content="#006c9b"/>
- <meta name="color:NavHover border" content="#003b60"/>
- <meta name="color:Links color" content="#e4e4e4"/>
- <meta name="color:Links background" content="#222"/>
- <meta name="color:Links border" content="#111"/>
- <meta name="color:Links" content="#9b9b9b"/>
- <meta name="image:Side" content="">
- <meta name="image:Sidebar" content="">
- <meta name="text:Link1 URL" content="/" />
- <meta name="text:Link1" content="home" />
- <meta name="text:Link2 URL" content="/ask" />
- <meta name="text:Link2" content="ask" />
- <meta name="text:Link3 URL" content="/archive" />
- <meta name="text:Link3" content="archive" />
- <meta name="text:Link4 URL" content="/" />
- <meta name="text:Link4" content="link 4" />
- <meta name="text:Link5 URL" content="/" />
- <meta name="text:Link5" content="link 5" />
- <meta name="text:Link6 URL" content="/" />
- <meta name="text:Link6" content="link 6" />
- <style type="text/css">
- body {
- background:#fff;
- background-repeat:repeat;
- background-attachment:fixed;
- margin:0px;
- color:{color:text};
- font-size:11px;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- img {border:none;}
- blockquote {
- width:430px;
- padding-left:20px;
- border-left:1px solid #e7e7e7;
- margin-left:10px;
- margin-top:12px;
- }
- blockquote img {width: 100%; height:100%;}
- blockquote blockquote {
- width:399px;
- }
- blockquote blockquote blockquote {
- width:368px;
- }
- blockquote blockquote blockquote blockquote {
- width:337px;
- }
- blockquote blockquote blockquote blockquote {
- width:337px;
- }
- blockquote blockquote blockquote blockquote blockquote {
- width:306px;
- }
- blockquote blockquote blockquote blockquote blockquote blockquote {
- width:275px;
- }
- h1 {
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:10px;
- }
- h2 {
- font-family:arial;
- line-height:150%;
- letter-spacing:1px;
- font-size:9px;
- padding:20px;
- color:#777;
- font-weight:normal;
- }
- /* SIDE */
- #side {
- left:0px;
- top:0px;
- position:fixed;
- width:220px;
- height:100%;
- background-color:{color:Side};
- background-image:url({image:Side});
- background-position:left bottom;
- background-repeat:no-repeat;
- }
- .intro {
- letter-spacing:0px;
- color:{color:Intro};
- width:120px;
- padding:5px;
- font-family:arial;
- font-size:10px;
- text-align:right;
- margin-top:80px;
- line-height:130%;
- }
- .navigation {
- letter-spacing:1px;
- font-size:11px;
- font-family:arial;
- margin-top:10px;
- width:100px;
- font-family:arial;
- padding:12px 14px 12px 16px;
- color:{color:Nav color};
- background-color:{color:Nav background};
- border:1px solid {color:Nav border};
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:1.9s;
- }
- .navigation a {
- color:{color:Nav color};
- }
- .navigation:hover {
- background-color:{color:NavHover background};
- border:1px solid {color:NavHover border};
- color:{color:NavHover color};
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:1.9s;
- }
- .updates {
- letter-spacing:0px;
- text-align:justify;
- display:inline-block;
- width:120px;
- padding:5px;
- margin-top:4px;
- color:{color:Intro};
- font-family:calibri;
- font-size:10px;
- line-height:130%;
- margin-bottom:2px;
- }
- /* NAVIGATION */
- .nav {
- width:128px;
- font-family:calibri;
- font-size:10px;
- text-align:center;
- margin-top:6px;
- }
- .nav a {
- letter-spacing:1px;
- text-align:right;
- display:inline-block;
- width:102px;
- padding:6px 12px 6px 12px;
- margin-top:3px;
- color:{color:Links color};
- background-color:{color:Links background};
- border:1px solid {color:Links border};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.2s;
- }
- .nav a:hover {
- letter-spacing:4px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.3s;
- }
- /* SIDEBAR */
- #imagesidebar {
- width:150px;
- text-align:center;
- }
- #imagesidebar img {
- width:125px;
- }
- #sidebar {
- width:150px;
- position:fixed;
- margin-top:79px;
- margin-left:260px;
- }
- #description {
- background-color:#f9f9f9;
- color:#777;
- width:100px;
- padding:25px;
- font-family:calibri;
- font-size:10px;
- text-align:justify;
- margin-top:5px;
- line-height:140%;
- }
- /* POSTS */
- #entries {
- margin-left:460px;
- height:100%;
- width:400px;
- margin-top:-40px;
- padding:40px;
- }
- #post {
- font-family: arial;
- color:#777;
- font-size:9px;
- text-align:justify;
- line-height:130%;
- margin-top:90px;
- width:500px;
- padding-bottom:5px;
- }
- #caption {
- background-color:#fafafa;
- padding:20px 40px 20px 40px;
- margin-top:7px;
- }
- #caption a {text-decoration:underline;}
- /* ASK */
- #asker {
- font-family:calibri;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #question {
- background-color:#f9f9f9;
- width:450px;
- padding:25px;
- font-family:arial;
- font-size:9px;
- text-align:justify;
- line-height:150%;
- }
- #answer {
- background-color:#f9f9f9;
- width:450px;
- padding:16px 25px 16px 26px;
- font-family:arial;
- font-size:9px;
- text-align:justify;
- margin-top:5px;
- line-height:150%;
- }
- #question a {
- text-decoration:underline;
- }
- #answer a {
- text-decoration:underline;
- }
- /* AUDIO */
- .playbutton {
- overflow:hidden;
- position:relative;
- z-index:1000;
- width:26px;
- height:26px;
- margin:11px 11px 11px 11px;
- }
- .playbox {
- float:left;
- background-color:#000;
- position:absolute;
- z-index:1000;
- width:50px;
- height:50px;
- margin:30px;
- -webkit-border-radius:50px;
- -moz-border-radius:50px;
- opacity:0.2;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .playbox:hover {
- opacity:0.9;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .details {
- float:right;
- width:333px;
- background-color:#f9f9f9;
- padding:25px;
- height:60px;
- line-height:150%;
- font-family:arial;
- letter-spacing:1px;
- font-family:arial;
- text-transform:lowercase;
- }
- .details i {
- font-style:normal;
- font-family:calibri;
- font-size:11px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .details b {
- font-family:calibri;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .cover {
- position: relative;
- z-index: 1;
- width:80px;
- height:80px;
- outline:15px solid #f9f9f9;
- margin:15px;
- }
- ul.chat, .chat ol, .chat li {list-style:none; margin:1px; padding:6px}
- /* INFO, TAGS & NOTES */
- #info {
- width:500px;
- margin-top:13px;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:left;
- color:#777;
- padding:7px 0px 3px 0px;
- border-top:1px solid #f1f1f1;
- }
- #info a {text-decoration:none; color:#888;}
- #info a:visited {text-decoration:none; color:#888;}
- #tags {
- width:500px;
- line-height:150%;
- text-align:left;
- font-family:arial;
- font-size:8px;
- letter-spacing:1px;
- text-transform:lowercase;
- padding:0px 0px 6px 0px;
- opacity:0;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #post:hover #tags {
- opacity:1;
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:1.0s;
- }
- #tags a {color:#777; margin:0px 2px 0px 2px; text-decoration:none; margin:0px 7px 0px 0px;}
- #tags a:hover {text-decoration:underline;}
- #notes {
- font-family:arial;
- margin-top:20px;
- margin-left:-40px;
- width:500px;
- text-transform:lowercase;
- line-height:90%;
- color:#888;
- font-size:10px;
- }
- ol.notes li {
- border-bottom:1px solid #f5f5f5;
- list-style:none;
- padding:8px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- ol.notes li img {opacity:0}
- /* CREDIT */
- #credit a {
- position:fixed;
- bottom:8px;
- right:8px;
- font-family:calibri;
- font-size:11px;
- color:#777;
- text-transform:uppercase;
- background-color:#f9f9f9;
- padding:6px;
- letter-spacing:1px;
- border:1px solid #f3f3f3;
- }
- #credit a:hover {
- background-color:#f3f3f3;
- color:#555;
- border:1px solid #ececec;
- }
- {CustomCSS}</style><body>
- <div id="side">
- <center>
- <div class="intro" align="justify">
- <!-- DESCRIPTION BEGINS -->
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi volutpat dignissim nisi, ut rutrum nunc venenatis vitae. Proin ac nunc at elit hendrerit posuere ac vel leo.
- <!-- DESCRIPTION ENDS -->
- </div><br><br>
- <div class="navigation" align="right">
- <a href="#" class="show_hide1">navigation</a>
- </div>
- <div class="slidingDiv1">
- <div class="nav">
- <!-- NAVIGATION BOXES BEGIN -->
- <a href="{text:Link1 URL}">{text:Link1}</a><br>
- <a href="{text:Link2 URL}">{text:Link2}</a><br>
- <a href="{text:Link3 URL}">{text:Link3}</a><br>
- <a href="{text:Link4 URL}">{text:Link4}</a><br>
- <a href="{text:Link5 URL}">{text:Link5}</a><br>
- <a href="{text:Link6 URL}">{text:Link6}</a>
- <!-- NAVIGATION BOXES END -->
- </div>
- </div>
- <div class="navigation" align="right">
- <a href="#" class="show_hide2">updates</a>
- </div>
- <div class="slidingDiv2">
- <div class="updates">
- <!-- UPDATES BEGIN -->
- Cantami, o Diva, del Pelide Achille l'ira funesta che infiniti addusse lutti agli Achei, molte anzi tempo all'Orco generose travolse alme d'eroi.
- <!-- UPDATES ENDS -->
- </div>
- </div>
- {block:Pagination}
- {block:NextPage}<div class="navigation" align="right">
- <a href="{NextPage}">back</a>
- </div>{/block:NextPage}
- {block:PreviousPage}<div class="navigation" align="right">
- <a href="{PreviousPage}">forth</a>
- </div>{/block:PreviousPage}
- {/block:Pagination}
- </center>
- </div>
- <div id="sidebar">
- <div id="imagesidebar"><a href="/"><img src="{image:Sidebar}"></a></div>
- <div id="description">
- {Description}
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div id="caption">{Body}</div>{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}<h2>{Quote}</h2> {block:Source} <div id="caption">– {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<div id="caption">"<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}
- {block:AudioPlayer}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="details">
- {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
- {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
- {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
- <b>Playcount:</b> {PlayCountWithLabel}
- </div>
- {/block:AudioPlayer}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="askbox">
- <div id="asker" align="right">{Asker} asked:</div>
- <div id="question">{Question}</div>
- <div id="answer">{Answer}</div>
- </div>
- {/block:Answer}
- <div id="info">
- {block:Date}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date}
- {block:NoteCount}
- with <a href="{Permalink}">{NoteCount} notes</a> <font color="F61313">♥</font>
- {/block:NoteCount}
- {block:RebloggedFrom}
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- (<a href="{SourceURL}">source</a>)
- {/block:ContentSource}
- </div>
- {block:HasTags}<div id="tags">
- {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags} </div>
- {/block:HasTags}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div>{/block:Posts}</div>
- <div id="credit">
- <a href="http://skywwalker.tumblr.com/">©SW</a>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement