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>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}" />
- <!--
- ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
- O R I G I N A L T H E M E M A D E B Y C A S U A L F F A I R
- do not fucking remove credit you piece of absolute shit. i made this theme entirely by myself. this is 100% my ideas and my coding. if you don't want to keep the credit up then you can go find a different theme to use.
- ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
- -->
- <!--meta tags-->
- <!--images-->
- <meta name="image:favicon" content="" />
- <meta name="image:background" content="" />
- <meta name="image:link 1" content="http://static.tumblr.com/kdxhw5b/rtmmzvi7y/speech_bubble.gif" />
- <meta name="image:link 2" content="http://static.tumblr.com/kdxhw5b/NTBmzvi87/bubble_2.gif" />
- <meta name="image:link 3" content="http://static.tumblr.com/kdxhw5b/M6Xmzvi8k/bubble_3.gif" />
- <meta name="image:link 4" content="http://static.tumblr.com/kdxhw5b/E5tmzvi8v/bubble_4.gif" />
- <meta name="image:Background" />
- <!--colors-->
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#000" />
- <meta name="color:link" content="#000" />
- <meta name="color:link hover" content="#fff" />
- <meta name="color:footer text" content="#000" />
- <meta name="color:footer border" content="#000" />
- <meta name="color:text select" content="#000" />
- <meta name="color:frame" content="#000" />
- <meta name="color:scrollbar border" content="#000" />
- <meta name="color:scrollbar" content="#fff" />
- <!--on/off-->
- <meta name="if:bgcover" content="1" />
- <meta name="if:frame" content="0" />
- <meta name="if:showtags" content="1" />
- <meta name="if:showcaption" content="1" />
- <!--text-->
- <meta name="text:link 1 title" content="title" />
- <meta name="text:link 2 title" content="title" />
- <meta name="text:link 3 title" content="title" />
- <meta name="text:link 4 title" content="title" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 3 url" content="/" />
- <meta name="text:link 4 url" content="/" />
- <meta name="text:imageleft" content="50" />
- <meta name="text:imagetop" content="100" />
- <meta name="text:sidebar image title" content="title" />
- <!--end of meta tags-->
- <style type="text/css">
- #s-m-t-tooltip {
- margin-left:15px;
- margin-top:21px;
- background:#090909;
- letter-spacing:-1px;
- font-family:times;
- font-weight: bold;
- font-size:11px;
- color:#d3d0cb;
- padding: 5px;
- border: 1px solid #d3d0cb;
- z-index:99999999999999999999999;
- -webkit-transition:all 1.5s;
- -moz-transition:all 1.5s;
- -ms-transition:all 1.5s;
- -o-transition:all 1.5s;
- transition:all 1.5s;
- }
- img{-webkit-filter: Grayscale(60%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;opacity:0.6;}
- img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;opacity:0.9;}
- body {
- background-color: {color:Background};
- background-image:url('{image:Background}');
- background-position:fixed;
- background-repeat:no-repeat;
- }
- a {color:#9d9a95;
- text-decoration:none;}
- a:hover {color:white;
- text-decoration:none;}
- #yeah1 {
- right:0px;
- top:0px;
- background: #000 url('http://assets.tumblr.com/images/x.gif');
- width:20px;
- height:100%;
- position:fixed;
- }
- #yeah2 {
- left:0px;
- top:0px;
- background: #000 url('http://assets.tumblr.com/images/x.gif');
- width:20px;
- height:100%;
- position:fixed;
- }
- @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
- #yeah3 {
- left:0px;
- bottom:0px;
- background: #000 url('http://assets.tumblr.com/images/x.gif');
- width:100%;
- height:20px;
- position:fixed;
- }
- #yeah4 {
- left:0px;
- top:0px;
- background: #000 url('http://assets.tumblr.com/images/x.gif');
- width:100%;
- height:20px;
- position:fixed;
- }
- #what {
- height:310px;
- width:450px;
- position:fixed;
- left:625px;
- top:209px;
- line-height:18px;
- overflow:scroll;
- background:#e4e4e4;
- border:20px solid #090909;
- outline:1px dotted #d3d0cb;
- }
- #dogwood {
- left:675px;
- top:547px;
- position:fixed;
- color:#090909;
- font:10px times;
- letter-spacing: 3px;
- word-spacing: 1px;
- height:350px;
- width:388px;
- overflow:auto;
- padding-right:3px;
- text-align: center;
- line-height: 140%;
- text-shadow: 2px 0px 0px white;
- }
- #dogwood h1 {font-size: 24px; letter-spacing:6px;display:inline-block;padding-left:10px;padding-right:5px;margin-bottom:-5px;text-transform:uppercase;font-style:italic;}
- #dogwood h2 {font-size: 24px; letter-spacing:10px;display:inline-block;padding-left:10px;margin-bottom:-5px;text-transform:uppercase;}
- #dogwood a {
- text-decoration:none;
- color:#6c6c6c;
- font-family: arial;
- font-size: 9px;
- }
- #linko {
- font: 40px times;
- letter-spacing:0px;
- color:#a6bac5;
- width:300px;
- left:786px;
- top:560px;
- position:fixed;
- display:block;
- text-transform: uppercase;
- }
- #linko a {
- color:#97978a;
- padding: 5px;
- text-shadow: 0px 0px 2px #97978a;
- text-decoration:none;
- letter-spacing: 6px;
- text-align: center;
- font: 6px times;
- }
- #linko a:hover {
- color:#fff;
- text-shadow: 1px 1px 10px #fff;
- opacity: 1;
- }
- #banner {
- width:100%;
- height:100%;
- background: url(http://assets.tumblr.com/images/x.gif) top fixed repeat-x;
- position:fixed;
- margin-top:-100px;
- opacity: 1;
- }
- ::-webkit-scrollbar {
- height: 0px;
- width: 5px;
- background:#fff;
- border-left:2px solid transparent;
- border-right:2px solid transparent;
- }
- ::-webkit-scrollbar-thumb {
- background:#ededed;
- border:1px solid #fff;
- }
- #parsley {
- width: 400px!important;
- margin-top:10px;
- margin-left:15px!important;
- font: 12px times;
- color: #3b3c3b;
- z-index:0;
- padding:7px;
- }
- small, sup {
- font-size:11px;
- line-height:18px;
- }
- sub {font-size: 9px;}
- #parsley a {
- color:#9d9a95;
- }
- #parsley a:hover {
- color:#fff;
- text-shadow: 1px 1px 0px #222;
- text-decoration:none;
- }
- .almond {
- border-bottom:2px solid #e7e7e7;
- padding:5px;
- text-transform:lowercase;
- }
- .clover {
- max-width:400px;
- text-align:left;
- margin-top:5px;
- margin-bottom:5px;
- }
- blockquote {
- border-left:5px solid #ededed;
- margin:0 0 0 6px;
- padding:0 0 0 6px;
- }
- #fern {
- width:400px!important;
- padding:5px 5px 3px 5px;
- margin:0px;
- margin-top:2px;
- margin-bottom:40px;
- font-size:5px;
- font-family:times;
- letter-spacing:1px;
- text-align:center;
- color:#000;
- text-transform:uppercase;
- margin-left:27px!important;
- box-sizing:border-box;
- -moz-box-sizing:border-box;
- -webkit-box-sizing:border-box;
- border-top:1px dashed #666;
- }
- #fern a{
- text-decoration:none;
- color:#777;
- }
- #daisy {
- display:block;
- text-align:center;
- font-size:6px;
- font-family:times;
- letter-spacing:0px;
- margin-bottom:2px;
- }
- #nettle {
- width:400px;
- margin-left:10px!important;
- margin-top:15px;
- padding:5px;
- font-size: 11px !important;
- color:#495851;
- }
- #nettle a {
- text-decoration:underline;
- color:#98aa98;
- }
- #nettle a:hover {
- text-decoration:none;
- color:#98aa98;
- }
- #nettle:hover {
- border:1px solid ##848484;
- }
- #nettle img {
- display:none;
- }
- #thistle {
- letter-spacing:0px!important;
- display:inline;
- font-size:8px;
- color:#000};
- }
- #thistle a{
- text-decoration:none;
- color:#000;
- }
- #thistle a:hover {
- text-decoration:underline;
- }
- #ending {
- position:absolute;
- height:10px;
- width:400px;
- margin-left:27px!important;
- z-index:-9999;
- margin-top:-20px;
- text-align:center;
- }
- blockquote img {
- max-width:400px;
- }
- #potato {
- /*when i say don't remove credit, that includes making it the same color as the background oh my fucking god*/
- color:#495851;
- font:12px times;
- left:5px;
- bottom:5px;
- position:fixed;
- box-sizing:border-box;
- -moz-box-sizing:border-box;
- -webkit-box-sizing:border-box;
- -webkit-transition: background .6s linear;
- -moz-transition: background .6s linear;
- -ms-transition: background .6s linear;
- -o-transition: background .6s linear;
- transition: background .6s linear;
- }
- #potato a {
- color:#495851;
- text-decoration:none;
- padding:2px;
- -webkit-transition: background .6s linear;
- -moz-transition: background .6s linear;
- -ms-transition: background .6s linear;
- -o-transition: background .6s linear;
- transition: background .6s linear;
- /*when i say don't remove credit, that includes making it the same color as the background oh my fucking god*/
- }
- #potato a:hover {
- background:#000;
- color:#fff;
- }
- ::selection {
- color: #fff;
- text-shadow: 1px 1px .5px #222;
- }
- ::-moz-selection {
- color: #72989d;
- text-shadow: 1px 1px .5px #72989d;
- }
- .tomato {
- max-width:100%;
- }
- /* FLAGS UPDATES TAB */
- #flags {
- position:fixed;
- top:300px;
- left:1115px;
- text-align:center;
- text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
- color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
- font-size:8px; /* adjust font size */
- letter-spacing:1px;
- z-index:2147483607;
- font-family:calibri;}
- #flag1 {
- border:solid 6px #d3d0cb; /* flag color */
- border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
- padding-left:10px;
- width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
- height:0px;
- position:absolute;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover {
- width:180px;} /* lenght of the OPEN flag */
- #upd1 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
- left:-180px;
- margin-top:6px; /* keep this number equal to the 'border' value for the flag */
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover #upd1{
- left:0px;
- opacity:1;}
- b, strong {color:#97978a;}
- i, em {color:#97978a;}
- /* following is the coding for the other flags - same as above! */
- #flag2 {
- border:solid 6px #d3d0cb;
- margin-top:20px;
- position:absolute;
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover {
- width:180px;}
- #upd2 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover #upd2{
- left:0px;
- opacity:1;}
- /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
- #flag3 {
- border:solid 6px #d3d0cb;
- position:absolute;
- margin-top:40px; /* this one! */
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover {
- width:180px;}
- #upd3 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover #upd3{
- left:0px;
- opacity:1;}
- </style>
- <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:7,
- tip_fade_speed:7,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <!---- UPDATE FLAGS ---->
- <div id="flags">
- <div id="flag1"><div id="upd1">
- info here.
- </div></div>
- <div id="flag2"><div id="upd2">
- info here.
- </div></div>
- <div id="flag3"><div id="upd3">
- info here.
- </div></div>
- </div>
- <!---- UPDATE FLAGS END ---->
- <div id="tabs">
- <div id="banner"></div>
- {block:ifframe}
- <div id="yeah1"></div>
- <div id="yeah2"></div>
- <div id="yeah3"></div>
- <div id="yeah4"></div>
- {/block:ifframe}
- <div id="dogwood"><h2>healer</h2></div>
- <div id="topper"></div>
- <div id="linko">
- <div id="linkie">
- <a href="/" title="title" >i</a>
- <a href="/ask" title="title">ii</a>
- <a href="/i." title="title">iii</a>
- <a href="/ii." title="title">iv</a>
- <a href="/iii." title="title">v</a></div>
- </div>
- <!--don't you fucking dare don't even try oh my g o d-->
- <div id="potato"><a href="http://mychem.co.vu" title="theme made by casualffair">theme</a></div>
- <!--don't you fucking dare don't even try oh my g o d-->
- <div id="what">
- {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:ReblogParent}{/block:ReblogParent}
- <div id="parsley">
- {block:Text}
- {block:Title}<div style="font-size:12px; text-transform:lowercase; font-family:times;">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-400}" />
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote"><div style="text-transform:lowercase;">{Quote}</div></div>
- {block:Source}<div align="left">→ {Source}</div>{/block:Source}
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Quote}
- {block:Link}
- <div class="tomato"><a href="{URL}" target="{Target}">{Name}</a></div>
- {block:ifshowcaption}{block:Description}{Description}{/block:Description}{/block:ifshowcaption}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="tomato">{Title}</div>{/block:Title}
- {block:Lines}{block:Label}<b><big><div style=";">{Label}</big></b>{/block:Label} {Line}<br></div>{/block:Lines}
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Chat}
- {block:Audio}
- <div id="apricot">{AudioPlayerBlack}</div>
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:ifshowcaption}{block:Caption}<div class="clover">{Caption}</div>{/block:Caption}{/block:ifshowcaption}
- {/block:Video}
- {block:Answer}
- <div class="almond"><big><b>{Asker}</b> said:</big> {Question}</div>
- <div class="clover">{Answer}</div>
- {/block:Answer}
- </div>
- <div id="fern">
- <div id="daisy">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> | {/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCount} ♡</b> </a>{/block:NoteCount}
- </div>
- {block:ifshowtags}
- {block:HasTags}
- {block:Tags}
- <div id="thistle"><a href="{TagURL}"> {Tag}<big>, </big></a></div>
- {/block:Tags}
- {/block:HasTags}
- {/block:ifshowtags}
- </div>
- {block:PermalinkPage}
- <div id="flower2"></div>
- {block:PostNotes}
- <div id="nettle">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- {/block:Posts}
- <div id="ending">{block:PreviousPage}
- <a href="{PreviousPage}"><img title="back"src="https://31.media.tumblr.com/5a8ca62585ad417ff1ebcd2edb1f430d/tumblr_inline_mzny6lBRXo1r6h6z5.gif"></a>
- {/block:PreviousPage} {block:NextPage}
- <a href="{NextPage}"><img title="next" src="https://31.media.tumblr.com/89ada86dae06b84e7fa90a87e4424ed3/tumblr_inline_mzny6slHVP1r6h6z5.gif"></a>
- {/block:NextPage}</div>
- </div>
- <div style="position:fixed; left:{text:imageleft}px; top:{text:imagetop}px;"><a href="/" title="{text:sidebar image title}"><img style="" src=" {image:sidebar image}" /></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement