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='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Audiowide' 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="#000000" />
- <meta name="color:Text" content="#000000" />
- <meta name="color:Post Background" content="#FFFFFF" />
- <meta name="color:Post Border" content="#000000" />
- <meta name="color:Sidebar Text" content="#FFFFFF" />
- <meta name="color:Side Title" content="#FFFFFF" />
- <meta name="color:Side Link" content="#FFFFFF" />
- <meta name="color:Side Link Hover" content="#ff5353" />
- <meta name="color:Description Background" content="#000000" />
- <meta name="color:Description Border" content="#FFFFFF" />
- <meta name="color:Side Icon Border" content="#FFFFFF" />
- <meta name="color:Custom Link Hover" content="#FFFFFF" />
- <meta name="color:Link" content="#ff0011" />
- <meta name="color:Link Hover" content="#FFFFFF" />
- <meta name="color:scroll" content="#ff001e">
- <meta name="color:scroll bg" content="#FFFFFF">
- <meta name="color:Blockquote" content="#FFFFFF">
- <meta name="color:Pagination Background" content="#FFFFFF" />
- <meta name="image:Background" content="https://40.media.tumblr.com/891b5b7e1adcca0dba469cc669ea5106/tumblr_inline_nsbq265bE31secggb_540.jpg" />
- <meta name="image:Side Icon" content="https://41.media.tumblr.com/bc781c5691db67c92d44aa1574f75879/tumblr_inline_nsbq1tGbss1secggb_540.jpg" />
- <meta name="image:Favicon" content="https://33.media.tumblr.com/b8293517ad03008bac11109dce79fc1a/tumblr_inline_nsbq7rHyPq1secggb_500.gif" />
- <meta name="image:Cursor" content="https://40.media.tumblr.com/34896db8ba8ddaaa627be180afc6ee0f/tumblr_inline_nsbqh2rbxX1secggb_540.png" />
- <meta name="image:Divider" content="http://33.media.tumblr.com/cd41688a08596e364c8172b70c95033f/tumblr_inline_nrcn3kBK661t78dpp_500.gif" />
- <meta name="text:Side Title" content="Brother" />
- <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="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: 'Audiowide', cursive;
- 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>
- <style type="text/css">
- ::-webkit-scrollbar {width: 6px; height: 5px; background: {color:scroll bg};}
- ::-webkit-scrollbar-thumb { background-color: {color:scroll}; -webkit-border-radius: 1ex; }
- #body {
- max-height:600px;
- background: {color:Background};
- background-image: url('{image:Background}');
- background-position:fixed;
- color:{color:Text};
- font-size:{Font Size};
- word-wrap: break-word
- background-attachment: fixed;
- font-family: 'Titillium Web', sans-serif;
- }
- a:link, a:active, a:visited {
- text-decoration: none;
- 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};}
- a.class2, a.class2:link, a.class2:active, a.class2:visited {
- color: {color:Side 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.class2:hover { color: {color:Side Link Hover};}
- .hvr-underline-from-right:before {
- content: "";
- position: absolute;
- z-index: -1;
- left: 100%;
- right: 0;
- bottom: 0;
- background: {color:Custom Link Hover};
- height: 2px;
- -webkit-transition-property: left;
- transition-property: left;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- }
- .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
- left: 0;
- }
- #sidebar {
- margin-top:-20px;
- margin-left:30px;
- width:210px;
- height:1000px;
- padding:20px;
- position:fixed;
- z-index:9999;
- }
- .links {
- margin-top:440px;
- width: 200px;
- height: 5px;
- font-size:15px;
- font-family: 'Titillium Web', sans-serif;
- position:fixed;
- text-align:center;
- padding: 0px;
- color:{color:Sidebar Link};
- }
- .links:hover {
- color:{color:Sidebar Link Hover};
- }
- .description {
- color:{color:Sidebar Text};
- background:{color:Description Background};
- width:210px;
- height: auto;
- font-size:12px;
- font-family: 'Titillium Web', sans-serif;
- text-align:center;
- margin-top:465px;
- margin-left:-15px;
- padding:10px;
- border-bottom:2px double {color:Description Border};
- border-left:2px double {color:Description Border};
- border-right:2px double {color:Description Border};
- }
- .image {
- width: 200px;
- height: 200px;
- margin-top:200px;
- margin-left: 0px;
- position:fixed;
- background-image:{image:Side Icon}
- border-radius: 100px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border:2px solid {color:Side Icon Border};
- }
- /* Rotate */
- .hvr-rotate {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-transition-property: transform;
- transition-property: transform;
- }
- .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
- -webkit-transform: rotate(4deg);
- transform: rotate(4deg);
- }
- .sidetitle {
- width:300px;
- height:auto;
- margin-top:405px;
- margin-left:-50px;
- text-align:center;
- font-family: 'Audiowide', cursive;
- font-size:28px;
- color:{color:Side Title};
- position:fixed;
- z-index:9999;
- }
- .pagination {
- background:{color:Pagination Background};
- width: 150px;
- margin-left: 25px;
- margin-top: 10px;
- text-align: center;
- font-family: 'Titillium Web', sans-serif;
- padding: 3px 0;
- }
- .pagination a {
- color: {color:Sidebar Link};
- text-decoration: none;
- }
- .pagination a:hover {
- color: {color:Sidebar Link Hover};
- }
- .credit {
- position:fixed;
- margin-left:-5px;
- margin-top:-15px;
- } /* do not remove this or the credit image in the body!!! you may replace the pixel to better fit your theme but DO NOT REMOVE THE IMAGE OR THE LINK!!! */
- #content {
- width: 580px;
- margin: 20px 0 90px 450px;
- padding: 20px 0px;
- color: {color:Text};
- }
- #content blockquote {
- border-left: solid 2px {color:Blockquote};
- margin: 0;
- padding-left: 10px;
- }
- img {
- border: 0;
- max-width: 100%;
- }
- #content #posts {
- background-color: {color:Post Background};
- width: 500px;
- margin: 0 auto 50px;
- padding:20px;
- border:3px solid {color: Post Border};
- }
- #content #posts .title {
- font-size: 22px;
- }
- #content #posts .text {
- font-family: 'Titillium Web', sans-serif;
- font-size:{Font Size};
- }
- #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: 'Audiowide', cursive;
- }
- #content #posts #tags {
- font-size:15px;
- text-align:center;
- font-family: 'Audiowide', 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: 270px;
- -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;
- }
- #customlinks {
- position:fixed;
- margin-left:1200px;
- margin-top:350px;
- z-index:99999;
- font-family: 'Audiowide', cursive;
- font-size:14px;
- text-transform:uppercase;
- }
- /* Underline From Right */
- .hvr-underline-from-right {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden;
- }
- </style>
- </head>
- <body>
- <a href="http://pteroisradiata.tumblr.com/"><img class= "credit" src="http://41.media.tumblr.com/a91a8a468f7455de05a15380411b502f/tumblr_inline_nokveysQBO1ry72eo_75sq.png" /></a>
- <div id="body">
- <body background="{image:background}">
- </div>
- <div id="sidebar">
- <img class="image hvr-rotate" src="{image:Side Icon}" />
- <div class="sidetitle"><center>{text:Side Title}</center></div>
- <div class="links"><center>
- <a href="/" title="home" class="class2"><i class="fa fa-home"></i></a>
- <a href="/ask" title="ask" class="class2"><i class="fa fa-envelope"></i></a>
- <a href="/submit" title="submit" class="class2"><i class="fa fa-inbox"></i></a>
- </center></p></div>
- <div class="description hvr-rotate">{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></div>
- <div id="customlinks">
- {block:ifLink1}<a href="{text:Url1}"class="class2 hvr-underline-from-right">{text:Link1}</a>{/block:ifLink1}</p>
- {block:ifLink2}<a href="{text:Url2}"class="class2 hvr-underline-from-right">{text:Link2}</a>{/block:ifLink2}</p>
- {block:ifLink3}<a href="{text:Url3}"class="class2 hvr-underline-from-right">{text:Link3}</a>{/block:ifLink3}</p>
- {block:ifLink4}<a href="{text:Url4}"class="class2 hvr-underline-from-right">{text:Link4}</a>{/block:ifLink4}</p>
- {block:ifLink5}<a href="{text:Url5}"class="class2 hvr-underline-from-right">{text:Link5}</a>{/block:ifLink5}</p>
- {block:ifLink6}<a href="{text:Url6}"class="class2 hvr-underline-from-right">{text:Link6}</a>{/block:ifLink6}</p>
- </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">
- <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