Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html><head>
- <!-- BASICS -->
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="stylesheet" href="hint.css">
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <!-- ICONS -->
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <!-- STYLESHEETS & SCRIPTS -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- FONTS -->
- <link href="https://fonts.googleapis.com/css?family=Lora:400,700|M+PLUS+Rounded+1c:400,700|Nunito:300,400,700" rel="stylesheet">
- <!-- TOOLTIP SCRIPT -->
- <script> (function($){ $(document).ready(function() { $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20, tip_fade_speed:200, attribute:"title" }); }); })(jQuery); </script>
- <!-- META TAGS -->
- <meta name="color:background" content="#f2f2f2">
- <meta name="color:text" content="#868686" />
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:sidebar" content="#eee"/>
- <meta name="color:link" content="#aaa" />
- <meta name="color:pagination link" content="#fff"/>
- <meta name="color:linkhover" content="#f1ac9a"/>
- <meta name="color:Bold" content="#f1ac9a" />
- <meta name="color:Italic" content="#393939"/>
- <meta name="color:navi links" content="#4f4f4f"/>
- <meta name="color:sidebar title" content="#121212"/>
- <meta name="color:date box" content="#121212"/>
- <meta name="color:date box text" content="#fff"/>
- <meta name="image:background" content=""/>
- <meta name="image:sbimage" content=""/>
- <meta name="text:link url" content="/url" />
- <meta name="text:link title" content="title" />
- <meta name="if:bw posts" content="0" />
- <meta name="select:Post size" content="300px" title="300px" />
- <meta name="select:Post size" content="350px" title="350px" />
- <meta name="select:Post size" content="400px" title="400px" />
- <meta name="select:Post size" content="450px" title="450px" />
- <meta name="select:Post size" content="500px" title="500px" />
- <meta name="select:Font size" content="9px" title="9px" />
- <meta name="select:Font size" content="10px" title="10px" />
- <meta name="select:Font size" content="11px" title="11px" />
- <meta name="select:Font size" content="12px" title="12px" />
- <meta name="select:SB Img size" content="100px" title="100px" />
- <meta name="select:SB Img size" content="90px" title="90px" />
- <meta name="select:SB Img size" content="80px" title="80px" />
- <meta name="select:SB Img size" content="70px" title="70px" />
- <meta name="select:SB Img size" content="60px" title="60px" />
- </head>
- <style type="text/css">
- /*-- IFRAME CONTROLS --*/
- #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5; -webkit-transition:all 0.5s ease-out;-webkit-transition: opacity 0.5s linear;opacity: 0.2;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.5s ease-out; transform:scale(0.8);}
- #tumblr_controls, .tmblr-iframe:hover{ opacity:.3;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%); }
- /*-- SCROLLBAR --*/
- ::-webkit-scrollbar { width:0px; height: 4px; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
- -webkit-border-radius: 5px; }
- /*-- TOOLTIPS --*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:6px;
- padding-left:8px;
- padding-right:8px;
- margin:20px 20px 5px 10px;
- font-weight:bold;
- text-transform:lowercase;
- font-family:{select:Font size};
- font-size:9px;
- font-weight:bold;
- background:{color:posts};
- z-index:99999999;
- border-radius:5px;
- letter-spacing:1px;
- color:{color:text};
- }
- /* BODY */
- body {
- color:{color:text};
- background-color:{color:background};
- line-height:12px;
- text-align:justify;
- background-image:url('{image:background}');
- font-family:'nunito';
- font-size:{select:Font size};
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- #contain {
- background: {color:contain};
- position:absolute;
- margin:auto;
- left:0px;
- right:0px;
- top:0px;
- bottom:0px;
- width:1000px;
- height:500px;
- overflow:hidden;
- }
- /*-- LINKS --*/
- a:link, a:active, a:visited { color: {color:link}; text-decoration:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- .posts a:link, a:active, a:visited { color:{color:link hover}; text-decoration:none; }
- .posts a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- #info a:link, a:active, a:visited { color:{color:link}; text-decoration:none; }
- #info a:hover, #tags a:hover, #links a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- /*-- TEXT TYPES --*/
- small { font-size:10px; }
- sub, sup { font-size:9px; }
- pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
- big {font-size:auto;}
- h2, h1 {
- font-weight:700;
- font-size:19px;
- font-family:'nunito';
- }
- p { margin-top:6px; margin-bottom:6px;}
- li { list-style-type: circle;}
- blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:background}; }
- img a { border:none; width:100%;}
- blockquote img { height:auto; }
- .posts img { height:auto; }
- /*-- POSTS --*/
- .posts {
- width:{select:Post size};
- margin-top:50px;
- margin-bottom:30px;
- margin-left:350px;
- text-align:justify;
- padding:15px;
- background-color:{color:posts};
- font-size:{select:Font size};
- text-transform:lowercase;
- }
- .posts img {
- max-width:100%;
- }
- /*-- INFO --*/
- #info {
- padding:10px;
- text-align:left;
- text-transform:lowercase;
- margin:-15px;
- padding-bottom:5px;
- font-size:{select:Font size};
- text-transform:lowercase;
- display: table;
- border-bottom:1px solid {color:background};
- width:calc({select:Post size} + 15px);
- margin-bottom:15px;
- }
- #info a {
- font-weight:bold;
- color:{color:text};
- }
- #postinfo2 {
- position:absolute;
- margin-left:50px;
- margin-top:9px;
- display: table-cell;
- vertical-align: middle;
- }
- #datebox {
- background:{color:date box};
- color:{color:date box text};
- font-family:nunito;
- text-transform:uppercase;
- font-weight:700;
- width:40px;
- height:40px;
- font-size:10px;
- text-align:center;
- border-radius:5px;
- float:left;
- display: table;
- margin-right:0px;
- margin-bottom:5px;
- }
- #dateboxin {
- display: table-cell;
- vertical-align: middle;
- }
- /*-- CREDIT --*/
- #credit {
- position:fixed;
- bottom:13px;
- left:13px;
- background:{color:background};
- padding:5px;
- font-size:9px;
- color:{color:text};
- font-weight:900;
- font-family:'nunito';
- text-transform:uppercase;
- border-radius:6px;
- z-index:999;
- }
- /*-- ASK POSTS --*/
- #question {
- margin:0px;
- padding:4px;
- text-align:center;
- font-size:{select:Font size};
- text-transform:lowercase;
- }
- #asker {
- border:1px solid {color:background};
- text-align:center;
- text-transform:lowercase;
- padding:6px;
- margin:-17px;
- margin-bottom:15px;
- margin-top:15px;
- }
- #asker b {
- text-transform:lowercase;
- border-radius:4px;
- padding:2px;
- padding-left:4px;
- padding-right:4px;
- color:{color:text};
- }
- /*-- AUDIO POSTS --*/
- #audioplayer {
- width:31px;
- height:31px;
- background:#f2f2f2;
- overflow:hidden;
- position:absolute;
- padding:0px;
- margin-top:-3px;
- margin-left:0px;
- opacity:0.4;
- z-index:9999;
- -webkit-transition:0.5s;
- border:22px solid #f2f2f2;
- }
- #audioplayer:hover {
- opacity:0.9;
- -webkit-transition:0.5s;
- }
- #audioart {
- float:left;
- margin-top:-3px;
- margin-left:0px;
- padding-right:10px;
- }
- #audioart img { width:75px; }
- #audioinfo {
- height:45px;
- padding-bottom:5px;
- text-transform:lowercase;
- font-size:10px;
- text-align:left;
- padding-left:25px;
- padding-top:20px;
- letter-spacing:1px;
- margin-bottom:0px;
- }
- #audio b {
- font-size:15px;
- }
- /*-- PERMALINK NOTES STYLING --*/
- ol.notes {
- width:{select:Post size};
- margin:3px;
- margin-top:-5px;
- margin-left:350px;
- padding:0px;
- }
- .notes li a {
- font-weight:bold;
- color:{color:link};
- text-transform:lowercase;
- }
- .notes li {
- list-style:none;
- margin-top:5px;
- }
- ol.notes img {
- width:15px;
- height:15px;
- border-radius:100%;
- margin-right:5px;
- vertical-align:middle;
- }
- /*-- TAGS --*/
- #tags {
- background:{color:background};
- text-align:justify;
- margin-top:6px;
- padding:9px;
- padding-left:0px;
- line-height:10px;
- color:{color:link};
- margin:-15px;
- margin-top:15px; }
- #tags a {
- padding:0px;
- border-bottom:none;
- color:{color:link};
- text-shadow:none;
- text-transform:lowercase;
- font-size:{select:Font size};
- font-size:9px;
- }
- #tags i {
- color:{color:bold};
- }
- /*-- CHAT STYLING --*/
- .answer span,.convo li { margin:0 0 5px; border-radius:1em; padding:.5em 10px; max-width:75%; clear:both; position:relative; list-style-type:none;}
- .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
- .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after,.user_13::after { content:""; position:absolute; left:-.5em; bottom:0;width:.5em; height:1em; border-right:.5em solid {color:container}; border-bottom-right-radius:1em .5em; }
- .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:accent}; }
- .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { content:"";position:absolute; right:-.5em; bottom:0; width:.5em; height:1em; border-left:.5em solid {color:accent}; border-bottom-left-radius:1em .5em; }
- .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
- /*-- GREYSCALE FILTER --*/
- {block:IfBWPosts}
- .photoset, .posts img, .video { -webkit-filter:grayscale(100%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
- {/block:IfBWPosts}
- {block:IfBWToColorHover}
- .photoset:hover, .posts img:hover, .video:hover { -webkit-filter:grayscale(10%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
- {/block:IfBWToColorHover}
- /*-- SIDEBAR --*/
- #pagination {
- text-transform:lowercase;
- font-weight:bold;
- margin-top:15px;
- font-size:{select:Font size}
- letter-spacing:1px;
- color:{color:pagination link};
- }
- #pagination a {
- color:{color:pagination link};
- }
- #left {
- position:fixed;
- top:0px;
- left:0px;
- width:300px;
- height:100%;
- display:table;
- }
- #sidebar {
- background:{color:sidebar};
- display: table-cell;
- vertical-align: middle;
- text-align:center;
- }
- #left img {
- width:{select:SB Img size};
- height:{select:SB Img size};
- border-radius:5px;
- margin-top:;
- }
- #sidebartitle {
- position:absolute;
- margin:auto;
- font-size:14px;
- font-weight:700;
- color:{color:sidebar title};
- transform:rotate(-90deg);
- text-align:center;
- height:20px;
- top:0px;
- bottom:0px;
- width:600px;
- left:-30px;
- }
- #description {
- margin-top:20px;
- margin-left:80px;
- margin-right:80px;
- }
- #links {
- margin-top:20px;
- font-size:13px;
- font-weight:700;
- color:{color:sidebar title};
- cursor:pointer;
- }
- #links i {
- font-size:13px;
- margin:5px;
- }
- </style>
- <!-- START OF HTML -->
- <body>
- <div id="credit">
- <a href="dolcevitae.tumblr.com">dv</a>
- </div>
- <div id="left">
- <div id="sidebar">
- <div id="sidebartitle">{Title}</div>
- <img src="{image:sbimage}">
- <div id="description">{Description}</div>
- <div id="links">
- <a href="/" data-toggle="tooltip" title="refresh"><span class="th th-home-o"></span></a>
- <a href="/ask" data-toggle="tooltip" title="message"><span class="th th-envelope-o"></span></a>
- <a href="{text:link1 url}" data-toggle="tooltip" title="{text:link1 name}"><span class="th th-app-o"></span></i></a>
- </div>
- {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev /</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination}
- </div>
- </div>
- <!-- POSTS HTML -->
- {block:posts}
- <div class="posts" id="{PostID}">
- {block:Date}
- <div id="info">
- <a href="{Permalink}">
- <div id="datebox"><div id="dateboxin">
- {DayOfMonthWithZero}<br>{ShortMonth}
- </div></div></a>
- <div id="postinfo2">
- this post has <a href="{Permalink}">{NoteCountWithLabel}</a>
- <br>posted <a href="{Permalink}">{TimeAgo}</a>
- </div>
- {block:ContentSource}{/block:NoSourceLogo}{/block:ContentSource}
- </div>
- {/block:Date}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}{block:Title}
- <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="question"> {Question}</div>
- <div id="asker"><b>asked by: {Asker}</b></div>
- {Answer}{/block:Answer}
- {block:Audio}
- <div id="audio">
- <div id="audioplayer">{AudioPlayerWhite}</div>
- <div id="audioart">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
- <div id="audioinfo">
- <b>{block:TrackName}{TrackName}{/block:TrackName}</b>
- <br>by {block:Artist}{Artist}{/block:Artist}
- </div>
- </div>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <!-- TAGS -->
- {block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
- </div>{/block:HasTags}
- </div>
- <!-- PERMALINK NOTES -->
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- </div></div>
- {/block:Posts}
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement