Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html><head>
- <!-- THEME 05 BY DOLCEVITAE -->
- <!-- 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">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
- <!-- 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=Roboto:400,700|Nunito:300,400,70|ABeeZee|Karla: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:container" content="#f0f0f0">
- <meta name="color:text" content="#868686" />
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:sidebar" content="#eaeaea"/>
- <meta name="color:links bg" content="#cecece" />
- <meta name="color:link" content="#aaa" />
- <meta name="color:pagination link" content="#fff"/>
- <meta name="color:linkhover" content="#f1ac9a"/>
- <meta name="color:tooltips" content="#fff"/>
- <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:sbimage" content=""/>
- <meta name="text:link1 url" content="/url" />
- <meta name="text:link1 name" content="Link 1" />
- <meta name="if:bw posts" content="0" />
- <meta name="if:sidebar and posts shadow" 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 border" content="100%" title="circle" />
- <meta name="select:SB Img border" content="5%" title="rounded corners" />
- <meta name="select:SB Img border" content="0%" title="square" />
- <meta name="select:Posts border" content="7px" title="rounded corners" />
- <meta name="select:Posts border" content="0px" title="square" />
- <meta name="select:Desc alignment" content="center" title="center" />
- <meta name="select:Desc alignment" content="justify" title="justify" />
- <meta name="select:Font" content="Nunito" title="Nunito" />
- <meta name="select:Font" content="Roboto" title="Roboto" />
- <meta name="select:Font" content="ABeeZee" title="ABeeZee" />
- <meta name="select:Font" content="Karla" title="Karla" />
- </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:-5px!important; right:-35px!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.7);}
- #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(70%); -moz-filter:invert(70%); -o-filter:invert(70%); -ms-filter:invert(70%); filter:invert(70%); }
- /*-- 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:tooltips};
- 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:{select:font};
- font-size:{select:Font size};
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- #container {
- background:{color:container};
- position:fixed;
- margin:auto;
- left:0px;
- right:0px;
- top:0px;
- bottom:0px;
- width:calc({select:Post size} + 100px);
- height:650px;
- border-radius:{select:Posts border};
- }
- #title {
- width:380px;
- text-align:left;
- font-size:15px;
- letter-spacing:2px;
- font-weight:bold;
- position:absolute;
- bottom:195px;
- left:-165px;
- transform:rotate(90deg);
- }
- /*-- 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:{select:font};
- }
- 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; }
- b, strong { color:{color:bold}; }
- i { color:{color:italic}; }
- /*-- POSTS --*/
- #postcontainer {
- height:100%;
- position:absolute;
- top:0px;
- overflow:auto;
- width:calc({select:Post size} + 70px);
- right:0px;
- }
- .posts {
- width:{select:Post size};
- margin-top:20px;
- margin-bottom:20px;
- margin-left:20px;
- text-align:justify;
- padding:15px;
- background-color:{color:posts};
- font-size:{select:Font size};
- border-radius:{select:Posts border};
- {block:IfSidebarAndPostsShadow}
- box-shadow:0px 0px 10px rgba(1,1,1,0.1);
- {/block:IfSidebarAndPostsShadow}
- }
- .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} + 10px);
- 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};
- 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;
- color:{color:date box text};
- }
- #dateboxin {
- display: table-cell;
- vertical-align: middle;
- }
- /*-- CREDIT --*/
- #credit {
- position:fixed;
- bottom:13px;
- left:13px;
- background:{color:posts};
- padding:5px;
- font-size:9px;
- color:{color:text};
- font-weight:900;
- font-family:{select:font};
- 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:15px;
- margin-left:20px;
- padding:0px;
- margin-bottom:10px;
- }
- .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 {
- width:{select:Post size};
- text-align:justify;
- padding-left:20px;
- line-height:10px;
- color:{color:link};
- margin-top:-10px;
- }
- #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 --*/
- ul.convo {
- list-style: none;
- padding:0;
- margin:0;
- margin-top:-15px;
- margin-bottom:-5px;
- }
- .convo li {
- list-style-type:none;
- padding:4px;
- }
- .label {
- text-transform:uppercase;
- font-weight:bold;
- }
- /*-- 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 --*/
- #sidebar {
- position:absolute;
- margin:auto;
- top:20px;
- background:{color:posts};
- width:150px;
- height:220px;
- left:-120px;
- background-size:cover;
- border-radius:7px;
- {block:IfSidebarAndPostsShadow}
- box-shadow:0px 0px 10px rgba(1,1,1,0.1);
- {/block:IfSidebarAndPostsShadow}
- }
- #sidebar1 {
- display:table;
- width:150px;
- height:100%;
- }
- #sidebar2 {
- text-align:center;
- display: table-cell;
- vertical-align: middle;
- }
- #description {
- margin-top:20px;
- margin-left:20px;
- margin-right:20px;
- text-align:{select:Desc alignment};
- }
- .sbimage {
- position:absolute;
- margin:auto;
- bottom:-30px;
- width:60px;
- height:60px;
- left:0px;
- right:0px;
- width:100px;
- }
- .sbimage img {
- width:60px;
- height:60px;
- border-radius:{select:SB Img border};
- position:absolute;
- margin:auto;
- left:0px;
- right:0px;
- }
- /*-- LINKS --*/
- .linkscontainer {
- margin-bottom:20px;
- margin-left:0px;
- }
- .linkscontainer a {
- margin:5px;
- font-size:calc({select:Font size} + 2px);
- vertical-align:Middle;
- }
- .linkscontainer i {
- color:{color:link};
- }
- #pagination {
- text-transform:lowercase;
- font-weight:bold;
- margin-top:15px;
- font-size:{select:Font size}
- letter-spacing:1px;
- color:{color:pagination link};
- margin-left:0px;
- }
- #pagination a {
- color:{color:pagination link};
- }
- </style>
- <!-- START OF HTML -->
- <body>
- <!-- CREDIT -->
- <a href="http://dolcevitae.tumblr.com">
- <div id="credit">dv
- </div></a>
- <!-- BODY CONTAINER -->
- <div id="container">
- <div id="title">{Title}</div>
- <!-- SIDEBAR -->
- <div id="sidebar">
- <!-- SIDEBAR IMAGE -->
- <div class="sbimage"><img src="{image:sbimage}"></div>
- <div id="sidebar1">
- <div id="sidebar2">
- <!-- LINKS -->
- <div class="linkscontainer">
- <a href="/" title="refresh"><span class="th th-home-o"></span></a>
- <a href="/ask" title="message"><span class="th th-envelope-o"></span></a>
- <a href="{text:link1 url}" title="{text:link1 name}"><span class="th th-app-o"></span></i></a>
- </div>
- <!-- DESCRIPTION -->
- <div id="description">{Description}</div>
- <!-- PAGINATION -->
- {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>
- </div>
- <!-- POSTS HTML -->
- <div id="postcontainer">
- {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>
- <br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- </div>
- <!-- TAGS -->
- {block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
- </div>{/block:HasTags}
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- {/block:Posts}
- </div></div></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement