Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!----------------------------------------------------------------------
- THEME #14 /// BEAUTY SLEEP
- by WOLFTHEMES
- rules:
- 1. do not claim as your own
- 2. if you want to use any part
- of the code in your own theme
- please ask
- 3. don't remove the credit
- 4. enjoy :)
- Credit:
- dashboard captions - neothm.com & magnusthemes.tumblr.com
- resize - shythemes.tumblr.com
- pop up - odeysseus.tumblr.com
- -----------------------------------------------------------------------
- NOTE: If your header image is not landscape it will affect how the
- theme looks. if you want to change the width so it is smaller or push
- the image upwards more hit ctrl + f and find 'edit header'
- If your header changes and you want to move the icon title or thin line
- you cant hit ctrl + f and find the following sections to edit them:
- - edit title
- - edit icon
- - edit line under title
- - edit desc
- -----------------------------------------------------------------------
- NOTE: in order for the popup to show you must turn on "popup" and then
- you can turn off or on certain updates and events, etc.
- ----------------------------------------------------------------------->
- <html>
- <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}
- <meta name="image: icon" content=""/>
- <meta name="image: header" content=""/>
- <meta name="if:minicursors" content="">
- <meta name="if:description" content="">
- <meta name="if:caption" content=""/>
- <meta name="if:popup" content=""/>
- <meta name="if:watching" content="">
- <meta name="if:reading" content="">
- <meta name="if:writing" content="">
- <meta name="if:editing" content="">
- <meta name="if:update 1" content="">
- <meta name="if:update 2" content="">
- <meta name="if:update 3" content="">
- <meta name="if:update 4" content="">
- <meta name="color:background" content="#f9f9f9"/>
- <meta name="color:ask background" content="#efefef"/>
- <meta name="color:accent" content="#e4b7b9"/>
- <meta name="color:text" content="#b3b3b3"/>
- <meta name="color:link" content="#959595"/>
- <meta name="color:borders" content="#000000"/>
- <meta name="color:popup border" content="#aaaaaa"/>
- <meta name="select:post width" content="200" title="200px"/>
- <meta name="select:post width" content="225" title="225px"/>
- <meta name="select:post width" content="250" title="250px"/>
- <meta name="select:post width" content="275" title="275px"/>
- <meta name="select:post width" content="300" title="300px"/>
- <meta name="select:post width" content="325" title="325px"/>
- <meta name="select:post width" content="350" title="350px"/>
- <meta name="select:post width" content="375" title="375px"/>
- <meta name="select:post width" content="400" title="400px"/>
- <meta name="select:post width" content="425" title="425px"/>
- <meta name="select:post width" content="450" title="450px"/>
- <meta name="select:post width" content="475" title="475px"/>
- <meta name="select:post width" content="500" title="500px"/>
- <meta name="select:post width" content="540" title="540px"/>
- <meta name="text:photoset gutter" content="0"/>
- <meta name="text:font size" content="12px"/>
- <meta name="text:title" content="beauty sleep"/>
- <meta name="text:link 1" content="link"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="link"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:map title" content="map"/>
- <meta name="text:pop up text" content="put anything you want here"/>
- <meta name="text:pop up link 1 url" content="/"/>
- <meta name="text:pop up link 1" content="link"/>
- <meta name="text:pop up link 2 url" content="/"/>
- <meta name="text:pop up link 2" content="link"/>
- <meta name="text:pop up link 3 url" content="/"/>
- <meta name="text:pop up link 3" content="link"/>
- <meta name="text:pop up link 4 url" content="/"/>
- <meta name="text:pop up link 4" content="link"/>
- <meta name="text:update 1 date" content="feb 17"/>
- <meta name="text:update 1" content="beauty sleep released"/>
- <meta name="text:update 2 date" content="feb 14"/>
- <meta name="text:update 2" content="valentines day <3"/>
- <meta name="text:update 3 date" content="feb 10"/>
- <meta name="text:update 3" content="poli sci test"/>
- <meta name="text:update 4 date" content="feb 1"/>
- <meta name="text:update 4" content="first day of february"/>
- <meta name="text:watching" content="black lightning (s1). supergirl (s3). legends of tomorrow (s3). the flash (s5)."/>
- <meta name="text:reading" content="red queen. between the blade and the heart. three dark crowns. six of crows."/>
- <meta name="text:writing" content="fan fiction"/>
- <meta name="text:editing" content="female awesome meme. editorials. misc."/>
- <link href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:100,300,400,700,900|Lora:400,700|Muli:200,300,400,600,700,800,900|Nanum+Myeongjo:400,700,800|Open+Sans:300,400,600,700,800|Oxygen:300,400,700|Playfair+Display:400,700,900|Roboto:100,300,400,500,700,900" rel="stylesheet">
- <link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
- <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
- $(document).ready(function(){
- $('.click,.fade').click(function() {
- $('#pop').fadeToggle();
- });
- });
- </script>
- <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(){
- $('[title]').style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:700,
- attribute:'title'
- });
- });
- })(jQuery);
- </script>
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
- $('.caption').unnest({
- yourCaption: ".cap", //your caption selector, the div wrapping
- wrapName: ".rebloguser", //the name of the captions’ new wrapper
- newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
- tumblrAvatarClass: ".avatar", //class of the avatar next to the username
- usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
- });
- $('.caption').unnest({
- newCaptionUsername: true,
- tumblrAvatars: false,
- usernameColon: false
- });
- </script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{text:photoset gutter}px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </head>
- <style type="text/css">
- /*-------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- ::-webkit-scrollbar {
- background-color:{color:background}; /* background color */
- }
- ::-webkit-scrollbar-track {
- border:8px solid {color:background}; /* background color */
- background-color:rgb(230,230,230); /* light border color */
- }
- ::-webkit-scrollbar-thumb {
- border:8px solid {color:background}; /* background color */
- background-color:{color:accent}; /* dark border color */
- min-height:24px;
- min-width:24px;
- }
- /*-------------- TOOLTIP ----------------*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 6px 3px 6px;
- margin:20px 20px 10px 6px;
- font-family: 'Lato', sans-serif;
- font-size:calc({text:font size} - 3px);
- background: {color:background};color:#888;
- border: 1px solid #eee;
- border-radius: 5px;
- z-index:9999999;}
- ::selection {
- background: #eee; /* WebKit/Blink Browsers */
- color: #000;
- }
- ::-moz-selection {
- background: #eee; /* Gecko Browsers */
- color: #000;
- }
- /*-------------- BASIC HTML ----------------*/
- html {
- overflow-x:hidden;
- background: {color:background};
- {block:ifminicursor}cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;{/block:ifminicursor}
- }
- a:hover, img:hover {
- {block:ifminicursor}cursor: url(http://www.rw-designer.com/cursor-extern.php?id=77322), progress !important;{/block:ifminicursor}
- }
- body {
- font-size:{text:font size};
- color: {color:text};
- font-family: 'Muli', sans-serif;
- }
- hr {
- border: none;
- height: 1px;
- background: #eee;
- }
- a {
- text-decoration: none;
- color: #ccc;
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- a:hover, a:active, .links span:hover {
- color:{color:accent};
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- b {
- color: #000000;
- }
- blockquote {
- border-left: 1px solid #333;
- margin-right: 20px;
- padding-left: 10px;
- }
- /*------------------------------------------*/
- iframe.tmblr-iframe {
- z-index:2!important;
- top: 00px;
- right: 10px;
- opacity:0.2;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- transform:scale(0.45);
- transform-origin:100% 0;
- -webkit-transform:scale(0.45);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.45);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.45);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.45);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.2!important;
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;}
- /*------------------------------------------*/
- #frontpg {
- width: 100vw;
- height: 100vh;
- background:{color:background};
- z-index:9;
- }
- #frontpg .header {
- position: absolute;
- left: calc(50vw - 350px); /* edit header left/right position */
- top: calc(25vh); /* edit header top/bottom position */
- }
- #frontpg .header img {
- width: 700px; /* edit header width */
- height: auto; /* edit header height */
- }
- #frontpg .icon {
- z-index: 2;
- position: absolute;
- bottom: calc(20vh); /* edit icon top/bottom position */
- left: calc(50vw - 30px);/* edit icon left/right position */
- }
- #frontpg .icon img {
- width: 60px; /* edit icon width */
- height: 60px; /* edit icon height */
- border-radius: 100%;
- border: 3px solid {color:background};
- }
- #frontpg .title {
- text-align: center;
- width: 500px;
- position: absolute;
- bottom: 17vh; /* edit title top/bottom position */
- left: calc(50vw - 250px); /* edit title left/right position */
- font-style: italic;
- font-family: 'Lora', serif;
- font-weight:400;
- font-size: calc({text:font size} + 1px);
- }
- #frontpg .desc {
- text-align: center;
- width: 500px;
- position: absolute;
- bottom: 12vh; /* edit desc top/bottom position */
- left: calc(50vw - 250px); /* edit desc left/right position */
- font-family: 'Muli', sans-serif;
- font-weight:400;
- font-size: calc({text:font size} - 2px);
- }
- #frontpg .line {
- position: absolute;
- left: calc(50vw - 250px); /* edit line under title left/right position */
- bottom: 10vh; /* edit line under title top/bottom position */
- }
- .line {
- width: 500px;
- height: 1px;
- background:{color:accent};
- }
- #topbar {
- top: 0;
- left: calc(50vw - {select:post width}px);
- position: fixed;
- width:calc({select:post width}px*2);
- height: 36px;
- background:{color:background};
- z-index:8;
- }
- #topbar .icon img {
- width: 30px;
- height: 30px;
- position: absolute;
- left: 5px;
- border-radius: 100%;
- z-index:2;
- border: 3px solid {color:background};
- }
- #topbar .line {
- position: absolute;
- z-index:1;
- margin-top: 16px;
- left: 5px;
- width: calc(100% - 10px);
- }
- #topbar .title {
- z-index:2;
- text-align: left;
- max-width: 500px;
- position: absolute;
- left: 39px;
- margin-top: 9px;
- font-style: italic;
- font-family: 'Lora', serif;
- font-weight:400;
- font-size: calc({text:font size} - 2px);
- padding: 2px 5px;
- background:{color:background};
- }
- #topbar .links {
- position: absolute;
- z-index:2;
- right:5px;
- margin-top: 9px;
- }
- #topbar .links a {
- margin-left: 20px;
- font-family: 'Lora', serif;
- font-weight:400;
- font-size: calc({text:font size} - 2px);
- padding: 2px 5px;
- background:{color:background};
- }
- /*------------------------------------------*/
- #pagination {
- font-family: 'Lato', sans-serif;
- width: {select:post width}px;
- text-align: center;
- margin-bottom: 100px;
- margin-top: 100px;
- left: 0;
- word-spacing:10px;
- font-size: calc({text:font size} - 2px);
- }
- #pagination .current {
- color: {color:accent};
- }
- #pagination a {
- color:{color:link};
- }
- #pagination a:hover {
- color:{color:accent};
- }
- /*------------------------------------------*/
- #thecontainer {
- width:{select:post width}px;
- position:absolute;
- {block:IndexPage}top: 100vh;{/block:IndexPage}
- {block:PermalinkPage}top: 10vh;{/block:PermalinkPage}
- left: calc(50vw - ({select:post width}px/2));
- }
- .posts {
- width: {select:post width}px!important;
- font-size:{text:font size};
- color: {color:text};
- margin-top: 80px;
- }
- .posts .line {
- width:{select:post width}px;
- margin-top: 80px;
- }
- .posts:first-child {
- margin-top: 0;
- }
- .posts a {
- color: {color:accent};
- }
- .posts a:hover {
- color: {color:text};
- }
- /*------------------------------------------*/
- #captions {
- width: 100%;font-size:{text:font size};
- }
- .caption {
- margin-bottom: 10px;
- {block:ifCaption}display: block;{/block:IfCaption}
- {block:ifNotCaption}display:none;{/block:IfNotCaption}
- }
- .caption img, .cap img, #askcaption img {
- margin: 0;
- padding: 0;
- max-width: calc({select:post width}px - 20px);
- }
- .rebloguser {
- margin-bottom: 3px;
- margin-top: 15px;
- padding-top: 10px;
- }
- .rebloguser:first-child {
- border-top: 0px;
- padding-top: 10px;
- }
- .rebloguser a {
- font-family: 'Karla', sans-serif;
- font-weight: 400;
- font-size: 10px;
- padding: 3px 5px;
- background:{color:background};
- border: 1px solid {color:accent};
- color: {color:text};
- }
- .rebloguser a:hover {
- color: {color:accent};
- }
- img.avatar {
- display:none;
- height: 14px;
- width: 14px;
- border-radius: 100%;
- margin-left: 10px;
- margin-right: 3px;
- float: left;
- }
- /*------------------------------------------*/
- .date {
- position: absolute;
- text-transform:lowercase;
- left: 5px;
- padding: 3px 5px;
- font-size:calc({text:font size} - 2px);
- }
- .reblog {
- position: absolute;
- text-transform:lowercase;
- right: 5px;
- padding: 3px 5px;
- font-size:calc({text:font size} - 2px);
- }
- .tags {
- position: absolute;
- width: {select:post width}px;
- margin-top: 25px;
- font-size:calc({text:font size} - 2px);
- }
- .tags a {
- margin-right: 10px;
- }
- .postinfo {
- {block:PermalinkPage}
- font-size:calc({text:font size} - 2px);
- {/block:PermalinkPage}
- }
- /*------------------------------------------*/
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba(245,245,245,.80) !important;
- }
- .vignette, #vignette {
- opacity:0;
- }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;
- }
- /*------------------------------------------*/
- .posttitle {
- border: 1px solid #eee;
- color: #737373;
- padding: 10px;
- margin-bottom: 10px;
- background: {color:background};
- text-align: center;
- font-size: 13px;
- text-transform: capitalize;
- font-family: 'Lato', sans-serif;
- }
- /*------------------------------------------*/
- .question {
- padding: 10px 5px;
- color: {color:text};
- }
- .question b {
- font-family: 'Lato', sans-serif;
- }
- .question img {
- float:right;
- width: 24px;
- height: 24px;
- margin-top: 3px;
- margin-right: 15px;
- margin-left: 5px;
- border-radius: 10px;
- }
- .askbox {
- z-index:7;
- background:{color:ask background};
- padding: 10px 10px 10px 10px;
- width: calc({select:post width}px - 100px);
- border-radius: 5px;
- margin-right: 60px;
- }
- .ask, .quest {
- z-index:7;
- display:inline;
- }
- .ask {
- font-family: 'Lora', serif;
- z-index:5;
- margin-right: 5px;
- text-transform: lowercase;
- }
- .ask a {
- font-weight: 700px;
- color: {color:accent}!important;
- }
- .ask a:hover {
- color:#333!important;
- }
- #askcaption {
- margin-top: 10px;
- padding-top: 10px;
- }
- .answerer {
- font-family: 'Lora', serif;
- margin-left: 20px;
- }
- .answer img {
- width: 20px;
- float: left;
- height: 20px;
- position: absolute;
- left: 15px;
- border-radius: 5px;
- }
- .answ {
- background: {color:ask background};
- padding: 10px;
- margin: 15px 10px 10px 10px;
- border-radius: 5px;
- }
- /*------------------------------------------*/
- .quote {
- padding: 20px 20px;
- width: calc({select:post width}px - 80px);
- font-family: 'Oxygen', sans-serif;
- font-style: italic;
- text-align: justify;
- font-size:calc({text:font size} + 1px);
- border: 1px solid {color:accent};
- margin: 10px 20px 10px 20px;
- }
- /*------------------------------------------*/
- .chats ul li, .chats ol li {
- list-style-type: none!important;
- padding: 10px;
- background:#ddd;
- font-family: 'Lato', sans-serif;
- }
- .chats li:nth-of-type(2n) {
- background: transparent;
- }
- li .line {
- line-height: 2em;
- }
- /*------------------------------------------*/
- .audio {
- width: {select:post width}px;
- }
- .tumblr_audio_player {
- border-radius: 0 !important;
- width: {select:post width}px !important;
- }
- .spotify_audio_player {
- width: {select:post width}px;
- height: 80px !important;
- }
- /*------------------------------------------*/
- .click { cursor:help; } /* for question mark cursor on hover */
- #pop {
- width:100%;
- height:100%;
- top:0;left:0;
- position:fixed;
- z-index:999;
- background:rgba(255,255,255,.9); /* background of popup. adjust the .9 for the opacity of the background (1 will be solid white, .5 will be semi transparent, etc.) */
- display:none;
- }
- .fade {
- top:0;
- left:0;
- position:fixed;
- z-index:1000;
- width:100%;
- height:100%;
- }
- .popup {
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- position:fixed;
- padding:20px; /* padding of popup box */
- z-index:10000;
- max-width:600px; /* width of popup */
- background:#f9f9f9;
- }
- .maptitle {
- font-family: 'Lora', serif;
- font-weight: 400;
- font-size:calc({text:font size} + 4px);
- margin-bottom: 5px;
- }
- .maplinks {
- font-family: 'Lora', serif;
- font-weight: 400;
- font-size:calc({text:font size} - 2px);
- }
- .maplinks a{
- margin-right: 5px;
- }
- .maplinks a::after {
- content:';';
- }
- #pop .line {
- height: 1px;
- margin: 20px;
- width: 560px;
- }
- .updates {
- margin: 10px 50px;
- }
- .u1 {
- text-transform: lowercase;
- font-family: 'Lora', serif;
- font-weight: 700;
- text-align:right!important;
- }
- td.u1 {vertical-align:top;
- padding-right: 15px;border-right: 1px solid #eee;
- }
- td.u2 {vertical-align:top;
- padding-left: 15px;
- }
- .u2 {
- text-align: left;
- font-family: 'Muli', sans-serif;
- font-weight: 300;
- }
- .updates table {
- padding-bottom: 20px;
- margin-bottom: 20px;
- border-bottom: 1px solid #eee;
- }
- .popuptext {
- text-align: center;
- font-style:italic;
- }
- .currently {
- margin: 10px 50px;
- }
- td.event {
- font-family: 'Lora', serif;
- vertical-align:top;
- text-align: right;
- font-weight: 700;
- padding-right: 5px;border-right: 1px solid #eee;
- }
- td.currents {
- vertical-align:top;
- padding-left: 5px;
- font-family: 'Muli', sans-serif;
- font-weight: 300;
- }
- .currently table td {
- padding-bottom: 10px;
- }
- .permalinks {
- color: #999999;
- width: {select:post width}px;
- max-height: 500px;
- overflow-y:scroll;
- overflow-x:hidden;
- margin-bottom: 100px;
- }
- .permalinks ol li {
- list-style-type:none;
- margin:0;
- padding: 0;
- line-height: 3;
- }
- .permalinks li {
- margin-bottom: 15px;
- }
- .permalinks a {
- color: #333;
- }
- .permalinks a:hover {
- color: {color:accent}!important;
- }
- .permalinks img {
- height: 12px;
- width:12px;
- float:left;
- margin-top: 10px;
- margin-right: 10px;
- border-radius: 100%;
- }
- </style>
- <body>
- <div id="pop"> <div class="fade"></div>
- <div class="popup">
- <div class="maptitle">{text:map title}</div>
- <div class="maplinks">
- <a href="{text:pop up link 1 url}">{text:pop up link 1}</a>
- <a href="{text:pop up link 2 url}">{text:pop up link 2}</a>
- <a href="{text:pop up link 3 url}">{text:pop up link 3}</a>
- <a href="{text:pop up link 4 url}">{text:pop up link 4}</a>
- </div>
- <div class="line"></div>
- <div class="popuptext">{text:pop up text}</div>
- <div class="line"></div>
- <div class="updates"><table>
- {block:ifupdate1}<tr><td class="u1">{text:update 1 date}</td><td class="u2">{text:update 1}</td></tr>{/block:ifupdate1}
- {block:ifupdate2}<tr><td class="u1">{text:update 2 date}</td><td class="u2">{text:update 2}</td></tr>{/block:ifupdate1}
- {block:ifupdate3}<tr><td class="u1">{text:update 3 date}</td><td class="u2">{text:update 3}</td></tr>{/block:ifupdate1}
- {block:ifupdate4}<tr><td class="u1">{text:update 4 date}</td><td class="u2">{text:update 4}</td></tr>{/block:ifupdate1}
- </table></div>
- <div class="currently"><table>
- {block:ifwatching}<tr><td class="event">watching</td><td class="currents">{text:watching}</td></tr>{/block:ifwatching}
- {block:ifreading}<tr><td class="event">reading</td><td class="currents">{text:reading}</td></tr>{/block:ifreading}
- {block:ifwriting}<tr><td class="event">writing</td><td class="currents">{text:writing}</td></tr>{/block:ifwriting}
- {block:ifediting}<tr><td class="event">editing</td><td class="currents">{text:editing}</td></tr>{/block:ifediting}
- </table></div>
- </div>
- </div>
- {block:IndexPage}
- <div id="frontpg">
- <div class="header"><img src="{image: header}"></div>
- <div class="icon"><img src="{image: icon}"></div>
- <div class="title">{text:title}</div>
- {block:ifdescription}<div class="desc">{Description}</div>{/block:ifdescription}
- <div class="line"></div>
- </div>
- {/block:IndexPage}
- <div id="topbar">
- <div class="icon"><img src="{image: icon}"></div>
- <div class="title">{text:title}</div>
- <div class="line"></div>
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:ifpopup}<a class="click">map</a>{/block:ifpopup}
- <a href="{text:link 1 url}">{text:link 1}</a>
- <a href="{text:link 2 url}">{text:link 2}</a>
- </div>
- </div>
- <div id="thecontainer">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Text}
- {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <img style="width:{select:post width}px;" src="{PhotoURL-HighRes}">
- </a>{block:Photo}
- {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
- {block:Chat}{block:Title}<div class="posttitle">{Title}</div></a>{/block:Title}{/block:Chat}
- {block:Video}<div class="video">{Video-500}</div>{block:Video}
- {block:Audio}<div class="audio spotify_audio_player">{AudioEmbed}</div>{/block:Audio}
- {block:Link}<div class="posttitle"><a href="{URL}">{Name}</a></div>{/block:Link}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {/block:Quote}
- <div id="captions">
- {block:Answer}
- <div class="question"><img src="{AskerPortraitURL-24}"><div class="askbox"><div class="ask"> {Asker} asked:</div><div class="quest">{Question}</div></div>
- <div id="askcaption">
- <div class="answer"><img src="{AnswererPortraitURL-24}"> {block:Answerer}<div class="answerer">{Answerer} said:</div> {/block:Answerer}<div class="answ">{Answer}</div></div></div></div>
- {/block:Answer}
- {block:Text}<div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Text}
- {block:Photo}
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Photo}
- {block:Photoset}
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Photoset}
- {block:Video}
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Video}
- {block:Audio}
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
- {/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Audio}
- {block:Quote}
- <div class="caption">
- {block:Reblogs}
- <div class="sourceq">{Source}</div>
- {/block:Reblogs}
- {block:NotReblog}
- <div class="sourceq">{Source}</div>
- {/block:NotReblog}</div>
- {/block:Quote}
- {block:Link}{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}<div class="chats">{block:Lines}<li class="lines">{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}</div>{/block:Chat}
- </div>
- <div class="postinfo">
- {block:IndexPage}
- {block:Date}<div class="date"><a href="{Permalink}" title="{NoteCountWithLabel}">{ShortMonth} {DayOfMonthWithZero}</a></div>{/block:Date}
- <!----{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}"></a>{/block:ContentSource}
- {block:RebloggedFrom}<div class="reblgfrm"><a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a></div>{/block:RebloggedFrom}---->
- <div class="reblog"><a href="{ReblogURL}" title="reblog">reblog.</a>
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag}</a>{/block:Tags}
- </div>{/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="data">{block:Date}{Month} {DayOfMonthWithZero} {Year}.{/block:Date}</div>
- {block:NoteCount}<div> {NoteCountWithLabel} </div>{/block:NoteCount}
- {block:ContentSource}via <a href="{SourceURL}" title="">{SourceTitle}</a>{/block:ContentSource}
- {block:RebloggedFrom}<div class="reblgfrm">from <a href="{ReblogParentURL}">{ReblogParentName}</a></div>{/block:RebloggedFrom}
- {block:HasTags}
- <div class="tags">
- tagged; {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag}</a>{/block:Tags}
- </div>{/block:HasTags}
- {/block:PermalinkPage}
- </div>
- <div class="line"></div>
- </div>
- {/block:Posts}
- <div id="pagination">
- {block:IndexPage}
- {block:Pagination}
- {block:PreviousPage}
- <a class="prev" href="{PreviousPage}" title="back">back</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump" href="{URL}" title="page {PageNumber}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}
- <a class="next" href="{NextPage}" title="next">next</a>
- {/block:NextPage}
- {/block:Pagination}{/block:IndexPage}
- </div>
- </div>
- <!---------------DONT TOUCH PLS------------------->
- <a href="http://wolfthemes.tumblr.com" style="position:fixed; bottom:10px; right:10px; font-size:10px;" title="wolfthemes">wolf</a>
- <!------------------------------------------------>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment