Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--theme by magneito
- base code by farahmir-->
- <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}
- <!--Default Variables-->
- <meta name="image:background" content="https://31.media.tumblr.com/39881f59463b0ac25c5ec8241be96cb9/tumblr_inline_n8ubbnKTca1rpltef.png"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:link hover" content="#FFF661"/>
- <meta name="color:title"content="#000000"/>
- <meta name="color:blog title"content="#000000"/>
- <meta name="color:scrollbar" content="#d5d5d5" />
- <meta name="color:border" content="#ffb7e0"/>
- <meta name="color:pagination background" content="#f0e4ea"/>
- <meta name="color:scrollbar background" content="#ead9d9" />
- <meta name="color:link background" content="#f4f4f4" />
- <meta name="color:more background" content="#000" />
- <meta name="color:box" content="#96ecff" />
- <meta name="color:posts" content="#fff" />
- <meta name="image:Sidebar image" content=""/>
- <meta name="image:box" content=""/>
- <meta name="if:Stretch Background" content="0"/>
- <meta name="if:Stretch Box Background" content="1"/>
- <meta name="if:Show Sidebar Image" content="0"/>
- <meta name="if:Uncontained Posts" content="0"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4" content="" />
- <!-- jquery -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (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>
- <script>
- $(document).ready(function(){
- $(".uk").click(function(){
- $("#updates").fadeToggle(600);
- });
- });
- </script>
- <!--CSS customization here. -->
- <style type="text/css">
- #s-m-t-tooltip{
- font-size:9px;
- position:absolute;
- margin:25px 15px;
- z-index:9999;
- background:{color:background};
- border:1px solid {color:accents};
- box-shadow:2px 2px 2px #ccc;
- color:{color:text};
- padding:3px 5px;
- }
- /*scrollbar*/
- ::-webkit-scrollbar{height: 5px;
- width: 4px;
- -webkit-border-radius: 0px;
- background-color:{color:scrollbar background}}
- ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:{color:scrollbar background};}
- /*main structure*/
- blockquote {padding:5px 0 5px 15px;
- border-left:1px solid {color:border};
- margin:10px 0px 10px 15px;
- }
- .caption blockquote {padding:0 0 0 15px;
- margin:10px 0;
- }
- body {
- background:{color:background};
- color:{color:text};
- font-family:arial;
- font-size:11px;
- text-align:justify;
- margin:0;
- line-height:15px;
- background:{color:background} url('{image:background}') center center fixed repeat;
- {block:ifstretchbackground}
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:ifstretchbackground}
- }
- a {color:{color:link};
- text-decoration:none;
- font-weight:bold;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- img{
- border:none;
- text-decoration:none}
- b, strong {
- color:{color:title}}
- i, em {
- color:{color:text}}
- p {
- margin-top:5px;
- margin-bottom:5px}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:10px;}
- big {
- font-size:14px;}
- #title {font-size:14px;
- line-height:18px;
- margin-bottom:10px;
- color:{color:title};}
- #title a {color:{color:title};}
- /*header*/
- #sidebar {
- top:98px;
- width:200px;
- text-align:left;
- position:fixed;
- margin-left:-220px;
- {block:ifnotshowsidebarimage}
- margin-top:110px;
- {/block:ifnotshowsidebarimage}
- }
- #side img {
- height:60px;
- width:60px;
- margin-top:110px;
- margin-left:100px;
- {block:ifboxshadow}
- -webkit-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- {/block:ifboxshadow}
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- #side img:hover {
- -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px);
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #blogtitle{
- width:470px;
- padding-top:10px;
- padding-bottom:10px;
- {block:ifnotUncontainedPosts}
- position:fixed;
- margin-top:120px;
- {/block:ifnotUncontainedPosts}
- background-color:{color:pagination background};
- text-align:center;
- border:solid 1px {color:border};
- {block:ifUncontainedPosts}
- margin-top:0px;
- {/block:ifnotUncontainedPosts}
- margin-left:0px;
- font-size:14px;
- word-spacing:3px;
- text-transform:uppercase;
- font-weight:bold;
- word-spacing:3px;
- letter-spacing:2px;
- {block:ifUncontainedPosts}
- position:relative;
- {/block:ifUncontainedPosts}
- }
- #blogtitle a{
- font-size:14px;
- word-spacing:3px;
- text-transform:uppercase;
- font-weight:bold;
- word-spacing:3px;
- letter-spacing:2px;
- }
- #blogtitle:hover a{
- color:{color:text};
- color: transparent;
- text-shadow: 0 0 3px rgba(0,0,0,0.3);
- }
- #bloglinks {
- font-size:9px;
- width:187px;
- letter-spacing:1px;
- margin-left:0px;
- text-transform:none;
- }
- #bloglinks a {padding:4px 10px;
- background:{color:link background};
- font-weight:normal;
- width:52px;
- float:left;
- margin:5px;
- border:solid 1px {color:border};
- border-radius:1px;
- {block:ifboxshadow}
- -webkit-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- {/block:ifboxshadow}
- }
- #description {
- margin:15px 0;
- max-width:150px;
- padding:10px;
- border-radius:3px;
- background-color:{color:link background};
- border:solid 1px {color:border};
- }
- #updates {display:none;}
- .uk {cursor:pointer;
- }
- select {border:none;
- text-transform:capitalize;
- -webkit-appearance: none;cursor:pointer;
- }
- #link {
- display:inline-block;
- cursor:pointer;
- }
- select:hover {background:{color:link background}color:{color:link};
- }
- /*pagination*/
- #pagination {
- width:470px;
- padding-top:10px;
- padding-bottom:10px;
- position:fixed;
- background-color:{color:pagination background};
- text-align:center;
- border:solid 1px {color:border};
- margin-top:450px;
- margin-left:-1px;
- font-size:11px;
- word-spacing:1px;
- text-transform:lowercase;
- font-weight:thin;
- {block:ifboxshadow}
- -webkit-box-shadow: 10px 10px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 10px 10px 2px rgba(0,0,0,.2);
- box-shadow: 10px 10px 2px rgba(0,0,0,.2);
- {/block:ifboxshadow}
- {block:ifUncontainedPosts}
- position:relative;
- margin-top:30px;
- {/block:ifUncontainedPosts}
- }
- #pagination a {
- margin:0 35px;
- text-decoration:none;
- }
- #pagination a:hover {color:transparent;text-shadow: 0 0 3px rgba(0,0,0,0.4);}
- #con {left:50%;
- position:absolute;
- {block:if500pxposts}
- margin-left:-250px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- margin-left:-200px;
- {/block:ifnot500pxposts}}
- /*posts*/
- #entries {
- {block:ifnotUncontainedPosts}
- margin-top:30px;
- {/block:ifnotUncontainedPosts}
- {block:ifUncontainedPosts}
- margin-top:50px;
- {/block:ifUncontainedPosts}
- margin-left:24px;
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- width:400px;
- {/block:ifnot500pxposts}
- }
- .posts {display:block;
- width:400px;
- position:relative;
- background:{color:posts};
- padding:9px;
- padding-bottom:0px;
- border:1px solid {color:border};
- margin-bottom:50px;
- }
- .posts img, iframe {
- max-width:400px;
- display:block;
- }
- #textpost {
- max-width:90%;
- margin-left:8px;
- }
- /*images*/
- .posts img, .posts li, .posts blockquote {max-width: 100%;}
- .caption img{max-width:350px;}
- .caption {width:95%;
- margin-top:15px;
- text-transform:none;
- {block:ifhidecaptions}
- {block:indexpage}
- display:none;
- {/block:indexpage}
- {/block:ifhidecaptions}
- }
- .container { {block:ifnotUncontainedPosts}max-height: 450px; height:450px;{/block:ifnotUncontainedPosts}{block:ifUncontainedPosts}margin-top:-2px;{/block:ifUncontainedPosts} width:470px; overflow: auto;padding-top:0px; {block:ifnotUncontainedPosts}margin-top:-2px;{/block:ifnotUncontainedPosts} background:white; border:1px solid {color:border}; overflow-x:hidden;margin-left:0px;background-image: url("{image:box}");{block:ifstretchboxbackground}
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:ifstretchboxbackground}
- background-color:{color:box};
- {block:ifboxshadow}
- -webkit-box-shadow: 10px 10px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 10px 10px 2px rgba(0,0,0,.2);
- box-shadow: 10px 10px 2px rgba(0,0,0,.2);}
- {/block:ifboxshadow}
- .photoset {
- display:block;
- }
- /*quote*/
- #titlequote{
- font-size:14px;
- font-style:italic;
- line-height:22px;
- text-align:left;
- color:{color:title};
- margin:0 25px;}
- #source {
- text-align:right;
- padding-top:10px;}
- .posts li, .posts blockquote {max-width: 100%;}
- .caption img{max-width:300px;}
- .caption {
- {block:ifNotShowCaptions}
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {/block:ifNotShowCaptions}
- margin:15px 0;
- margin-left:15px;
- text-transform:none;
- }
- /*audio*/
- .music {min-height:100px;}
- #art {
- float:left;
- position:relative;
- }
- #art img {height:100px;
- width:100px;}
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height:40px;
- width:315px;
- }
- .playerback {
- opacity:.2;
- position:absolute;
- top:0;
- right:0;
- height:100px;
- width:100px;
- background:white;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s;}
- .player {
- overflow:hidden;
- height:50px;
- width:30px;
- margin-left:22px;
- margin-top:27px;
- border-top:5px solid white;
- border-left:13px solid white;
- border-right:7px solid white;
- border-bottom:5px solid white;
- }
- #art:hover .playerback {opacity:.8;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s;}
- .audio_info {
- margin-left:110px;
- padding:15px;
- border:1px solid {color:accents};
- font-style:italic;
- height:70px;
- overflow-y:auto;
- }
- .audio_info b{font-size:12px;
- }
- /*asks*/
- .q {
- padding-bottom:15px;
- border-bottom:1px solid {color:accents};
- margin-bottom:15px;
- }
- .as {
- text-transform:uppercase;
- color:{color:title};
- font-weight:bold;}
- .ast{
- text-transform:uppercase;
- color:{color:title};
- float:left;
- padding-right:5px;
- font-weight:bold;}
- .a {
- padding-bottom:1px;}
- /*chat*/
- .chat ol {
- padding:0;
- line-height:180%;
- list-style:none;
- }
- .line.odd {padding:10px;
- background:{color:accents};
- }
- .line.even {
- padding:10px;
- }
- .line:last-of-type {border:none;
- padding-bottom:0;}
- .label {font-weight:bold;
- padding-right:1px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:title};
- }
- /*text*/
- .texta {margin:0}
- /*permalink and notes*/
- #permalink {
- padding:10px;
- padding-bottom:10px;
- width:398px;
- margin-top:20px;
- margin-left:-9px;
- font-size:10px;
- text-align:left;
- border-top:1px solid {color:border};
- background-color:{color:pagination background};
- }
- #permalink a {
- background-color:{color:pagination background};
- font-weight:normal;
- margin:0 2px;
- text-decoration:none;
- }
- .c {
- padding:2px 4px;
- }
- .tags {
- {block:IndexPage}
- opacity:0;
- {/block:IndexPage}
- word-break:break-all;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s;
- }
- .tags a {background:{color:background};font-weight:bold;}
- .posts:hover .tags {opacity:1;
- -webkit-transition:all 0.8s;
- -moz-transition:all 0.8s;
- -ms-transition:all 0.8s;
- -o-transition:all 0.8s;
- transition:all 0.8s;
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- width:400px;
- {/block:ifnot500pxposts}
- text-align:left;
- height:400px;
- border-bottom:1px solid {color:accents};
- border-top:1px solid {color:Accents};
- padding:15px 0;
- overflow-y:auto;
- margin-bottom:100px;
- }
- .pagenotes ol {list-style-type:none;
- text-align:left;
- padding:0!Important;
- margin:0!important;}
- .pagenotes img {
- display:none!important;}
- .pagenotes li {
- line-height:20px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="con">
- <div id="sidebar">
- {block:IfShowSidebarImage}
- <div id="side"><a href="/"><img src="{image:Sidebar image}"></a></div>
- {/block:IfShowSidebarImage}
- <div id="description">{Description}</div>
- <div id="bloglinks">
- <a href="/">Home</a>
- <a href="/ask">Message</a>
- <a href="/archive">Archive</a>
- <div id="link">
- <select onChange="location.href=this.options[this.selectedIndex].value;" style="padding:6px 10px;
- padding-bottom:7px;
- background:{color:more background};
- font-weight:normal;
- color:{color:link background};
- width:74px;
- float:left;
- margin:5px;
- border:solid 1px {color:border};
- border-radius:1px;
- font-size:9px;
- letter-spacing:1px;
- text-transform:none;
- {block:ifboxshadow}
- -webkit-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- -moz-box-shadow: 5px 5px 2px rgba(0,0,0,.2);
- box-shadow: 5px 5px 2px rgba(0,0,0,.2);"
- {/block:ifboxshadow}>
- <option value="/">more</option>
- {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</a></option>{/block:ifLink1}
- {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</a></option>{/block:ifLink2}{block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</a></option>{/block:ifLink3}
- {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</a></option>{/block:ifLink4}
- <option value="http://magneito.tumblr.com">theme</a></option>
- </select>
- </div>
- </div>
- </div>
- <div id="blogtitle"><a href="/">{Title}</a></div>
- <div class="container">
- {block:ifnotUncontainedPosts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">previous page </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotUncontainedPosts}
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Quote}
- <div id="titlequote">{Quote}</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div id="title">{Title}</div>{/block:Title}
- <div id="textpost">{Body}</div>
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="title">{Title}</div>{/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:if500pxposts}
- {Photoset-500}
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- {Photoset-400}
- {/block:ifnot500pxposts}
- </div>
- {/block:Photoset}
- {block:Video}
- {block:if500pxposts}
- {Video-500}
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- {Video-400}
- {/block:ifnot500pxposts}
- {/block:Video}
- {block:Audio}
- <div class="music">
- <div id="art">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- {block:AudioPlayer}
- <div class="playerback"><div class="player">{AudioPlayerwhite}</div></div>
- {/block:AudioPlayer}
- </div>
- <div class="audio_info">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<div style="margin-top:8px;font-style:normal">{block:Artist}{Artist}{/block:Artist}<br>{block:album}{album}{/block:album}<br>{playcountwithlabel}</div></div></div>
- {/block:Audio}
- {block:Answer}
- <div class="q"><span class="as">Q: </span>{Question} ({asker})</div>
- <div class="a"><span class="ast">A: </span>{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}
- <div id="permalink">
- <a href="{Permalink}" title="{12Hour}:{Minutes} {AmPm}" class="c">{timeago}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}" class="c">via</a>{block:ContentSource}{block:permalinkpage}<a href="{ReblogRootURL}" title="{ReblogRootName}" class="c">source</a>{/block:permalinkpage}{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount}<a href="{Permalink}" class="c">{NoteCountWithLabel}</a>{/block:NoteCount}
- {block:HasTags}<span class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:ifUncontainedPosts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">previous page </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {block:ifUncontainedPosts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement