Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- leave credit somewhere pls&thank u (◡‿◡✿)!-->
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!--Default Variables-->
- <!--Colors-->
- <meta name="color:Background" content="#FFE4E1"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Post Title" content="#1C1C1C"/>
- <meta name="color:Link" content="#8B7D7B"/>
- <meta name="color:Link Hover" content="#CDB7B5"/>
- <meta name="color:Blog Title" content="#8B7D7B"/>
- <meta name="color:Chat 1" content=""/>
- <meta name="color:Chat 2" content=""/>
- <meta name="color:Sidelinks" content="#c7d0d1"/>
- <meta name="color:Sidelinks Text" content="#000"/>
- <meta name="color:Sidelinks Text Hover" content="#FFF8DC"/>
- <meta name="color:Sidelinks Hover" content="#E8E8E8">
- <meta name="color:Ask Background" content="#E8E8E8"/>
- <meta name="color:Sidebar" content="#000"/>
- <meta name="color:Sidebar Background" content="#fff"/>
- <!--Images-->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Sidebar1" content=""/>
- <meta name="image:Sidebar2" content=""/>
- <meta name="image:Sidebar3" content=""/>
- <meta name="image:Sidebar4" content=""/>
- <!--Options-->
- <meta name="if:Infinite Scrolling" content=""/>
- <meta name="if:Tiny Cursor" content=""/>
- <meta name="if:Tiny Scrollbar" content=""/>
- <meta name="if:Show Caption" content=""/>
- <meta name="if:Box shadows" content="1"/>
- <meta name="if:Box borders" content="1"/>
- <meta name="if:4 Sidebarpics" content=""/>
- <meta name="if:Link 3" conetnet=""/>
- <meta name="if:Link 4" conetnet=""/>
- <meta name="if:Link 5" content=""/>
- <meta name="if:Faded Images" content=""/>
- <!--Links-->
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 1 name" content="link1"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2 name" content="link2"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 3 name" content="link3"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4 name" content="link4"/>
- <meta name="text:Link 5 URL" content="/"/>
- <meta name="text:Link 5 name" content="link5"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />{/block:Description}
- <title>
- {block:PostSummary}
- {PostSummary} - {/block:PostSummary}{Title}</title>
- {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
- </style>
- <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
- <style type="text/css">
- {block:iftinycursor}
- body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}{/block:iftinycursor}
- {block:iftinyscrollbar}
- ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
- ::-webkit-scrollbar-thumb { background-color: #E8E8E8; -webkit-border-radius: 1ex; border: 1px solid black;}
- {/block:iftinyscrollbar}
- {block:ifFadedImages}img{
- opacity: 0.8;
- filter:alpha(opacity=10);
- -moz-opacity: 0.1;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- transition: all .9s ease;
- -webkit-transition: all .9s ease;}
- {/block:ifFadedImages}
- {block:ifFadedImages} img:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- transition: all .9s ease;
- -webkit-transition: all .9s ease;}
- {/block:ifFadedImages}
- #tumblr_controls{
- position:fixed !important;
- }
- .wrapper{
- margin: 0px auto;
- width: 802px;
- }
- .header{
- float: left;
- width: 100%;
- }
- .left{
- float: left;
- margin-right: 20px;
- width: 802px;
- }
- .right{
- float: right;
- width: 200px;
- background-color: {color:Background};
- }
- body{
- background-color: {color:Background};
- background-image: url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- font-family: helvetica;
- font-size: 12px;
- line-height: 13px;
- letter -spacing:0px;
- color:{color:Text};
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: color 0.5s ease-in;
- -moz-transition: color 0.5s ease-in;
- }
- a:hover {
- color: {color:Link Hover};
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- {block:iftinycursor}
- cursor: url(http://i.imgur.com/IepP2.jpg), progress;
- {/block:iftinycursor}
- }
- .entry {
- margin:5px;
- padding: 3px;
- float:left;
- background-color: white;
- {block:ifboxshadows};
- box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
- {/block:ifboxshadows}
- {block:ifboxborders}
- border: 1px solid black;
- {/block:ifboxborders}
- {block:IndexPage}
- width:340px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:550px;
- margin-left: 357x;
- {/block:PermalinkPage}
- }
- .entry .permalink{
- width:180px;
- position:absolute;
- text-align:center;
- padding-right:5px;
- font-family:amatic sc;
- font-size:18px;
- line-height:20px;
- overflow:hidden;
- background-color:transparent;
- opacity:0.0;
- background-color:white;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .entry:hover .permalink{
- width:336px;
- text-align:center;
- overflow:visible;
- -webkit-transition: opacity 04s linear; opacity: 0.9;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #posts {
- width: 800px;
- margin-left:120px;
- margin-top:2px;
- float:left;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #side {
- position:fixed !important;
- width: 240px;
- height: auto;
- background-color:white;
- margin-top: 90px;
- margin-left: 590px ;
- padding: 4px ;
- text-transform: none;
- {block:ifboxshadows};
- box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
- {/block:ifboxshadows}
- {block:ifboxborders}
- border: 1px solid black; width:237px;
- {/block:ifboxborders}
- }
- #linksbar {
- position:fixed !important;
- width: 260px;
- height: auto;
- background-color:clear;
- margin-top: 55px;
- margin-left: 586px ;
- padding: 2px;
- z-index:1;
- {block:ifboxborders}
- {/block:ifboxborders}
- }
- .navigate a{
- background:{color:Sidelinks};
- color:{color:Sidelinks Text};
- font-family:amatic sc;
- font-size:22px;
- display:block;
- width: 82px;
- height:18px;
- text-align: left;
- padding-top:5px;
- margin-left:2px;
- margin-top:2px;
- float:left;
- text-align:center;
- z-index:1;
- display: inline-block;
- opacity: 0.7;
- {block:ifboxborders}
- border: 1px solid black;
- width:79px;
- {/block:ifboxborders}
- }
- .navigate a:hover{
- background:{color:Sidelinks Hover};
- color:{color:Sidelinks Text Hover};
- -moz-transition: all .9s ease-out;
- -o-transition: all .9s ease-out;
- -webkit-transition: all .5s ease-out;
- }
- #container2 {
- font-family:silkscreen;
- font-size:8px;
- width:82px;
- height:26px;
- {block:ifBoxBorders}
- width: 83px;
- height: 28px;
- {/block:ifBoxBorders}
- margin-left: 0px;
- overflow:hidden;
- -moz-transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- {block:ifboxborders}
- {/block:ifboxborders}
- }
- #container2:hover{
- height: 127px;
- {block:ifboxborders}
- height:125px;
- {/block:ifboxborders}
- {block:ifLink4}
- height:149px;
- {/block:ifLink4}
- {block:ifLink5}
- height:199px;
- {/block:ifLink5}
- }
- #visible_layer a{
- font-family:silkscreen;
- font-size:8px;
- width: 100px;
- display: block;
- -moz-transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- }
- #invisible_layer a{
- font-family:silkscreen;
- font-size:8px;
- -moz-transition: all .9s ease-out;
- -o-transition: all .9s ease-out;
- -webkit-transition: all .9s ease-out;
- display:block;
- }
- #invisible_layer a:hover{
- width: 105px;
- }
- .blogtitle{
- font-size:43px;
- font-family:Amatic Sc;
- padding-top:5px;
- line-height:33px;
- color:{color:Blog Title};
- text-transform:uppercase;
- font-weight:bold;
- -moz-transition: all .5s ease-out;
- -o-transition: all .5s ease-out;
- -webkit-transition: all .5s ease-out;
- }
- .blogtitle:hover {
- transform: rotate (360deg);
- -webkit-transform: rotate (360deg);
- font-size:33px;
- font-family:Amatic Sc;
- -moz-transition: all .5s ease-out;
- -o-transition: all .5s ease-out;
- -webkit-transition: all .5s ease-out;
- }
- .posttitle{
- font-size:30px;
- line-height:25px;
- text-transform:uppercase;
- color: {color:Post Title};
- letter-spacing: 1;
- font-family:Amatic Sc;
- font-weight:none;
- }
- .albumart { margin-bottom: 0px; }
- .albumart img, .audio embed { width: 60px; padding-right:2px;}
- .chat .line{
- color:{color:Chat 1};
- margin: 0 0 0px;
- padding: 2px;
- }
- .chat .line.odd{
- color:{color:Chat 2};
- }
- .label {font-weight:bold; color:{color:text}}
- {CustomCSS}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="linksbar">
- <div class="navigate">
- <a href="/" >home</a>
- <a href="/ask" >ask</a>
- <div id="container2">
- <div id="visible_label" align="left"><a title="links">links</a></div>
- <div id="invisible_label">
- <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
- <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
- {block:ifLink3} <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{block:ifLink3}
- {block:ifLink4} <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4}
- {block:ifLink5} <a href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:ifLink5}
- <a href="http://www.sociallyawkwardgiraffe.tumblr.com">theme</a>
- </div>
- </div>
- </div>
- </center>
- </div>
- <div id="side">
- <center>
- <div class="blogtitle"><a href="/">{Title}</a></div>
- </center>
- <br>
- {block:if4Sidebarpics}
- <a href="/"><img src="{image:sidebar1}" width=117px></a>
- <a href="/"><img src="{image:sidebar2}" width=117px></a>
- <a href="/"><img src="{image:sidebar3}" width=117px></a>
- <a href="/"><img src="{image:sidebar4}" width=117px></a>
- {/block:if4Sidebarpics}
- {block:ifnot4Sidebarpics}
- <a href="/"><img src="{image:Sidebar}" width="238px"></a>
- {/block:ifnot4Sidebarpics}
- {Description}
- {block:ifNotInfiniteScrolling}
- <center>
- <div class="pages">
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage} <a href="{PreviousPage}"><font size="2">« </font></a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber} </span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber} </a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}"><font size="2">» </font></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </center>
- {/block:ifNotInfiniteScrolling}
- </div>
- </div>
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- {block:Title}<span class="posttitle">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
- {/block:Text}
- {block:Link}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- <a href="{URL}" class="posttitle">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <div class="photo">
- <a href="{permalink}"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=340px></a>
- </div>
- {LinkCloseTag}
- {block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <a href="{permalink}">
- <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="550"/></a>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- {block:IndexPage}
- <center>
- {Photoset-250}</center>
- {block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- <div class="posttitle">
- {Quote}
- </div>
- {block:Source}<i>- {Source}</i>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- {block:title}
- <div id="title">
- <center>{Title}<br></center>
- </div>
- {/block:title}
- <div class="chat">
- {block:Lines}
- <div class="chat">
- <div class="line {Alt}">
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">
- <b>{Label}</b>
- </span>
- {/block:Label}
- {Line}
- </div></div></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- {block:albumart}<div class="albumart"><img src="{albumarturl}" align="left"></div>
- {/block:albumart}<div style="width: 310px; height: 20px;">
- {AudioPlayergrey}</div><BR>{block:TrackName}<span><strong>Title</strong>:
- {TrackName}</span>{/block:TrackName}<br>
- {block:Artist}<span><strong>Artist:</strong>
- {Artist}</span>{/block:Artist}<br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div class="permalink" style="letter-spacing:1px;"><l><a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} • {NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details"> • Reblog</a></l>
- </div>
- {/block:IndexPage}
- {block:IndexPage}
- <center>
- {Video-250}</center>
- {block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-500}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PermalinkPage}
- <Br>{block:Date}{Month} {DayofMonth},{Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement