Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>page 364 of 467</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap" rel="stylesheet">
- </head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/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:700,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- body {
- background-color: #eee;
- font-size: 12px;
- font-family: 'roboto';
- }
- h1 {
- font-family: 'silkscreen';
- text-align: center;
- font-size: 20px;
- }
- h2 {
- font-family: 'silkscreen';
- text-align: center;
- font-size: 12px;
- }
- sup, small, sub {
- font-size: 12px;
- }
- a {
- font-family: 'Ubuntu Mono', monospace;
- color: #000000;
- transition: all 0.6s ease;
- text-decoration: none;
- font-size: 13px;
- font-weight: 600px;
- }
- a:hover {
- text-decoration: underline;
- -WEBKIT-TRANSITION: ALL 0.7S EASE;
- -MOZ-TRANSITION: ALL 0.7S EASE;
- -O-TRANSITION: ALL 0.7S EASE;
- }
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
- padding:4px; /* space around the text */
- margin:20px 15px 20px 0px; /* positioning of your hover info in relation to the link */
- color:#000; /* text color */
- border:1px solid #000; /* optional border and border color */
- font-family: 'VT323' , sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
- font-size:10px; /* font size of your hover info */
- letter-spacing:2px; /* optional letter spacing */
- background:#eee; /* change the background color of your hover info */
- z-index:99999;
- font-variant: small-caps;
- }
- .permalinks {
- padding-top: 10px;
- margin-bottom: 20px;
- }
- .permalinks a { font-family: 'silkscreen', monospace;
- color: #222;
- transition: all 0.6s ease;
- text-decoration: none;
- font-variant: small-caps;
- font-size: 11px;}
- .permalinks a:hover {
- text-decoration: underline;
- -WEBKIT-TRANSITION: ALL 0.7S EASE;
- -MOZ-TRANSITION: ALL 0.7S EASE;
- -O-TRANSITION: ALL 0.7S EASE;}
- blockquote {
- margin:0px 0px 0px 0px;
- padding:0px 0px 0px 10px;
- border-left:.5px solid #dddddd;
- line-height: 120%;
- }
- blockquote img {
- max-width:100%;
- height:auto;}
- .container {
- left: 50%;
- top: 50%;
- TRANSFORM: TRANSLATE(-50%, -50%);
- overflow-y: scroll;
- position: absolute;
- width: 530px;
- height: 540px;
- border-bottom: 1px #000 solid;
- border-top: 1px solid #000;
- }
- .posts {
- width: 450px;
- height: auto;
- background-color: #fcfcfc;
- word-wrap: break-word;
- text-align: justify;
- padding-left: 10px;
- }
- .posts img {
- max-width:100%;
- max-height:100%;
- }
- img {
- max-width:100%;
- max-height:100%;
- }
- /* 'silkscreen' font */
- /* author: Jason Aleksandr Kottke */
- /* //www.dafont.com/silkscreen.font */
- @font-face {font-family:"silkscreen"; src: url('https://dl.dropbox.com/s/l0frac4d7bz3zx6/silkscreen.ttf');}
- /* colors */
- :root {
- --Speech-Bubble-Border:#222;
- --Speech-Bubble-Background:#fcfcfc;
- --Speech-Bubble-Text:#000;
- }
- #speech-bubble {
- width:500px;
- margin: 10px 15px 10px 15px;
- }
- #bub-part-a {
- margin-left:6px;
- width:calc(100% - 12px);
- height:2px;
- background:var(--Speech-Bubble-Border);
- }
- #bub-part-b {
- margin-left:4px;
- width:calc(100% - 12px);
- height:2px;
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #bub-part-c {
- margin-left:2px;
- width:calc(100% - 8px);
- height:2px;
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #speech-txt {
- width:calc(100% - 24px);
- padding: 10px;
- color:var(--Speech-Bubble-Text);
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #speech-arrow {
- margin-top:-2px;
- margin-left:110px;
- }
- #arrow-w {
- width:8px;
- height:8px;
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #arrow-x {
- width:6px;
- height:2px;
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #arrow-y {
- margin-left:-2px;
- width:6px;
- height:2px;
- background:var(--Speech-Bubble-Background);
- border-left:2px solid var(--Speech-Bubble-Border);
- border-right:2px solid var(--Speech-Bubble-Border);
- }
- #arrow-z {
- margin-left:-2px;
- width:8px;
- height:2px;
- background:var(--Speech-Bubble-Border);
- }
- .sidebar {
- left: 50%;
- top: 92%;
- TRANSFORM: TRANSLATE(-50%, -92%);
- position: absolute;
- }
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- border: 0px none transparent;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background:transparent;
- }
- ::-webkit-scrollbar-thumb:active {
- background: transparent;
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- border: 0px none transparent;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-track:hover {
- background: transparent;
- }
- ::-webkit-scrollbar-track:active {
- background: transparent;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- #wrapper #content #pagination{
- width:fixed;
- top:15px;
- position:fixed;
- margin-left:10px;
- border:1px solid #000;
- background:#fff;
- padding:3px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- font-size:14px;
- text-align:center;
- }
- {block:IndexPage}.hide-old {display:none;}{/block:IndexPage}
- </style>
- <body>
- <div class="container">
- {block:Posts}<div id="speech-bubble">
- <div id="bub-part-a"></div>
- <div id="bub-part-b"></div>
- <div id="bub-part-c"></div>
- <div id="speech-txt"><article class="posts hide-{TagsAsClasses}">{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
- {block:Photo}<img src="{PhotoURL-HighRes}" width="450px;" 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}{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}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- </article><!--end entries--></div>
- <div id="bub-part-c"></div>
- <div id="bub-part-b"></div>
- <div id="bub-part-a"></div>
- <div class="permalinks"> <a href="{Permalink}" title="date">{MonthNumberWithZero}.{DayOfMonth}.{Year}</a> @ <a href="{Permalink}" title="time">{24Hour}{Minutes}</a> <a href="{Permalink}" title="notes">{block:NoteCount}{NoteCount}{/block:NoteCount}</a> <a href="{Permalink}"><a class="reblog" style="font-size: 15px;" href="{ReblogURL}" title="reblog">⊶</a></a>
- <p><center><style="font-size:8px;">{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</style></center></p> </div>
- </div><!--end speech bubble-->{/block:Posts}</div>
- <div class="sidebar">{block:Pagination}
- <div id="pagination">
- {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>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- switch(window.location.pathname) {
- case "/tagged/old":
- $('article').removeClass('hide-old');
- break;
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement