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">
- <!--
- THEME 05: THE AVENGERS (B) BY NUTELLAMONKEYS.TUMBLR.COM
- RULES:
- - DO NOT REDISTRIBUTE OR REUPLOAD AND CLAIM AS YOUR OWN
- - LEAVE THE CREDITS AS THEY ARE, DO NOT MOVE THEM TO A DIFFERENT PAGE
- - DO NOT USE AS A BASE CODE
- I worked really hard coding this theme so please please don't steal it. Even copying one line is counted as stealing.
- -->
- <html>
- <head>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background" content ="#000000"/>
- <meta name="color:Sidebar" content ="#000000"/>
- <meta name="color:Sidebar Hover" content ="#000000"/>
- <meta name="color:Content" content ="#000000"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="color:Text" content="#ffffff"/>
- <meta name="color:Link" content="#3ffaff"/>
- <meta name="color:Link Hover" content="#ffffff"/>
- <meta name="color:Navigation" content="#3ffaff"/>
- <meta name="color:Navigation Text" content="#000000"/>
- <meta name="color:Navigation Hover" content="000000"/>
- <meta name="color:Navigation Text Hover" content="#3ffaff"/>
- <meta name="color:Question" content="#1a5a5c"/>
- <meta name="color:Header" content="#3ffaff"/>
- <meta name="color:Post Info BG" content="#000000"/>
- <meta name="color:Post Info Border" content="#e5e5e5"/>
- <meta name="color:Chat 1" content="#3ffaff"/>
- <meta name="color:Chat 2" content="#ffffff"/>
- <meta name="color:Blockquote" content="#3ffaff"/>
- <meta name="color:Blockquote BG" content="#000000"/>
- <meta name="text:URL1" content="/" />
- <meta name="text:TITLE1" content="link 1" />
- <meta name="text:URL2" content="/" />
- <meta name="text:TITLE2" content="link 2" />
- <meta name="text:URL3" content="/" />
- <meta name="text:TITLE3" content="link 3" />
- <meta name="text:URL4" content="/" />
- <meta name="text:TITLE4" content="link 4" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ofgq56z/KuXmourur/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:"true",
- tip_delay_time:70,
- tip_fade_speed:500,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- @font-face{
- font-family: 'WebSymbolsRegular'; src: url(http://static.tumblr.com/ofgq56z/hxYm994uu/websymbols-regular.otf)
- }
- body {
- background-color: {color:Background};
- background-image: url({image:Background});
- background-attachment:fixed;
- font-family: Helvetica, sans-serif;
- font-size: 12px;
- color: {color:Text};
- }
- a {
- color: {color:Link};
- text-decoration: none;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- a:hover {
- color: {color:Link Hover};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- a img {
- border: 0px;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #s-m-t-tooltip {
- max-width: 200px;
- font-size:9px;
- letter-spacing:1px;
- padding-left:6px;
- padding-right:6px;
- padding-top:4px;
- padding-bottom:4px;
- font-family:consolas;
- text-transform: uppercase;
- background-color:{color:Content};
- color: {color:Link};
- position: absolute;
- display:inline;
- margin-top: 20px;
- margin-left: 10px;
- text-align:center;
- z-index:9999;
- }
- #content {
- margin-left: 50px!important;
- margin: 20px;
- width: 500px;
- padding: 10px;
- background-color: {color:Content};
- }
- #sidebar {
- background-repeat: no repeat;
- position: fixed;
- top: 100px;
- left: 750px;
- background-color: {color:Sidebar};
- width: 320px;
- height: 320px;
- -moz-border-radius: 175px;
- -webkit-border-radius: 175px;
- border-radius: 175px;
- transition: all 0.8s ease;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- }
- #sidebarimage {
- width:320px;
- height:320px;
- position:fixed;
- -moz-border-radius: 175px;
- -webkit-border-radius: 175px;
- border-radius: 175px;
- background-color: transparent;
- background-image: url({image:Sidebar});
- background-position: center;
- background-repeat: no-repeat;
- }
- #sideinfo {
- top:99px;
- left:749px;
- width:272px;
- height:272px;
- position:fixed;
- text-align: center;
- -moz-border-radius: 300px;
- -webkit-border-radius: 300px;
- border-radius: 300px;
- padding: 25px;
- opacity: 0;
- transition: all 0.8s ease;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- }
- #sideinfo:hover {
- background-color: {color:Sidebar Hover};
- opacity: 0.85;
- transition: all 0.8s ease;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- }
- .navigation {
- position:fixed;
- top:90px;
- left:700px;
- }
- .navigation a {
- width: 70px;
- height: 50px;
- font-family: 'Economica', sans-serif;
- text-transform:uppercase;
- font-size: 15px;
- display:block;
- text-align: center;
- background-color: {color:Navigation};
- color: {color:Navigation Text};
- padding-top: 10px;
- padding-bottom: 10px;
- line-height: 50px;
- -webkit-border-radius: 250px;
- -moz-border-radius: 250px;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- .navigation a:hover {
- background-color: {color:Navigation Hover};
- color: {color:Navigation Text Hover};
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- }
- #home {
- position: fixed;
- top: 90px;
- left: 700px;
- }
- #link1 {
- position: fixed;
- top: 230px;
- left: 655px;
- }
- #link2 {
- position: fixed;
- top: 370px;
- left: 700px;
- }
- #mssg {
- position: fixed;
- top: 90px;
- left: 1050px;
- }
- #link3 {
- position: fixed;
- top: 230px;
- left: 1100px;
- }
- #link4 {
- position: fixed;
- top: 370px;
- left: 1050px;
- }
- .notesandtags {
- padding: 5px;
- background-color: {color:Post Info BG};
- border-top: solid 1px {color:Post Info Border};
- border-bottom: solid 1px {color:Post Info Border};
- margin-top: 3px;
- }
- #note li {
- list-style-type:none;
- }
- .tags {
- font-size: 9px;
- text-align: center;
- letter-spacing:1px;
- display: inline;
- font-family: Consolas;
- padding-right: 5px;
- }
- .taggy {
- font-family: 'WebSymbolsRegular';
- display: inline;
- font-size: 12px;
- }
- .time {
- font-size: 10px;
- text-transform: uppercase;
- font-family: Consolas;
- text-align: center;
- letter-spacing:1px;
- }
- h3 {
- font-size: 26px;
- margin: 0px;
- text-transform: uppercase;
- font-family: 'Economica', sans-serif;
- color: {color:Header};
- }
- .quote {
- font-family: 'Economica', sans-serif;
- font-style: italic;
- font-weight: bold;
- font-size: 21px;
- color: {color:Link};
- }
- .source {
- text-align:right;
- }
- .link {
- color: {color:Link};
- font-size: 20px;
- font-family: 'Economica', sans-serif;
- text-transform: uppercase;
- }
- .link:hover {
- color:{color:Link Hover};
- }
- ul.chat {
- margin: 0;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- color: {color:Chat 1};
- margin-bottom: 1px;
- }
- .chat li.even {
- color: {color:Chat 2};
- margin-bottom: 1px;
- }
- .title {
- font-size: 26px;
- font-family: 'Economica', sans-serif;
- color: {color:Header};
- text-align: center;
- }
- .ask {
- padding: 10px;
- background-color:{color:Question};
- }
- .prev {
- font-family: 'WebSymbolsRegular';
- position: fixed;
- top: 450px;
- left: 855px;
- font-size: 42px;
- }
- .next {
- font-family: 'WebSymbolsRegular';
- position: fixed;
- top: 450px;
- left: 920px;
- font-size: 42px;
- }
- blockquote {
- color: {color:Blockquote};
- background: {color:Blockquote BG};
- border-left: 3px solid {color:Dashed Lines};
- margin: 0px;
- padding: 0 0 0 10px;
- font-size: 12px;
- }
- #nutella {
- right:5px;
- bottom:5px;
- position:fixed;
- font-size:9px;
- width:40px;
- padding:3px;
- letter-spacing:1px;
- text-align:center;
- background:{color:Content};
- color:{color:Link};
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #nutella:hover {
- bottom:8px;
- transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- }
- #nutella a{
- color:{color:Link};
- }
- iframe#tumblr_controls{ right: 3px !important; position: fixed !important; }
- {CustomCSS}
- </style>
- <div id="nutella"><a href="http://nutellamonkeys.tumblr.com/">THEME</a></div>
- <title>{Title}</title>
- </head>
- <body>
- {block:Posts}
- <div id="content">
- {block:Text}
- <div class="post">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <span class="quote">"{Quote}"</span>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <center><a href="{URL}" class="link" {Target}>{Name} →</a></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- {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>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="ask">{Asker} <b>:</b> {Question}</div>
- {Answer}
- {/block:Answer}
- {block:Audio}
- <div class="post">
- {AudioPlayerWhite}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- <div class="notesandtags">
- <div class="time">{block:Date}<a href="{Permalink}" title="Permalink">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>{/block:NoteCount}</a>{/block:Date}{block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}
- {block:HasTags}<div class="tags"><br>{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {block:Tags}</div>{/block:HasTags}
- </div>
- </div>
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="note">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- {block:Pagination}
- <div class="prev">
- {block:PreviousPage}<a href="{PreviousPage}">(</a>{/block:PreviousPage}
- </div>
- <div class="next">
- {block:NextPage}<a href="{NextPage}">)</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <div id="sidebar">
- <div id="sidebarimage"></div>
- <div id="sideinfo">
- <div class="title">{Title}</div>
- {block:Description}<p>{Description}{/block:Description}
- </div>
- <p align="center">
- </div>
- <div class="navigation">
- <a href="/" id="home">HOME</a>
- <a href="/ask" id="mssg">ASK</a>
- {block:ifTITLE1}<a href="{text:URL1}" id="link1">{text:TITLE1}</a>{/block:ifTITLE1}
- {block:ifTITLE2}<a href="{text:URL2}" id="link2">{text:TITLE2}</a>{/block:ifTITLE2}
- {block:ifTITLE3}<a href="{text:URL3}" id="link3">{text:TITLE3}</a>{/block:ifTITLE3}
- {block:ifTITLE4}<a href="{text:URL4}" id="link4">{text:TITLE4}</a>{/block:ifTITLE4}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement