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 this as a base code i promise i'm nice
- ----- sidebar image width is 200px, !!MAX-HEIGHT IS 200PX!!
- ----- COLOURS -----------------------------------------------
- ------------- iphone: the border of the two phones
- ------------- iphone case: the background of the case
- ------------- iphone navlinks: the ask/submit/archive/credit buttons
- --->
- <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="color:background" content="#fff">
- <meta name="color:text" content="#000">
- <meta name="color:link" content="#ff0066">
- <meta name="color:link hover" content="#000">
- <meta name="color:iphone" content="#000">
- <meta name="color:iphone case" content="#ffdada">
- <meta name="color:iphone navlinks" content="#ff72a1">
- <meta name="color:post info" content="#999">
- <meta name="color:pagination" content="#cfcfcf">
- <meta name="color:ask bg" content="#eee">
- <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="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">
- <meta name="image:sidebar" content="">
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical { height:12px; border:2px solid #fff; background-color:#cfcfcf; border-radius:5px; }
- ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; }
- ::-webkit-scrollbar { width:11px; height:7px; border:5px solid {color:background}; background-color:#cfcfcf; }
- ::selection {
- background:#000;
- color:#fff;
- }
- ol.notes {
- padding: 5px;
- margin: 25px 0px;
- list-style-type: circle;
- border-bottom: solid 1px #ccc;
- text-align:left;
- font-size:10px;
- }
- 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:5px;
- border-left:2px solid {color:text};
- }
- blockquote blockquote {
- padding:5px;
- border-left:2px solid {color:text};
- }
- /*----------------- TOOLTIP -----------------*/
- #s-m-t-tooltip{
- font-size:10px;
- position:absolute;
- margin-top: 15px;
- margin-left:15px;
- letter-spacing:1px;
- z-index:9999;
- background:white;
- color:#666;
- text-transform:uppercase;
- 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:115%;
- 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 {
- text-decoration: underline;
- color:{color:text};
- font-weight: normal;
- -webkit-transition: .6s;
- -moz-transition: .6s;
- transition: .6s;
- }
- h1 {
- font-family:arial;
- font-size:14px;
- }
- /*-------------- CASES -----------------*/
- #case1 {
- position:fixed;
- height:450px;
- width:300px;
- border-top:50px solid {color:iphone};
- border-bottom:50px solid {color:iphone};
- border-right:10px solid {color:iphone};
- border-left:10px solid {color:iphone};
- border-radius:20px;
- left:50%;
- top:50%;
- margin-left:-400px;
- margin-top:-275px;
- }
- #case2 {
- position:fixed;
- height:530px;
- width:300px;
- border-top:10px solid {color:iphone};
- border-bottom:10px solid {color:iphone};
- border-right:10px solid {color:iphone};
- border-left:10px solid {color:iphone};
- border-radius:20px;
- left:50%;
- top:50%;
- margin-top:-275px;
- background:{color:iphone case};
- }
- /*------- iphone buttons -----------*/
- #homebutton {
- background:#666;
- opacity:0.7;
- position:fixed;
- z-index:10;
- margin-left:130px;
- margin-top:460px;
- width:30px;
- height:30px;
- border-radius:30px;
- }
- #square {
- width:15px;
- height:15px;
- border:1px solid #eee;
- border-radius:5px;
- margin-left:6px;
- margin-top:6px;
- }
- #homebutton:hover {
- background:#999;
- }
- #frontcam {
- position:fixed;
- border:5px solid #666;
- background:#cfcfcf;
- width:5px;
- height:5px;
- border-radius:10px;
- margin-left:140px;
- margin-top:-40px;
- }
- #rect {
- position:fixed;
- margin-top:-20px;
- margin-left:112px;
- border-radius:3px;
- height:5px;
- width:70px;
- background:#666;
- box-shadow:2px 2px 0px solid #666;
- }
- #backcam1 {
- width:5px;
- height:5px;
- border:10px solid #666;
- background:#cfcfcf;
- margin-left:10px;
- margin-top:10px;
- border-radius:25px;
- position:fixed;
- }
- #nav {
- margin-left:45px;
- margin-top:15px;
- position:fixed;
- display:inline-block;
- }
- .navlink {
- background:#cfcfcf;
- width:10px;
- height:10px;
- border-radius:10px;
- display:inline-block;
- margin-right:10px;
- }
- .navlink:hover {
- background:#eee;
- }
- /* ------------- SIDEBAR ----------*/
- #sidebar {
- position:fixed;
- width:250px;
- margin-left:25px;
- margin-top:100px;
- }
- .title {
- border-bottom:1px solid {color:text};
- font-family:arial;
- font-size:16px;
- font-weight:bold;
- color:{color:text};
- text-align:right;
- }
- .sbimg {
- margin-top:10px;
- text-align:center;
- }
- .sbimg img {
- width:200px;
- max-height:200px;
- }
- .desc {
- font-family:calibri;
- font-size:11px;
- margin-top:10px;
- }
- /*----- HOMELINKS ----------*/
- #homelinks {
- position:fixed;
- margin-top:407px;
- width:300px;
- height:40px;
- display:inline-block;
- text-align:Center;
- border-top:1px solid #eee;
- background:#eee;
- }
- .homel {
- display:inline-block;
- width:33px;
- height:23px;
- padding-top:10px;
- border-radius:7px;
- border:1px solid #cfcfcf;
- background:{color:iphone navlinks};
- text-align:Center;
- font-size:20px;
- color:{color:text};
- margin-top:2px;
- }
- .homel:hover {
- background:{color:text};
- color:{color:iphone navlinks};
- transition:0.4s;
- -webkit-transition:0.4s;
- -moz-transition:0.4s;
- }
- /*------------- PAGINATION ----------------*/
- #prev {
- position:fixed;
- margin-top:460px;
- width:250px;
- text-align:left;
- margin-left:25px;
- font-size:30px;
- }
- #prev a {
- color:{color:pagination};
- width:30px;
- height:30px;
- }
- #prev a:hover {
- color:{color:background};
- text-decoration:none;
- }
- #next {
- position:fixed;
- margin-top:460px;
- width:250px;
- text-align:right;
- margin-left:25px;
- font-size:30px;
- }
- #next a {
- color:{color:pagination};
- width:30px;
- height:30px;
- }
- #next a:hover {
- text-decoration:none;
- color:{color:background};
- }
- /*--------- POSTS ------------*/
- #entries {
- position:fixed;
- width:300px;
- height:410px;
- overflow:auto;
- background:{color:background};
- }
- #post {
- width:250px;
- padding:10px;
- }
- /*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;
- }
- /* chat */
- .chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .chat li {
- border-radius: 0.2em;
- border: 1px solid rgba(0, 0, 0, 0.05);
- box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
- margin-bottom: 2%;
- padding: 2%;
- width: 50%;
- }
- .chat .odd {
- float: left;
- background: rgb(236, 236, 236);
- }
- .chat .even {
- float: right;
- background: rgb(166, 230, 255);
- }
- /* quote */
- #quote {
- font-style:italic;
- font-size:13px;
- }
- /*ask*/
- .question {
- width:250px;
- background:{color:ask bg};
- padding:5px;
- text-transform:none;
- }
- .answer {
- text-align:right;
- }
- .asker {
- font-style:none;
- font-weight:bold;
- }
- /*------------- POST INFO --------------*/
- #info {
- display:inline-block;
- text-align:center;
- width:250px;
- margin-left:10px;
- font-family:cambria;
- margin-top:10px;
- margin-bottom:50px;
- font-size:10px;
- color:#666;
- }
- #info a {
- color:{color:post info};
- }
- #tags {
- letter-spacing:0px;
- font-size:10px;
- padding-top:5px;
- text-align:center;
- padding-bottom:5px;
- font-style:italic;
- }
- #tags a {
- margin-right: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;
- }
- {CustomCSS}</style>
- </head><body>
- <div id="case2">
- <div id="backcam1"></div>
- <div id="nav">
- {block:ifshownavlink1} <a href="{text:link 1 url}" title="{text:link 1}"><div class="navlink"></div></a> {/block:ifshownavlink1}
- {block:ifshownavlink2} <a href="{text:link 2 url}" title="{text:link 2}"><div class="navlink"></div></a> {/block:ifshownavlink2}
- {block:ifshownavlink3} <a href="{text:link 3 url}" title="{text:link 3}"><div class="navlink"></div></a> {/block:ifshownavlink3}
- {block:ifshownavlink4} <a href="{text:link 4 url}" title="{text:link 4}"><div class="navlink"></div></a> {/block:ifshownavlink4}
- </div>
- <div id="sidebar">
- <div class="title">{title}</div>
- <div class="sbimg">
- <img src="{image:sidebar}">
- </div>
- <div class="desc">
- {description}</div>
- </div>
- </div>
- <div id="case1">
- <a href="/" title="home">
- <div id="homebutton">
- <div id="square"></div>
- </div>
- </a>
- <div id="frontcam"></div>
- <div id="rect"></div>
- <div id="homelinks">
- <a href="/ask" title="ask"><div class="homel">✉</div></a>
- <a href="/submit" title="submit"><div class="homel">✎</div></a>
- <a href="/archive" title="past"><div class="homel">📂</div></a>
- <a href="http://jasnahdavar.tumblr.com" target="_blank" title="credit"><div class="homel">©</div></a>
- </div>
- {block:Pagination}
- <div id="prev">
- {block:PreviousPage}
- <a href="{PreviousPage}"> <</a>
- {/block:previouspage}
- </div>
- <div id="next">
- {block:nextpage}
- <a href="{NextPage}" class="a1"> > </a>
- {/block:nextpage}
- </div>
- {/block:pagination}
- <!--pagination-->
- <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}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-250}{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">
- <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}<strong>Title:</strong> {TrackName}{/block:TrackName} {block:Artist}<br><strong>Artist:</strong> {Artist}{/block:Artist}</div><!--audiotitle-->
- </div><!--audio-->
- {AudioPlayerwhite}
- {/block:ExternalAudio}<br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="question"><span class="asker">{Asker}</a>:</span><br> {Question}</div><div class="answer">{Answer}{/block:Answer}</div>
- <div id="info"><a href="{Permalink}">{TimeAgo} + {NoteCount} </a> // <a href="{reblogurl}" target="_blank">reblog</a>
- {block:permalinkpage}<br>{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} // {block:ContentSource} src <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{/block:permalinkpage}
- {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement