Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css">
- <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <meta name="text:font size" content="9px"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:hover" content="#000000"/>
- <meta name="color:menu bg" content="#efefef"/>
- <meta name="color:background color" content="#ffffff"/>
- <meta name="text:first custom link title" content=""/>
- <meta name="text:first custom link url" content=""/>
- <meta name="text:second custom link title" content=""/>
- <meta name="text:second custom link url" content=""/>
- <meta name="text:third custom link title" content=""/>
- <meta name="text:third custom link url" content=""/>
- <meta name="text:fourth custom link title" content=""/>
- <meta name="text:fourth custom link url" content=""/>
- <meta name="text:fifth custom link title" content=""/>
- <meta name="text:fifth custom link url" content=""/>
- <meta name="text:sixth custom link title" content=""/>
- <meta name="text:sixth custom link url" content=""/>
- <meta name="text:seventh custom link title" content=""/>
- <meta name="text:seventh custom link url" content=""/>
- <meta name="text:eighth custom link title" content=""/>
- <meta name="text:eighth custom link url" content=""/>
- <meta name="if:first custom link" content="0"/>
- <meta name="if:second custom link" content="0"/>
- <meta name="if:third custom link" content="0"/>
- <meta name="if:fourth custom link" content="0"/>
- <meta name="if:fifth custom link" content="0"/>
- <meta name="if:sixth custom link" content="0"/>
- <meta name="if:seventh custom link" content="0"/>
- <meta name="if:eighth custom link" content="0"/>
- <meta name="if:sidebar left" content="1"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="if:show sidebar image" content="0"/>
- <title>{Title}</title>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
- <style type="text/css">
- body {
- color: {color:text};
- background:{color:background color};
- font-family: 'Happy Monkey', cursive;
- font-size: {text:font size};
- background-image:{image:background};
- }
- #infscr-loading {
- position: absolute;
- bottom: 0;
- left: 25%;
- }
- a:link, a:active, a:visited{
- color:{color:Link};
- text-decoration: none;
- {block:ifnotrainbowlinks}
- -webkit-transition-duration: 0.8s;
- transition:.8s linear;
- /* We need to help some browsers along for this to work */
- -moz-transition:.8s linear;{/block:ifnotrainbowlinks}
- }
- a:hover {
- color:{color:Hover};
- text-decoration: none;
- }
- #content {
- {block:indexpage}
- width: 500px;{/block:indexpage}
- {block:permalinkpage}
- width: 500px;{/block:permalinkpage}
- float: right;
- }
- #contain {
- width: 502px;
- margin: 30px auto;
- }
- #side {
- width: 300px;
- border: 3px dashed black;
- border-top-right-radius:0px;
- border-bottom-right-radius:50px;
- border-top-left-radius:50px;
- border-bottom-left-radius:0px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- height:auto;
- {block:ifsidebarleft}
- margin-left: -320px;
- {/block:ifsidebarleft}
- {block:ifnotsidebarleft}
- margin-left: 520px;
- {/block:ifnotsidebarleft}
- padding: 1px;
- position: fixed;
- text-align: center;
- background: #ffffff;
- }
- #side:hover{
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- border-top-right-radius:50px;
- border-bottom-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:50px;
- }
- .notes img {
- width: 10px;
- position: relative;
- top: 3px;
- }
- #sidebar img {
- display: block;
- margin-bottom: 1px;
- }
- .entry {
- float: left;
- {block:indexpage}
- width: 500px;{/block:indexpage}
- {block:permalinkpage}
- width: 500px;{/block:permalinkpage}
- display: block;
- overflow: hidden;
- background: #fff;
- margin: 0px 0px 30px 0px;
- padding: 1px;
- }
- .entry img {
- display: block;
- -webkit-transition-duration:1s;
- }
- .entry:hover img {
- opacity:0.8;
- filter:alpha(opacity=80);
- }
- blockquote, q {
- quotes: "«" "»" "'" "'";
- padding-left: 5px;
- }
- .details {
- opacity: 0.0;
- filter: alpha(opacity = 0);
- width: 500px;
- position:fixed;
- text-align: center;
- color: #000000;
- z-index:10;
- height: 30px;
- margin-top: -40px;
- font-size: 11px;
- font-weight: bold;
- text-transform: capitalize;
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;
- }
- .entry:hover .details {
- opacity: 1.0;
- background: rgba(255, 255, 255, 0.6);
- filter: alpha(opacity = 100);
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;
- }
- .details a{
- color: #000000;
- padding: 5px;
- font-size:11px;
- line-height: 40px;
- }
- #pagination{
- display:none;
- }
- select {
- font-size: 9px;
- width: 100px;
- margin-left: 0px;
- }
- option {
- font-size: 9px;
- width: 100px;
- text-align: left;
- }
- input[type=button]
- {
- font-size: 9px;
- }
- .clear {
- clear: both;
- }
- .drawer {
- list-style: none;}
- #topmenu {
- margin: 5px;
- }
- #des {
- position: relative;
- }
- .textperma {
- color: #000000;
- border-top: 1px #000000 dotted;
- padding-top: 2px;
- padding-bottom: 2px;
- text-align: center;
- text-transform: uppercase;
- }
- h1 {
- font-family: 'Happy Monkey', cursive;
- font-size: 28px;
- line-height: 33px;
- color: black;
- text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o
- -transition: all 0.2s ease-out;
- }
- h1:hover{
- text-shadow:0px 0px 0px rgba(0,0,0,0.2);
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
- }
- #menu a {
- height: 20px;
- width: 80px;
- color: {color:text};
- margin-bottom: 10px;
- background-color: {color:menu bg};
- font-size: 10px;
- line-height: 20px;
- text-align: center;
- border-top-right-radius: 80px;
- border-bottom-right-radius: 1px;
- border-top-left-radius: 1px;
- border-bottom-left-radius: 80px;
- display: inline-block;
- }
- #menu a:hover {border-top-right-radius:1px; border-bottom-right-radius:80px; border-top-left-radius:80px; border-bottom-left-radius:1px; -webkit-transition-duration: 1s;}
- </style>
- </head>
- <body>
- <div id="contain">
- <div id="side"><h1><a href="{permalink}">{title}</a></h1>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width="300"/></a>{/block:ifshowsidebarimage}
- <div id="des"><br />
- <p>{Description}</p><br />
- <div id="menu">
- {block:iffirstcustomlink}
- <a href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
- {block:ifsecondcustomlink}
- <a href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
- {block:ifthirdcustomlink}
- <a href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
- {block:iffourthcustomlink}
- <a href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
- {block:iffifthcustomlink}
- <a href="{text:fifth custom link url}">{text:fifth custom link title}</a>{/block:iffifthcustomlink}
- {block:ifsixthcustomlink}
- <a href="{text:sixth custom link url}">{text:sixth custom link title}</a>{/block:ifsixthcustomlink}
- {block:ifseventhcustomlink}
- <a href="{text:seventh custom link url}">{text:seventh custom link title}</a>
- {/block:ifseventhcustomlink}
- {block:ifeighthcustomlink}
- <a href="{text:eighth custom link url}">{text:eighth custom link title}</a>
- {/block:ifeighthcustomlink}
- <a href="http://idcthemes.tumblr.com/">theme</a>
- </p></div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
- {block:IndexPage}
- <div class="details"><p>
- <a href="{permalink}">{NoteCount} notes</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a>
- </p>
- </div>
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-500}
- {block:IndexPage} <p class="textperma"><a href="{permalink}">{NoteCount} notes</a> - <a href="{ReblogURL}" target="_blank">reblog</a><p>{/block:IndexPage}
- {/block:IndexPage}
- {block:permalinkpage}
- {Photoset-500}{/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
- {Line} </li>
- {/block:Lines}
- </ul> {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Chat}
- {block:Video}
- {Video-500} {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Video}
- {block:Audio}
- {AudioPlayerBlack}
- {block:Caption}
- {Caption}
- {/block:Caption} {block:IndexPage} <p class="textperma"> <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p>{/block:IndexPage}
- {/block:Audio}
- </div>
- {block:PermalinkPage}
- <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- {block:Pagination}
- <ul id="pagination">
- {block:PreviousPage}
- <li><a href="{PreviousPage}"></a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="nextPage" href="{NextPage}"></a></li>
- {/block:NextPage}
- </ul>
- {/block:Pagination}
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#content');
- $content.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 200,
- debug : false,
- });
- });
- </script>
- {/block:IndexPage}
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement