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="templates/clean/template.css" type="text/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:PNG" content=""/>
- <meta name="image:Popup PNG" content=""/>
- <meta name="image:Icon1" content=""/>
- <meta name="image:Icon2" content=""/>
- <meta name="if:SidebarIcons" content="1"/>
- <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="Home"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2 Title" content="Ask"/>
- <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="Link"/>
- <meta name="text:Title1" content="lorem ipsum"/>
- <meta name="text:Mini Title" content="lorem ipsum"/>
- <meta name="text:Popup Title" content="Lorem ipsum"/>
- <meta name="text:Popup Quote" content="/"/>
- <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"/>
- <!--after-->
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Playfair+Display:900i&display=swap" rel="stylesheet">
- <style type="text/css">
- #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: 'poppins';
- 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:999999999999999999999999999999999999; }
- a:hover{
- cursor:pointer;
- }
- blockquote {
- font-size:9px;
- font-family: 'poppins';
- margin-left:5px;
- margin-right:7px;
- border-left:4px solid{color:blockquote};
- text-align:left;
- padding:2px;
- padding-left:7px;
- font-weight:normal;
- text-align:justify;
- color:{color:text};
- background-color:{color:postbg};
- }
- blockquote a{
- color:{color:hover};
- }
- .entries blockquote img {
- max-width:100%;
- height:auto;
- margin-left: 20px;
- }
- #max > blockquote {
- margin: 0; padding: 0;
- }
- blockquote blockquote img{
- max-width:100%;
- right:0px;
- }
- blockquote blockquote blockquote img{
- max-width:100%;
- }
- small, sub, sup{
- font-size:8px;
- }
- code {
- font-size:9px;
- font-family: 'poppins';
- 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: 'poppins';
- text-align:center;
- font-size:10px;
- max-width:320px;
- padding:10px ;
- color:{color:text};
- background:{color:postbg};
- }
- h1{
- font-family: 'abril fatface';
- font-size:25px;
- text-align:center;
- text-transform:uppercase;
- padding-bottom:3px;
- letter-spacing:2px;
- 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:'abril fatface';
- 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:'poppins';
- font-size:9px;
- 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*
- /*SIDEBAR*/
- .links{
- position:fixed;
- top:50%;
- left:50%;
- margin-top:-290px;
- margin-left:40px;
- width:20px;
- height:0px;
- padding-bottom:2px;
- overflow:visible;
- line-height:0px;
- text-align:center;
- z-index:9;
- -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{
- position:relative;
- font-size:10px;
- width:400px;
- height:10px;
- margin-top:40px;
- z-index:9;
- text-align:center;
- background-color:transparent;
- font-weight:bold;
- }
- .links a {
- display:inline-block;
- font-family:'poppins';
- background-color:{color:linksbg};
- color:{color:links};
- padding:10px;
- padding-left:5px;
- padding-right:15px;
- height:10px;
- width:10px;
- border-radius:100%;
- margin-top:10px;
- font-weight:bold;
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- font-family:poppins;
- font-style:italic;
- text-shadow:0px 0px 2px rgba(255,255,255,0.9)
- -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;
- }
- .link2{
- margin-left:-40px;
- margin-top:-3px;
- }
- .link2 a{
- width:15px;
- height:15px;
- font-size:15px;
- padding-top:10px;
- padding-bottom:10px;
- padding-left:2px;
- padding-right:18px;
- }
- .link3{
- margin-left:-112px;
- margin-top:-8px;
- }
- .link3 a{
- height:20px;
- width:20px;
- font-size:20px;
- padding-left:0px;
- padding-right:20px;
- padding-top:9px;
- padding-bottom:11px;
- }
- .links span{
- position:fixed;
- background-color:{color:linksbg};
- color:{color:links};
- background-color:transparent;
- }
- .links a:hover, .pagination a:hover{
- color:{color:hover};
- cursor:pointer;
- 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;
- }
- .links span:hover, .links a:hover{
- cursor:pointer;
- 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;
- }
- .link4{
- margin-left:-210px;
- margin-top:-20px;
- }
- .link4 a{
- font-size:25px;
- padding:20px;
- padding-left:2px;
- padding-right:28px;
- padding-top:13px;
- padding-bottom:17px;
- height:20px;
- width:20px;
- }
- .desc{
- position:fixed;
- margin-left:500px;
- overflow:auto;
- margin-top:430px;
- width:260px;
- text-align:justify;
- height:100px;
- z-index:8;
- line-height:20px;
- padding-top:3px;
- font-weight:bold;
- text-transform:uppercase;
- color:{color:desctext};
- background-image:url('{image:container}');
- }
- .desc::first-letter{
- background:{color:desctext};
- padding-top:3px;
- border:7px solid {color:desctext};
- font-size:20px;
- border-top:0px;
- color:{color:descbg};
- border-bottom:2px;
- margin-right:5px;
- font-family:abril fatface;
- }
- .icon1{
- position:fixed;
- margin-left:450px;
- margin-top:300px;
- padding:4px;
- border:solid 1px {color:border};
- height:70px;
- width:70px;
- z-index:9999999;
- border-radius:100%;
- -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;
- }
- .icon2{
- position:fixed;
- margin-left:720px;
- margin-top:70px;
- padding:4px;
- border:solid 1px {color:border};
- height:70px;
- width:70px;
- z-index:999;
- border-radius:100%;
- -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;
- }
- .icon1p, .icon2p{
- position:fixed;
- width:150px;
- border:20px solid {color:accent};
- background:{color:accent};
- line-height:20px;
- text-align:justify;
- height:0px;
- margin-left:-60px;
- margin-top:-910px;
- overflow:auto;
- opacity:0;
- -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;
- }
- .icon1:hover .icon1p{
- margin-top:10px;
- height:120px;
- opacity:1;
- -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;
- }
- .icon2:hover .icon2p{
- margin-top:10px;
- height:120px;
- opacity:1;
- -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;
- }
- .png{
- position:fixed;
- background-image:url('{image:png}');
- height:380px;
- width:280px;
- border-bottom:4px solid {color:border};
- margin-left:490px;
- margin-top:30px;
- z-index:5;
- opacity:1;
- }
- .title{
- position:fixed;
- width:200px;
- height:17px;
- margin-left:15px;
- margin-top:-155px;
- text-align:center;
- z-index:5;
- }
- .title re{
- position:fixed;
- letter-spacing:1px;
- font-size:25px;
- margin-top:18px;
- margin-left:0px;
- color:{color:container};
- font-family:abril fatface;
- font-style:italic;
- z-index:5;
- text-transform:uppercase;
- }
- .title span{
- color:{color:post links};
- font-size:50px;
- padding:20px;
- border-radius:100%;
- }
- .title p{
- position:fixed;
- color:{color:linksbg};
- padding-top:2px;
- padding-left:5px;
- padding-right:5px;
- padding-bottom:3px;
- height:auto;
- margin-top:45px;
- margin-left:98px;
- font-weight:bold;
- width:200px;
- font-size:10px;
- text-align:left;
- text-transform:uppercase;
- font-family:poppins;
- -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;
- }
- #wave {
- position: fixed;
- height: 200px;
- width: 480px;
- z-index:8;
- overflow:hidden;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-left-radius: 4px;
- }
- #wave:before {
- content: "";
- display: block;
- border-radius: 100% ;
- width: 580px;
- height: 580px;
- z-index:-999;
- background-color: {color:border};
- margin-top: -400px;
- margin-left:-100px;
- }
- .pict{
- position:fixed;
- margin-top:-100px;
- margin-left:30px;
- width:200px;
- height:120px;
- z-index:99;
- }
- .pict span{
- font-size:110px;
- font-weight:100;
- font-family:arial;
- color:{color:postbg};
- }
- .pict h1{
- position:fixed;
- margin-top:-100px;
- margin-left:40px;
- text-transform:lowercase;
- font-size:30px;
- color:{color:postbg};
- text-shadow: 1px 1px 0px {color:post links};
- -webkit-transform: rotate(356deg);
- -moz-transform: rotate(356deg);
- -ms-transform: rotate(356deg);
- -o-transform: rotate(356deg);
- transform: rotate(356deg);
- }
- /*END SIDEBAR*/
- /*POSTS*/
- #c{
- height:330px;
- width:420px;
- margin-top:195px;
- z-index:8;
- position:fixed;
- margin-left:40px;
- overflow:auto;
- color:{color:text};
- }
- .container{
- position:fixed;
- left:50%;
- top:50%;
- margin-top:-290px;
- margin-left:-395px;
- height:580px;
- width:800px;
- z-index:-9;
- opacity:1;
- overflow:hidden;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background:{color:container};
- background-image:url('{image:container}');
- }
- .posts {
- width:360px;
- margin-left:0px;
- font-size:8px;
- margin-top:5px;
- margin-bottom:50px;
- font-family: 'poppins';
- color:{color:text};
- z-index:-8;
- font-weight:normal;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-topright: 4px;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .posts p{
- }
- .posts a{
- color:{color:post links};
- }
- .entries {
- width:360px;
- padding:20px;
- font-weight:normal;
- color:{color:text};
- background-color:{color:postbg};
- font-family: 'poppins';
- margin-bottom:20px;
- z-index:-8;
- border-radius:4px;
- -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:5px;
- padding-top:20px;
- margin-left:-20px;
- margin-top:-21px;
- text-align:right;
- font-family: 'poppins';
- font-weight:bold;
- font-size:8px;
- width:390px;
- border-bottom:none;
- line-height:15px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:{color:post links};
- background-color:{color:postbg};
- margin-bottom:10px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-topright: 4px;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- text-shadow: 1px 1px 0px rgba(255,255,255,.4);
- -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 {
- text-align:right;
- font-weight:bold;
- 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;
- text-align:right;
- font-family: 'poppins';
- font-weight:bold;
- font-size:8px;
- width:360px;
- text-align:center;
- line-height:15px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:{color:post links};
- background-color:{color:postbg};
- text-shadow: 1px 1px 0px rgba(255,255,255,.4);
- -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;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .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;
- font-family: 'abril fatface';
- color:{color:linksbg};
- }
- .post_title a{
- color:{color:linksbg};
- }
- .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;
- font-family:'abril fatface';
- 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: 'poppins';
- 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:'poppins';
- font-size:8px;
- width:340px;
- margin-left:5px;
- padding:10px;
- text-align:justify;
- padding-bottom:-0px;
- text-transform:uppercase;
- font-weight:normal;
- color:{color:text};
- letter-spacing:1px;
- text-shadow: 1px 1px 0px rgba(255,255,255,.2);
- }
- .question{
- min-height:10px;
- width:280px;
- text-align:justify;
- color:{color:text};
- padding:5px;
- font-weight:bold;
- line-height:18px;
- font-family:'poppins';
- margin-left:50px;
- margin-top:-20px;
- }
- .question b, .question a{
- background-color:{color:text};
- color:{color:postbg};
- padding:5px;
- font-size:10px;
- margin-left:-10px;
- }
- .question img{
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- padding:3px;
- margin-left:-55px;
- margin-top:12px;
- border:1px solid {color:border};
- box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
- -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
- -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
- }
- .answer{
- margin-top:20px;
- text-transform:none;
- color:{color:text};
- text-align:justify;
- }
- /*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:'poppins';
- 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:'poppins';
- 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;
- }
- .modal{
- position:fixed;
- left:50%;
- top:50%;
- width:10px;
- z-index:99999999999;
- }
- .modalbutton{
- margin-left:-370px;
- margin-top:-360px;
- width:10px;
- z-index:99999999999;
- }
- .modalbutton a{
- margin-left:-1px;
- margin-right:2px;
- margin-top:8px;
- margin-bottom:4px;
- letter-spacing:3px;
- width:70px;
- height:70px;
- padding:15px;
- padding-top:12px;
- padding-bottom:8px;
- font-family:'poppins';
- font-size:12px;
- text-decoration:none;
- 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{
- width:00px;
- font-size:70px;
- text-shadow:none;
- color:{color:post links};
- }
- .modalbutton a:hover {
- 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;}
- .modalDialog {
- position: fixed;
- font-family: poppins;
- top:50%;
- margin-top:-310px ;
- left: 50%;
- height:0px;
- width:0px;
- margin-left:-415px;
- padding:20px;
- z-index: 9999999999999999999999;
- 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: 780px;
- height:562px;
- z-index: 9999999999999999999999;
- position: relative;
- padding: 5px 10px 13px 10px;
- background: {color:container};
- border-radius:5px;
- }
- .close {
- color: {color:text};
- line-height: 25px;
- position: absolute;
- right: 15px;
- margin-top:0px;
- text-align: center;
- font-weight: bold;
- font-size:10px;
- }
- .close:hover {
- color: {color:border};
- }
- .muses{
- position:fixed;
- margin-top:460px;
- margin-left:40px;
- width:700px;
- padding:0px;
- height:90px;
- float:left;
- overflow-x:auto;
- }
- .muses a{
- margin-right:20px;
- margin-bottom:20px;
- overflow-x:auto;
- white-space: nowrap;
- }
- .muses img{
- height:60px;
- height:60px;
- border-left:1px solid {color:border};
- border-top:1px solid {color:border};
- border-right:1px solid {color:accent};
- border-bottom:1px solid {color:accent};
- }
- .pngg{
- position:fixed;
- width:250px;
- height:380px;
- margin-left:270px;
- margin-top:40px;
- z-index:9;
- border-bottom:4px solid {color:border};
- background-image:url('{image:popup png}');
- }
- .puplinks{
- position:fixed;
- margin-left:530px;
- margin-top:80px;
- height:300px;
- width:220px;
- text-align:center;
- }
- .puplinks2{
- margin-left:200px;
- }
- .puplinks h1{
- font-size:20px;
- margin-bottom:10px;
- }
- .puplinks a{
- display:inline-block;
- background-color:{color:accent};
- color:{color:border};
- padding-top:2px;
- padding-left:5px;
- padding-right:5px;
- padding-bottom:7px;
- height:10px;
- margin-top:20px;
- margin-bottom:0px;
- font-weight:bold;
- min-width:10px;
- font-size:10px;
- text-align:right;
- text-transform:uppercase;
- font-family:poppins;
- font-style:italic;
- -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;
- }
- .puplinks a:hover{
- color:{color:accent};
- text-decoration:none;
- background-color:{color:border};
- -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;
- }
- .qu{
- position:fixed;
- margin-top:200px;
- margin-left:40px;
- width:200px;
- height:200px;
- line-height:30px;
- text-align:justify;
- font-size:20px;
- font-family:'abril fatface';
- }
- /*END SCROLLBAR*/
- </style>
- </head>
- <body>
- <!--SIDEBAR-->
- </div>
- <div class="container">
- <div class="desc">{description}</div>
- <div id="wave"><div class="title"><re>{text:title1}</re><p>{text:mini title}</p></div></div>
- {block:ifSidebarIcons}
- <div class="icon1"><img src="{image:icon1}" style="border-radius:100%; margin-left:-7px; height:75px; width:75px; margin-top:-7px;"/><div class="icon1p"><b><i>ADMIN 1:</i></b> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. </div></div>
- <div class="icon2"><img src="{image:icon2}" style="border-radius:100%; margin-left:5px; height:75px; width:75px; margin-top:-7px;"/><div class="icon2p"><b><i>ADMIN 2:</i></b> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. </div></div>
- {/block:ifSidebarIcons}
- <div class="links">
- <div class="link1"><a href="{text:link 1 URL}" title="{text:link 1 Title}"><span class="th th-home-o"></span></a></div>
- <div class="link2"><a href="{text:link 2 URL}" title="{text:link 2 Title}"><span class="th th-chat-bubble-o"></span></a></div>
- <div class="link3"><a href="{text:link 3 URL}" title="{text:link 3 Title}"><span class="th th-planet-1-o"></span></a></div>
- <div class="link4"><a href="{text:link 4 URL}" title="{text:link 4 Title}"><span class="th th-shooting-star-o"></span></a></div>
- </div>
- <div class="png"></div>
- <div class="header"><div class="pic"><sp>░</sp></div></div>
- <div class="modal">
- <div class="modalbutton">
- <a href="#openModal"><p><span class="th th-beehive-o" title="more !"></span></p></a></div>
- <div class="modalbox">
- <div id="openModal" class="modalDialog">
- <div> <a href="#close" title="Close" class="close">x</a>
- <div class="pngg"></div>
- <div id="wave" style="margin-left:-10px; margin-top:-5px; z-index:2"></div>
- <div class="muses">
- <!--this is where the muses go, replace muse name with your muse's name and the example icon with your own. please do not use my icon.-->
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
- </div>
- <div class="puplinks">
- <!--before acceptance nav links-->
- <h1>navigate around</h1>
- <a href="{text:Popup URL 1}">{text:popup link name 1}</a><br>
- <a href="{text:Popup URL 2}">{text:popup link name 2}</a><br>
- <a href="{text:Popup URL 3}">{text:popup link name 3}</a><br>
- <a href="{text:Popup URL 4}">{text:popup link name 4}</a><br>
- <a href="{text:Popup URL 5}">{text:popup link name 5}</a><br>
- <a href="{text:Popup URL 6}">{text:popup link name 6}</a><br><br></div>
- <div class="qu"><p>❝ {text:popup quote} ❞</P>
- </div>
- </div></div></div></div>
- <div id="c">
- <div class="posts">
- {block:Posts}
- <div class="entries">
- <div class="info"><center>
- <a href="{Permalink}">{NoteCount} notes</a> • <a href="{Permalink}">{TimeAgo}</a> • <a href="{ReblogURL}" target="_blank" class="details">reblog</a></a>
- </center></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>
- <div class="source" style="text-align: left; font-weight:bold;">—{Source}</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 id="credit">
- <a href="http://etcrnities.tumblr.com" title="etcrnities"><span class="th th-bee-o"></span></a>
- </div>
- </div>
- </div>
- <!--END POSTS-->
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement