Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- Theme #01 [Revamp] 'Against The Rest of The World'
- by minivicky.tumblr.com
- -->
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <!-- Colours -->
- <!-- All -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:blockquote" content="#000000">
- <meta name="color:scrollbar" content="#000000">
- <meta name="color:scrollbar background" content="#ffffff">
- <meta name="color:link" content="#ccb324">
- <meta name="color:link hover" content="#000000">
- <meta name="color:text" content="#000000">
- <meta name="color:question background" content="#f8e891">
- <!-- Header -->
- <meta name="color:header background" content="#000000">
- <meta name="color:title text" content="#ffffff">
- <meta name="color:title first letter" content="#ccb324">
- <meta name="color:description background" content="#000000">
- <meta name="color:description text" content="#ffffff">
- <meta name="color:header links background" content="#000000">
- <meta name="color:navi links" content="#ffffff">
- <meta name="color:navi links background hover" content="#ccb324">
- <meta name="color:navi links background" content="#000000">
- <!-- Posts -->
- <meta name="color:pagination background" content="#000000">
- <meta name="color:pagination text" content="#ffffff">
- <meta name="color:entries" content="#ffffff">
- <meta name="color:post border" content="#000000">
- <meta name="color:post background" content="#000000">
- <meta name="color:post title" content="#ffffff">
- <!-- Images -->
- <meta name="image:background" content="">
- <meta name="image:header" content="http://static.tumblr.com/ctnjtyx/wxXmzon1s/2.png">
- <!-- Options -->
- <meta name="if:Captions" content="0">
- <meta name="if:Grayscale Image" content="0">
- <meta name="if:Infinite Scrolling" content="0">
- <!-- Links -->
- <meta name="text:Link 1" content="">
- <meta name="text:Link 1 url" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 2 url" content="">
- <meta name="text:Link 3" content="">
- <meta name="text:Link 3 url" content="">
- <meta name="text:Link 4" content="">
- <meta name="text:Link 4 url" content="">
- <meta name="text:Link 5" content="">
- <meta name="text:Link 5 url" content="">
- <meta name="text:Link 6" content="">
- <meta name="text:Link 6 url" content="">
- <meta name="text:Link 7" content="">
- <meta name="text:Link 7 url" content="">
- <meta name="text:Link 8" content="">
- <meta name="text:Link 8 url" content="">
- <meta name="text:Link 9" content="">
- <meta name="text:Link 9 url" content="">
- <!-- Scripts -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:500,
- });});})(jQuery);
- </script>
- <script>
- $(window).scroll(function () {
- var $menu = $('#location_menu');
- var $smallmenu = $('#menu');
- var $conten = $('#posts');
- var scrollpos = $(window).scrollTop();
- console.log(scrollpos);
- if($(window).scrollTop() <= 278 || $(window).scrollTop() == 0 ) {
- //$menu.animate( {
- //"top" : "0",
- //"height" : "278px",
- // , {queue: false});
- $smallmenu.css( {
- "position" : "absolute",
- "background-color":"{color:header links background}",
- "top" : "278px",
- }, {queue: false});
- //$conten.animate({"top":"100px"}, {queue: false});
- //$menu.css( {
- // "position" : "relative",
- //});
- } else {
- //$menu.animate( {
- //"top" : "0",
- //"height" : "14px",
- //, {queue: false});
- $smallmenu.css( {
- "position" : "fixed",
- "top" : "0",
- "background-color":"{color:header links background}",
- }, {queue: false});
- //$menu.css( {
- // "position" : "fixed",
- //});
- //$menu.animate({ "height" : "80px" }, 60);
- //$conten.animte({"top":"210px"}, {queue: false});
- }
- });
- </script>
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScrolling}
- <style type="text/css">
- /*body*/
- body{
- background-color:{color:background};
- background-image: url('{image:background}');
- background-repeat:repeat;
- font-family: calibri;
- margin:0px;
- padding:0px;
- }
- /*scrollbar*/
- ::-webkit-scrollbar{
- height: 0px;
- width: 2px;
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:scrollbar};
- -webkit-border-radius: 50px;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-track{
- background-color:{color:scrollbar background};
- -webkit-border-radius: 50px;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-buttom{
- background-color:{color:scrollbar background};
- }
- /*links hover*/
- #s-m-t-tooltip{
- max-width:300px;
- margin:14px 10px 5px 15px;
- padding:3px;
- background-color:{color:description background};
- text-transform:uppercase;
- font-family:calibri;
- font-size:9px;
- color:{color:description text};
- z-index:999;
- }
- /*grayscale images*/
- {block:IfGrayscaleImage}
- img{
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- opacity: 0.60;
- -webkit-filter:grayscale(100%);
- }
- img:hover{
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- opacity: 1;
- -webkit-filter:none;
- }
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- }
- .html_photoset:hover {
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- }
- {/block:IfGrayscaleImage}
- /*links*/
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- color: {color:link hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- /*blockquote*/
- blockquote {
- border-left:2px solid {color:blockquote};
- padding-left:5px;
- margin-left:2px;
- width:500px;
- }
- /*header*/
- #header{
- width:100%;
- height:278px;
- background-color:{color:header background};
- top:0px;
- left:0px;
- z-index:9999;
- }
- #header img{
- height:278px;
- }
- #headerimg {
- position:relative;
- height:278px;
- width:600px;
- z-index:999;
- margin-left:auto;
- margin-right:auto;
- }
- /*title*/
- #titleheader {
- padding-left: 5px;
- width:600px;
- font-family: Georgia;
- font-size: 28px;
- color: {color:title text};
- font-weight: normal;
- margin-top:-60px;
- letter-spacing: 1px;
- margin-bottom:6px;
- opacity:0.5;
- overflow:hidden;
- text-align:justify;
- font-style:italic;
- text-transform:lowercase;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #titleheader:first-letter{
- color: {color:title first letter};
- font-weight: bold;
- }
- /*description*/
- #description {
- font-family: calibri;
- text-shadow: 1px 1px 1px #494949;
- font-size:10px;
- margin-top:-40px;
- opacity:0.5;
- overflow:hidden;
- text-align:justify;
- font-style:italic;
- text-transform:lowercase;
- width:600px;
- height:15px;
- padding:10px;
- background-color:{color:description background};
- color:{color:description text};
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- .description a {
- color:{color:links};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- /*header links*/
- header#location_menu {
- position: absolute; top:0; left: 0;
- margin: 0;
- width: 100%; height: 278px;
- background-color:{color:header links background};
- z-index: 990;
- }
- nav#menu {
- position: relative; height: 14px;
- font-family:calibri;
- text-transform: uppercase;
- padding:7px;
- font-size: 10px;
- letter-spacing:1px;
- width: 100%; margin: 0;
- vertical-align: middle;
- background: none;
- background-color:{color:header links background};
- overflow: hidden;
- }
- nav#menu a{
- display:inline-block;
- font-family:calibri;
- margin-top:-15px;
- text-transform:uppercase;
- font-size:8px;
- padding:9px;
- text-decoration:none;
- background-color:{color:header links background};
- opacity:.5;
- color:{color:navi links};
- transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
- }
- nav#menu a:hover{
- opacity:1;
- text-decoration:none;
- background-color:{color:navi links background hover};
- color:{color:navi links};
- transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
- }
- nav#menu ul {
- list-style-type: none;
- margin: 0;
- padding: 0px 0px;
- width: 100%;
- text-align: center;
- }
- nav#menuul li {
- display: inline;
- padding: 0px;
- margin: 0px 4px;
- font-size: 12px;
- position: relative;
- }
- nav#menu li::after {
- width: 100%; height: 2px;
- content: '';
- position: absolute;
- bottom: -6px;
- left: 0;
- background-color:{color:header links background};
- z-index:10;
- opacity: 0;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out ;
- -ms-transition: all 0.3s ease-in-out;
- }
- nav#menu li:hover::after {
- opacity: 1;
- bottom: -3px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out ;
- -ms-transition: all 0.3s ease-in-out;
- }
- /*pages*/
- .go {
- width:50px;
- bottom:0px;
- margin-left:545px;
- text-align:center;
- position:fixed;
- line-height:20px;
- padding:1px;
- font-family: cambria;
- text-transform: uppercase;
- background-color:{color:pagination background};
- font-size:8px;
- color:{color:pagination text};
- }
- .go a{
- text-decoration: none;
- width:40px;
- opacity: 1;
- text-align:center;
- font-family: cambria;
- text-transform: uppercase;
- background-color:{color:pagination background};
- font-size:8px;
- color:{color:pagination text};
- border-radius: 3px;
- }
- .back {
- width:50px;
- bottom:0px;
- margin-left:-45px;
- text-align:center;
- position:fixed;
- line-height:20px;
- padding:1px;
- font-family: cambria;
- text-transform: uppercase;
- background-color:{color:pagination background};
- font-size:8px;
- color:{color:pagination text};
- }
- .back a{
- text-decoration: none;
- width:40px;
- opacity: 1;
- text-align:center;
- font-family: cambria;
- text-transform: uppercase;
- background-color:{color:pagination background};
- font-size:8px;
- color:{color:pagination text};
- border-radius: 3px;
- }
- /*all*/
- .entries {
- width:545px;
- bottom:5px;
- margin-top:-40px;
- margin-left:auto!important;
- margin-right:auto!important;
- z-index:999;
- }
- /*posts*/
- .posts {
- background-color:{color:entries};
- width:500px;
- padding:15px 15px 15px 15px;
- margin:10px!important;
- display:block;
- font-family:calibri;
- font-weight:normal;
- font-size:11px;
- color:{color:text};
- text-align:justify;
- z-index:9999!important;
- float:left;
- }
- .posts img{
- max-width:500px;
- background-color:transparent!important;
- }
- .notes {
- width:500px;
- margin-left:auto!important;
- margin-right:auto!important;
- margin-bottom:5px;
- z-index:9999!important;
- }
- .photo{
- max-width:500px;
- display:block;
- background-color:transparent!important;
- padding:0px 0px 4px 0px;
- }
- #date{
- width:500px;
- text-align:left;
- color:{color:text};
- text-transform:uppercase;
- font-family:calibri;
- font-size:8px;
- margin-top:4px;
- z-index:999;
- }
- #borderinfo{
- border-bottom:1px solid {color:post border};
- width:500px;
- margin-top:3px
- }
- /*posts titles*/
- h1 {
- color: {color:post title};
- padding-left: 5px;
- font-family: calibri;
- font-size: 13px;
- background-color: {color:post background};
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 4px;
- margin: 0;
- }
- h1:first-letter{
- color: {color:title first letter};
- font-weight: bold;
- font-size: 15px;
- }
- h1 a{
- color: {color:post title};
- text-decoration: none;
- }
- /*quote*/
- .quote {
- font-family: georgia;
- font-size: 24px;
- color: {color:Entry Bold};
- float: left;
- margin-top: 2px;
- }
- h2{
- font-family: calibri;
- font-size: 11px;
- color: {color:text};
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
- h2:first-letter{
- color: {color:title first letter};
- font-weight: bold;
- font-size: 15px;
- }
- /*chat*/
- .chat {
- line-height:12px;
- list-style:none
- }
- .chat ul {
- line-height:15px;
- list-style:none;
- padding:0px;
- line-height:20px;
- }
- .person1 {
- background-color:{color:question background};
- padding-left:6px;
- padding-right:6px;
- }
- .person1 .label {
- font-weight:bold;
- color:{color:bold};
- }
- .person2 {
- background-color:{color:entries};
- padding-left:6px;
- padding-right:6px;
- }
- .person2 .label {
- font-weight:bold;
- color:{color:bold};
- }
- .person3 {
- background-color:{color:question background};
- padding-left:6px;
- padding-right:6px;
- }
- .person3 .label {
- font-weight:bold;
- color:{color:bold};
- }
- .person4 {
- background-color:{color:entries};
- padding-left:6px;
- padding-right:6px;
- }
- .person4 .label {
- font-weight:bold;
- color:{color:bold};
- }
- .person5 {
- background-color:{color:question background};
- padding-left:6px;
- padding-right:6px;
- }
- .person5 .label {
- font-weight:bold;
- color:{color:bold};
- }
- /*audio*/
- .audioplay {
- height: 30px;
- margin-top: 38px;
- margin-left: 38px;
- height: 28px;
- width: 28px;
- opacity: 0.7;
- overflow:hidden;
- float:left;
- position: absolute;
- z-index: 999;
- }
- .audiodesc {
- color: {color:text};
- overflow: hidden;
- margin-left: 100px;
- margin-top: 6px;
- display: block;
- position: absolute;
- line-height: 20px;
- padding: 5px;
- }
- .albumart {
- z-index: 999;
- width: 80px;
- height: 80px;
- border: 10px solid {color:background};
- overflow: hidden;
- text-align: left;
- position: absolute;
- }
- .track {
- text-align: right;
- display: block;
- font-family: 'roboto condensed';
- font-size: 16px;
- border-bottom: 1px solid #000;
- color: {color:Accent};
- margin-top: 0px;
- text-transform: uppercase;
- font-style: italic;
- }
- .albumart2 {
- z-index: 1000;
- width: 100px;
- height: 100px;
- overflow: hidden;
- }
- #credit {
- position:fixed;
- right:0px;
- bottom:0px;
- background-color:{color:description background};
- padding:3px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- }
- #credit a{
- color:{color:description text};
- }
- #credit a:hover{
- color:{color:title first letter};
- }
- </style>
- </head>
- <body>
- <header id="location_menu">
- <div id="header">
- <div id="headerimg">
- <img src="{image:header}" />
- <div id="description">{Description}</div>
- <div id="titleheader">{Title}</div>
- </div>
- </div>
- <nav id="menu">
- <ul>
- <a href="/">index</a>
- <a href="/ask">message</a>
- {block:IfLink1}
- <a href="{text:Link 1 url}">{text:Link 1}</a>
- {/block:IfLink1}
- {block:IfLink2}
- <a href="{text:Link 2 url}">{text:Link 2}</a>
- {/block:IfLink2}
- {block:IfLink3}
- <a href="{text:Link 3 url}">{text:Link 3}</a>
- {/block:IfLink3}
- {block:IfLink4}
- <a href="{text:Link 4 url}">{text:Link 4}</a>
- {/block:IfLink4}
- {block:IfLink5}
- <a href="{text:Link 5 url}">{text:Link 5}</a>
- {/block:IfLink5}
- {block:IfLink6}
- <a href="{text:Link 6 url}">{text:Link 6}</a>
- {/block:IfLink6}
- {block:IfLink7}
- <a href="{text:Link 7 url}">{text:Link 7}</a>
- {/block:IfLink7}
- {block:IfLink8}
- <a href="{text:Link 8 url}">{text:Link 8}</a>
- {/block:IfLink8}
- {block:IfLink9}
- <a href="{text:Link 9 url}">{text:Link 9}</a>
- {/block:IfLink9}
- </ul>
- </nav>
- <br><br><br>
- <div class="entries">
- {block:IfNotInfiniteScrolling}
- {block:Pagination}
- <div class="back">
- {block:PreviousPage}
- <a href="{PreviousPage}">← back</a>
- {/block:PreviousPage}
- </div>
- <div class="go">
- {block:NextPage}
- <a href="{NextPage}">go →</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNotInfiniteScrolling}
- {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
- {block:Posts}
- <div class="posts">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- {block:PermalinkPage}
- {/block:PermalinkPage}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center><div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div></center>
- {block:IfCaptions}{block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaptions}
- {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="photo">
- {Photoset-500}
- </div>
- {block:IfCaptions}{block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaptions}
- {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝</div>
- <h2>{Quote}</h2>
- {block:Source}<p align="right">{Source} <b>—</b></p>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Audio}
- <div class="audiodesc">
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
- {block:Artist}
- <b>Artist:</b> {Artist}<br>
- {/block:Artist}
- {block:Album}
- <b>Album:</b> {Album}<br>
- {/block:Album}
- {block:PlayCount}
- <b>Plays:</b> {PlayCount} </div>
- {/block:PlayCount}
- <div class="audioplay">{AudioPlayerBlack}</div>
- {block:AlbumArt}
- <div class="albumart"><img src="{AlbumArtURL}" width="80" height="80"></div>
- {/block:AlbumArt}
- <div class="albumart2"><img src="http://24.media.tumblr.com/tumblr_md46tfaw9F1rfymxfo1_400.jpg" width="80" height="80"></div>
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:IfCaptions}{block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaptions}
- {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
- {/block:Video}
- {block:Answer}
- <table>
- <tr><td colspan="3" width="500px" style="padding:9px; text-align:center; background-color:{color:question background};">{Asker} asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:2px;" align="right"></tr>
- </table>
- {Answer}
- {/block:Answer}
- {block:IndexPage}
- <div id="borderinfo"></div>
- <div id="date">
- <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> with {NoteCountWithLabel}{/block:NoteCount}
- <br>
- {block:HasTags}
- Tagged:
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="borderinfo"></div>
- <div id="date">
- <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> with {NoteCountWithLabel}{/block:NoteCount}
- <br>
- {block:HasTags}
- Tagged:
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div></div>
- <div id="credit">
- <a href="http://minivicky.tumblr.com" title="minivicky" target="_blank">MV</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement