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=Rock+Salt' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Cabin' 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="#4c99ff" />
- <meta name="color:Text" content="#000000" />
- <meta name="color:borders" content="#000000" />
- <meta name="color:Post Border" content="#000000" />
- <meta name="color:Title" content="#FFFFFF" />
- <meta name="color:Description" content="#FFFFFF" />
- <meta name="color:Posts" content="#FFFFFF" />
- <meta name="color:Link" content="#4c99ff" />
- <meta name="color:Link Hover" content="#4239a8" />
- <meta name="color:scroll" content="#4239a8">
- <meta name="color:links bg" content="#FFFFFF">
- <meta name="color:Blockquote" content="#FFFFFF">
- <meta name="image:Background" content="https://33.media.tumblr.com/7ed33f146bdad76530c57305db46bbfd/tumblr_inline_nvt9xlDM2e1rcj499_500.gif" />
- <meta name="image:Favicon" content="https://31.media.tumblr.com/c74813d93abfc8ea41d781a736cc643c/tumblr_inline_nvt9yt8EH21rcj499_500.gif" />
- <meta name="image:Cursor" content="https://40.media.tumblr.com/b703e4bdd604bdd36c58e4ba08afe2cf/tumblr_inline_nvt9yh1LL31rcj499_540.png" />
- <meta name="image:Divider" content="https://33.media.tumblr.com/29cef5aa5bc0e57b209a4707ea23c969/tumblr_inline_nvt9waWtqO1rcj499_500.gif" />
- <meta name="image:profimage" content="https://33.media.tumblr.com/2e8e9717105a315941e273a6b832ac18/tumblr_inline_nvt9yhvOt01rcj499_500.gif" />
- <meta name="text:Font Size" content="13" />
- <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="if:Link1" content="1" />
- <meta name="if:Link2" content="1" />
- <meta name="if:Link3" 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: 'Poiret One', 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:borders};}
- ::-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: 'Cabin', 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:-10px;
- margin-left:-10px;
- width:250px;
- height:250px;
- padding: 10px;
- position:fixed;
- z-index:999999999;
- background:{color:sidebar};
- border:5px {color:borders} solid;
- }
- .profimage {
- margin-left:20px;
- margin-top:0px;
- width:200px;
- height:120px;
- position:fixed;
- border:3px {color:borders} solid;
- border-radius:20px;
- }
- .title {
- margin-top:120px;
- margin-left:25px;
- width:250px;
- color: {color:Title};
- font-size:20px;
- font-family: 'Rock Salt', cursive;
- position:fixed;
- }
- .description {
- margin-top:170px;
- margin-left:10px;
- width:200px;
- max-height:100px;
- overflow-y:auto;
- text-align:center;
- color:{color:Description};
- font-family: 'Cabin', sans-serif;
- font-size:13px;
- position:fixed;
- }
- .pagination {
- width: 150px;
- margin-left: 40px;
- margin-top: 230px;
- text-align: center;
- font-family: 'Cabin', sans-serif;
- padding: 3px 0;
- position:fixed;
- background: {color:borders};
- color:{color:Description};
- }
- .pagination a {
- color: {color:Link};
- text-decoration: none;
- }
- .pagination a:hover {
- color: {color:Link Hover};
- }
- #border1 {
- width:50px;
- height:700px;
- margin-top:50px;
- margin-left:10px;
- border-right:5px {color:borders} solid;
- position:fixed;
- }
- #cuslink1 {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:290px;
- margin-left:45px;
- position:fixed;
- text-align:center;
- font-size:26px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #cuslink2 {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:360px;
- margin-left:45px;
- position:fixed;
- text-align:center;
- font-size:26px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #cuslink3 {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:430px;
- margin-left:45px;
- position:fixed;
- text-align:center;
- font-size:26px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #border2 {
- width:1300px;
- height:50px;
- margin-top:0px;
- margin-left:130px;
- border-bottom:5px {color:borders} solid;
- position:fixed;
- z-index:9999999;
- }
- #home {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:38px;
- margin-left:300px;
- position:fixed;
- text-align:center;
- font-size:25px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #ask {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:38px;
- margin-left:370px;
- position:fixed;
- text-align:center;
- font-size:23px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #submit {
- width:30px;
- height:30px;
- border-radius:50px;
- border:2px {color:borders} solid;
- margin-top:38px;
- margin-left:440px;
- position:fixed;
- text-align:center;
- font-size:25px;
- z-index:999999999999999;
- background:{color:links bg};
- }
- #content {
- width: 700px;
- height:550px;
- margin: 50px 0px 0px 600px;
- padding: 20px 0px;
- color: {color:Text};
- overflow-y:scroll;
- position:fixed;
- }
- #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:40px;
- border:3px solid {color:Post Border};
- border-radius:40px;
- background:{color:Posts};
- }
- #content #posts .title {
- font-size: 22px;
- }
- #content #posts .text {
- font-family: 'Cabin', 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: 'Cabin', sans-serif;
- }
- #content #posts #tags {
- font-size:12px;
- text-align:center;
- font-family: 'Dosis', sans-serif;
- }
- .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="sidebar">
- <img src="{image:profimage}" class="profimage">
- <div class="title">{Title}</div>
- <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>
- <div id="border1"></div>
- <div id="cuslink1">
- {block:ifLink1}<a href="{text:URL1}" title="{text:Link1}"><i class="fa fa-star"></i></a>{/block:ifLink1}</div>
- <div id="cuslink2">
- {block:ifLink2}<a href="{text:URL2}" title="{text:Link2}"><i class="fa fa-star"></i></a>{/block:ifLink3}</div>
- <div id="cuslink3">
- {block:ifLink3}<a href="{text:URL3}" title="{text:Link3}"><i class="fa fa-star"></i></a>{/block:ifLink3}</div>
- <div id="border2"></div>
- <div id="home">
- <a href="/" title="home" class="class2"><i class="fa fa-home"></a></i></div>
- <div id="ask">
- <a href="/ask" title="home" class="class2"><i class="fa fa-envelope"></a></i></div>
- <div id="submit">
- <a href="/submit" title="home" class="class2"><i class="fa fa-inbox"></a></i></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-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement