Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- viva happy theme 2.5 (-__- ikr) by jojo (30dollars.tumblr.com) x3
- i finally fixed the footer and desc and added moar stuff :D
- rulez:
- 1. dont remove cred -__- (but u can like change the pixel manually or whatever)
- thats literally it
- GO WILD AND EDIT HOWEVER U WANT! (as long as it kinda looks the original)
- dont use as a base??? OwO
- O YA! HAVE FUN AND ENJO Y THIS THEME X3
- ----->
- <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>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:favicon" content="" />
- <meta name="image:sidebar" content="">
- <meta name="image:background" content="">
- <meta name="image:banner" content="">
- <meta name="image:right img" content="">
- <meta name="image:left img" content="">
- <meta name="color:tooltip background" content="#fff">
- <meta name="color:tooltip text color" content="#000">
- <meta name="color:background" content="#fff">
- <meta name="color:post background" content="#ffffff">
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#888888"/>
- <meta name="color:hover" content="#ffffff"/>
- <meta name="color:scrollbar" content="#000">
- <meta name="color:srcollbar bg" content="0" />
- <meta name="color:links glow" content="#888888"/>
- <meta name="color:text glow" content="#888888"/>
- <meta name="color:tooltip glow" content="0" />
- <meta name="text:tooltip text size" content="19">
- <meta name="text:sidebar words" content="NUT">
- <meta name="text:font size" content="">
- <meta name="text:Font family" content="arial">
- <meta name="text:Link1URL" content="/">
- <meta name="text:Link1Name" content="/">
- <meta name="text:Link2URL" content="/">
- <meta name="text:Link2Name" content="/">
- <meta name="text:tag symbol" content=""/>
- <meta name="if:bg cover" content="1">
- <meta name="if:repeatbanner" content="1">
- <meta name="if:postbg" content="1">
- <meta name="if:footerright" content= "1">
- <meta name="if:links glow" content="0" />
- <meta name="if:text glow" content="0" />
- <meta name="if:tooltip glow" content="0" />
- <meta name="if:show description" content="0" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- /*---WEBKIT SCROLLBAR---*/
- ::selection {background: #fff; color:{color:selection};}
- ::-moz-selection {background: #fff; color:{color:selection};}
- ::-webkit-selection {background: #fff; color:{color:selection};}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
- height:100px;}
- ::-webkit-scrollbar { height:10px;width:15px; background-color:{color:scrollbar bg};}
- #s-m-t-tooltip {
- max-width:300px;
- background-color:{color:tooltip background};
- font-size:{text:tooltip text size}px;
- color:{color:tooltip text color};
- {block:iftooltipglow}
- text-shadow: 0 0 12px {color:tooltip glow};
- {/block:iftooltipglow}
- letter-spacing:0px;
- text-transform:none;
- padding:8px;
- margin:20px 0px 0px 20px;
- z-index:9999999999999999999999;
- border-radius: 0px;
- }
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:background};
- font-family:{text:Font family};
- font-size:{text:font size}px;
- line-height:140%;
- color: #000;
- background-image: url('{image:background}');
- {block:ifnotbgcover}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotbgcover}
- {block:ifbgcover}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifbgcover}
- line-height:140%;
- color: {color:text};
- {block:iftextglow}
- text-shadow: 0 0 12px {color:text glow};
- {/block:iftextglow}
- }
- p{
- margin:0 0 10px 0;
- padding:2px;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a{
- color:{color:link};
- text-decoration:none;
- {block:iflinksglow}
- text-shadow: 0 0 12px {color:links glow};
- {/block:iflinksglow}
- }
- a:hover{
- color:{color:hover};
- }
- li{
- margin-left:-15px;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #owo{
- position:fixed;
- width:250px;
- text-align:center;
- margin-left:-80px;
- {block:ifpostbg}
- background:{color:post background}
- {/block:ifpostbg}
- }
- #content{
- width:400px;
- margin-left:200px;
- overflow:hidden;
- }
- .post{
- width:400px;
- margin:0 0 50px 0;
- overflow:hidden;
- {block:ifroundedposts}
- border-radius:10px;
- {/block:ifroundedposts}
- {block:ifpostbg}
- background:{color:post background}
- {/block:ifpostbg}
- }
- #owo img, .post img{
- max-width:100%;
- }
- #banner{
- background-image: {image:banner};
- {block:ifrepeatbanner}
- text-align:left;
- background-image: url({image:banner});
- background-repeat: repeat-x;
- {/block:ifrepeatbanner}
- }
- #nav{
- margin:50px 0 0 0;
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:solid 1px #000;
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- {block:iffooterright}
- text-align:right;
- {/block:iffooterright}
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- }
- ol.notes li.note{
- margin:0px;
- }
- #links{
- margin: 15;
- padding: 0px;
- }
- {CustomCSS}
- </style>
- <div id="banner"><img src="{image:banner}"></div>
- </head>
- <body>
- <div id="wrapper">
- <div id="owo">
- <a href="/" title="{text:sidebar words}"><img src="{image:sidebar}"></a></br>
- {block:ifshowdescription}
- {Description}
- {/block:ifshowdescription}
- <a href="{text:Link1URL}">{text:Link1Name}</a>
- <a href="{text:Link2URL}">{text:Link2Name}</a>
- </div>
- <div id="content">
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset-400}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media">{Video-400}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="media">
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- {AudioPlayerWhite}
- {block:TrackName}{TrackName}<br>{/block:TrackName}
- {block:Artist}{Artist}<br>{/block:Artist}
- {block:Album}{Album}{/block:Album}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCount} {text:note symbol}){/block:NoteCount}</a>
- {block:HasTags}<br>{block:Tags}{text:tag symbol}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- {block:RebloggedFrom}<br><a href="{ReblogParentURL}"> </a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
- <img src="{image:left img}" style='position:fixed;bottom:0px;;left:0px;z-index:-2;' width="">
- <img src="{image:right img}" style='position:fixed;bottom:0px;;right:0px;z-index:-1;' width="">
- {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div id="c" style='position:fixed;bottom:0px;right:0px; font-size:15px; padding:15px;' > <a target="_blank" href="http://30dollars.tumblr.com/" title="credit"><img src="http://68.media.tumblr.com/c49e023de1a149b3eed290b553f694d3/tumblr_inline_nhitz7eHHy1qbq39l.gif"></a>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement