Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME CREATED BY TANA AKA BAFFLINQ.CO.VU AKA...
- ╭━━━┳╮╱╱╭━━━┳━━━┳━━━┳━╮╱╭┳━━━┳━━━╮╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
- ┃╭━━┫┃╱╱┃╭━━┫╭━╮┃╭━╮┃┃╰╮┃┃╭━╮┃╭━━╯┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
- ┃╰━━┫┃╱╱┃╰━━┫┃╱╰┫┃╱┃┃╭╮╰╯┃┃╱╰┫╰━━╮╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
- ┃╭━━┫┃╱╭┫╭━━┫┃╭━┫╰━╯┃┃╰╮┃┃┃╱╭┫╭━━╯╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
- ┃╰━━┫╰━╯┃╰━━┫╰┻━┃╭━╮┃┃╱┃┃┃╰━╯┃╰━━╮╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
- ╰━━━┻━━━┻━━━┻━━━┻╯╱╰┻╯╱╰━┻━━━┻━━━╯╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
- THIS DREAM THEME WAS REQUESTED AND SUGGESTED BY ERIKA (hhelencho.tumblr.com)
- DO NOT STEAL ANY PARTS OF MY CODING, IT IS RUDE AND VERY ILLEGAL.
- PLUS, IT MAKES YOU A HUGE DOUCHEBAG :) SO JUST DON'T DO IT, MKAY?
- I LOVE YOU ALL AND I LOVE THE FACT YOU'RE USING MY THEMES!
- MUAH!! XO
- -->
- <html>
- <head>
- <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:Description" content="" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="if:PictureInCorner" content="">
- <meta name="image:CornerImage" content="http://www.kidokado.com/image/data/themes/Themes-Avengers-Alt.png">
- <meta name="image:sidebar" content=""/>
- <meta name="text:link1" content="url" />
- <meta name="text:Link1Hover" content="Link 1 Name" />
- <meta name="text:link2" content="url" />
- <meta name="text:Link2Hover" content="Link 2 Name" />
- <meta name="text:link3" content="url" />
- <meta name="text:Link3Hover" content="Link 3 Name" />
- <meta name="text:link4" content="url" />
- <meta name="text:Link4Hover" content="Link 4 Name" />
- <meta name="text:link5" content="url" />
- <meta name="text:Link5Hover" content="Link 5 Name" />
- <meta name="text:link6" content="url" />
- <meta name="text:Link6Hover" content="Link 6 Name" />
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- border-radius: 0px; /*change your border radius*/
- padding:3px 4px 5px 4px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#ffffff; /*background color*/
- border:1px solid #E0E0E0; /*border info*/
- font-family:calibri; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#000; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- }
- </style>
- </head>
- <!-- from here on, you creat class and id DIV's; class looks like: .something id's being #something, you use here to stylize how your theme looks, what color, backgrounds, borders, fonts, texts, padding, margins all of that cool stuff -->
- <style type="text/css">
- body {color:{color:text}; background-color:{color:background}; font-family:Marvel; font-size:11px; line-height:17px; text-align:justify}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
- a:hover {
- color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- h1 {font-size:15px;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- #container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}
- /* the overall entries container and position of it */
- #entries {margin-top:0px; margin-left:500px; margin-bottom:0px; text-align: justify;}
- /* here are your posts to customize!! */
- #posts {margin: 70px 0 0px 0; width: 400px;text-align: justify; padding: 10px;
- border:2px solid #940F0F;
- }
- #posts img {max-width:100%;}
- #sidebar{ z-index:9; position:fixed; width:400px; height:400px; background:transparent; border:0px solid #aaa; padding:7px; overflow:hidden;left:80px; top:200px;
- }
- h2 {
- font-family:Marvel; font-weight:100; line-height:17px;
- }
- #pagination {font-family:Marvel; text-align:center; font-size:48px; margin-bottom:2px;}
- #info{padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:10px; font-family:Marvel; text-transform:uppercase;}
- .audio{background-color:transparent; display:block}
- /* this is your chats, you can stylize however you want*/
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:link}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- #shield{
- position:relative;
- z-index:0;
- margin-left:30px;
- margin-top:80px;
- text-align:center;
- padding-top:80px;
- }
- #sidebar:hover #desc{
- position:absolute;
- opacity:.65;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #desc{
- position fixed !important
- z-index:99999;
- opacity:0;
- color:{color:Description};
- max-width:148px;
- min-height:148px;
- background:white;
- margin-left:92px;
- margin-top:-220px;
- padding:20px;
- border-radius:100%;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #link1{
- opacity:0;
- z-index:9999;
- position:absolute;
- margin-top:-150px;
- margin-left:150px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link1{
- opacity:1;
- margin-top:-250px;
- margin-left:50px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #link2{
- opacity:0;
- position:absolute;
- margin-top:-150px;
- margin-left:150px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link2{
- opacity:1;
- margin-top:-300px;
- margin-left:100px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #link3{
- opacity:0;
- position:absolute;
- margin-top:-150px;
- margin-left:150px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link3{
- opacity:1;
- margin-top:-320px;
- margin-left:160px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #link4{
- opacity:0;
- position:absolute;
- margin-top:-152px;
- margin-left:150px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link4{
- opacity:1;
- margin-top:-320px;
- margin-left:230px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #link5{
- opacity:0;
- position:absolute;
- margin-top:-150px;
- margin-left:148px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link5{
- opacity:1;
- margin-top:-295px;
- margin-left:292px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #link6{
- opacity:0;
- position:absolute;
- margin-top:-150px;
- margin-left:148px;
- width:20px;
- height:20px;
- border:1px solid #940F0F;
- background:#05236E;
- border-radius:100%;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- #sidebar:hover #link6{
- opacity:1;
- margin-top:-250px;
- margin-left:340px;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- </style>
- <!-- this is the area where everything comes to life and you have to code all the stuff you stylized. so i already got you like 10% started. or something, maybe more. i was never good at math anyway. -->
- <body>
- <div id="sidebar">
- <div id="shield"><img src="http://fc04.deviantart.net/fs71/f/2012/108/7/f/captain_america_modern_shield_test_5_by_kalel7-d4wl3hz.png" width="250px">
- <div id="desc" height="400px">
- {description}
- </div>
- </div>
- <center>
- <a href="{text:link1}"><div id="link1" title="{text:Link1Hover}"></div></a>
- <a href="{text:link2}"><div id="link2" title="{text:Link2Hover}"></div></a>
- <a href="{text:link3}"><div id="link3" title="{text:Link3Hover}"></div></a>
- <a href="{text:link4}"><div id="link4" title="{text:Link4Hover}"></div></a>
- <a href="{text:link5}"><div id="link5" title="{text:Link5Hover}"></div></a>
- <a href="{text:link6}"><div id="link6" title="{text:Link6Hover}"></div></a><br><br><br><br><br>
- </div>
- </center>
- <!-- here is the credit, you can add your own in here! if you're not changing much to this theme, then leave it! -->
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}{Asker} whispered: {Question}<br>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> +Reblog</a><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br><i>reblogged from</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} <i>originally from</i> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center><p>
- <center>{block:HasTags}<u>filed under:</u>{block:Tags} # <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
- <br /></div>
- {/block:Posts}
- <br><br><br><br><div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- {Block:ifPictureInCorner}
- <div style="position:fixed; bottom:0px; right:0px;">
- <img src="{image:CornerImage}" width="500px"></div>
- {/Block:ifPictureInCorner}
- <div style="z-index:99999999999; position:fixed; text-shadow:1px 1px 2px #000; font-family:cambri; background:white; border:1px solid {color:Hisatitle}; padding:3px; bottom:10px; right:10px; opacity:.9"><a href="http://elegancethemes.tumblr.com/" title="Tana made this wonderful theme!"><img src="http://33.media.tumblr.com/644606c2c1397ef03ce62a585dc1c2c4/tumblr_inline_ni36jhJvPP1ry72eo.gif"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement