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" xml:lang="en" lang="en">
- <head>
- <!--- Theme #58 ਫਲ by wonderfullythemes
- ਫਲ means "fruit" in Punjabi :)
- leave the credit alone pls and thanks--->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
- <!--SCRIPT FOR TOOLTIPS-->
- <stsss>
- <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:100,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Link" content="#1bcc5c" />
- <meta name="color:Hover" content="#444" />
- <meta name="color:Text" content="#444" />
- <meta name="color:Border" content="#ddd" />
- <meta name="color:Post Background" content="#fff" />
- <meta name="color:Post Shadow" content="#ddd" />
- <meta name="color:Scrollbar" content="#000" />
- <meta name="color:pre Background" content="#ddd" />
- <meta name="color:pre Text" content="#fff" />
- <meta name="color:Chat Text Odd" content="#ddd" />
- <meta name="color:Chat Text Even" content="#444" />
- <meta name="color:Question Background" content="#ddd" />
- <meta name="color:Question Text" content="#444" />
- <meta name="color:Question Link" content="#000" />
- <meta name="color:Question Link Hover" content="#fff" />
- <meta name="color:Info Background" content="#000" />
- <meta name="color:Info Text" content="#fff" />
- <meta name="color:Info Links" content="#ddd" />
- <meta name="color:Info Links Hover" content="#fff" />
- <meta name="color:Tags Text" content="#ccc" />
- <meta name="color:Tags Link" content="#ddd" />
- <meta name="color:Tags Link Hover" content="#444" />
- <meta name="color:Tooltip Background" content="#fff" />
- <meta name="color:Tooltip Text" content="#000" />
- <meta name="image:Background" content="" />
- <meta name="image:Sidebar1" content="" />
- <meta name="image:Sidebar2" content="" />
- <meta name="image:Sidebar3" content="" />
- <meta name="image:Sidebar4" content="" />
- <meta name="image:Sidebar5" content="" />
- <meta name="image:Sidebar6" content="" />
- <meta name="image:Right Sidebar" content="" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Text" content="Link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Text" content="Link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Text" content="Link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Text" content="Link 4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Text" content="Link 5" />
- <style type="text/css">
- html {
- cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
- }
- @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- .fade-in {
- opacity:0;
- -webkit-animation:fadeIn ease-in 1;
- -moz-animation:fadeIn ease-in 1;
- animation:fadeIn ease-in 1;
- -webkit-animation-fill-mode:forwards;
- -moz-animation-fill-mode:forwards;
- animation-fill-mode:forwards;
- -webkit-animation-duration:1.5s;
- -moz-animation-duration:1.5s; animation-duration:1.5s; }
- .fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
- /*--POP UP BOXES--*/
- .popup_block{
- display:none;
- background:#fff;
- padding:40px;
- border:1px solid #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 9999999999;
- border:1px solid {color:Border};
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:{color:Background}; /* change to #fff for solid white */
- opacity:1; /* change to opacity:1; */
- }
- .poplight:hover {
- cursor:crosshair;
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- border:2px solid {color:Background};
- }
- ::-webkit-scrollbar {
- height:8px;
- width:11px;
- background-color:{color:Scrollbar};
- border:5px solid {color:Background};
- }
- #s-m-t-tooltip {
- max-width:200px;
- font-family:'calibri';
- font-size:10px;
- background-color:{color:Tooltip Background};
- color:{color:Tooltip Text};
- line-height:9px;
- display:none;
- position:absolute;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:6px;
- margin:15px 0px 0px 15px;
- z-index:99999999999999;
- }
- body {
- background-color:{color:Background};
- color:{color:Text};
- font-family:'book antiqua';
- font-size:11.5px;
- text-decoration:none;
- text-transform:none;
- margin:0px;
- cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
- }
- a {
- color:{color:Link};
- text-decoration:none;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- a:hover {
- cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
- color:{color:Hover};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- h1 {
- font-family:arial black;
- text-transform:lowercase;
- margin-top:5px;
- }
- h2 {
- font-family:'arial narrow';
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:14px;
- }
- ul {
- list-style: none;
- padding:0;
- margin:0 0 0 20px;
- }
- li {
- padding-left: 1em;
- }
- li:before {
- font-size:11px;
- content: "• ";
- color:{color:Link};
- }
- pre {
- font-family:'calibri';
- letter-spacing:2px;
- font-size:11px;
- text-transform:uppercase;
- background-color:{color:pre Background};
- color:{color:pre Text};
- padding:5px;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- blockquote {
- border-left:1px solid {color:Link};
- padding-left:10px;
- margin-left:5px;
- }
- img, blockquote, li, h2 {
- max-width:100%;
- }
- /*--SIDEBAR--*/
- .sidebarwrap {
- position:fixed;
- text-align:left;
- width:180px;
- height:100%;
- top:0;
- left:180px;
- z-index:200;
- background-color:{color:Post Background};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- .sidebar {
- position:fixed;
- width:180px;
- top:50%;
- margin-top:-232px;
- height:464px;
- }
- .sidebarwrap:hover .sidebarpic {
- margin-left:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .sidebarwrap:hover .sidebarpic2 {
- margin-left:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .sidebarpic {
- width:100%;
- margin-left:50px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .sidebarpic2 {
- width:100%;
- text-align:right;
- margin:5px 0 5px -55px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .sidebarpic img {
- width:55px;
- height:55px;
- border:1px solid {color:Border};
- padding:9px;
- border-radius:50%;
- }
- .sidebarpic2 img {
- width:55px;
- height:55px;
- border:1px solid {color:Border};
- padding:9px;
- border-radius:50%;
- text-align:right;
- right:0px;
- }
- .sidebarwrap:hover .sidebar h1 { opacity:1; -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s; }
- .sidebar h1 { margin-top:20px; margin-left:85px; position:absolute; opacity:0;-moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .sidebarwrap:hover .links { opacity:1; -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s; }
- .links { width: calc(100% - 83px); margin-top:35px; position:absolute; font-size:10px; line-height:10px; letter-spacing:2px; text-transform:uppercase; opacity:0; -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .links a { color:{color:Link}; }
- .links a:hover { color:{color:Hover}; }
- nav a {
- position: relative;
- display:inline-block;
- letter-spacing:2px;
- font-weight:bold;
- }
- nav a:hover,
- nav a:focus {
- outline: none;
- }
- /* Effect 5: same word slide in */
- .cl-effect-5 a {
- overflow: hidden;
- height: 1em;
- }
- .cl-effect-5 a span {
- position: relative;
- display: inline-block;
- -webkit-transition: -webkit-transform 0.3s;
- -moz-transition: -moz-transform 0.3s;
- transition: transform 0.3s;
- }
- .cl-effect-5 a span::before {
- position: absolute;
- top: 100%;
- content: attr(data-hover);
- font-weight: 700;
- -webkit-transform: translate3d(0,0,0);
- -moz-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- .cl-effect-5 a:hover span,
- .cl-effect-5 a:focus span {
- -webkit-transform: translateY(-100%);
- -moz-transform: translateY(-100%);
- transform: translateY(-100%);
- }
- /*--POSTS--*/
- #entries {
- width:400px;
- position:relative;
- top:20px;
- left:440px;
- }
- #post {
- position:relative;
- width:400px;
- margin-bottom:120px;
- background:{color:Post Background};
- }
- /*--POST TYPES--*/
- #askericon {
- position:relative;
- text-align:center;
- }
- #askericon img {
- border-radius:50%;
- padding:10px;
- border:1px solid {color:Border};
- }
- .asker {
- font-family:'arial black';
- text-transform:uppercase;
- font-size:13px;
- margin:10px 0 10px 0;
- letter-spacing:2px;
- text-align:center;
- }
- .asker a { color:{color:Question Link}; }
- .asker a:hover { color:{color:Question Link Hover}; }
- .question {
- background-color:{color:Question Background};
- color:{color:Question Text};
- padding:10px;
- }
- .answer {
- position:relative;
- margin-top:5px;
- }
- .mark {
- text-align:left;
- font-family:georgia;
- font-size:40px;
- color:{color:Link};
- }
- .words {
- margin-top:-30px;
- text-indent:15px;
- font-style:italic;
- font-size:16px;
- }
- .audiowrap {
- width:150px;
- }
- .cover img {
- width:150px;
- }
- .playbox {background-color: #000;}
- .playbutton {width: 20px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 1000}
- .audioinfo {
- width:210px;
- height:143px;
- padding:20px;
- background:{color:Question Background};
- position:absolute;
- margin-left:150px;
- }
- .src {
- font-family:'arial';
- text-transform:uppercase;
- letter-spacing:1px;
- }
- /*--from two column base code. link on my main blog--*/
- .video-container {
- position:relative;
- padding-bottom:56.25%;
- padding-top: 30px;
- height:0;
- overflow:hidden;}
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;}
- .chat {
- line-height:12px;
- }
- .chat ul {
- padding:0px 5px;
- line-height:15px;
- }
- .chat li {
- list-style:none;
- padding-left:0em;
- }
- li:before {
- content:none;
- }
- .line_odd, .line_even {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:10px;
- font-family:'calibri';
- }
- .line_odd { color:{color:Chat Text Odd}; }
- .line_even { color:{color:Chat Text Even}; }
- .linkdesc {
- padding:12px;
- background:{color:Question Background};
- color:{color:Question Text};
- text-transform:uppercase;
- font-family:'arial';
- font-size:10px;
- letter-spacing:1px;
- margin-bottom:15px;
- line-height:15px;
- }
- /*--INFO AND TAGS--*/
- #footer {
- position:absolute;
- font-family:'arial narrow';
- font-weight:initial;
- line-height:13px;
- text-transform:uppercase;
- margin-left:420px;
- text-align:left;
- font-size:9px;
- letter-spacing:-2px;
- background:{color:Info Background};
- padding:10px;
- color:{color:Info Text};
- }
- #footer a {
- letter-spacing:2px;
- color:{color:Info Links};
- }
- #footer a:hover {
- color:{color:Info Links Hover};
- }
- #post:hover .tags {
- opacity:1;
- margin-left:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags {
- margin-top:10px;
- font-family:'arial narrow';
- font-weight:initial;
- line-height:13px;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:9px;
- color:{color:Tags Text};
- opacity:0;
- margin-left:-40px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags a {
- padding-right:5px;
- color:{color:Tags Link};
- }
- .tags a:hover { color:{color:Tags Link Hover}; }
- #perma {
- width:calc(100% - 20px);
- padding:10px;
- background:{color:Info Background};
- color:{color:Info Text};
- margin-top:10px;
- font-family:'arial narrow';
- font-weight:initial;
- line-height:13px;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:9px;
- }
- #perma a { color:{color:Info Links}; }
- #perma a:hover { color:{color:Info Links Hover}; }
- /*--RIGHT SIDEBAR--*/
- .rightsidebar {
- position:fixed;
- top:0;
- left:1000px;
- height:100%;
- width:40px;
- background-image: url('{image:Right Sidebar}');
- background-size:auto 100%;
- background-attachment:fixed;
- }
- .rightinfo {
- width:100px;
- position:absolute;
- margin-left:60px;
- top:50%;
- margin-top:-100px;
- text-transform:uppercase;
- font-family:'arial narrow';
- font-size:8.5px;
- letter-spacing:2px;
- line-height:14px;
- }
- #pagination {
- margin-top:5px;
- font-style:italic;
- text-transform:uppercase;
- font-family:arial black;
- font-size:9px;
- letter-spacing:1px;
- }
- #pagination a {
- color:{color:Link};
- }
- #pagination a:hover {
- color:{color:Hover};
- }
- /*--CREDIT--*/
- #spectrum {
- bottom:9px;
- right:7px;
- font-size:8px;
- font-family:'calibri';
- letter-spacing:1px;
- text-transform:uppercase;
- position:fixed;
- }
- {CustomCSS}</style></head><body>
- <div id="wrap" class="box fade-in one">
- <div class="rightsidebar">
- <div class="rightinfo">
- {Description}
- <div id="pagination">
- {block:Pagination}
- Page {CurrentPage} of {TotalPages}<br>
- {block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div class="sidebarwrap"><div class="sidebar">
- <div class="sidebarpic"><h1><a href="/" title="refresh">—{Title}</a></h1><img src="{image:Sidebar1}" /></div>
- <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link1}"><span data-hover="{text:Link1 Text}">{text:Link1 Text}</span></a></div><img src="{image:Sidebar2}" /></div>
- <div class="sidebarpic"><div class="links" style="text-align:left;margin-left:83px;"><nav class="cl-effect-5"><a href="{text:Link2}"><span data-hover="{text:Link2 Text}">{text:Link2 Text}</span></a></div><img src="{image:Sidebar3}" /></div>
- <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link3}"><span data-hover="{text:Link3 Text}">{text:Link3 Text}</span></a></div><img src="{image:Sidebar4}" /></div>
- <div class="sidebarpic"><div class="links" style="text-align:left;margin-left:83px;"><nav class="cl-effect-5"><a href="{text:Link4}"><span data-hover="{text:Link4 Text}">{text:Link4 Text}</span></a></div><img src="{image:Sidebar5}" /></div>
- <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link5}"><span data-hover="{text:Link5 Text}">{text:Link5 Text}</span></a></div><img src="{image:Sidebar6}" /></div>
- </div></div>
- <div class="content">
- <div id="entries">{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} -->
- {block:IndexPage}
- {block:Date}<div id="footer"><a href="{Permalink}" title="view post">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount}<br><a href="{Permalink}">{NoteCount} N</a>{/block:NoteCount}<br><a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
- <div id="post">
- {block:Text}
- <div class="textpost">
- {block:Title}<h1>—{Title}</h1>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Answer}
- <div id="askericon"><img src="{AskerPortraitURL-64}"/></div>
- <div class="asker">{Asker} asked:</div>
- <div class="question"> {Question}</div>
- <div class="answer"> {Answer} {block:Caption}{Caption}{/block:Caption}</div>
- {/block:Answer}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
- {/block:Photo}
- {block:Quote}
- <div class="mark">“</div>
- <div class="words">{Quote}</div>
- <div style="margin-top:-10px;text-align:right;font-size:40px;font-family:georgia;float:right;color:{color:Link}">”</div>
- {block:Source}<br><br> —{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}">—{Name}</a></h1>
- {block:Excerpt}<div class="linkdesc">{Excerpt}</div>{/block:Excerpt}
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>—{Title}</h1>{/block:Title}
- {block:Lines}<span class="chat">
- <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
- {/block:Lines}
- {/block:Chat}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- {block:Audio}
- <div class="audioinfo">
- {block:TrackName}<h2>{TrackName}</h2>{/block:TrackName}
- <div class="src">
- {block:Artist}<p><i>Artist:</i> {Artist}</p>{/block:Artist}
- {block:Album}<p><i>Album:</i> {Album}</p>{/block:Album}
- {block:PlayCount}<p>{PlayCountWithLabel}</p>{/block:PlayCount}
- </div>
- {block:Album}{Album}{/block:Album}
- </div>
- <div class="audiowrap">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- </div>
- {block:Audio}
- {block:Video}
- {Video-400}
- {/block:Video}
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}{block:HasTags}<div class="tags"><b>Filed Under:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:Indexpage}
- {block:PermalinkPage}
- {block:Date}<div id="perma">Posted: <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
- {block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Original Post: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
- {block:HasTags}<br><br>Filed Under: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
- </div>{/block:Date}
- {/block:PermalinkPage}
- </div>{/block:Posts}
- </div><!--end #entries-->
- </div><!--end .content-->
- <div id="spectrum" class="box fade-in one">
- <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
- </div>
- </div><!--end #wrap-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement