Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--
- ᴛʜᴇᴍᴇ 14: ᴘᴀɴɪᴄ
- ᴅᴇsɪɢɴᴇᴅ ᴀɴᴅ ᴄᴏᴅᴇᴅ ʙʏ ᴀɴᴅʀᴇᴀ @ ᴍʟɪᴋʙᴏʏ
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛs. ᴛʜᴀɴᴋ ʏᴏᴜ.
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <!--Default Variables-->
- <!--Colors-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Title" content="#9c9c9c"/>
- <meta name="color:Border" content="#eeeeee"/>
- <meta name="color:Link" content="#5c5e5e"/>
- <meta name="color:Scrollbar" content="#fbfbfb"/>
- <meta name="color:Link Hover" content="#b3afaf"/>
- <meta name="color:Link Border" content="#e6e4e4"/>
- <meta name="color:Hover" content="#cfcfcf"/>
- <meta name="color:Description" content="#fafafa"/>
- <meta name="color:Asker" content="#fafafa"/>
- <meta name="color:Quote" content="#fafafa"/>
- <meta name="color:Info" content="#fafafa"/>
- <meta name="color:Hover" content="#cfcfcf"/>
- <meta name="color:Tags" content="#b3afaf"/>
- <meta name="color:Text" content="#6d6868"/>
- <!--Images-->
- <meta name="image:Background" content="/"/>
- <meta name="image:Sidebar" content=""/>
- <!--Links-->
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link" />
- <!--Titles-->
- <meta name="text:Title" content="panic!" />
- <!--Functions-->
- <meta name="if:Lazy Load" content="1"/>
- <!--Fonts-->
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
- <!--Lazy Load-->
- {block:IfLazyLoad}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </style>
- {/block:IfLazyLoad}
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background: {color:Border};
- height: 80px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background: {color:Scrollbar};
- }
- body {
- background-image: url("{image:background}");
- background-attachment: fixed;
- font-family:Helvetica;
- font-size:9px;
- margin:50px;
- text-align:justify;
- letter-spacing:0px;
- line-height:140%;
- background:{color:background};
- color:{color:Text};
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Link};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- img {
- border:none;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:1px solid;
- }
- h1 {
- font-size:20px;
- font-family:Playfair Display;
- text-transform:lowercase;
- font-style:italic;
- line-height:140%;
- text-align:center;
- color:{color:Title};
- }
- a:hover {
- color: {color:Link Hover};
- }
- b, strong{
- color:{color:Text};
- }
- i, em{
- color:{color:Text};
- }
- small{
- font-size:9px;
- line-height:140%;
- }
- big {
- font-size:12px;
- line-height:140%;
- }
- p{
- margin-top:5px;
- margin-bottom:5px;
- }
- blockquote {
- padding:0px;
- padding-left:5px;
- margin:5px;
- border-left:1px solid {color:Border};
- }
- .audio { height:60px; padding:5px; margin-bottom:5px;}
- .audio-album { position:absolute; width:60px; }
- .audio-player { position:absolute; width:25px; height:25px; margin-left:15px; margin-top:15px; opacity:0.9; overflow:hidden; border:2px solid {color:Border}; }
- .audio-info { margin-top:-2px; position:relative; margin-left:70px; padding:5px; }
- #entries {
- overflow:hidden;
- margin-left:270px;
- letter-spacing:1px;
- }
- #post {
- margin-top:20px;
- margin:15px;
- padding-left:15px;
- padding-right:15px;
- padding-top:25px;
- width:500px;
- }
- #post img{
- opacity:0.8;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #post img:hover {
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #quote {
- padding:10px;
- margin-bottom:5px;
- background:{color:Quote};
- font-family:Times New Roman;
- font-size:12px;
- font-style:italic;
- letter-spacing:1px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
- #chat {
- text-transform:lowercase;
- }
- #website {
- font-style:italic;
- text-align:right;
- font-size:12px;
- color:{color:Text};
- }
- #sidebar {
- position:fixed;
- margin-left:500px;
- margin-top:-160px;
- }
- #sidebarimage img {
- width:150px;
- height:190px;
- position:fixed;
- margin-top:260px;
- margin-left:-415px;
- }
- #title {
- font-size:25px;
- position:fixed;
- margin-left:-415px;
- margin-top:230px;
- font-family:Playfair Display;
- font-style:oblique;
- text-align:center;
- line-height:40%;
- width:150px;
- letter-spacing:1px;
- text-transform:lowercase;
- color:{color:Text};
- }
- #links {
- width:151px;
- font-size:7px;
- font-family:Trebuchet MS;
- font-style:none;
- text-align:center;
- text-transform:uppercase;
- opacity:1;
- position:fixed;
- word-spacing:0px;
- margin-left:-416px;
- margin-top:457px;
- letter-spacing:0px;
- }
- #links a {
- display:inline-block;
- width:20px;
- padding:5px;
- margin-right:2px;
- margin-bottom:4px;
- background:{color:Background};
- border-bottom:2px solid {color:Background};
- color:{color:Link};
- }
- #links a:hover {
- border-bottom:2px solid {color:Link};
- background:{color:Description};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #description {
- font-size:9px;
- width:150px;
- height:85px;
- font-family:Trebuchet MS;
- text-transform:none;
- position:fixed;
- text-align:justify;
- font-style:none;
- line-height:100%;
- margin-top:485px;
- margin-left:-415px;
- letter-spacing:0px;
- opacity:1;
- position:fixed;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #pagination {
- width:120px;
- font-size:8px;
- text-align:center;
- padding:8px;
- margin-top:560px;
- margin-left:-410px;
- letter-spacing:5px;
- position:fixed;
- font-style:none;
- color:black;
- }
- #pagination a:hover {
- color:{color:Hover};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #info {
- font-family:Trebuchet MS;
- margin-top:12px;
- font-size:7px;
- color:{color:Text};
- text-transform:uppercase;
- font-style:normal;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a {
- color:{color:Link};
- }
- #info a:hover {
- color:{color:Hover};
- }
- #tags {
- font-family:Trebuchet MS;
- font-style:none;
- text-transform:uppercase;
- font-style:none;
- color:{color:Tags};
- line-height:120%;
- font-size:7px;
- opacity:1;
- text-align:left;
- padding-top:5px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #tags a {
- color:{color:Text};
- }
- #tags a:hover {
- color:{color:Hover};
- }
- #notes {
- text-transform:uppercase;
- font-size:8px;
- font-family:Calibri;
- }
- #question {
- float:left;
- line-height:130%;
- }
- #question img {
- margin-right:11px;
- border:1px solid {color:Border};
- padding:2px;
- }
- #credit {
- font-family:Calibri;
- font-size:9px;
- letter-spacing:1px;
- float:right;
- position:fixed;
- bottom:15px;
- right:10px;
- }
- #credit a {
- color:{color:Background};
- padding:5px;
- text-transform:uppercase;
- background:{color:Link};
- }
- #credit a:hover {
- color:{color:Link};
- text-transform:uppercase;
- font-style:none;
- background:{color:Background};
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div id="title">— {text:Title} —</div>
- <div id="sidebarimage"><img src="{image:Sidebar}"></div>
- <div id="links">
- <a href="/">index</a>
- <a href="/ask">mail</a>
- {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
- </div>
- <div id="description">{Description}</div>
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}</div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — <i>{Source}</i></div>{/block:Source}{/block:Quote}
- {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
- <div id="chat">
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {block:Lines}
- <blockquote>{block:Label}<b>{Label}</b>{/block:Label} -
- {Line}</blockquote><br>
- {/block:Lines}{/block:Chat}
- </div>
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<br>{/block:PlayCount}
- </div></div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="question"<div id="question"><img src="{AskerPortraitURL-24}"></div> "{Question}"<br>
- — <b><i>{Asker}</i></b><br><br>
- {Answer}<br>{/block:Answer}
- {block:Date}<div id="info"> {block:RebloggedFrom} <a href="{ReblogParentURL}">via </a> ‧ {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">source</a> — {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a> {/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- <a href="{Permalink}" style="float:right; background-color:{color:Description}; padding:3px; color:{color:Text};">{TimeAgo}</a>
- {/block:Date}</div>
- {block:HasTags}
- <div id="tags">
- {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- <div id="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- <div id="credit"><a href="http://mlikboy.tumblr.com/">mlikboy</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement