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>
- <!--- theme by jasnahdavar
- ----- DO NOT steal/redistribute/remove credit
- ----- ASK ME if you want to use as a base code i promise i'm nice
- ----- sidebar img automatically resizes to 200px wide
- ----- description can be as long as you want!
- ----- toggle number of navlinks/updates tab from customize page
- ----------------- UPDATES TAB HELP -------------
- ----- for your convenience the updates tab is the FIRST bit of code right under the <body> tag. PLEASE do not edit anything below that
- ----- the css for the updates tab is also the first bit of coding below <style type="text/css">
- ----- the color scheme for the updates tab:
- ----- update title color: title color
- ----- update subheading color: tags color
- ----- update subheading bg color: post info color
- ----- update text color: description color
- ----- if you're using the updates tab i'm assuming you're familiar with html. you can find all these colors on your customize page if you're not sure what i'm talking about
- ----- of course my askbox is always open! :)
- --->
- <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}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script type="text/javascript">// <![CDATA[
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- // ]]></script>
- <meta name="image:sidebar" content="">
- <meta name="color:background" content="#FFF">
- <meta name="color:text" content="#000">
- <meta name="color:link" content="#397da5">
- <meta name="color:title" content="#444">
- <meta name="color:description" content="#666">
- <meta name="color:navlink" content="#d6d6d6">
- <meta name="color:post info" content="#eee">
- <meta name="color:tags" content="#999">
- <meta name="color:border" content="#cfcfcf">
- <meta name="if:show navlink 1" content="1">
- <meta name="if:show navlink 2" content="1">
- <meta name="if:show navlink 3" content="1">
- <meta name="if:show navlink 4" content="1">
- <meta name="if:updates" content="1">
- <meta name="text:link 1" content="link">
- <meta name="text:link 1 url" content="url">
- <meta name="text:link 2" content="link">
- <meta name="text:link 2 url" content="url">
- <meta name="text:link 3" content="link">
- <meta name="text:link 3 url" content="url">
- <meta name="text:link 4" content="link">
- <meta name="text:link 4 url" content="url">
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical { height:12px; border:2px solid #fff; background-color:#cfcfcf; }
- ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; }
- ::-webkit-scrollbar { width:11px; height:7px; border:5px solid #fff; background-color:#cfcfcf; }
- /* UPDATES */
- #updates {
- position:fixed;
- left:20px;
- top:35px;
- z-index:20;
- width:200px;
- }
- .utitle {
- font-family:arial;
- font-size:13px;
- color:{color:title}; /* updates title color */
- font-weight:bold;
- text-transform:lowercase;
- }
- .utab {
- margin-top:5px;
- height:0px;
- overflow:hidden;
- opacity:0;
- color:{color:description}; /* updates text color */
- transition:0.6s;
- padding:2px;
- font-size:10px;
- font-weight:normal;
- text-transform:none;
- border-left:1px solid {color:border};
- border-right:1px solid {color:border};
- }
- .utitle:hover .utab {
- opacity:1;
- height:auto;
- }
- .utab a {
- color:{color:link};
- }
- .utab a:hover {
- color:{color:link};
- text-decoration:underline;
- }
- .usubh {
- color:{color:tags}; /* updates subheading color */
- padding:2px;
- text-transform:uppercase;
- background:{color:post info};
- text-align:Center;
- font-size:10px;
- margin-bottom:5px;
- margin-top:5px;
- }
- /* end updates */
- ol.notes {
- padding: 5px;
- margin: 25px 0px;
- list-style-type: circle;
- border-bottom: solid 1px #ccc;
- text-align:left;
- }
- ol.notes li.note {
- padding: 5px;
- font-weight: normal;
- text-align:left;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: normal;
- text-align:left;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- text-align:left;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 5px;
- margin: 10px 0px 0px 15px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:border};
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid {color:border};
- }
- /*----------------- TOOLTIP -----------------*/
- #s-m-t-tooltip{
- font-size:10px;
- position:absolute;
- margin-top: 15px;
- margin-left:15px;
- letter-spacing:1px;
- z-index:9999;
- background:{color:background};
- color:{color:description};
- padding:2px 3px 2px 3px;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- border:2px solid #999;
- }
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:cambria;
- font-size:11px;
- line-height:110%;
- font-style: none;
- }
- a:link, a:visited, a:active {
- color:{color:link};
- text-decoration: none;
- font-weight: normal;
- -webkit-transition: .6s;
- -moz-transition: .6s;
- transition: .6s;
- }
- a:hover {
- color:{color:text};
- text-decoration: none;
- font-weight: normal;
- -webkit-transition: .6s;
- -moz-transition: .6s;
- transition: .6s;
- }
- #fsks {
- position:fixed;
- bottom:0px;
- left:0px;
- width:100%;
- height:100px;
- background:{color:background};
- z-index:10;
- }
- #gsks {
- position:fixed;
- top:0px;
- left:0px;
- width:100%;
- height:50px;
- background:{color:background};
- z-index:10;
- }
- /* RIGHTBAR */
- #rightbar {
- position:fixed;
- left:50%;
- margin-left:230px;
- width:200px;
- bottom:110px;
- }
- .title {
- color:{color:title};
- font-family:'times new roman', serif;
- font-size:18px;
- font-weight:bold;
- }
- #rightbar img {
- margin-top:10px;
- width:200px;
- }
- /* LEFTBAR */
- #leftbar {
- position:fixed;
- left:50%;
- margin-left:-430px;
- width:200px;
- bottom:110px;
- }
- .desc {
- color:{color:description};
- font-size:10px;
- }
- .navl {
- margin-top:10px;
- text-align:center;
- }
- .navl a {
- background:{color:navlink};
- color:{color:title};
- padding:2px;
- display:inline-block;
- margin:2px;
- }
- .navl a:hover {
- color:{color:text};
- background:{color:post info};
- }
- /* PAGINATION */
- #pagination {
- position:fixed;
- left:50%;
- width:420px;
- margin-left:-210px;
- text-align:center;
- bottom:50px;
- z-index:20;
- color:{color:tags};
- }
- #pagination a {
- display:inline-block;
- color:{color:description};
- padding:5px;
- border-top:5px solid {color:post info};
- margin-left:5px;
- margin-right:5px;
- }
- #pagination a:hover {
- color:{color:text};
- border-top:5px solid {color:border};
- }
- .currentpage {
- padding:5px;
- border-top:5px solid {color:border};
- margin-left:5px;
- margin-right:5px;
- }
- /* ENTRIES */
- #entries {
- position:absolute;
- left:50%;
- width:420px;
- margin-top:50px;
- margin-left:-210px;
- margin-bottom:100px;
- text-align:Center;
- }
- #post {
- margin-bottom:25px;
- width:400px;
- padding-top:20px;
- text-align:left;
- }
- h1 {
- padding:5px 2px 5px 2px;
- font-size:14px;
- letter-spacing:1px;
- text-align:center;
- }
- /*ask*/
- #ask {
- padding-bottom:10px;
- min-height:50px;
- }
- .askimg {
- text-align:center;
- vertical-align:middle;
- width:50px;
- }
- .askimg img {
- margin-top:2px;
- }
- .asker {
- text-transform:uppercase;
- text-align:left;
- margin-bottom:5px;
- margin-top:-16px;
- margin-left:36px;
- }
- .asker a {
- margin-left:0px;
- }
- .asker a:hover {
- color:{color:text};
- }
- .question {
- width:390px;
- margin-left:10px;
- margin-top:10px;
- background:{color:post info};
- padding:5px;
- }
- /*quote*/
- #quote {
- padding:5px 2px 5px 2px;
- font-style:italic;
- font-size:14px;
- font-family:cambria;
- letter-spacing:1px;
- text-align:left;
- }
- /*chat*/
- .chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .chat li {
- padding: 2%;
- }
- /*audio*/
- .audio {
- height:100px;
- }
- .albumart {
- text-align:left;
- width:80px;
- height:80px;
- }
- .plays{
- text-align:center;
- padding-top:2px;
- padding-bottom:2px;
- width:80px;
- font-size:10px;
- }
- .audiotitle {
- margin-left:90px;
- text-align:left;
- height:20px;
- padding-top:10px;
- padding-bottom:10px;
- margin-top:-90px;
- }
- .artist {
- margin-left:90px;
- text-align:left;
- height:20px;
- padding-top:10px;
- padding-bottom:10px;
- }
- /* ---------- POST INFO ----------- */
- #info {
- display:inline-block;
- width:400px;
- padding-top:5px;
- font-family:cambria;
- margin-bottom:50px;
- color:{color:description};
- font-size:10px;
- margin-top:10px;
- }
- .date {
- padding-bottom:2px;
- border-bottom:1px solid {color:post info};
- margin-top:-10px;
- }
- .date a {
- background:{color:post info};
- padding:2px;
- }
- .notec {
- text-align:right;
- margin-top:2px;
- padding-bottom:2px;
- border-bottom:1px solid {color:post info};
- }
- .notec a {
- background:{color:post info};
- padding:2px;
- }
- #info a {
- color:{color:tags};
- }
- #info a:hover {
- color:{color:text};
- }
- #tags {
- letter-spacing:0px;
- font-size:10px;
- text-align:left;
- padding-bottom:5px;
- width:380px;
- margin-left:20px;
- font-style:italic;
- margin-top:2px;
- }
- .tagt {
- background:{color:post info};
- width:20px;
- margin-left:-20px;
- padding:2px;
- color:#999;
- text-transform:uppercase;
- font-style:normal;
- }
- .viasrc {
- text-align:center;
- padding-top:10px;
- }
- .viasrc a {
- background:none;
- text-align:center;
- }
- #tags a {
- margin-left:10px;
- display:inline-block;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -transition: all 0.6s ease-in-out;
- }
- #tags a:hover {
- display:inline-block;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -transition: all 0.6s ease-in-out;
- }
- /*---------------------------- DO NOT MOVE CREDIT --*/
- #credit {
- bottom:10px;
- right:5px;
- font-size:25px;
- position:fixed;
- z-index:15;
- }
- .cr {
- background:transparent;}
- #credit a {
- color:#999;
- }
- #credit a:hover {
- color:#eee;
- text-decoration:none;
- }
- .theme {
- width:0px;
- background:#999;
- color:#fff;
- height:18px;
- font-size:10px;
- margin-top:-20px;
- padding-top:2px;
- visibility:hidden; position:fixed;
- text-align:center;
- text-transform:uppercase;
- }
- .cr:hover .theme {
- visibility:visible;
- width:200px;
- margin-left:-200px;
- transition:0.6s;
- }
- {CustomCSS}</style>
- </head><body>
- {block:ifupdates}
- <!---------------- UPDATES -------------------------->
- <div id="updates">
- <div class="utitle">
- updates <!---- updates title (visible on your blog) ---->
- <div class="utab">
- <div class="usubh">
- updates subheading
- </div>
- write updates in this space
- <div class="usubh">
- second subheading
- </div>
- more updates in this space
- <!---- to add more subheadings copy the code below as many times as you need to
- --->
- <div class="usubh">
- SUBHEADING
- </div>
- TEXT
- <!------------ DO NOT EDIT BELOW THIS POINT
- -------------- EVERYTHING CAN BE DIRECTLY EDITED FROM YOUR CUSTOMIZE PAGE
- ---->
- </div>
- </div>
- </div>
- {/block:ifupdates}
- <div id="rightbar">
- <div class="title">{title}</div>
- <img src="{image:sidebar}">
- </div>
- <div id="leftbar">
- <div class="desc">
- {description}
- </div>
- <div class="navl">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:ifshownavlink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifshownavlink1}
- {block:ifshownavlink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifshownavlink2}
- {block:ifshownavlink3} <a href="{text:link 3 url}">{text:link 3}</a>{/block:ifshownavlink3}
- {block:ifshownavlink4} <a href="{text:link 4 url}">{text:link 4}</a>{/block:ifshownavlink4}
- </div>
- </div>
- <div id="gsks"></div>
- <div id="fsks"></div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <span class="arrows"><a href="{PreviousPage}">«</a></span>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="currentpage">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <span class="arrows"><a href="{NextPage}">»</a></span>
- {/block:NextPage}
- {/block:Pagination}</div>
- <div id="entries">
- {block:Posts}<div id="post">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="quote">"{Quote}</div>{block:Source} <br>—{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- <div class="chat">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px"style="margin-right:10px" />{/block:AlbumArt}</div><!--albumart-->
- <div class="plays">{PlayCount} ♫</div><!--playcount-->
- <div class="audiotitle">{block:TrackName}{TrackName}{/block:TrackName}</div><!--audiotitle-->
- <div class="artist">{block:Artist}{Artist}{/block:Artist}</div><!--artist-->
- </div><!--audio-->
- {AudioPlayerwhite}
- {/block:ExternalAudio}<br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask">
- <div class="askimg">
- <img src="{AskerPortraitURL-16}"></div>
- <div class="asker">{Asker}</div>
- <div class="question">
- {Question}</div></div>{Answer}{/block:Answer}
- <div id="info">
- <div class="viasrc">
- {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> /{/block:RebloggedFrom}{block:ContentSource}/ src <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
- </div>
- <div class="date">
- <a href="{Permalink}">{DayofMonthwithzero}.{MonthNumberwithzero}.{ShortYear} </a>
- </div>
- <div class="notec"> ♡<a href="{Permalink}">{NoteCount}</a></div>
- {block:HasTags}<div id="tags"><span class="tagt">tags:</span>{block:Tags}<a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <div id="credit"><div class="cr"><a href="http://jasnahdavar.tumblr.com">©</a>
- <div class="theme">theme by jasnahdavar</div></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement