Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- Timeless by megidolaon-for-everyone
- Credits:
- Q&A Posts: excolo
- Two-Column Code: manatopia
- Music Icon: iconfinder
- Inspired by: ladmilk
- Please keep the credits intact! You're free to make changes to the
- theme, but only for personal use.
- ------------------------------------------------------------------------>
- <!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>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:Background" content="http://31.media.tumblr.com/tumblr_lvuln9WYkZ1r1ne7to10_r1_500.png">
- <meta name="image:Sidebar1" content="http://static.tumblr.com/c84a9b8448f965718fdfe675971aaa6d/fp8s385/D23n1n2be/tumblr_static_ta.png">
- <meta name="image:Sidebar2" content="http://i.imgur.com/P1se88a.png">
- <meta name="image:Sidebar3" content="http://i.imgur.com/ehwv4jZ.png">
- <meta name="image:Sidebar4" content="http://i.imgur.com/S94fw0S.png">
- <meta name="color:Post" content="#fff">
- <meta name="color:Blockquote BG" content="#e6e6e6">
- <meta name="color:Background" content="#000">
- <meta name="color:Post Border" content="#e4e4de">
- <meta name="color:Text" content="#949494">
- <meta name="color:Link" content="#474746">
- <meta name="color:Link Hover" content="#d9e0e3">
- <meta name="color:Link Hover BG" content="#fff">
- <meta name="color:Link Hover Border" content="#ccc">
- <meta name="color:Link Hover Text" content="#646161">
- <meta name="color:Emphasis Text" content="#686868">
- <meta name="color:Sidebar 1 Border" content="#919090">
- <meta name="color:Sidebar 2 Border" content="#3f3f3f">
- <meta name="color:Sidebar 3 Border" content="#3f3f3f">
- <meta name="color:Sidebar 4 Border" content="#919090">
- <meta name="color:Sidebar Link" content="#8d8b8b">
- <meta name="color:Sidebar Link Hover" content="#83c3dc">
- <meta name="color:Sidebar Link BG" content="#000">
- <meta name="color:Description" content="#8d8b8b">
- <meta name="color:Description BG" content="#000">
- <meta name="color:Title" content="#7b7979">
- <meta name="color:Title Hover" content="#8fa0a6">
- <meta name="color:Title BG" content="">
- <meta name="color:Pagination" content="#6b8ba3">
- <meta name="color:Pagination Hover" content="#a0b7c8">
- <meta name="color:Post Title" content="#6f7f90">
- <meta name="color:Link Post" content="#6f7f90">
- <meta name="color:Link Post Hover" content="#c4c2c3">
- <meta name="color:Track Text" content="#696969">
- <meta name="color:Album BG" content="#ebebe9">
- <meta name="color:Scrollbar" content="#909090">
- <meta name="color:Scrollbar Background" content="#454444">
- <meta name="color:Permalink" content="#6f6f6f">
- <meta name="color:Permalink BG" content="#fff">
- <meta name="color:Permalink Hover" content="#ccc">
- <meta name="color:PermaInfo BG" content="#e2e0df">
- <meta name="color:PermaInfo" content="#9b9a99">
- <meta name="color:PermaInfo BG Hover" content="#626260">
- <meta name="color:PermaInfo Hover" content="#ccc">
- <meta name="color:Tag" content="#777">
- <meta name="color:Tag Hover" content="#ccc">
- <meta name="text:Link 1" content="Link 1">
- <meta name="text:Link 1 URL" content="/">
- <meta name="text:Link 2" content="Link 2">
- <meta name="text:Link 2 URL" content="/">
- <meta name="text:Link 3" content="Link 3">
- <meta name="text:Link 3 URL" content="/">
- <meta name="text:Link 4" content="Link 4">
- <meta name="text:Link 4 URL" content="/">
- <meta name="if:250 Posts" content="1">
- <meta name="if:400 Posts" content="0">
- <meta name="if:500 Posts" content="0">
- <meta name="if:Captions" content="0">
- <meta name="if:Infinite Scroll" content="1">
- <meta name="if:Month Day Year" content="0">
- <meta name="if:Day Month Year" content="0">
- <meta name="if:Year Month Day" content="1">
- <meta name="if:Title" content="1">
- <meta name="if:12 Hour Time" content="0">
- <meta name="if:Black Audio Player" content="0">
- <meta name="font:Body Font" content="Calibri">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:250, tip_fade_speed:350, attribute:"title"}); }); })(jQuery); </script>
- <style type= "text/css">
- @font-face {
- font-family: "Intro Inline";
- src: url('https://dl.dropboxusercontent.com/u/81174604/intro_inline.otf');
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:Scrollbar};
- height: 30px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:Scrollbar};
- width: 30px;
- }
- ::-webkit-scrollbar {
- background-color:{color:Scrollbar Background};
- height: 4px;
- width: 4px;
- }
- body {
- background-attachment: fixed;
- background-image: url('{image:Background}');
- background-color: {color:Background};
- font-family: Calibri;
- font-size: 11px;
- margin-left: 0px;
- margin-top: 0px;
- }
- a:link, a:active, a:visited {
- text-decoration:none;
- color: {color:Link};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- a:hover {
- color: {color:Link Hover};
- }
- iframe#tumblr_controls{
- position: fixed;
- right: 0px;
- top: 0px;
- opacity: 0.8;
- }
- #s-m-t-tooltip {
- display: block;
- font-family: calibri;
- text-transform: UPPERCASE;
- background: {color:Link Hover BG};
- font-size: 8px;
- line-height: 10px;
- letter-spacing: 1px;
- border: double 3px {color:Link Hover Border};
- color:{color:Link Hover Text};
- max-width: 250px;
- word-wrap: break-word;
- padding:1px 3px ;
- margin: 21px 1px 1px 15px;
- z-index: 999999;
- text-align:left;
- font-style:italic
- opacity: 1;
- }
- b, strong, .strong, i, em, .em {
- color:{color:Emphasis Text};
- }
- blockquote {
- background-color: {color:Blockquote BG};
- border-left: 2px solid {color:Text};
- margin: 0;
- padding: 5px;
- margin-left: 25px;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- /*TITLE*/
- #title {
- text-align: center;
- background: {color:Title BG};
- position: fixed;
- top: 387px;
- left: 100px;
- line-height: 15px;
- padding: 5px 10px;
- width: 180px;
- font-family: libre baskerville;
- font-size: 17px;
- font-style: italic;
- }
- #title a {
- color: {color:Title};
- }
- #title a:hover {
- color: {color:Title Hover};
- }
- /*SIDEBAR 1*/
- #sidebar1 {
- top: 175px;
- width: 75px;
- height: 75px;
- position:fixed;
- left: 100px;
- background-color: {color:Sidebar 1 Border};
- border: 10px solid {color:Sidebar 1 Border};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- #sidebar1 img {
- height: 75px;
- width: 75px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .desc {
- position: fixed;
- text-align: center;
- width: 75px;
- height: 75px;
- max-width: 75px;
- max-height: 75px;
- margin-left: -10px;
- overflow-y: auto;
- padding: 0px;
- border: 10px solid {color:Description BG};
- font-size: 8px;
- margin-top: -10px;
- letter-spacing: 1px;
- line-height: 10px;
- font-family: trebuchet ms;
- text-transform: uppercase;
- z-index: 3;
- opacity: 0;
- background-color: {color:Description BG};
- color: {color:Description};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- .desc a {
- color: {color:Sidebar Link};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- .desc a:hover {
- color: {color:Sidebar Link Hover};
- }
- #sidebar4:hover .desc {
- opacity: 0.8;
- margin-left: -115px;
- }
- /*SIDEBAR 2*/
- #sidebar4 {
- top:280px;
- width: 75px;
- height: 75px;
- position:fixed;
- left: 205px;
- background-color: {color:Sidebar 4 Border};
- border: 10px solid {color:Sidebar 4 Border};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- #sidebar4 img {
- width: 75px;
- height: 75px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .link {
- position: fixed;
- text-align: center;
- width: 75px;
- height: 75px;
- max-width: 75px;
- max-height: 75px;
- margin-left: -10px;
- overflow-y: auto;
- padding: 0px;
- border: 10px solid {color:Sidebar Link BG};
- font-size: 8px;
- margin-top: -88px;
- letter-spacing: 1px;
- line-height: 10px;
- font-family: trebuchet ms;
- text-transform: uppercase;
- z-index: 9999999;
- opacity: 0;
- background-color: {color:Sidebar Link BG};
- color: {color:Sidebar Link};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- #sidebar1:hover .link {
- margin-left: 95px;
- opacity: 0.8;
- }
- /*OTHER SIDEBARS*/
- #sidebar2 {
- top:175px;
- width: 75px;
- height: 75px;
- position:fixed;
- left: 205px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: {color:Sidebar 2 Border};
- background-image: url('{image:Sidebar2}');
- background-size: 75px;
- border: 10px solid {color:Sidebar 2 Border};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- #sidebar1:hover #sidebar2 {
- opacity: 0;
- }
- #sidebar3 {
- top:280px;
- width: 75px;
- height: 75px;
- position:fixed;
- left: 100px;
- background-repeat: no-repeat;
- background-position: center;
- background-image: url('{image:Sidebar3}');
- background-size: 75px;
- background-color: {color:Sidebar 3 Border};
- border: 10px solid {color:Sidebar 3 Border};
- -webkit-transition: all 0.8s;
- -moz-transition: all 0.8s;
- -o-transition: all 0.8s ;
- }
- #sidebar4:hover #sidebar3 {
- opacity: 0;
- }
- /*LINKS*/
- .lnk {
- font-size: 8px;
- letter-spacing: 1px;
- line-height: 12px;
- font-family: trebuchet ms;
- text-transform: uppercase;
- color: {color:Sidebar Link};
- }
- .lnk a {
- color: {color:Sidebar Link};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- .lnk a:hover {
- letter-spacing: 3px;
- color: {color:Sidebar Link Hover};
- }
- /*POSTS*/
- #content {
- opacity: 1;
- text-align: left;
- margin-top: 88px;
- margin-bottom: 40px;
- margin-left: 400px;
- z-index: 9999;
- {block:IndexPage}
- {block:if250Posts}
- width: 544px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 412px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 512px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 512px;
- {/block:PermalinkPage}
- }
- .post {
- text-align: left;
- float: left;
- margin-bottom: 20px;
- padding: 5px;
- font-family: {font:Body Font};
- font-size: 11px;
- line-height: 13px;
- {block:IndexPage}
- {block:if250Posts}
- margin-right: 10px;
- margin-bottom: 10px;
- width: 250px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 400px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 500px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- {/block:PermalinkPage}
- color: {color:Text};
- z-index: 100;
- float: left;
- border: solid 1px {color:Post Border};
- background-color: {color:Post};
- {block:if250Posts}
- overflow: hidden;
- {/block:if250Posts}
- {block:ifnot250Posts}
- overflow: visible;
- {/block:ifnot250Posts}
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
- display:none;
- }
- #infscr-loading {
- display:none;
- }
- .nav {
- display:none!important;
- }
- /*TITLE*/
- .posttitle {
- margin-bottom: 15px;
- text-align: center;
- font-size: 11px;
- line-height: 13px;
- letter-spacing: 1px;
- margin-top: 5px;
- font-family: libre baskerville;
- font-style: italic;
- text-transform: lowercase;
- color: {color:Post Title};
- }
- .linktitle {
- color: {color:Post Title};
- text-align: center;
- font-size: 11px;
- line-height: 11px;
- letter-spacing: 1px;
- margin-top: 5px;
- font-style: italic;
- font-family: libre baskerville;
- text-transform: lowercase;
- }
- .linktitle a {
- color: {color:Link Post};
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- .linktitle a:hover {
- color: {color:Link Post Hover};
- padding-bottom: 0px;
- }
- /*QUOTE*/
- .quote {
- text-align: center;
- font-style: italic;
- color: {color:Text};
- }
- /*AUDIO*/
- .album {
- background-repeat: no-repeat;
- background-position: center;
- position: absolute;
- {block:IndexPage}
- {block:if250Posts}
- width: 75px;
- height: 75px;
- background-size: 50px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 150px;
- height: 150px;
- background-size: 90px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 150px;
- height: 150px;
- background-size: 90px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 150px;
- height: 150px;
- background-size: 90px;
- {/block:PermalinkPage}
- background-image: url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/high_volume-128.png');
- overflow: hidden;
- background-color: {color:Album BG};
- }
- .album img {
- {block:IndexPage}
- {block:if250Posts}
- width: 75px;
- height: 75px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 150px;
- height: 150px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 150px;
- height: 150px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 150px;
- height: 150px;
- {/block:PermalinkPage}
- overflow: hidden;
- }
- .player {
- height: 32px;
- overflow: hidden;
- float: left;
- margin-bottom: 0px;
- padding-left: 19px;
- padding-right: 21px;
- opacity: 0.8;
- {block:IndexPage}
- {block:if250Posts}
- padding-left: 14px;
- margin-left: 80px;
- width: 135px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 205px;
- margin-bottom: 5px;
- margin-left: 155px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 305px;
- margin-left: 155px;
- margin-bottom: 5px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 305px;
- margin-left: 155px;
- margin-bottom: 5px;
- {/block:PermalinkPage}
- {block:ifBlackAudioPlayer}
- background-color: #000;
- {/block:ifBlackAudioPlayer}
- {block:ifnotBlackAudioPlayer}
- background-color: #fff;
- {/block:ifnotBlackAudioPlayer}
- z-index: 10;
- }
- .track {
- overflow: auto;
- margin-left: 80px;
- padding: 2px 10px 2px 3px;
- color: {color:Track Text};
- {block:IndexPage}
- {block:if250Posts}
- min-height: 41px;
- margin-top: -20px;
- margin-left: 80px;
- width: 156px
- {/block:if250Posts}
- {block:if400Posts}
- width: 232px;
- min-height: 107px;
- margin-left: 155px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 332px;
- min-height: 107px;
- margin-left: 155px;
- {/block:if500Posts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 332px;
- min-height: 107px;
- margin-left: 155px;
- {/block:PermalinkPage}
- }
- /*ANSWER*/
- .portrait {
- width:75px;
- }
- .portrait img {
- width:75px;
- }
- /*CAPTION*/
- .caption {
- line-height: 12px;
- text-align: left;
- {block:if250Posts}
- margin-top: -5px;
- {/block:if250Posts}
- {block:if400Posts}
- margin-top: -5px;
- {/block:if400Posts}
- {block:if500Posts}
- margin-top: -5px;
- {/block:if500Posts}
- }
- /*TAG*/
- #tag {
- color:{color:Tag};
- line-height: 12px;
- margin-bottom: 20px;
- text-transform: UPPERCASE;
- font-size: 9px;
- font-size: calibri;
- letter-spacing: 2px;
- }
- .tags {
- display: inline-block;
- color:{color:Tag};
- }
- .tags a {
- color:{color:Tag};
- }
- .tags a:hover {
- color:{color:Tag Hover};
- }
- /*PERMALINK*/
- #perm {
- {block:IndexPage}
- font-family: trebuchet ms;
- font-size: 9px;
- letter-spacing: 1px;
- text-transform: UPPERCASE;
- margin-top: 0px;
- padding: 2px 0px 2px 0px;
- opacity: 0;
- z-index: 9000;
- text-align: center;
- position: absolute;
- margin-left: 10px;
- color: {color:Permalink};
- background-color: {color:Permalink BG};
- {block:if250Posts}
- width: 230px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 380px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 480px;
- {/block:if500Posts}
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- {/block:IndexPage}
- }
- #perm a {
- color: {color:Permalink};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- #perm a:hover {
- color: {color:Permalink Hover};
- }
- .post:hover #perm {
- {block:IndexPage}
- margin-top: -25px;
- opacity: 0.9;
- {/block:IndexPage}
- }
- #fabperm {
- {block:IndexPage}
- border-top: solid 1px {color:Text};
- font-family: trebuchet ms;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: UPPERCASE;
- margin-top: 7px;
- padding: 1px 5px 0px 5px;
- z-index: 9000;
- text-align: center;
- color: {color:Permalink};
- {block:if250Posts}
- width: 240px;
- {/block:if250Posts}
- {block:if400Posts}
- width: 390px;
- {/block:if400Posts}
- {block:if500Posts}
- width: 490px;
- {/block:if500Posts}
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- {/block:IndexPage}
- }
- #fabperm a:hover {
- color: {color:Permalink Hover};
- }
- /*PERMALINK PAGE*/
- ol.notes {
- font-style: italic;
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- border-bottom: solid 1px {color:Post Border};
- }
- ol.notes li.note {
- border-top: solid 1px {color:Post Border};
- padding: 10px;
- }
- 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;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: {color:Post Border};
- padding: 3px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- .notess {
- height: 300px;
- overflow-y: auto;
- text-align: left;
- line-height: 30px;
- padding: 1px 0px 1px 0px;
- background-color: {color:Post};
- max-width: 520px;
- font-family: Calibri;
- font-size: 11px;
- padding: 10px;
- background-color: {color:Post};
- color: {color:Text};
- width:498px;
- }
- #pcont {
- width: 520px;
- }
- .booglyboo {
- font-size: 9px;
- letter-spacing: 2px;
- text-transform: UPPERCASE;
- display: inline-block;
- margin-right: -1px;
- width: 90px;
- padding: 3px 6px 3px 6px;
- text-align: center;
- color: {color:PermaInfo};
- background-color: {color:PermaInfo BG};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .booglyboo a {
- color:{color:PermaInfo};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .booglyboo:hover {
- background-color: {color:PermaInfo BG Hover};
- color: {color:PermaInfo Hover};
- }
- .booglyboo a:hover {
- color: {color:PermaInfo Hover};
- }
- /*PAGINATION*/
- .pagi1 {
- font-family: Intro Inline;
- font-size: 30px;
- color: {color:Pagination};
- top: 253px;
- position: fixed;
- {block:IndexPage}
- left: 75px;
- {/block:IndexPage}
- }
- .pagi1 a {
- color: {color:Pagination};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .pagi1 a:hover {
- color: {color:Pagination Hover};
- }
- .pagi2 {
- font-family: Intro Inline;
- font-size: 30px;
- color: {color:Pagination};
- top: 253px;
- position: fixed;
- {block:IndexPage}
- left: 309px;
- {/block:IndexPage}
- }
- .pagi2 a {
- color: {color:Pagination};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .pagi2 a:hover {
- color: {color:Pagination Hover};
- }
- .tao {
- right: 10px;
- bottom: 5px;
- font-size: 11px;
- position: fixed;
- font-family: calibri;
- }
- .tao a {
- color: #ccc;
- }
- .tao a:hover {
- color: #fff;
- }
- </style>
- {block:IndexPage}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post',
- });
- });
- $container.infinitescroll({
- itemSelector : ".post",
- navSelector : "div.nav",
- nextSelector : ".nav a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:IndexPage}
- </head>
- <body>
- {block:ifInfiniteScroll}
- {block:IndexPage}
- <div class="nav">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">previous</a> ·
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" id="next">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IndexPage}
- {/block:ifInfiniteScroll}
- <div id="sidebar1">
- <div id="sidebar2"></div>
- <img src="{image:Sidebar1}">
- <div class="link">
- <div style="margin-top: 2px;"></div>
- <div class="lnk"><a href="/">HOME</a></div>
- <div class="lnk"><a href="/ask">INBOX</a></div>
- <div class="lnk"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
- <div class="lnk"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
- <div class="lnk"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
- <div class="lnk"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
- </div>
- </div>
- <div id="sidebar4">
- <div id="sidebar3"></div>
- {block:Description}
- <div class="desc">{Description}</div>
- {/block:Description}
- <img src="{image:Sidebar4}">
- </div>
- {block:ifTitle}
- <div id="title"><a href="/">{Title}</a></div>
- {/block:ifTitle}
- {block:IfNotInfiniteScroll}
- {block:IndexPage}
- {block:Pagination}
- {block:PreviousPage}
- <div class="pagi1">
- <a class="jump_page" href="{PreviousPage}">«</a>
- </div>
- {/block:PreviousPage}
- {block:NextPage}
- <div class="pagi2">
- <a class="jump_page" href="{NextPage}">»</a>
- </div>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IndexPage}
- {/block:IfNotInfiniteScroll}
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<div class="posttitle">— {Title} —</div>{/block:Title}
- <div style="margin-top: -8px;"></div>
- {Body}
- <div style="margin-bottom: -8px;"></div>
- {block:IndexPage}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- <center>
- {block:IndexPage}
- {block:if250Posts}
- <img src="{PhotoURL-250}" width="250px">
- {/block:if250Posts}
- {block:if400Posts}
- <img src="{PhotoURL-400}" width="400px">
- {/block:if400Posts}
- {block:if500Posts}
- <img src="{PhotoURL-500}" width="500px">
- {/block:if500Posts}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -3px;"></div>
- {/block:ifnotCaptions}
- <div id="perm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}" width="500px">
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- </center>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:if250Posts}
- {Photoset-250}
- {/block:if250Posts}
- {block:if400Posts}
- {Photoset-400}
- {/block:if400Posts}
- {block:if500Posts}
- {Photoset-500}
- {/block:if500Posts}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -3px;"></div>
- {/block:ifnotCaptions}
- <div id="perm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="linktitle">— {Source} —</div>
- <div class="quote">“{Quote}”</div>
- {block:IndexPage}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <div class="linktitle">— <a href="{URL}">{Name}</a> —</div>
- {block:Description}
- <div style="margin-top: -8px;"></div>
- {Description}
- <div style="margin-bottom: -8px;"></div>
- {/block:Description}
- {block:IndexPage}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- {block:IndexPage}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Video}
- {block:IndexPage}
- {block:if250Posts}
- {Video-250}
- {/block:if250Posts}
- {block:if400Posts}
- {Video-400}
- {/block:if400Posts}
- {block:if500Posts}
- {Video-500}
- {/block:if500Posts}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -4px;"></div>
- {/block:ifnotCaptions}
- <div id="perm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Answer}
- <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:3px;">
- <div class="portrait"><img src="{AskerPortraitURL-64}"></div></td>
- <td style="vertical-align:top;">
- <i>{Asker} whispered:</i><br>
- {Question}
- </td>
- </tr>
- </table>
- <div style="border-bottom: 1px solid {color:PostBorder}; margin-top: -3px;"></div>
- {Answer}
- <div style="margin-bottom: -7px;"></div>
- {block:IndexPage}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- {block:ifBlackAudioPlayer}
- <div class="player">{AudioPlayerBlack}</div>
- {/block:ifBlackAudioPlayer}
- {block:ifnotBlackAudioPlayer}
- <div class="player">{AudioPlayerWhite}</div>
- {/block:ifnotBlackAudioPlayer}
- {/block:AudioPlayer}
- <div class="album">
- {block:AlbumArt}
- {block:IndexPage}
- <img src="{AlbumArtURL}">
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{AlbumArtURL}">
- {/block:PermalinkPage}
- {/block:AlbumArt}
- </div>
- <div class="track">
- {block:TrackName}
- Title: {TrackName}<br>
- {/block:TrackName}
- {block:Artist}
- Artist: {Artist}<br>
- {/block:Artist}
- {block:Album}
- Album: {Album}
- {/block:Album}
- </div>
- {block:IndexPage}
- {block:ifCaptions}
- {block:if250Posts}
- <div class="caption">
- {block:Caption}
- {Caption}
- <div style="margin-bottom: -10px;"></div>
- {/block:Caption}
- </div>
- {/block:if250Posts}
- {block:if400Posts}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -10px;"></div>
- </div>
- {/block:Caption}
- {/block:if400Posts}
- {block:if500Posts}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:if500Posts}
- {/block:ifCaptions}
- {block:if250Posts}
- {block:ifnotCaptions}
- <div style="margin-bottom: -4px;"></div>
- {/block:ifnotCaptions}
- {/block:if250Posts}
- <div id="fabperm">
- <a href="{ReblogURL}" title="reblog">reblog</a> ▫
- <a href="{Permalink}" title="{NoteCount} notes">♥</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- {block:PermalinkPage}
- <center>
- {block:HasTags}
- <div id="tag">
- {block:Tags}
- <div class="tags">
- <div style="font-size: 8px; display: inline-block;">▫</div> <a href="{TagURL}">{Tag}</a> 
- </div>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <div id="pcont">
- <center>
- {block:RebloggedFrom}
- <div class="booglyboo">
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
- </div>
- <div class="booglyboo">
- <a href="{ReblogRootURL}" title= "{ReblogRootName}">origin</a></div>
- {/block:RebloggedFrom}
- {block:NoteCount}
- <div class="booglyboo">{NoteCount} notes</div>
- {/block:NoteCount}
- {block:Date}
- <div class="booglyboo">
- {block:ifMonthDayYear}
- {MonthNumber}/{DayOfMonth}/{Year}
- {/block:ifMonthDayYear}
- {block:ifDayMonthYear}
- {DayOfMonth}/{MonthNumber}/{Year}
- {/block:ifDayMonthYear}
- {block:ifYearMonthDay}
- {Year}/{MonthNumber}/{DayOfMonth}
- {/block:ifYearMonthDay}
- </div>
- {/block:Date}
- {block:Date}
- <div class="booglyboo" style="width: 92px;">
- {block:if12HourTime}
- {12Hour}:{Minutes}{AmPm}
- {/block:if12HourTime}
- {block:ifnot12HourTime}
- {24Hour}:{Minutes}
- {/block:ifnot12HourTime}
- </div>
- {/block:Date}
- </center>
- {block:PostNotes}
- <center>
- <div class="notess">{PostNotes}</div>
- </center>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div class="tao">
- <a href="http://mfe-themes.tumblr.com/" title="theme">©</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement