Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!---------------------------------------------------------------------------
- (\__/)
- (•ㅅ•)
- Visions theme
- Support and more themes @ http://beatamine.tumblr.com
- ---------------------------------------------------------------------------->
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <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}
- <meta name="image:Background" content="" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Text" content="#868686" />
- <meta name="color:Title" content="#8f8f8f" />
- <meta name="color:Title Line" content="#ffad95" />
- <meta name="color:Description" content="#aaaaaa" />
- <meta name="color:Header" content="#ffffff" />
- <meta name="color:Header Links" content="#ffad95" />
- <meta name="color:Header Links Hover" content="#a8a8a8" />
- <meta name="color:Header Border" content="#ededed" />
- <meta name="color:Post background" content="#ffffff" />
- <meta name="color:Hover Background" content="#ffffff" />
- <meta name="color:Hover Notes" content="#4f4f4f" />
- <meta name="color:Hover Links" content="#696969" />
- <meta name="color:Links" content="#ffad95" />
- <meta name="color:Post Title" content="#444444" />
- <meta name="color:Post link" content="#444444" />
- <meta name="color:Borders" content="#e7e7e7" />
- <meta name="color:Blockquote" content="#ffad95" />
- <meta name="color:Ask" content="#444444" />
- <meta name="color:Ask Background" content="#f8f8f8" />
- <meta name="color:Selection" content="#ffad95"/>
- <meta name="color:Selection Text" content="#fffff"/>
- <meta name="color:Scroll" content="#ffffff">
- <meta name="color:Scrollbar bg" content="#ffad95">
- <meta name="color:Hover bg" content="#f3f3f3">
- <meta name="color:Hover text" content="#aaaaaa">
- <meta name="text:Number of columns" content="4" />
- <meta name="text:Link 1" />
- <meta name="text:Link 1 Title" />
- <meta name="text:Link 2" />
- <meta name="text:Link 2 Title" />
- <meta name="text:Link 3" />
- <meta name="text:Link 3 Title" />
- <meta name="text:Link 4" />
- <meta name="text:Link 4 Title" />
- <meta name="if:Infinite scroll" content="1" />
- <meta name="if:Show Caption" content="1" />
- <meta name="if:Tiny cursor" content="1">
- <meta name="if:White icons" content="1">
- <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <style type="text/css">
- /*Controls*/
- iframe#tumblr_controls {
- position:fixed;
- top: 5px;
- right:5px;
- {block:ifwhiteicons}-webkit-filter:invert(100%);{/block:ifwhiteicons}
- opacity:.1;
- z-index:9999;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- iframe#tumblr_controls:hover {
- opacity:0.9;}
- /*Scrollbar*/
- ::-webkit-scrollbar {
- width:5px;
- height:5px;
- }
- ::-webkit-scrollbar-track-piece {
- background-color:{color:scroll};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar bg};
- border:2px solid {color:scroll};
- }
- ::-moz-scrollbar {
- width:5px;
- height:5px;
- }
- ::-moz-scrollbar-track-piece {
- background-color:{color:Scroll};
- }
- ::-moz-scrollbar-thumb {
- background-color:{color:Scrollbar bg};
- border:2px solid {color:Scroll};
- }
- ::selection {
- background:{color:Selection};
- color:{color:Selection Text};
- }
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 25px;
- padding:8px;
- margin:12px 12px 12px 2px;
- font:7px 'open sans';
- letter-spacing:2px;
- text-transform:uppercase;
- background-color:{color:hover bg};
- color:{color:hover text};
- z-index:99999;
- -webkit-transition:all 0.2s ease-out;
- -moz-transition:all 0.2s ease-out;
- transition:all 0.2s ease-out;
- }
- /*Body*/
- {block:iftinycursor}
- *, body {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
- a, a:link, a:active, a:visited {
- cursor: url(http://i.imgur.com/ABkRSAO.png), auto;
- }
- {/block:iftinycursor}
- html, body {
- height: 100%;
- }
- body {
- background: url('{image:Background}') {color:Background} fixed center 0;
- margin: 0;
- font-size: 11px;
- line-height: 13px;
- font-family: 'Roboto';
- color: {color:Text};
- }
- a img {
- border: none;
- }
- a {
- text-decoration:none;
- color: {color:Links};
- }
- blockquote {
- margin: 0;
- padding: 0 0 0 9px;
- border-left: 2px solid {color:Blockquote};
- }
- /*Header*/
- .header {
- position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- width:100%;
- overflow: hidden;
- height:auto;
- z-index: 999;
- background-color:{color:Header};
- border-bottom:1px solid {color:Header Border};
- }
- .title {
- text-align: center;
- margin-top:40px;
- font-size: 15px;
- line-height: 100%;
- text-transform: uppercase;
- font-family:'Montserrat';
- letter-spacing:2px;
- font-weight:bold;
- }
- .title a {
- color:{color:Title};
- }
- .description {
- margin-top:10px;
- text-align: center;
- text-transform:uppercase;
- font-family:'Open Sans';
- font-size:7px;
- letter-spacing:1px;
- color:{color:Description};
- }
- .mum {
- background-color:{color:Title Line};
- height:3px;
- width:25px;
- margin-top:10px;
- }
- .navi {
- margin-top:10px;
- margin-bottom:40px;
- text-align: center;
- position: relative;
- text-transform:uppercase;
- font-family:'Open Sans';
- font-size:7px;
- letter-spacing:2px;
- }
- .navi a {
- text-decoration: none;
- color:{color:Header Links};
- margin-right:10px;
- margin-left:10px;
- -webkit-transition: all 0.25s ease;
- -moz-transition: all 0.25s ease;
- -o-transition: all 0.25s ease;
- transition: all 0.25s ease;
- }
- .navi a:hover {
- color:{color:Header Links Hover};
- }
- /*Post*/
- .posts {
- position: relative;
- margin: 180px auto;
- margin-bottom:20px;
- {block:PermalinkPage}
- width: 500px;
- {/block:PermalinkPage}
- }
- .post {
- float: left;
- position: relative;
- {block:IndexPage}
- width: 250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- {/block:PermalinkPage}
- padding: 20px;
- margin: 5px;
- background-color: {color:Post background};
- text-align:justify;
- }
- #info {
- text-align: center;
- text-transform: uppercase;
- font-size: 7px;
- margin-top: 20px;
- line-height: 10px;
- width: 100%;
- letter-spacing: 1px;
- word-spacing: 10px;
- {block:permalinkpage}display:none;{/block:permalinkpage}
- }
- #line {
- border-top: 1px solid {color:borders};
- z-index: 0;
- width:250px;
- height: 1px;
- position: absolute;
- {block:permalinkpage}display:none;{/block:permalinkpage}
- }
- .keke {
- left: 0;
- margin-top:-4px;
- margin-left:120px;
- right: 0;
- width: 50px;
- text-align: center;
- z-index: 2;
- background: {color:Post Background};
- position: absolute;
- {block:permalinkpage}display:none;{/block:permalinkpage}
- }
- .columns1 {
- width: 300px;
- }
- .columns2 {
- width: 600px;
- }
- .columns3 {
- width: 900px;
- }
- .columns4 {
- width: 1200px;
- }
- .columns5 {
- width: 1500px;
- }
- .columns6 {
- width: 1800px;
- }
- /*Picture Values*/
- .photo {
- position: relative;
- padding: 0;
- line-height: 0;
- {block:IndexPage}
- background:{color:Hover Background};
- {/block:IndexPage}
- }
- .hvr {
- position: absolute;
- top: 50%;
- left: 0;
- width: 100%;
- height: 70px;
- margin: -35px 0 0 0;
- text-align: center;
- z-index: 10;
- opacity: 0;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- {block:PermalinkPage}
- display: none;
- {/block:PermalinkPage}
- }
- .post:hover .hvr {
- opacity: 1;
- }
- .nout {
- text-decoration: none;
- color: {color:Body Text};
- font-family:'Montserrat';
- font-weight: bold;
- margin: 0;
- line-height: 100%;
- text-transform: uppercase;
- font-size: 40px;
- margin-bottom:10px;
- }
- .nout a {
- color: {color:Hover Notes};
- }
- .rb {
- margin: 0;
- line-height: 100%;
- text-transform: uppercase;
- font-size: 10px;
- font-family:'Open Sans';
- letter-spacing:1px;
- font-weight:normal;
- }
- .rb a {
- color: {color:Hover Links};
- }
- .post img.main_photo {
- width: 100%;
- }
- .post img {
- max-width: 100%;
- height: auto;
- }
- .photo img {
- opacity: 1;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- margin: 0;
- line-height: 0;
- }
- .post:hover .photo img {
- {block:IndexPage}
- opacity: 0.15;
- {/block:IndexPage}
- }
- /* Permalinks Page */
- #permalinks {
- width:470px;
- padding:40px;
- margin-top:20px;
- font: 7px 'open sans';
- letter-spacing: 1px;
- text-transform: uppercase;
- background:{color:Post Background};
- }
- /*Stuff*/
- .taitul {
- margin: 0;
- font-size: 15px;
- line-height: 12px;
- text-align: center;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:'Montserrat';
- color:{color:Post Title};
- }
- .linku {
- margin: 0;
- font-size: 12px;
- line-height: 12px;
- text-align: center;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:'Montserrat';
- }
- .linku a {
- color:{color:Post Link};
- }
- .quote {
- margin: 0;
- font-size: 12px;
- line-height: 12px;
- text-align: center;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:'Montserrat';
- }
- .source {
- margin-top: 10px;
- font-size: 8px;
- line-height: 10px;
- text-align: right;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:'open sans';
- }
- ol {
- display: block;
- list-style-type: circle;
- }
- .label {
- font-family:'montserrat';
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .chat {
- letter-spacing: 0px;
- line-height: 12px;
- }
- .li {
- line-height: 12px;
- margin: 2px 35px;
- }
- .ol, .ul {
- margin: 3px 0;
- padding: 0;
- }
- .player {
- padding: 2px 10px;
- background: {color:Post background};
- margin: 0;
- }
- .lines {
- margin: 0 0 5px 0;
- }
- .lines .line {
- padding: 10px;
- }
- .lines .odd {
- }
- .lines .even {
- background-color: {color:Post text};
- color: {color:Post background};
- }
- ol.notes {
- padding: 0;
- list-style-type: none;
- font-size: 11px;
- }
- ol.notes a {
- text-decoration: none;
- }
- ol.notes li.note {
- border-top: solid 1px {color:Body text};
- padding: 5px 0;
- margin: 0 !important;
- }
- .caption {
- margin-top: 20px;
- padding: 10px;
- background-color: {color:caption};
- font-family: 'open sans';
- font-size:7px;
- text-transform:uppercase;
- letter-spacing: 1px;
- {block:ifNotShowCaption}
- display:none;
- {/block:ifNotShowCaption}
- }
- /* Ask */
- .asker {
- font-family:'open sans';
- font-size:7px;
- letter-spacing: 2px;
- border-bottom: 1px dotted {color:Blockquote};
- font-style:normal;
- text-transform:uppercase;
- color:{color:Ask};
- }
- .asker a {
- color:{color:Ask};
- }
- .question {
- font-family:'open sans';
- font-size:7px;
- letter-spacing: 2px;
- font-style:normal;
- text-transform:uppercase;
- padding:10px;
- text-align:justify;
- background: {color:Ask Background};
- }
- .answer {
- font-family:'open sans';
- font-size: 10px;
- letter-spacing: 1px;
- font-style:normal;
- text-align:justify;
- }
- /*If you touch this smh at you*/
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {text-align: center;position: fixed;left: 45%; bottom: 100px;z-index: 999;opacity: 0.75;padding: 5px 10px 2px 10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
- #over{height:500px!important;position:absolute;top:0px;left:0px;width: 100%;}
- .navigation {display:none!important;}
- .masonry, .masonry-brick {-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s;}.masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}.masonry .masonry-brick {-webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}
- {CustomCSS}
- </style>
- <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:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:IfInfiniteScroll}
- <!-- {block:IndexPage} -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ll8neeb/ibUmklt44/jquery.scale.js"></script>
- <script src="http://static.tumblr.com/ll8neeb/orKmn2hej/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/ll8neeb/Pp8mn2hd0/jquery.infinitescroll.min.js "></script>
- <script type="text/javascript">
- $(function(){
- var container = $('.posts');
- container.imagesLoaded( function(){
- container.masonry({
- itemSelector : '.post',
- isAnimated: true,
- {block:IfNotNumberOfColumns}
- isFitWidth: true,
- {/block:IfNotNumberOfColumns}
- columnWidth: 300
- });
- });
- container.infinitescroll({
- navSelector : "div.navigation",
- nextSelector : ".navigation a#next",
- itemSelector : ".post",
- loading: {
- finishedMsg: 'Congratulations! This is going to explode now',
- msgText: '',
- img: 'http://static.tumblr.com/ll8neeb/QPemn2mhz/ajax-loader.gif'
- }
- },
- function(newElements){
- var $newElems = $(newElements);
- $newElems.imagesLoaded(function(){
- $('.posts').masonry( 'appended', $newElems, true );
- $('.post').fitVids('appended', $newElems);
- });
- }, function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- <!-- {/block:IndexPage} -->
- {/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="over"></div>
- <div class="navigation">
- <!--{block:Pagination}-->
- <!--{block:NextPage}--><p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a><!--{/block:NextPage}-->
- <!--{block:PreviousPage}--><a style="float:left" href="{PreviousPage}">? Newer</a></p><!--{/block:PreviousPage}-->
- <!--{/block:Pagination}-->
- </div>
- <div class="header">
- <div class="title">
- <a href="/">{Title}</a>
- </div>
- <center><div class="mum"></div></center>
- <div class="description">
- {Description}
- </div>
- <div class="navi">
- <a href="/ask">Mail</a>
- <a href="/archive">Data</a>
- {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
- {block:IfNotInfiniteScroll}{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">{lang:Previous page}</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">{lang:Next page}</a>
- {/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
- </div>
- </div>
- <div class="posts {block:IndexPage}{block:IfNumberOfColumns}columns{text:Number of columns}{/block:IfNumberOfColumns}{/block:IndexPage}">
- {block: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:NoRebloggedFrom} {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom} {/block:NoRebloggedFrom} -->
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="taitul">{Title}</div>
- {/block:Title}
- {Body}
- {block:More}
- <a href="{Permalink}">{lang:Read more}</a>
- {/block:More}
- {/block:Text}
- {block:Answer}
- <div class="question">
- <span class="asker">{Asker}</span>: {Question}
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- <div class="taitul">{block:Title}{Title}{/block:Title}</div>
- {block:Lines}<div class="{Alt} user_{UserNumber}" id="lines">
- {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>
- {/block:Lines}
- {/block:Lines}
- {/block:Chat}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="linku"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Photo}
- <div class="photo">
- <div class="hvr">
- <div class="nout"><a href="{Permalink}">{NoteCount}</a></div>
- <div class="rb"><a href="{ReblogURL}?redirect_to={URLEncodedPermalink}">Reblog</a></div>
- </div>
- {LinkOpenTag}
- <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />
- {LinkCloseTag}
- </div>
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AlbumArt}
- <a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>
- {/block:AlbumArt}
- <div class="player">{AudioPlayerWhite}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:date}
- <div id="info" {block:Photo}style="display: none"{/block:Photo}>
- <div id="line"></div>
- <span class="keke">
- <a href="{Permalink}" title="{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear} + {24HourWithZero}:{minutes}">
- <i class="fa fa-bars"></i>
- </a></span>
- </div>{/block:date}
- {/block:indexpage}
- </div>
- {block:PermalinkPage}
- <div id="permalinks">
- {block:Photo}
- {block:HighRes}
- <a href="{PhotoURL-HighRes}">View in High-Res</a><br>{/block:HighRes}
- {/block:Photo}
- {block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}
- {block:NoteCount} / {lang:It has NoteCount notes}{/block:NoteCount}
- {block:RebloggedFrom}</br>
- Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
- Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:HasTags}<br>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <span style="position:fixed; top:10px; left:10px; z-index:9999;"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/09gp3esadm/09_Science_Visions.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></span>
- <span style="position:fixed; bottom:14px; right:20px; font-size:10px; text-decoration:none; z-index:999; text-transform:uppercase; letter-spacing:1px;"><a href="http://beatamine.tumblr.com"><i class="fa fa-copyright"></i></a></span>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement