Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link href="https://fonts.googleapis.com/css?family=ABeeZee|Comfortaa|Fira+Mono|Kanit|Karla|Open+Sans|Quicksand|Roboto+Mono|Ubuntu" rel="stylesheet">
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
- <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}
- <!----
- @scftlcves | 012: loyalty.
- --->
- <meta name="image:Icon" content=""/>
- <meta name="color:Background" content="#f0f0f0"/>
- <meta name="color:Blockquote" content="#d4d4d4"/>
- <meta name="color:Border" content="#d4d4d4"/>
- <meta name="color:Entries" content="#ffffff"/>
- <meta name="color:Link" content="#767676"/>
- <meta name="color:Question" content="#f0f0f0"/>
- <meta name="color:Scrollbar" content="#f0f0f0"/>
- <meta name="color:Tags" content="#3c3636"/>
- <meta name="color:Tagsbg" content="#f0f0f0"/>
- <meta name="color:Text" content="#3c3636"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="text:blogger" content="blogger title"/>
- <meta name="text:link one url" content="link one"/>
- <meta name="text:link one symbol" content="\f2c0"/>
- <meta name="text:link one hover" content="one hover"/>
- <meta name="text:link two url" content="link two"/>
- <meta name="text:link two symbol" content="\f1d9"/>
- <meta name="text:link two hover" content="two hover"/>
- <meta name="text:link three url" content="link three"/>
- <meta name="text:link three symbol" content="\f186"/>
- <meta name="text:link three hover" content="three hover"/>
- <meta name="select:Body font" content="ABeeZee" title="ABeeZee" />
- <meta name="select:Body font" content="Comfortaa" title="Comfortaa" />
- <meta name="select:Body font" content="Fira Mono" title="Fira Mono" />
- <meta name="select:Body font" content="Kanit" title="Kanit" />
- <meta name="select:Body font" content="Karla" title="Karla" />
- <meta name="select:Body font" content="Open Sans" title="Open Sans" />
- <meta name="select:Body font" content="Quicksand" title="Quicksand" />
- <meta name="select:Body font" content="Roboto Mono" title="Roboto Mono" />
- <meta name="select:Body font" content="Ubuntu" title="Ubuntu" />
- <meta name="select:Body font size" content="9px" title="9px" />
- <meta name="select:Body font size" content="10px" title="10px" />
- <meta name="select:Body font size" content="11px" title="11px" />
- <meta name="select:Body font size" content="12px" title="12px" />
- <meta name="select:Bullet symbol" content="f105" title="Angle" />
- <meta name="select:Bullet symbol" content="f0da" title="Caret" />
- <meta name="select:Bullet symbol" content="f054" title="Chevron" />
- <meta name="select:Bullet symbol" content="f111" title="Circle" />
- <meta name="select:Bullet symbol" content="f101" title="Double Angle" />
- <meta name="select:Bullet symbol" content="f068" title="Minus" />
- <meta name="select:Bullet symbol" content="f10d" title="Quote" />
- <meta name="select:Post size" content="500" title="500px" />
- <meta name="select:Post size" content="450" title="450px" />
- <meta name="select:Post size" content="400" title="400px" />
- <meta name="select:Post size" content="350" title="350px" />
- <meta name="select:Post size" content="300" title="300px" />
- <meta name="select:Post size" content="250" title="250px" />
- <style type="text/css">
- #s-m-t-tooltip {
- background-color:{color:entries};
- color:{color:text};
- border:1px solid {color:border};
- text-transform:uppercase;
- font-family:karla;
- font-size:9px;
- letter-spacing:1.5px;
- padding:8px 8px 8px 8px;
- margin:20px 0px 0px 20px;
- z-index:9999999999999999999999;
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Entries};
- }
- ::-webkit-scrollbar {
- height:8px;
- width:8px;
- background-color:{color:Border};
- }
- ul {
- list-style-type: circle;
- padding-left:24px;
- line-height:150%;
- }
- li {
- padding-left: 0px;
- margin-bottom: 0px;
- list-style: none;
- }
- li:before {
- color: {color:title};
- content: "\{select:Bullet symbol}";
- font-weight:300;
- font-family: FontAwesome;
- font-size:8px;
- display: inline-block;
- margin-left: -2.0em;
- width: 2.0em;
- }
- hr {
- display:block;
- border-style:dotted;
- border-color:{color:border};
- }
- body {
- background: {color:Background};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- font-family: {select:body font};
- font-size: {select:body font size};
- line-height:150%;
- color: {color:Text};
- }
- blockquote {
- text-align:justify;
- margin-top: 5px;
- margin-bottom: 5px;
- margin-left: 5px;
- padding-left: 10px;
- border-left: 1px dotted {color:blockquote};
- margin-right:5px;
- }
- a {
- text-decoration: none;
- color: {color:Link};
- border-bottom:1px solid {color:border};
- padding-bottom:1px;
- }
- small, sub {
- font-size:{select:body font size};
- }
- b, strong {
- color:{color:Title};
- }
- pre {
- padding:8px;
- border-bottom:1px dotted {color:border};
- text-align:center;
- text-transform:lowercase;
- font-family:{select:body font};
- }
- h1,h2 {
- font-weight:bold;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:12px;
- color:{color:title};
- }
- #backsidebar {
- margin-top:120px;
- position:fixed;
- width:auto;
- height:auto;
- }
- #bloggerback {
- margin-top:240px;
- position:fixed;
- width:auto;
- height:auto;
- }
- #blogger {
- font-size:12px;
- letter-spacing:1px;
- font-weight:bold;
- text-align:center;
- color:{color:title};
- text-transform:uppercase;
- padding-bottom:5px;
- border-bottom:1px dotted {color:bordeR};
- }
- #bloggerdeets {
- font-size:10px;
- width:150px;
- margin-top:5px;
- text-align:justify;
- }
- #photobar1 {
- text-align:center;
- padding:0px;
- margin-left:12px;
- border:3px solid {color:Border};
- height:100px;
- width:100px;
- border-radius:50%;
- }
- #photobar1 img {
- border-radius:50%;
- width:100px;
- height:100px;
- }
- #navi {
- width:150px;
- margin-top:-110px;
- margin-left:60px;
- }
- #navigation {
- margin-top:3px;
- text-align:center;
- font-family:karla;
- font-size:12px;
- line-height:15px;
- }
- #navigation a {
- display:inline-block;
- text-align:center;
- border:none;
- margin-left:2px;
- font-size:10px;
- padding:3px;
- color:{color:links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #contain {
- margin:50px auto;
- width: calc({select:post size}px + 300px);
- }
- #entries {
- position:absolute;
- margin-left:270px;
- width:{select:post size}px;
- }
- #entry {
- background-color:{color:Entries};
- padding:15px;
- margin-bottom:80px;
- border:1px solid {color:Border};
- }
- .photoset {
- width:100%;
- }
- .video {
- width:350px!important;
- }
- .video iframe {
- width:350px!important;
- }
- img {
- max-width: 100%;
- }
- #posttitles {
- text-align: right;
- font-size: 14px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:bold;
- margin-bottom:5px;
- color: {color:Title};
- }
- #boujee {
- text-align:center;
- margin-top: 10px;
- display: block;
- text-transform:uppercase;
- font-size:8px;
- color:{color:text};
- text-align: center;
- }
- #boujee a {
- color:{color:title};
- }
- #ask {
- text-align:center;
- line-height:120%;
- color:{color:text};
- padding:5px;
- padding-bottom:10px;
- padding-top:5px;
- }
- .ask {
- float:left;
- z-index:10;
- text-transform:uppercase;
- font-family:karla;
- font-size:8px;
- letter-spacing:1.5px;
- text-align:left;
- color:{color:text};
- background-color:{color:Entries};
- margin-top:-8px;
- margin-right:0px;
- margin-left:10px;
- padding-top:0px;
- padding-bottom:0;
- padding-left:5px;
- padding-right:5px;
- }
- .askline {
- height:1px;
- margin-top:0px;
- margin-left:0px;
- background-color:{color:Border};
- z-index:-1;
- }
- .question {
- background-color:{color:Question};
- color:{color:text};
- font-size:10px;
- margin-top:10px;
- z-index:10;
- text-align:center;
- padding:10px;
- border-left:15px solid {color:border};
- }
- #asker img {
- margin-left:-2px;
- margin-bottom:-15px;
- padding:2px;
- text-align:right;
- border:3px double {color:question};
- }
- #ans {
- text-align:left;
- padding:0px;
- color:{color:text};
- }
- #audioplayer {
- width:30px;
- height:30px;
- background-color:{color:ffffff};
- overflow:hidden;
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;
- position:absolute;
- margin-top:25px;
- margin-left:25px;
- opacity: 0.7;
- filter:alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- }
- #albumart {
- float:left;
- margin:0px 0px;
- -moz-border-radius: 80px;
- -webkit-border-radius: 80px;
- border-radius: 80px;}
- #albumart img {
- -moz-border-radius: 80px;
- -webkit-border-radius: 80px;
- border-radius: 80px;
- }
- tehe {
- font-size:10px;
- text-transform:uppercase;
- padding-left:50px;
- padding-right:50px;
- padding-bottom:15px;
- display:block;
- margin-top:10px;
- margin-left:80px;
- text-align:center;
- }
- #permalink {
- text-align: center;
- border-top: 0px solid {color:Border};
- position: relative;
- margin-top: 5px;
- padding-top: 5px;
- }
- #permalink a {
- border:none;
- }
- .dateline {
- height:1px;
- margin-top:0px;
- margin-left:0px;
- background-color:{color:Border};
- z-index:-1;
- }
- .date {
- font-family:karla;
- letter-spacing:1px;
- font-size:8px;
- background-color:{color:Entries};
- color:{color:text};
- z-index:10;
- text-transform:uppercase;
- float:left;
- text-align:left;
- margin-top:-8px;
- margin-right:0px;
- margin-left:10px;
- padding-top:0px;
- padding-bottom:0;
- padding-left:5px;
- padding-right:5px;
- }
- .tags {
- background-color:{color:tagsbg};
- color:{color:tags};
- font-family:karla;
- letter-spacing:1px;
- font-size:8px;
- margin-top:8px;
- text-align:center;
- padding:4px;
- text-transform:uppercase;
- }
- .tags a{
- color:{color:tags};
- }
- icon1 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon1:before {
- content: "\f021";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon2 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon2:before {
- content: "\f0e5";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon3 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon3:before {
- content: "{text:link one symbol}";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon4 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon4:before {
- content: "{text:link two symbol}";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon5 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon5:before {
- content: "{text:link three symbol}";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon6 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon6:before {
- content: "\f100";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- icon7 {
- padding-left: 1.2em;
- list-style: none;
- }
- icon7:before {
- content: "\f101";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- #credit {
- font-size:9px;
- float:center;
- position:fixed;
- bottom:15px;
- right:15px;
- padding:10px;
- color:{color:text};
- }
- #credit a {
- color:{color:text};
- }
- cred {
- padding-left: 1.2em;
- list-style: none;
- }
- cred:before {
- content: "\f121";
- font-family: FontAwesome;
- display: inline-block;
- margin-left: -1.2em;
- width: 1.2em;
- }
- </style>
- </head>
- <body>
- <div id="contain">
- <div id="bloggerback">
- <div id="blogger">{text:blogger}</div>
- <div id="bloggerdeets">{description}
- <div id="boujee">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div id="backsidebar">
- <div id="photobar1"><img src="{image:Icon}"></div>
- <div id="navi">
- <div id="navigation">
- <a href="/" title="index"><icon1></icon1></a><br>
- <a href="/ask" title="message"><icon2></icon2></a><br>
- <a href="{text:link one url}" title="{text:link one hover}"><icon3></icon3></a><br>
- <a href="{text:link two url}" title="{text:link two hover}"><icon4></icon4></a><br>
- <a href="{text:link three url}" title="{text:link three hover}"><icon5></icon5></a>
- </div>
- </div></div>
- <div id="entries">
- {block:Posts}
- <div id="entry">
- {block:Text}
- <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="posttitles">{Quote}</div>
- {block:Source}<br>—{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="audioplayer">{AudioPlayerWhite} </div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
- <tehe>
- <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
- <br>
- <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
- <br>
- <b>CURRENTLY:</b> {PlayCountWithLabel}
- </tehe>
- {block:caption}{caption}{/block:caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="questionbox"><div class="askline"></div><div class="ask">{Asker} sent:</div></div> <div class="question">{Question}</div>
- {Answer}
- {/block:Answer}
- <div id="permalink">
- <div class="dateline"></div>
- <div class="date">
- {block:Date}{TimeAgo}{/block:Date} WITH <a href="{Permalink}">
- {NoteCountWithLabel}</a>
- —
- <a href="{ReblogURL}" target="_blank">Reblog</a>
- {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}</div>
- <div class="tags">{block:HasTags} tagged with: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- <!-- /div entry ---> </div>
- {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- <div id="credit"><cred> <a href="https://scftlcves.tumblr.com/">scftlcves</a></cred></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement