Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:background" content="{background}" />
- <meta name="color:text" content="{color}" />
- <meta name="color:link" content="{link}" />
- <meta name="color:title" content="{title}" />
- <meta name="color:tag" content="" />
- <meta name="color:tag hover" content="" />
- <meta name="color:description" content="" />
- <meta name="text:Link 1 url" content="/" />
- <meta name="text:Link 1 Text" content="x" />
- <meta name="text:Link 2 url" content="/" />
- <meta name="text:Link 2 Text" content="x" />
- <meta name="text:Link 3 url" content="/" />
- <meta name="text:Link 3 Text" content="x" />
- <meta name="text:Link 4 url" content="/" />
- <meta name="text:Link 4 Text" content="x" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/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>
- <style type="text/css">
- #container-top-left {
- position:fixed; /*don't change*/
- z-index:999; /*don't change*/
- top:0px; /*don't change*/
- left:10px; /*higher number = farther to right*/
- /*transition speed: 0.1 = fastest and 1 = slowest*/
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- }
- /* scrollbar info */
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: #e1e1e1;
- border: 0px none #ffffff;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #ffffff;
- }
- ::-webkit-scrollbar-thumb:active {
- background: #000000;
- }
- ::-webkit-scrollbar-track {
- background: #666666;
- border: 0px none #ffffff;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-track:hover {
- background: #666666;
- }
- ::-webkit-scrollbar-track:active {
- background: #333333;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- #s-m-t-tooltip{
- /* basic */
- max-width:300px;
- z-index:10;
- margin:24px 14px 7px 12px;
- /* style and design */
- padding:8px;
- background:#222; /* fallback if rgba not supported */
- background:rgba(0,0,0,0.8);
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:3px;
- -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
- /* font */
- font-family:Verdana,Geneva,sans-serif;
- font-size:11px;
- line-height:16px;
- color:#fff;
- }
- /* fun post stuff!!! */
- h1 {
- font-size:25px;
- line-height:10px;
- text-align:center;
- padding:5px;
- }
- a {
- text-decoration:none;
- color:#292421;
- }
- a:hover {
- color:#EED5B7;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- b, strong {
- color: #fff;
- text-transform:uppercase;
- }
- i, em {
- color: #888;
- font-family:'Bookman', serif;
- }
- /* blah unfun info */
- blockquote {
- padding:1px 5px;
- margin:3px 0 3px 8px;
- border-left:.5px solid #000;
- }
- blockquote img {
- max-width:100%;
- height:auto;
- }
- img {
- max-width: 100%;
- }
- /* here is the post info */
- body {
- background-color:#698B69;
- font-family:‘Gibson’, sans-serif;
- font-size: 11px;
- color:#000;
- background-image:url('{image:background}');
- background-position: top left;
- background-repeat: no-repeat;
- background-attachment: fixed;
- }
- #container {
- position:absolute;
- top:350px;
- left:520px;
- height:350px;
- width: 500px;
- overflow-y:scroll;
- }
- /* welp */
- .posts {
- max-width: 450px;
- padding:10px;
- margin-bottom: 30px;
- margin-left: 20px;
- color: {color:text};
- }
- .posts img {
- max-width: 100%;
- padding:10px;
- margin-bottom: 30px;
- margin-left: 20px;
- color: {color:text};
- }
- .title {
- position: relative;
- color: {color:title};
- font-size: 25px;
- font-family: courier;
- text-transform: uppercase;
- top: 50px;
- left: -30px;
- text-shadow: 3px 3px 3px {color:text};
- }
- .title a {
- color: {color:title};
- }
- .title a:hover {
- color: {color:tag hover};
- }
- /* ~~~~~~taggggs~~~~~~ */
- .date {
- float:left;
- }
- .reblogs {
- float:right;
- }
- .tags {
- text-align:left;
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- color: {color:tag};
- }
- .tags a:hover {
- color: {color:tag hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .date {
- float:left;
- }
- .reblogs {
- float:right;
- }
- /* i love uselessly dividing shit */
- #pagi{
- position:fixed;
- color:#CD0000;
- font-size:20px;
- top:325px;
- left:185px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #pagination a:hover {
- color:#ffffff;
- }
- #sidebar {
- position:fixed;
- left: 600px;
- top: 250px;
- width: 210px;
- text-align:center;
- background:#fff opacity 20%;
- background-image:url('hhh');
- background-position:top left;
- background-repeat:no-repeat;
- background-attachment:fixed;
- }
- /* links */
- .link004 {
- position:fixed;
- font-family:signerica;
- width:10px;
- top:320px;
- left:540px;
- font-size:25px;
- text-transform:uppercase;
- text-align:center;
- line-height:170%;
- -moz-transform: rotate(-5deg);
- -webkit-transform: rotate(-5deg);
- -o-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(-19deg);
- }
- .link004 a{
- line-height:170%;
- padding:1px;
- margin-top:1px;
- margin-left:2px;
- color: {color:link};
- size:15px;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- .link004 a:hover {
- color:#000;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- .link003 {
- position:fixed;
- font-family:signerica;
- width:10px;
- top:310px;
- left:520px;
- font-size:25px;
- text-transform:uppercase;
- text-align:center;
- line-height:170%;
- -moz-transform: rotate(-5deg);
- -webkit-transform: rotate(-5deg);
- -o-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(19deg);
- }
- .link003 a{
- line-height:170%;
- padding:1px;
- margin-top:1px;
- margin-left:2px;
- color: {color:link};
- size:15px;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- .link003 a:hover {
- color:#000;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- .link002 {
- position:fixed;
- font-family:signerica;
- width:10px;
- top:320px;
- left:495px;
- font-size:25px;
- text-transform:uppercase;
- text-align:center;
- line-height:170%;
- -moz-transform: rotate(-5deg);
- -webkit-transform: rotate(-5deg);
- -o-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(-41deg);
- }
- .link002 a{
- line-height:170%;
- padding:1px;
- margin-top:1px;
- margin-left:2px;
- color: {color:link};
- size:15px;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- .link002 a:hover {
- color:#000;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- .link001 {
- position:fixed;
- font-family:signerica;
- width:10px;
- top:310px;
- left:470px;
- font-size:25px;
- text-transform:uppercase;
- text-align:center;
- line-height:170%;
- -moz-transform: rotate(-5deg);
- -webkit-transform: rotate(-5deg);
- -o-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(29deg);
- }
- .link001 a{
- line-height:170%;
- padding:1px;
- margin-top:1px;
- margin-left:2px;
- color: {color:link};
- size:15px;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- .link001 a:hover {
- color:#000;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- /* boring */
- .asker {
- font-size:15px;
- font-style: italic;
- text-align:center;
- border-bottom:1px solid #eee;
- margin-bottom:5px;
- padding-bottom:3px;
- }
- .question {
- font-style: italic;
- padding-left:50px;
- padding-right:50px;
- }
- .quote {
- font-size:13px;
- letter-spacing:1px;
- text-align:center;
- border-bottom:1px solid #eee;
- margin-bottom:5px;
- padding-bottom:3px;
- }
- .quotesource {
- font-size:10px;
- letter-spacing:1px;
- text-align:center;
- margin-bottom:5px;
- }
- /* stop */
- #hoverbox {
- position:fixed;
- top: 25px;
- margin-left: 15px;
- }
- #hoverbox:hover #hovercontent {
- opacity:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #hovercontent {
- margin-top: 15px;
- width: 100px;
- color: {color:link};
- opacity: 0;
- -WEBKIT-TRANSITION: ALL 0.7S EASE;
- -MOZ-TRANSITION: ALL 0.7S EASE;
- -O-TRANSITION: ALL 0.7S EASE;}
- }
- </style>
- {block:Description}<div style="width: 100px; padding: 10px; color: red; padding: 2px; margin-left: 10px; margin-top: 5px;">☆ ☆ ☆ ☆ ☆ ☆ <div id="hoverbox">
- <hr>
- <div id="hovercontent">{description}</div>
- </div>{/block:Description}
- <body>
- <div id="sidebar">
- <a href="/"><div class="title">{Title}</a></div>
- </div>
- </div>
- <div class="link001">
- <a href="{text:link 1 url}" rel="home" class="poplight" title="{text:Link 1 Text}">✲</a></div>
- <div class="link002">
- <a href="{text:link 2 url}" rel="home" class="poplight" title="{text:Link 2 text}">✭</a></div>
- <div class="link003">
- <a href="{text:link 3 url}" rel="home" class="poplight" title="{text:Link 3 text}">✲</a></div>
- <div class="link004">
- <a href="{text:link 4 url}" rel="home" class="poplight" title="{text:Link 4 text}">✭</a></div>
- {block:Pagination}<div id="pagi">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {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}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
- {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}"{Quote}"{block:Source}{Source}{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}{Title}</a>{/block:Title}
- {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- <div class="permalinks">
- <div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a><a href="{Permalink}"> {block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- <a href="{ReblogRootURL}">source</a>
- {/block:RebloggedFrom}
- <a href="{ReblogURL}">reblog</a>
- <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div> </div>
- {block:Answer}
- <div class="asker">{Asker} classified file</div>
- <div class="question">{Question}</div>
- {Answer}
- {/block:Answer}
- </div>
- {/block:Posts}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--. -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement