Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <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>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <link href="css/hover.css" rel="stylesheet" media="all">
- <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
- <title>{Title} {PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{image:Favicon}" />
- <meta name="color:Background" content="#FFFFFF" />
- <meta name="color:sidebar" content="#000000" />
- <meta name="color:Text" content="#000000" />
- <meta name="color:sidebar border" content="#c64c00" />
- <meta name="color:content border" content="#c64c00" />
- <meta name="color:image border" content="#c64c00" />
- <meta name="color:Post Border" content="#c64c00" />
- <meta name="color:Title" content="#FFFFFF" />
- <meta name="color:Description" content="#FFFFFF" />
- <meta name="color:content bg" content="#000000">
- <meta name="color:Posts" content="#FFFFFF" />
- <meta name="color:Link" content="#c64c00" />
- <meta name="color:Link Hover" content="#026800" />
- <meta name="color:scroll" content="#c64c00">
- <meta name="color:scroll bg" content="#FFFFFF">
- <meta name="color:lines" content="#c64c00">
- <meta name="color:Blockquote" content="#000000">
- <meta name="color:nav text" content="#000000" />
- <meta name="color:nav background" content="#FFFFFF" />
- <meta name="image:Background" content="https://36.media.tumblr.com/d7add44c23f6a97ce19094b1e947001c/tumblr_inline_nvwvip2Vjo1secggb_540.png" />
- <meta name="image:Favicon" content="https://40.media.tumblr.com/5defa9a73cf857eb056f8b30ee9d2217/tumblr_inline_nvwvojEwoW1secggb_540.png" />
- <meta name="image:Cursor" content="https://41.media.tumblr.com/777c7864258fa8e0d9638a8b21159602/tumblr_inline_nvwvigPRFl1secggb_540.png" />
- <meta name="image:Divider" content="https://38.media.tumblr.com/18bde02289978994c0478b0c07cde432/tumblr_inline_nvwvhewl7J1secggb_500.gif" />
- <meta name="image:image1" content="https://40.media.tumblr.com/0a09f4980c827dedb5dd63ca871c7da0/tumblr_inline_nvwvk49kso1secggb_540.png" />
- <meta name="image:image2" content="https://41.media.tumblr.com/a321bb21af30999c53bffe0a43e3a2dd/tumblr_inline_nvwvk55wDI1secggb_540.png" />
- <meta name="image:image3" content="https://41.media.tumblr.com/b3c1a040da35bad824b369a962766359/tumblr_inline_nvwvk4k0wD1secggb_540.png" />
- <meta name="image:image4" content="https://41.media.tumblr.com/73f29311dbc8d2c4c3270320387f6737/tumblr_inline_nvwvk5D1wk1secggb_540.png" />
- <meta name="text:Font Size" content="13" />
- <meta name="text:Nav Name" content="Navigation" />
- <meta name="text:Link1" content="Link1" />
- <meta name="text:Url1" content="" />
- <meta name="text:Link2" content="Link2" />
- <meta name="text:Url2" content="" />
- <meta name="text:Link3" content="Link3" />
- <meta name="text:Url3" content="" />
- <meta name="text:Link4" content="Link4" />
- <meta name="text:Url4" content="" />
- <meta name="text:Link5" content="Link5" />
- <meta name="text:Url5" content="" />
- <meta name="text:Link6" content="Link6" />
- <meta name="text:Url6" content="" />
- <meta name="if:Link1" content="1" />
- <meta name="if:Link2" content="1" />
- <meta name="if:Link3" content="1" />
- <meta name="if:Link4" content="1" />
- <meta name="if:Link5" content="1" />
- <meta name="if:Link6" content="1" />
- <style type=text/css>body, a, a:hover {cursor: url('{image:Cursor}'), progress;}</style>
- <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: 'Marck Script', cursive;
- font-size:10px; /*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>
- <style type="text/css">
- ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
- ::-webkit-scrollbar-thumb { background-color: {color:scroll}; }
- body {
- background:{color:Background};
- background-image:url("{image:Background}");
- background-position:fixed;
- color:{color:Text};
- font-size:{text:Font Size}px;
- word-wrap: break-word;
- font-family: 'Raleway', sans-serif;
- }
- a:link, a:active, a:visited {
- text-decoration: none;
- font-weight:bold;
- color: {color:Link};
- -webkit-transition: all 0.4s ease;
- transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;}
- a:hover { color: {color:Link Hover};}
- #sidebar {
- margin-top:235px;
- margin-left:1000px;
- width:250px;
- height:200px;
- padding: 10px;
- position:fixed;
- z-index:999999999;
- background:{color:sidebar};
- border:3px {color:sidebar border} solid;
- }
- .description {
- margin-top:30px;
- margin-left:10px;
- width:230px;
- max-height:100px;
- overflow-y:auto;
- text-align:center;
- color:{color:Description};
- font-family: 'Raleway', sans-serif;
- font-size:13px;
- position:fixed;
- }
- .pagination {
- width: 150px;
- margin-left: 50px;
- margin-top: 150px;
- text-align: center;
- font-family: 'Raleway', sans-serif;
- padding: 3px 0;
- position:fixed;
- background: {color:lines};
- color:{color:Description};
- }
- .pagination a {
- color: {color:Link};
- text-decoration: none;
- }
- .pagination a:hover {
- color: {color:Link Hover};
- }
- .nav {
- margin-top:180px;
- margin-left:75px;
- position:fixed;
- }
- #image1 {
- margin-left:1010px;
- margin-top:95px;
- width:100px;
- height:100px;
- position:fixed;
- border:3px {color:image border} solid;
- }
- #image2 {
- margin-left:1150px;
- margin-top:95px;
- width:100px;
- height:100px;
- position:fixed;
- border:3px {color:image border} solid;
- }
- #image3 {
- margin-left:1010px;
- margin-top:495px;
- width:100px;
- height:100px;
- position:fixed;
- border:3px {color:image border} solid;
- }
- #image4 {
- margin-left:1150px;
- margin-top:495px;
- width:100px;
- height:100px;
- position:fixed;
- border:3px {color:image border} solid;
- }
- #line {
- width:1900px;
- height:5px;
- margin-top:75px;
- margin-left:-10px;
- border-top:10px {color:lines} solid;
- position:fixed;
- }
- #line2 {
- width:1900px;
- height:5px;
- margin-top:606px;
- margin-left:-10px;
- border-bottom:10px {color:lines} solid;
- position:fixed;
- }
- #title{
- font-family: 'Kaushan Script', cursive;
- font-size:30px;
- margin-top:30px;
- margin-left:100px;
- position:fixed;
- z-index:999999999999999999999999999999999;
- color:{color:Title};
- }
- #content {
- width: 700px;
- height:500px;
- margin: 75px 0px 0px 100px;
- padding: 20px 0px;
- color: {color:Text};
- background-color:{color:content bg};
- overflow-y:scroll;
- position:fixed;
- border:3px {color:content border} solid;
- }
- #content blockquote {
- border-left: solid 2px {color:Blockquote};
- margin: 0;
- padding-left: 10px;
- }
- img {
- border: 0;
- max-width: 100%;
- }
- #content #posts {
- width: 500px;
- margin: 10px auto 50px;
- padding:20px;
- background:{color:Posts};
- border:3px {color:Post Border} solid;
- }
- #content #posts .title {
- font-size: 22px;
- }
- #content #posts .text {
- font-family: 'Raleway', sans-serif;
- font-size:{text:Font Size}px;
- }
- #content #posts .askimg {
- margin-top:-10px;
- margin-left:-10px;
- height:30px;
- width:30px;
- border-radius:15px;
- -webkit-border-radius:15px;
- -moz-border-radius:15px;
- }
- #content #posts #permalink {
- font-size:15px;
- margin-top:10px;
- text-align:center;
- font-family: 'Marck Script', cursive;
- }
- #content #posts #tags {
- font-size:12px;
- text-align:center;
- font-family: 'Marck Script', cursive;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 470px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .trackdetails {
- width: auto;
- border: 1px solid black;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- </style>
- </head>
- <body>
- <div id="title">{Title}</div>
- <div id="sidebar">
- <div class="description">{Description}</div>
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div>
- <div class="nav"><form name="gotolocation1" method="POST" ACTION=URI>
- <select name="cherrybammenu1" style="font-family: 'Cabin', sans-serif; font-size:15px; color:{color:nav text}; background:{color:nav background};" onChange="location.href=this.options[this.selectedIndex].value;">
- <option >{text:Nav Name}</option>
- <option value="/">Home</option>
- <option value="/ask">Ask</option>
- <option value="/submit">Submit</option>
- {block:ifLink1}<option value="{text:Url1}">{text:Link1}</option>{/block:ifLink1}
- {block:ifLink2}<option value="{text:Url2}">{text:Link2}</option>{/block:ifLink2}
- {block:ifLink3}<option value="{text:Url3}">{text:Link3}</option>{/block:ifLink3}
- {block:ifLink4}<option value="{text:Url4}">{text:Link4}</option>{/block:ifLink4}
- {block:ifLink5}<option value="{text:Url5}">{text:Link5}</option>{/block:ifLink5}
- {block:ifLink6}<option value="{text:Url6}">{text:Link6}</option>{/block:ifLink6}
- </select></div>
- </div>
- <img src="{image:image1}" id="image1"/>
- <img src="{image:image2}" id="image2"/>
- <img src="{image:image3}" id="image3"/>
- <img src="{image:image4}" id="image4"/>
- <div id="line"></div>
- <div id="line2"></div>
- <div id="content">
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {AudioPlayerBlack}
- <div class="text">~ {PlayCountWithLabel}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="title">β{Quote}β</div>
- {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="askimg"><img src="{AskerPortraitURL-64}" /></div>
- <div class="title"><center>{Question}</center></div>
- <div class="text"><center>~ {Asker}</center></div>
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- </div> <!--text-->
- {/block:Chat}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- <div id="permalink"><p><center><img src="{image:Divider}" /></center></p>
- <a href="{Permalink}"><i class="fa fa-plus-square-o"></i></a>
- {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}{/block:Date}
- {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
- <a href="{ReblogURL}" target="_blank" class="details" title="reblog?"><i class="fa fa-refresh"></i></a>
- </div>
- <div id="tags">
- {block:HasTags}<div id="tags">
- {block:Tags}
- <center><a href="{TagURL}"><i class="fa fa-thumb-tack"></i> {Tag} </a></center>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- </div> <!--posts-->
- {/block:Posts}
- </div> <!--content-->
- <a href="http://pteroisradiata.tumblr.com/">Β©</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement