Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
- <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:400
- }
- );
- });
- })(jQuery);
- </script>
- <head><title>{Title}</title>
- <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
- <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
- <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:Background" content=""/>
- <meta name="image:Container" content=""/>
- <meta name="image:Popup SB" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Cover" content=""/>
- <meta name="if:Popup" content="0"/>
- <meta name="if:Dotbg" content="0"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:PostBG" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Post Links" content="#000000"/>
- <meta name="color:Hover" content="#000000"/>
- <meta name="color:Links" content="#000000"/>
- <meta name="color:Linksbg" content="#000000"/>
- <meta name="color:Border" content="#000000"/>
- <meta name="color:Accent" content="#ffffff"/>
- <meta name="color:Blockquote" content="#000000"/>
- <meta name="color:descbg" content="#000000"/>
- <meta name="color:desctext" content="#eeeeee"/>
- <meta name="color:container" content="#ffffff"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 1 Title" content="Return"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2 Title" content="Questions"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 3 Title" content="Navigate"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4 Title" content="Codes"/>
- <meta name="text:Title1" content="lorem ipsum"/>
- <meta name="text:PopupMainTitle" content="Lorem ipsum"/>
- <meta name="text:PopupSBTitle" content="Lorem ipsum"/>
- <meta name="text:Popup URL 1" content="/"/>
- <meta name="text:Popup Link Name 1" content="Lorem"/>
- <meta name="text:Popup URL 2" content="/"/>
- <meta name="text:Popup Link Name 2" content="Lorem"/>
- <meta name="text:Popup URL 3" content="/"/>
- <meta name="text:Popup Link Name 3" content="Lorem"/>
- <meta name="text:Popup URL 4" content="/"/>
- <meta name="text:Popup Link Name 4" content="Lorem"/>
- <meta name="text:Popup URL 5" content="/"/>
- <meta name="text:Popup Link Name 5" content="Lorem"/>
- <meta name="text:Popup URL 6" content="/"/>
- <meta name="text:Popup Link Name 6" content="Lorem"/>
- <meta name="text:Popup URL 7" content="/"/>
- <meta name="text:Popup Link Name 7" content="Lorem"/>
- <meta name="text:Popup URL 8" content="/"/>
- <meta name="text:Popup Link Name 8" content="Lorem"/>
- <meta name="text:Popup URL 9" content="/"/>
- <meta name="text:Popup Link Name 9" content="Lorem"/>
- <meta name="text:Popup URL 10" content="/"/>
- <meta name="text:Popup Link Name 10" content="Lorem"/>
- <meta name="text:Popup Desc" content="Lorem ipsum dolor sit amet"/>
- <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700&display=swap" rel="stylesheet">
- <style type="text/css">
- @font-face { font-family: "pistilli"; src: url('https://dl.dropboxusercontent.com/s/ebmesxab9u6pf0d/Pistilli-Roman.otf'); ;}
- #s-m-t-tooltip {
- max-width:100px;
- margin-left:10px;
- margin-top:10px;
- padding:3px;
- padding-bottom:2px;
- background: {color:postbg};
- border:1px solid {color:text};
- font-family: 'work sans';
- font-size:9px;
- letter-spacing:0px;
- border-radius:3px;
- text-transform:uppercase;
- color:{color:text};
- text-shadow: 1px 1px 0px rgba(255,255,255,.3);
- z-index:799999999999999999999999999999999999; }
- a:hover{
- cursor:pointer;
- }
- blockquote {
- font-size:9px;
- font-family: 'work sans';
- margin-left:0px;
- margin-right:0px;
- border-left:2px solid{color:blockquote};
- text-align:left;
- padding:1px;
- line-height:10px;
- padding-left:7px;
- font-weight:normal;
- text-align:justify;
- color:{color:text};
- background-color:{color:postbg};
- }
- blockquote a{
- color:{color:hover};
- }
- blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
- background-color:{color:postbg};
- color:{color:text};
- }
- .entries blockquote img {
- max-width:100%;
- height:auto;
- margin-left: 0px;
- }
- #max > blockquote {
- margin: 0; padding: 0;
- }
- blockquote blockquote img{
- max-width:100%;
- right:0px;
- }
- blockquote blockquote blockquote img{
- max-width:100%;
- }
- blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
- font-size:8px;
- font-family: 'work sans';
- margin-left:5px;
- margin-right:5px;
- letter-spacing:0px;
- border-left:4px solid{color:blockquote};
- text-align:left;
- padding:5px;
- padding-left:5px;
- font-weight:normal;
- color:{color:text};
- background-color:{color:postbg};
- }
- small, sub, sup{
- font-size:8px;
- }
- code {
- font-size:9px;
- font-family: 'work sans';
- text-transform:none;
- }
- b, bold, strong{
- color:{color:post links};
- font-weight:bold;
- }
- i{
- color:{color:hover};
- }
- hr{
- border:none;
- border-top:dashed 1px {color:text};
- }
- pre {
- font-family: 'work sans';
- text-align:center;
- font-size:10px;
- max-width:320px;
- padding:10px ;
- color:{color:text};
- background:{color:postbg};
- }
- h1{
- font-family: 'pistilli';
- font-size:25px;
- text-align:center;
- text-transform:uppercase;
- padding-bottom:3px;
- padding-top:10px;
- color:{color:blockquote};
- }
- h1 sub, h1 bold, h1 italic, h2 small, h2 sub, h2 sup{
- font-size:20px;
- color:{color:blockquote};
- }
- h2{
- text-shadow: 1px 1px 0px {color:hover};
- margin-top:5px;
- color:{color:text};
- margin-bottom:5px;
- text-transform:uppercase;
- font-family:'pistilli';
- font-size:20px;
- text-align:center;
- }
- h3{
- color:{color:text};
- letter-spacing:2px;
- font-size:30px;
- text-transform:uppercase;
- font-weight:bold;
- text-align:right;
- }
- h4{
- color:{color:text};
- letter-spacing:2px;
- font-size:10px;
- text-transform:uppercase;
- font-weight:bold;
- text-align:left;
- }
- /*GENERAL*/
- a {
- color:{color:Background};
- color:{color:post links};
- text-decoration:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- a:hover {
- color:{color:Hover};
- text-decoration:underline;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- /*GENERAL*/
- body {
- font-family:'work sans';
- font-size:9px;
- letter-spacing:1px;
- background-color:{color:background};
- background-image:url('{image:background}') ;
- }
- a {
- color:{color:post links};
- text-decoration:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- a:hover {
- color:{color:Hover};
- text-decoration:underline;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- /*END GENERAL*/
- /*Acco*/
- /*SIDEBAR*/
- .links {
- position:fixed;
- display:block;
- top:50%;
- left:50%;
- margin-top:-285px;
- margin-left:408px;
- width:30px;
- height:70px;
- overflow:visible;
- line-height:0px;
- text-align:center;
- z-index:9999999999999999999999999999999999999999999999999999999;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out
- }
- .links a{
- display:block;
- width:30px;
- height:10px;
- padding-left:2px;
- padding-right:8px;
- padding-bottom:11px;
- padding-top:18px;
- margin-top:30px;
- line-height:0px;
- font-family:'montserrat';
- font-size:15px;
- text-decoration:none;
- font-style:italic;
- text-transform:uppercase;
- text-align:center;
- color:transparent;
- font-style:italic;
- border-radius:100%;
- background:{color:linksbg};
- border:2px solid {color:container};
- text-shadow: 2px 2px 0px {color:links};
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: {color:border};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .links a:hover{
- color:{color:hover};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .title{
- position:relative;
- width:700px;
- height:17px;
- margin-left:60px;
- margin-top:45px;
- z-index:79999999;
- }
- .title span{
- letter-spacing:-10px;
- font-size:80px;
- margin-top:74px;
- margin-left:-40px;
- text-align:left;
- line-height:0px;
- color:transparent;
- font-family:pistilli;
- font-style:italic;
- text-shadow: 4px 4px 0px {color:links};
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: {color:accent};
- }
- .title p{
- position:fixed;
- color:{color:linksbg};
- padding-top:2px;
- padding-left:5px;
- padding-right:5px;
- padding-bottom:3px;
- height:auto;
- margin-top:-70px;
- margin-left:70px;
- width:180px;
- font-size:10px;
- font-weight:bold;
- text-align:left;
- text-transform:uppercase;
- font-family:work sans;
- -webkit-transition-duration: 0.5s;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .header{
- height:250px;
- width:980px;
- position:relative;
- overflow:hidden;
- background:{color:border};
- margin-top:-180px;
- margin-left:-100px;
- z-index:-9;
- -moz-transform: rotate(355deg);
- -webkit-transform: rotate(355deg);
- -o-transform: rotate(355deg);
- -ms-transform: rotate(355deg);
- transform: rotate(355deg);
- }
- .png{
- width:380px;
- height:560px;
- position:fixed;
- background:url('{image:sidebar}');
- margin-top:40px;
- margin-left:470px;
- }
- .t2{
- position:fixed;
- left:50%;
- top:50%;
- width:330px;
- margin-left:80px;
- margin-top:-220px;
- font-size:40px;
- font-family:pistilli;
- -moz-transform: rotate(356deg);
- -webkit-transform: rotate(356deg);
- -o-transform: rotate(356deg);
- -ms-transform: rotate(356deg);
- transform: rotate(356deg);
- }
- .desc{
- position:fixed;
- width:270px;
- height:150px;
- text-align:justify;
- overflow:auto;
- margin-left:490px;
- margin-top:370px;
- background:{color:descbg};
- border:20px solid {color:descbg};
- color:{color:desctext};
- padding-top:0px;
- }
- .desc p{
- line-height:17px;
- margin-top:-4px;
- }
- .pagination{
- position:relative;
- width:400px;
- height:10px;
- margin-top:40px;
- margin-bottom:40px;
- z-index:7;
- text-align:center;
- background-color:transparent;
- font-weight:bold;
- }
- .pagination a{
- color:{color:links};
- padding-left:10px;
- padding-right:10px;
- padding-top:2px;
- padding-bottom:2px;
- width:80px;
- background:{color:linksbg};
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .pagination a:hover{
- text-decoration:none;
- color:{color:hover};
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- /*END SIDEBAR*/
- /*POSTS*/
- #c{
- height:600px;
- width:850px;
- top:50%;
- left:50%;
- margin-top:-300px;
- z-index:0;
- position:fixed;
- margin-left:-415px;
- overflow:auto;
- color:{color:text};
- overflow-x: hidden;
- }
- .container{
- position:fixed;
- left:50%;
- top:50%;
- margin-top:-300px;
- margin-left:-415px;
- height:600px;
- width:850px;
- z-index:-9;
- overflow:hidden;
- background:{color:container};
- background-image:url('{image:container}');
- }
- .container h12, .prepng h12{
- position:absolute;
- z-index:-9;
- font-size:20px;
- letter-spacing:20px;
- line-height:25px;
- color:transparent;
- font-family:pistilli;
- text-shadow: 1px 1px 0px {color:links};
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: {color:linksbg};
- }
- .prepng h12{
- margin-top:-100px;
- z-index:-9;
- background:{color:container};
- }
- .posts {
- width:360px;
- margin-left:40px;
- font-family: 'work sans';
- color:{color:text};
- font-weight:normal;
- }
- .posts p{
- }
- .posts a{
- color:{color:post links};
- }
- .entries {
- width:360px;
- padding:20px;
- padding-top:20px;
- font-weight:normal;
- color:{color:text};
- background-color:{color:postbg};
- font-family: 'work sans';
- margin-bottom:20px;
- -webkit-transition-property: top, bottom;
- -webkit-transition-duration: 0.5s;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .info {
- padding:20px;
- padding-bottom:0px;
- padding-top:20px;
- margin-left:-20px;
- margin-top:-21px;
- text-align:right;
- font-family: 'work sans';
- width:360px;
- border-bottom:none;
- line-height:10px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:{color:post links};
- background-color:{color:postbg};
- margin-bottom:10px;
- -webkit-transition-property: top, bottom;
- -webkit-transition-duration: 0.5s;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .info i{
- margin-top:4px;
- color:{color:postbg};
- position:absolute;
- }
- .info i:hover{
- cursor:pointer;
- }
- .info a {
- color:{color:post links};
- -webkit-transition-property: top, bottom;
- -webkit-transition-duration: 0.5s;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .info a:hover {
- color:{color:hover};
- -webkit-transition-property: top, bottom;
- -webkit-transition-duration: 0.5s;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .noties{
- margin-top:-10px;
- text-align:right;
- }
- .tags{
- padding:20px;
- margin-left:-20px;
- margin-bottom:-31px;
- font-family: 'work sans';
- width:360px;
- padding-top:10px;
- line-height:15px;
- font-style:italic;
- color:{color:post links};
- background-color:{color:postbg};
- text-shadow: 1px 1px 0px rgba(255,255,255,.2);
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .tags a {
- display:inline-block;
- margin-right:5px;
- margin-top:0px;
- color:{color:post 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;
- transition:all 0.5s ease-in-out;
- }
- .tags a:hover{
- color:{color:hover};
- }
- .post_title {
- display:block;
- padding:2px;
- text-align:center;
- font-size:25px;
- letter-spacing:0px;
- font-family: 'pistilli';
- color:{color:links};
- }
- .post_title a{
- color:{color:links};
- }
- .text {
- display:block;
- padding:5px;
- text-align:justify;
- color:{color:Text};
- }
- .photo{
- padding-top:10px;
- margin-left:2px;}
- .photo img {
- display:block;
- max-width:350px;
- margin-left:-2px;
- }
- .photoset{
- width:100%;
- margin-left:1px;
- padding-top:6px;
- }
- .posts img{
- max-width:360px;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .posts img:hover{
- -webkit-filter: grayscale(1);
- filter: grayscale(1);
- }
- .video {
- width:345px;
- margin-left:-52px;
- }
- .video iframe {
- width:345px;}
- .posts p{
- color:{color:text};
- }
- .quote {
- display:block;
- padding:10px;
- text-align:center;
- font-size:15px;
- letter-spacing:0px;
- font-family:'pistilli';
- color:{color:text};}
- .source {
- display:block;
- padding:5px;
- text-align:center;
- font-size:9px;
- }
- .chat li {
- display:block;
- padding:5px;
- color:{color:text};}
- .audio{
- width:100%-30px;
- border-radius:4px;
- margin-top:20px;
- height:55px;
- background:#f2f2f2;padding:20px;
- }
- .audioimg img {
- width:40px;
- height:40px;
- margin-left:270px;
- border-radius:30px;
- padding:4px;
- border:1px solid {color:border};
- color:{color:text};
- font-family: 'work sans';
- text-align:center;
- text-transform:uppercase;}
- .audioinfo {
- margin-top:-20px;
- margin-left:50px;
- max-width:200px;
- overflow:scroll;
- color:{color:Text};}
- .audioplayer{
- height:30px;
- width:30px;
- margin-top:-40px;
- margin-left:5px;
- font-size:15px;
- overflow:hidden;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .audioimg:hover .audioplayer{
- opacity:1
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- #ask{
- font-family:'work sans';
- width:340px;
- margin-left:5px;
- color:{color:text};
- font-family:'work sans';
- font-size:9px;
- }
- .question{
- width:300px;
- color:{color:text};
- padding:1px;
- letter-spacing:0px;
- line-height:10px;
- margin-left:50px;
- font-family:'work sans';
- font-size:9px;
- }
- .question b, .question a{
- font-size:15px;
- line-height:0px;
- padding-bottom:0px;
- z-index:9;
- font-style:italic;
- border-bottom:{color:text} 7px solid;
- color:{color:post links};
- }
- .question img{
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- padding:3px;
- margin-left:-35px;
- margin-top:12px;
- border:1px solid {color:border};
- }
- .answer{
- margin-top:20px;
- text-transform:none;
- color:{color:text};
- }
- /*END POSTS*/
- /*scrollbar*/
- ::-webkit-scrollbar {
- height:0px;
- width:0px;
- background-color:{color:border};}
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:accent};}
- .notes {
- font-family:'work sans';
- text-align:center;
- text-transform:uppercase;
- font-size:8px;
- width:350px;
- margin-left:-30px;
- margin-top:20px;
- color:{color:border};
- }
- .notes li{
- list-style-type:none;
- padding:5px;
- }
- .notes img {
- opacity:0;
- display:none;
- }
- .notes a{
- color:{color:post links};
- }
- #credit {
- position:fixed;
- font-family:'work sans';
- color:{color:Border};
- text-transform:uppercase;
- font-weight:bold;
- font-size:11px;
- width:10px;
- height:10px;
- right:5px;
- bottom:5px;
- padding:5px;
- opacity:1;
- letter-spacing:4px;
- }
- /*POP UP*/
- .modal{
- position:fixed;
- left:50%;
- top:50%;
- margin-left:250px;
- margin-top:272px;
- width:10px;
- z-index:9;
- }
- .modalbutton{
- margin-left:0px;
- margin-top:0px;
- text-shadow:none;
- text-decoration:none;
- text-transform:uppercase;
- }
- .modalbutton a{
- z-index:-9;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .modalbutton span{
- min-width:10px;
- height:0px;
- margin-right:17px;
- margin-left:3px;
- margin-bottom:10px;
- margin-top:0px;
- line-height:0px;
- font-family:'montserrat';
- font-size:50px;
- letter-spacing:-2px;
- text-decoration:none;
- font-weight:bold;
- font-style:italic;
- text-transform:uppercase;
- color:{color:links};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;}
- .modalbutton p{
- color:{color:linksbg};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;}
- .modalbutton a:hover {
- color:{color:Hover};
- text-decoration:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .modalbutton span:hover{
- color:{color:Hover};
- text-decoration:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .modalDialog {
- position: fixed;
- font-family: work sans;
- top:50%;
- margin-top:-300px ;
- left: 50%;
- height:550px;
- width:810px;
- margin-left:-415px;
- padding:20px;
- border-top:10px solid {color:container};
- background-color: {color:container};
- opacity:0;
- -webkit-transition: opacity 400ms ease-in;
- -moz-transition: opacity 400ms ease-in;
- transition: opacity 400ms ease-in;
- pointer-events:none;
- }
- .modalDialog:target {
- opacity:1;
- pointer-events: auto;
- }
- .modalDialog > div {
- width: 740px;
- height:450px;
- position: relative;
- border-radius:14px;
- padding: 5px 10px 13px 10px;
- background-color: {color:container};
- }
- .close {
- color: {color:text};
- line-height: 25px;
- position: absolute;
- right:-40px;
- margin-top:-20px;
- text-align: center;
- font-weight: bold;
- font-size:10px;
- }
- .close:hover {
- color: {color:border};
- }
- .pdesc{
- position:fixed;
- background:{color:descbg};
- color:{color:desctext};
- border:20px solid {color:descbg};
- width:312px;
- height:40px;
- margin-top:310px;
- text-align:justify;
- margin-left:390px;
- overflow:auto;
- }
- .ppng{
- position:fixed;
- width:340px;
- height:200px;
- margin-left:390px;
- margin-top:110px;
- background:url('{image:popup sb}');
- }
- .ppngt{
- position:fixed;
- margin-left:636px;
- margin-top:204px;
- background-color:{color:border};
- height:12px;
- font-size:8px;
- width:200px;
- font-weight:bold;
- text-align:center;
- z-index:0;
- text-transform:uppercase;
- -moz-transform: rotate(90deg);
- -webkit-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- .ppngt p{
- margin-top:1px;
- }
- .pu{
- position:fixed;
- margin-left:40px;
- margin-top:80px;
- width:330px;
- height: 250px;
- overflow:scroll;
- text-align:justify;
- border:20px solid {color:container};
- height:170px;
- }
- .puim{
- position:fixed;
- width:770px;
- height:60px;
- margin-left:10px;
- margin-top:20px;
- letter-spacing:-1px;
- text-transform:uppercase;
- font-family:'pistilli';
- color:{color:border};
- font-size:50px;
- text-align:center;
- }
- .puim p{
- margin-top:-10px;
- }
- .cvv{
- position:fixed;
- width:350px;
- margin-left:10px;
- height:290px;
- padding:20px;
- padding-top:0px;
- padding-bottom:0px;
- margin-top:118px;
- overflow:auto;
- }
- .cvv h6{
- font-size:15px;
- color:{color:postbg};
- font-family:'pistilli';
- text-shadow: 0px 1px 0px {color:post links};
- text-align:center;
- line-height:3px;
- margin-top:10px;
- border-left:12px solid transparent;
- margin-bottom:20px;
- letter-spacing:-1px;
- font-style:italic;
- }
- .cvv h5{
- margin-left:20px;
- margin-top:360px;
- font-size:8px;
- color:{color:post links};
- font-family:'work sans';
- text-align:center;
- text-transform:uppercase;
- font-style:italic;
- }
- .cvv a{
- display:inline-block;
- padding-left: 25px;
- padding-top:0px;
- padding-bottom:25px;
- padding-right:0px;
- }
- .cvv img{
- width:80px;
- height:80px;}
- .puplinks{
- position:fixed;
- display:inline-block;
- margin-top:435px;
- margin-left:0px;
- width:750px;
- height:70px;
- padding-bottom:2px;
- overflow:visible;
- line-height:0px;
- text-align:center;
- border-left:20px solid transparent;
- z-index:79999999999;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out
- }
- .puplinks a{
- display:inline-block;
- width:50px;
- height:60px;
- padding:7px;
- font-weight:bold;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- margin-left:10px;
- margin-top:0px;
- font-size:8px;
- margin-bottom:30px;
- color:{color:links};
- }
- .puplinks a:hover{
- text-decoration:none;
- color:{color:hover};
- }
- .puplinks span{
- display:inline-block;
- font-family:pistilli;
- color:{color:links bg};
- font-weight:bold;
- font-size:35px;
- text-align:center;
- line-height:54px;
- letter-spacing:-4px;
- }
- .foot{
- background:{color:border};
- width:600px;
- height:110px;
- margin-left:-30px;
- margin-top:-145px;
- z-index:9;
- -moz-transform: rotate(8deg);
- -webkit-transform: rotate(8deg);
- -o-transform: rotate(8deg);
- -ms-transform: rotate(8deg);
- transform: rotate(8deg);
- z-index:9;
- }
- .head{
- background:{color:border};
- width:470px;
- height:100px;
- margin-left:450px;
- z-index:-9;
- margin-top:-25px;
- -moz-transform: rotate(350deg);
- -webkit-transform: rotate(350deg);
- -o-transform: rotate(350deg);
- -ms-transform: rotate(350deg);
- transform: rotate(350deg);
- z-index:9;
- }
- .prelude{
- width:1000px;
- height:140px;
- background:{color:border};
- margin-top:-65px;
- margin-bottom:45px;
- z-index:9;
- }
- .prepng{
- width:850px;
- height:440px;
- margin-top:00px;
- z-index:-9;
- }
- /*END SCROLLBAR*/
- </style>
- </ul>
- </head>
- <body>
- <div class="container">
- {block:ifdotbg}
- <h12>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- </h12>
- {/block:ifdotbg}
- <div class="sb"></div>
- <div class="png"></div>
- <div class="t2">{text:title1}</div>
- <div id="sidebar">
- </div>
- </div>
- <div class="links">
- <a href="{text:link 1 URL}"><span title="{text:link 1 Title}" >.01</span></a>
- <a href="{text:link 2 URL}"><span title="{text:link 2 Title}">.02</span></a>
- <a href="{text:link 3 URL}"><span title="{text:link 3 Title}">.03</span></a>
- <a href="{text:link 4 URL}"><span title="{text:link 4 Title}">.04</span></a></div>
- <!--SIDEBAR-->
- <div id="c">
- <div class="prepng"><img src="{image:cover}" style="position:absolute; z-index:0; margin-top:8px;"/>{block:ifdotbg}
- <h12 style="z-index:-1">
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................<br>.......................................<br>
- ......................................
- </h12>
- {/block:ifdotbg}
- </div>
- <div class="head" ></div>
- <div class="foot"><div class="title"><span>{title}</span></div> </div>
- <div class="prelude"></div>
- <div id="cover" style="height:0px">
- <div class="posts">
- {block:Posts}
- <div class="entries">
- <div class="info">
- <div class="timego" style="text-align:left; margin-top:0px;">
- <a href="{Permalink}" title="{12Hour}:{Minutes}"><span class="th th-clock-o"></span></a></div>
- <div class="noterb" style="margin-top:-10px">
- <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank" class="details"><span class="th th-reblog"></span></a></a></div></div>
- {block:Text}
- {block:Title}<div class="post_title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- <!--END TEXT POSTS-->
- <!--PHOTO POSTS-->
- {block:Photo}
- <div class="photo"><center><img src="{PhotoURL-HighRES}"/></center></div>
- <div class="text">{Caption}</div>
- {/block:Photo}
- <!--END PHOTO POSTS-->
- <!--PHOTOSET POSTS-->
- {block:Photoset}
- <center><div class="photoset">{Photoset}</div></center>
- <div class="text">{Caption}</div>
- {/block:Photoset}
- <!--END PHOTOSET POSTS-->
- <!--QUOTE POSTS-->
- {block:Quote}
- <div class="quote">❝{Quote}❞ </div>
- {/block:Quote}
- <!--END QUOTE POSTS-->
- <!--LINK POSTS-->
- {block:Link}
- <div class="post_title"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- <!--END LINK POSTS-->
- <!--CHAT POSTS-->
- {block:Chat}
- {block:Title}<div class="post_title">{Title}</div>{/block:Title}
- <div class="chat">
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!--END CHAT POSTS-->
- <!--AUDIO POSTS-->
- {block:Audio}
- <div class="audio"> {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/><div class="audioplayer">{AudioPlayerWhite}</div></div>{/block:AlbumArt}
- <div class="audioinfo">
- {block:TrackName}<b>Now Playing</b> {TrackName}{/block:TrackName}{block:Artist} <b>by</b> {Artist}{/block:Artist}<br></div>
- </div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- <!--END AUDIO POSTS-->
- <!--VIDEO POSTS-->
- {block:Video}
- <center><div class="video">{Video-400}</div></center>
- <div class="text">{Caption}</div>
- {/block:Video}
- <!--END VIDEO POSTS-->
- <!--ANSWER POSTS-->
- {block:Answer}
- <div id="ask">
- <div class="question">
- <img src="{AskerPortraitURL-40}"/><p style="margin-top:-25px;"><b>{Asker}:</b> {Question}</p></div>
- <div class="answer">
- {Answer}</div></div>
- {/block:answer}
- <!--END ANSWER POSTS-->
- {block:HasTags}
- <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
- {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
- {/block:Posts}<div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">BACK /</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}</div>
- </div>
- {/block:PermalinkPage}
- </div>
- </div>
- </div>
- </div> </div>
- </div>
- <div id="credit">
- <a href="http://etcrnities.tumblr.com" title="etcrnities"><span class="th th-bee-o"></span></a>
- </div>
- </div>
- </div>
- <!--END POSTS-->
- {block:ifpopup}
- <div class="modal">
- <div class="modalbutton">
- <a href="#openModal" title="muses"><span title="Popup"> more!</span></a></div>
- <div class="modalbox">
- <div id="openModal" class="modalDialog">
- <div> <a href="#close" title="Close" class="close">x</a>
- <div class="pu">{text:popup}</div>
- <div class="puim"><p>{text:PopupMainTitle}</p></div>
- <div class="cvv">
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <a class="icon" title="musename"><img src="https://66.media.tumblr.com/5f11ab38e1f0bfd4b9508c575321efb5/31420c832a3a3f08-33/s540x810/6db392f56f4942575e36b29af71206141abc6120.png" style="height:70px; width:70px;"/>
- <!--paste new muses here-->
- </div>
- <div class="puplinks">
- <!--before acceptance nav links-->
- <a href="{text:Popup URL 1}"><span>01.</span>{text:popup link name 1}</a>
- <a href="{text:Popup URL 2}"><span>02.</span>{text:popup link name 2}</a>
- <a href="{text:Popup URL 3}"><span>03.</span>{text:popup link name 3}</a>
- <a href="{text:Popup URL 4}"><span>04.</span>{text:popup link name 4}</a>
- <a href="{text:Popup URL 5}"><span>05.</span>{text:popup link name 5}</a>
- <a href="{text:Popup URL 6}"><span>06.</span>{text:popup link name 6}</a>
- <a href="{text:Popup URL 7}"><span>07.</span>{text:popup link name 7}</a>
- <a href="{text:Popup URL 8}"><span>08.</span>{text:popup link name 8}</a>
- <a href="{text:Popup URL 9}"><span>09.</span>{text:popup link name 9}</a>
- <a href="{text:Popup URL 10}"><span>10.</span>{text:popup link name 10}</a>
- </div>
- <div class="pdesc">{text:popup desc}</div>
- <div class="ppng"></div>
- <div class="ppngt"><p>{text:popupsbtitle}</P></div>
- {/block:ifpopup}
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement