Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- The Romanticize Theme
- by ally (avocuado.tumblr.com)
- Please don't remove any credits :~)
- They're small and hardly noticeable.
- Read before installing!!!
- - There are several fonts you can use for the title, and they're all
- super cute! To try them out, just type the name of the font in the "Title Font" box in the Appearances section. The names are:
- 'Nixie One', 'Fredericka the Great', 'League Script', 'Petit Formal Script', and 'Sail'.
- - To use the update tabs, type CTRL+F and find "The Custom Tab." There you'll be able to customize your tabs.
- - To change the flower image at the bottom of the screen, CTRL+F "Flower" and you'll find where you can replace the image URL.
- That's it! I hope you enjoy the theme.
- ------->
- <!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>
- <!-- jquery -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/tiuhncr/4o2n7bsmw/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:40,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- favicon -->
- <link rel="icon" href="{Favicon}"/>
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- <!-- metatags -->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:border" content="#cccccc" />
- <meta name="color:text" content="#000000" />
- <meta name="color:title" content="#000000" />
- <meta name="color:link" content="#000000" />
- <meta name="color:scrollbar" content="#000000" />
- <meta name="image:background" content="" />
- <meta name="text:Title Font" content="League Script" />
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="link"/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 2 Title" content="link"/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 3 Title" content="link"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 Title" content="link"/>
- <meta name="text:Link 5" content="/"/>
- <meta name="text:Link 5 Title" content="link"/>
- <!-- Fonts -->
- <link href='https://fonts.googleapis.com/css?family=Nixie+One|Fredericka+the+Great|Petit+Formal+Script|Sail|League+Script' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Nixie+One::latin', 'Fredericka+the+Great::latin', 'Petit+Formal+Script::latin', 'Sail::latin', 'League+Script::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <!-- more jquery + infinite scroll -->
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div.navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : ".navigation a#next",
- // selector for the NEXT link (to page 2)
- itemSelector : ".post",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "http://static.tumblr.com/bcpenwm/sHPmq6jr6/ajax-loader.gif",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('#posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <!-- navigation if not infinite scroll -->
- {/block:IndexPage}
- {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;bottom:0px;" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;bottom:0px;" href="{PreviousPage}">Newer</a></p></span>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
- <style type="text/css">
- /* top border */
- #line {
- width: 100%;
- border-bottom: 30px solid {color:border};
- margin-top: 0px;
- top:0px;
- position: fixed;
- z-index: 5;
- }
- /* tumblr controls */
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
- /* blog post body */
- body{
- margin:0px;
- padding:0px;
- margin-top:0px;
- top:-10px;
- margin-left:0px;
- margin-bottom:0px;
- font-family:'helvetica';
- font-size:10px;
- color:{color:text};
- background-color:{color:background};
- background-image:url('{image:background}');
- background-attachment: fixed;
- }
- /* general blog links stuff */
- a {
- color:{color:link};
- text-decoration:none;
- }
- a:hover {
- text-decoration:none;
- }
- a:active,a:focus {outline:0;}
- /* scrollbar */
- ::-webkit-scrollbar {width: 2px; height: 2px; background:{color:background};}
- ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
- /* posts body formatting */
- #posts {
- {block:IndexPage}
- width:800px;
- margin-left:-285px;
- margin-top:-20px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- margin-left:-340px;
- top:0px;
- margin-top:0px;
- {/block:PermalinkPage}
- position:relative;
- float:left;
- top:-30px;
- left:50%;
- }
- #posts .img {
- max-width:120px;
- }
- /* actual post class */
- .post {
- {block:indexpage}
- width:230px;
- margin:25px;
- padding:25px;
- background:transparent;
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- padding-top:20px;
- margin-top:20px;
- top:0px;
- top:5%;
- left:27%;
- margin-left: 0px;
- {/block:permalinkpage}
- float:left;
- position:relative;
- text-align:justify;
- font-family:'helvetica';
- font-size:12px;
- padding:15px;
- border:1px solid {color:border};
- color:{color:text};}
- {block:indexpage}
- .post .photoset iframe {
- width:230px;}
- {/block:indexpage}
- {block:permalinkpage}
- .post .photoset iframe {
- width:500px;}
- {/block:permalinkpage}
- /* keeps the body movin */
- #squirrelpup {
- color:#f5bbd7;
- font-size:80px;
- font-family:helvetica;
- margin-left:-150px;
- top:20px;
- }
- /* change flowers */
- .fleurs {
- bottom:100px;
- left:10%;
- z-index:-9999999999;
- }
- #sidelinks {
- text-align: justify;
- color:{color:text};
- font-family:helvetica;
- line-height:100%;
- font-size:12px;
- letter-spacing:1px;
- position:absolute;
- left:40%;
- padding:10px;
- padding-top:40px;
- padding-bottom:10px;
- margin-left:0px;
- width:260px;
- top:0px;
- border:1px solid none;
- }
- #grandiosetitle {
- font-family:'{text:Title Font}';
- font-size:40px;
- width:300px;
- left:6%;
- margin-top:200px;
- top:50px;
- position:fixed;
- }
- #littlebox {
- text-align:center;
- color:{color:text};
- font-family:'helvetica';
- line-height:100%;
- font-size:11px;
- letter-spacing:0px;
- position:fixed;
- left:6%;
- padding:10px;
- padding-top:20px;
- padding-bottom:20px;
- padding-left:20px;
- margin-left:0px;
- padding-right:20px;
- width:180px;
- top:300px;
- border:1px solid {color:border};
- }
- .notes {
- color:{color:text};
- padding-left:20px;
- font-size:9px;}
- ol.notes {
- float:left;
- width:500px;
- padding-left:105px;
- margin-top:70px;
- overflow-x:hidden;
- over-flow-y:scroll;
- list-style-type:none;
- font-weight:normal;
- font-size:9px;
- text-transform:none;}
- ol.notes li.note {
- padding-top:4px;
- opacity:1;
- -moz-transition:0.1s ease-in;
- -webkit-transition:0.1s ease-in;
- -o-transition:0.1s ease-in;
- transition:0.1s ease-in;}
- ol.notes li.note:hover {
- opacity:1;}
- ol.notes li.note img.avatar {
- width:14px;
- height:14px;}
- .permalink {
- margin-top:15px;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- padding:7px;
- background:{color:border};
- width:216px;
- text-align:center;
- {block:permalinkpage}
- opacity:0;
- {/block:permalinkpage}}
- .headings{
- font-size:14px;
- text-align:left;
- font-style:italic;}
- #audioplayer{
- background-color:#000;
- height:27px;
- margin-bottom:-4px;
- width:250px;}
- .quote {
- text-align:center;
- font-size:12px;}
- .quotesource {
- text-align:right;}
- .image:hover{
- opacity:1;}
- .image {
- width:350px;
- }
- .chat { text-align:right; line-height:11px; }
- .captions { margin-top:-8px;}
- #s-m-t-tooltip{
- max-width:300px; /* maximum width */
- background-color:{color:Background}; /* color background */
- border:0px solid #000000; /* color, shape and thickness of the border */
- font-size:12px; /* font size */
- font-family:helvetica;
- font-style:italic;
- color:#000000; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase underline; /* uppercase, lowercase, none */
- padding:1px; /* padding size */
- margin:5px 0px 0px 10px; /* margin size */
- z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
- }
- /* */
- #left {
- font-family:helvetica;
- font-size:12px;
- position:fixed;
- width:200px;height:auto;
- left:200px;
- top:80px;
- text-align:right;
- z-index:999999; }
- /* */
- #ryan {
- font-size:40px;
- font-family:helvetica;
- top:60px;
- left:550px;
- position:absolute;
- z-index:9999999999999999999999999999999999999999999999999999;
- }
- .backing { position:fixed;left:25%;top:0px;width:586px;height:100%; border-left:1px dashed #000000; border-right:0px dashed #000000;background-color:none;z-index:-1; }
- .turnt { position:fixed;top:200px;width:110px; left:19%; align:center;border-top:1px dashed #000000; border-bottom:0px dashed #000000;background-color:none;z-index:-1; }
- #credito{
- bottom:10px;
- right:6px;
- position:fixed;
- font-family:helvetica;
- }
- #fleurs{
- bottom:-70px;
- left:20px;
- position:fixed;
- font-family:helvetica;
- }
- /* The Tab */
- #ocehans1{
- height:14px;
- text-align:center;
- overflow:hidden;
- margin-top:-1px;
- border-bottom:3px solid {color:border};
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- font-family:'helvetica';
- line-height:10px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans1:hover{
- font-family:'helvetica';
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans2{
- height:14px;
- text-align:center;
- overflow:hidden;
- border-bottom:3px solid {color:border};
- text-transform:uppercase;
- background-color:;
- font-family:'helvetica';
- letter-spacing:1px;
- font-size:8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans2:hover{
- font-family:'helvetica';
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans3{
- height:14px;
- text-align:center;
- overflow:hidden;
- border-bottom:3px solid {color:border};
- text-transform:uppercase;
- background-color:;
- font-family:'helvetica';
- letter-spacing:1px;
- font-size:8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans3:hover{
- font-family:'helvetica';
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans4{
- height:14px;
- text-align:center;
- overflow:hidden;
- font-family:'helvetica';
- border-bottom:3px solid {color:border};
- text-transform:uppercase;
- background-color:;
- letter-spacing:1px;
- font-size:8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans4:hover{
- font-family:'helvetica';
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans5{
- height:14px;
- text-align:center;
- overflow:hidden;
- border-bottom:0px solid {color:border};
- text-transform:uppercase;
- background-color:;
- font-family:'helvetica';
- letter-spacing:1px;
- font-size:8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans5:hover{
- font-family:'helvetica';
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans{
- text-align:left;
- font-size:8px;
- text-transform:uppercase;
- opacity: .8;
- position:fixed;
- font-family:'helvetica';
- right:90px;
- background-color:transparent;
- letter-spacing:1px;
- width:130px;
- z-index:9999;
- padding:4px;
- top:125px;}
- </style>
- </head>
- <body onkeydown="return false">
- <div id="line"></div>
- <div id="grandiosetitle">{title}</div>
- <div id="littlebox">
- {description} <br><br>
- <!---- Links --->
- <center>
- <u><a href="/">home</a></u>
- <u><a href="/ask">message</a></u>
- <u><a href="{text:Link 1}">{text:Link 1 Title}</a></u>
- <u><a href="{text:Link 2}">{text:Link 2 Title}</a></u>
- <u><a href="{text:Link 3}">{text:Link 3 Title}</a></u>
- <u><a href="{text:Link 4}">{text:Link 4 Title}</a></u>
- <u><a href="{text:Link 5}">{text:Link 5 Title}</a></u>
- </center>
- </div>
- <div id="sidelinks">
- </div>
- <div id="squirrelpup">Aa</div>
- <div id="navlinks">
- </div>
- <div id="ryan"></div>
- <!-- The Custom Tab -->
- <div id="ocehans">
- <center>
- <div id="ocehans1">
- <div style="font-size:10px;">TEXT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: helvetica; font-size:10px; line-height:10px; text-align:center;">
- <br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- <p></p>
- </div>
- </div>
- <div id="ocehans2">
- <div style="font-size:10px;">TEXT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: helvetica; font-size:10px; line-height:10px; text-align:center;">
- <br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- <p></p>
- </div></div>
- <div id="ocehans3">
- <div style="font-size:10px;">TEXT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: helvetica; font-size:10px; line-height:10px; text-align:center; ">
- <br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- <p></p>
- </div>
- </div>
- <div id="ocehans4">
- <div style="font-size:10px;">TEXT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: helvetica; font-size:10px; line-height:10px; text-align:center;">
- <br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- <p></p>
- </div></div>
- <div id="ocehans5">
- <div style="font-size:10px;">TEXT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: helvetica; font-size:10px; line-height:10px; text-align:center;">
- <br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- TEXT GOES HERE<br>
- <p></p>
- </div></div>
- </div></div></div></div>
- </div>
- </div></div>
- <div id="posts">
- {block:Posts}
- {block:Text}
- <div class="post">
- <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div>
- </div>{/block:Text}
- {block:Photo}
- <div class="post">
- <div class="image">
- {block:IndexPage}
- <a href="{permalink}"><img src="{PhotoURL-500}" width="230" alt="{PhotoAlt}"></a>
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div>
- {/block:IndexPage}
- {block:PermalinkPage}<img src="{PhotoURL-500}"/>{/block:PermalinkPage}
- </div></div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <div class="photoset">{Photoset-250}</div>
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <div class="quote">'<i>{Quote}</i>'</div>
- <div class="quotesource">— {Source}</div>
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="headings"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- <div class="chat">{block:Title}{Title}{/block:Title}<br>
- {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
- {/block:Label}{/block:Lines}</div>
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:Chat}
- {block:Video}
- {block:IndexPage}
- <div class="post">{Video-250}
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {block:Video}
- {block:Audio}
- <div class="post">
- <div id="audioplayer">{AudioPlayerBlack}</div>
- {block:Caption}{Caption}{/block:Caption}
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div> {/block:Audio}
- {block:Answer}
- <div class="post">
- {Question}<br>- {Asker} <br><i> {Answer} </i>
- <div class="permalink">
- {block:Date} {DayOfMonth} {Month} {/block:Date}
- <a href="{Permalink}">{NoteCount} NOTES</a>
- <a href="{REBLOGURL}" target="_blank"></a>REBLOG</a></div></div>
- {/block:Answer}
- {block:PermalinkPage}
- <div class="notes" style="text-align:center;">
- {PostNotes}<div>
- {/block:PermalinkPage}
- {/block:posts}
- </div></div></div></div>
- <!-- credits pls dont remove -->
- <div id="credito">
- <a href="/stahrfruitsthemes"><big>☂</big></a>
- </div>
- <div id="fleurs">
- <img src="http://thumbs.dreamstime.com/z/floral-composition-ink-drawing-herbs-flowers-stones-doodle-wild-plants-monochrome-black-line-drawing-card-hand-56350527.jpg" width="300" style="bottom:100px; left:100px;">
- </div>
- <!-- Romanticize theme by avocuado -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement