Theme #29
<html> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!----
© hunterthemes.tumblr.com | Theme #29
* Do not redistribute this theme and claim it as your own.
* Do not remove the credit or move it to another page.
* Minor changes to this theme are allowed.
---->
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Rozha+One|Cinzel|Poiret+One|Exo|Quicksand" rel="stylesheet">
<!-- DEFAULT VARIABLES -->
<meta name="image:Background" content=""/>
<meta name="image:Container background" content=""/>
<meta name="image:Avatar" content="" />
<meta name="color:Background" content="#f1f1f1" />
<meta name="color:Container background" content="#ffffff" />
<meta name="color:Wave background" content="ece7e1" />
<meta name="color:Blog title" content="#222222" />
<meta name="color:Search" content="#222222" />
<meta name="color:Main icon" content="#222222" />
<meta name="color:Description" content="#333333" />
<meta name="color:Navigation link" content="#333333" />
<meta name="color:Navi icon 1" content="#75b1d6" />
<meta name="color:Navi icon 2" content="#fff231" />
<meta name="color:Navi icon 3" content="#eeeeee" />
<meta name="color:Navi icon 4" content="#fff231" />
<meta name="color:Navi icon 5" content="#75b1d6" />
<meta name="color:Text" content="#222222"/>
<meta name="color:Bold" content="#000000"/>
<meta name="color:Italic" content="#dddddd"/>
<meta name="color:Link" content="#333333"/>
<meta name="color:Hover" content="#dddddd"/>
<meta name="color:Borders" content="#cec8b7"/>
<meta name="color:Chat 1" content="#f8f8f8"/>
<meta name="color:Chat 2" content="#cfcfcf"/>
<meta name="color:Post buttons" content="#333333" />
<meta name="color:Pagination" content="#222222" />
<meta name="color:Scrollbar" content="#222222" />
<meta name="select:Entry background" content="255,255,255" title="white">
<meta name="select:Entry background" content="0,0,0" title="black">
<meta name="select:Entry background" content="238,238,238" title="gray">
<meta name="select:Entry background" content="255,192,203" title="pink">
<meta name="select:Entry background" content="221,160,221" title="purple">
<meta name="select:Entry background" content="65,105,225" title="indigo">
<meta name="select:Entry background" content="135,206,250" title="blue">
<meta name="select:Entry background" content="60,179,113" title="green">
<meta name="select:Entry background" content="64,224,208" title="turquoise">
<meta name="select:Entry background" content="255,215,0" title="yellow">
<meta name="select:Entry background" content="222,184,135" title="brown">
<meta name="select:Entry transparency" content="1" title="opaque">
<meta name="select:Entry transparency" content=".9" title=".9">
<meta name="select:Entry transparency" content=".8" title=".8">
<meta name="select:Entry transparency" content=".7" title=".7">
<meta name="select:Entry transparency" content=".6" title=".6">
<meta name="select:Entry transparency" content=".5" title=".5">
<meta name="select:Entry transparency" content=".4" title=".4">
<meta name="select:Entry transparency" content=".3" title=".3">
<meta name="select:Entry transparency" content=".2" title=".2">
<meta name="select:Entry transparency" content=".1" title=".1">
<meta name="select:Entry transparency" content=".0" title="transparent">
<meta name="select:Info background" content="255,255,255" title="white">
<meta name="select:Info background" content="0,0,0" title="black">
<meta name="select:Info background" content="238,238,238" title="gray">
<meta name="select:Info background" content="255,168,212" title="pink">
<meta name="select:Info background" content="127,88,242" title="purple">
<meta name="select:Info background" content="184,168,255" title="indigo">
<meta name="select:Info background" content="184,208,255" title="blue">
<meta name="select:Info background" content="103,173,90" title="green">
<meta name="select:Info background" content="33,209,297" title="turquoise">
<meta name="select:Info background" content="226,229,23" title="yellow">
<meta name="select:Info background" content="112,38,11" title="brown">
<meta name="select:Title font" content="Rozha One" title="Rozha One">
<meta name="select:Title font" content="Cinzel" title="Cinzel">
<meta name="select:Title font" content="Poiret One" title="Poiret One">
<meta name="select:Title font" content="Exo" title="Exo">
<meta name="select:Title font" content="Quicksand" title="Quicksand">
<meta name="select:Blog title font size" content="22px" title="22px">
<meta name="select:Blog title font size" content="24px" title="24px">
<meta name="select:Blog title font size" content="26px" title="26px">
<meta name="select:Blog title font size" content="28px" title="28px">
<meta name="select:Blog title font size" content="30px" title="30px">
<meta name="font:Body font" content="Helvetica"/>
<meta name="select:Body font size" content="11px" title="11px">
<meta name="select:Body font size" content="12px" title="12px">
<meta name="select:Body font size" content="13px" title="13px">
<meta name="select:Body font size" content="14px" title="14px">
<meta name="select:Body font size" content="15px" title="15px">
<meta name="if:Inverted Controls" content="0" />
<meta name="if:Infinite Scrolling" content="0" />
<meta name="if:Container background Stretch" content="1" />
<meta name="if:Display Navigation" content="1" />
<meta name="if:Display Main Icons" content="1" />
<meta name="if:Display Avatar" content="1" />
<meta name="if:Circular Avatar" content="0" />
<meta name="if:Display Search Box" content="1" />
<meta name="if:400px Posts" content="0" />
<meta name="if:Hover For Info" content="0" />
<meta name="if:Display Captions" content="1" />
<meta name="if:Display Tags" content="1" />
<meta name="if:Display Link One" content="1" />
<meta name="if:Display Link Two" content="1" />
<meta name="if:Display Link Three" content="1" />
<meta name="if:Display Link Four" content="1" />
<meta name="if:Display Link Five" content="1" />
<meta name="text:Link One Title" content="Link" />
<meta name="text:Link One Url" content="https://"/>
<meta name="text:Link Two Title" content="Link"/>
<meta name="text:Link Two Url" content="https://"/>
<meta name="text:Link Three Title" content="Link" />
<meta name="text:Link Three Url" content="https://" />
<meta name="text:Link Four Title" content="Link" />
<meta name="text:Link Four Url" content="https://" />
<meta name="text:Link Five Title" content="Link" />
<meta name="text:Link Five Url" content="https://" />
<meta name="text:Border radius" content="0px"/>
<meta name="text:Subtitle" content="Add content here" />
<meta name="text:Navi icon 1" content="bike-o" />
<meta name="text:Navi icon 2" content="warning-o" />
<meta name="text:Navi icon 3" content="coffee-1-o" />
<meta name="text:Navi icon 4" content="phone" />
<meta name="text:Navi icon 5" content="lightbulb-o" />
<!-- END DEFAULT VARIABLES -->
<head>
<style type="text/css">
/* CSS */
/*-- GENERAL --*/
body {
margin:0;
padding:0;
width:100%;
height:100%;
word-wrap:break-word;
color:{color:Text};
font-family:{font:Body font};
font-size:{select:Body font size};
line-height: -moz-calc({select:Body font size} + 5px);
line-height: -webkit-calc({select:Body font size} + 5px);
line-height: -o-calc({select:Body font size} + 5px);
line-height: calc({select:Body font size} + 5px);
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}
/* Headings */
h1{
margin:0;
color:{color:Title};
font-family:{select:Title font};
font-size:200%;
line-height:150%;
border-bottom:1px solid {color:Borders};
font-weight:500;
}
h2{
font-family:{select:Title font};
font-weight:400;
font-size:150%;
}
/* Links */
a {
color:{color:Link};
text-decoration:none;
transition:all .3s;
-webkit-transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;
}
a:hover{
text-decoration:none;
color:{color:Hover};
}
/* Bold and italic */
b, strong {color:{color:Bold};}
i, em {color:{color:Italic};}
/* Blockquote */
blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px solid {color:Borders};
}
/* Tumblr controls */
iframe.tmblr-iframe {
top:0px!important;
padding:0px;
right:32px!important;
opacity:0.8;
transform:scale(0.6);
transform-origin:100% 0;
-webkit-transform:scale(0.8);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.8);
-o-transform-origin:100% 0;
-moz-transform:scale(0.8);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.8);
-ms-transform-origin:100% 0;
z-index:100000!important;
{block:ifInvertedControls}
filter:invert(100%) hue-rotate(180deg);
-webkit-filter:invert(100%) hue-rotate(180deg);
-moz-filter:invert(100%) hue-rotate(180deg);
-o-filter:invert(100%) hue-rotate(180deg);
-ms-filter:invert(100%) hue-rotate(180deg);
{/block:ifInvertedControls}
}
iframe.tmblr-iframe:hover {
opacity:1!important;}
/* Webkit scrollbar */
::-webkit-scrollbar {
width: 7px;
height: 0px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-track-piece {
background-color: transparent;
}
::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color: {color:Scrollbar};
border:3px solid transparent;
}
/* Tooltips */
#s-m-t-tooltip {
max-width: 300px;
margin-left: 30px;
margin-top: 15px;
padding: 2px 4px;
font-size: 11px;
line-height: 15px;
color: {color:Link};
border:1px solid {color:Borders};
border-radius:{text:Border radius};
background:rgba({select:Entry background}, {select:Entry transparency});
z-index: 10000;
}
/* Fix */
iframe, img, embed, object, video {
max-width: 100%;
border: none;
}
input, textarea, select, a { outline: none; }
/*---------- MAIN CONTAINER ----------*/
#container {
position:fixed;
top:50%;
left:50%;
width:80%;
max-width:1680px;
min-width:592px;
{block:if400pxPosts}
min-width:492px;
{/block:if400pxPosts}
height:85%;
overflow:hidden;
background:{color:Container background};
background-image:url({image:Container background});
background-repeat:repeat;
{block:ifContainerBackgroundStretch}
background-size:cover;
background-repeat:no-repeat;
{/block:ifContainerBackgroundStretch}
border-radius:{text:Border radius};
z-index:10;
-webkit-box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
-moz-box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
#con {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow-y:auto;
z-index:10;
}
/*------ MENU -----*/
#menu {
position:fixed;
margin-left:0px;
margin-top:0px;
width:100%;
height:60px;
z-index:1000;
}
/* Click */
.clickm, .close{
position:absolute;
margin:0px -1px;
width:55px;
height:55px;
line-height:55px;
background:{color:Wave background};
border-right:1px solid {color:Borders};
border-top-left-radius:10px;
{block:ifNotDisplayMainIcons}
border-bottom-right-radius:50px;
{/block:ifNotDisplayMainIcons}
text-align:center;
z-index:10;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.close{
display:none;
}
.clickm span, .close span{
color:{color:Main icon};
font-size:15px;
border-radius:100%;
}
.clickm span:hover, .close span:hover{
color:{color:Hover};
}
#mainicons{
position:absolute;
left:54px;
width:120px;
height:55px;
padding-right:20px;
line-height:55px;
text-align:right;
background:{color:Wave background};
z-index:100;
border-bottom-right-radius:50px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#mainicons span{
margin:0 5px;
color:{color:Main icon};
font-size:15px;
}
#mainicons span:hover{
color:{color:Hover};
}
/*------ SIDEBAR -----*/
#sidebar{
position:fixed;
top:50%;
margin-left:5%;
width:280px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Avatar */
#avatar {
margin:10px auto;
width:100px;
height:100px;
border:3px solid {color:Borders};
border-top-left-radius:50px;
border-bottom-right-radius:50px;
{block:ifCircularAvatar}
border-radius:100%;
{/block:ifCircularAvatar}
overflow:hidden;
z-index:1000;
}
#avatar img {
margin:0px;
width:100%;
height:100%;
{block:ifCircularAvatar}
border-radius:100%;
{/block:ifCircularAvatar}
transition:all .3s;
-webkit-transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;
}
/* Blog title */
#blogtitle {
margin-top:10px;
margin-left:0px;
height:35px;
line-height:35px;
font-family:{select:Title font};
font-size:{select:Blog title font size};
color:{color:Blog Title};
text-align:center;
}
/* Description */
#description{
margin:auto;
margin-top:10px;
max-width:350px;
font-size:12px;
line-height:17px;
color:{color:Description};
text-align:center;
}
/* Search box */
#search {
margin:15px auto;
width:183px;
height:40px;
overflow:hidden;
color:{color:Search};
}
#search span {
position:absolute;
margin-left:-25px;
margin-top:13px;
font-size:12px;
color:{color:Search};
}
/*------ PANEL -----*/
#panel {
position:absolute;
margin-top:0px;
margin-left:0px;
width: -webkit-calc(100% - 592px - 30px);
width: -moz-calc(100% - 592px - 30px);
width: -o-calc(100% - 592px - 30px);
width: calc(100% - 592px - 30px);
height:100%;
overflow:hidden;
z-index:100;
display:none;
transition:all .3s linear;
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
-moz-transition:all .3s linear;
}
/* Links */
#links{
position:absolute;
top:50%;
margin-left:100px;
width:280px;
overflow:hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#links a{
display:block;
margin:10px 0px;
width:278px;
height:40px;
line-height:40px;
font-size:16px;
text-align:left;
text-transform:uppercase;
color:{color:Navigation link};
}
#links a:hover {
margin-left:20px;
}
#links a:hover, #links a:hover span{
color:{color:Hover};
}
#links span{
float:left;
margin-top:0px;
margin-left:0px;
margin-right:15px;
width:30px;
height:30px;
padding:5px;
padding-right:15px;
line-height:40px;
font-size:30px;
border-right:1px solid {color:Borders};
text-align:center;
}
.icon1 span{
color:{color:Navi icon 1};
}
.icon2 span{
color:{color:Navi icon 2};
}
.icon3 span{
color:{color:Navi icon 3};
}
.icon4 span{
color:{color:Navi icon 4};
}
.icon5 span{
color:{color:Navi icon 5};
}
/*------ CONTAINERIN -----*/
#containerin{
position:absolute;
top:0px;
margin-left: -webkit-calc(100% - 592px - 30px);
margin-left: -moz-calc(100% - 592px - 30px);
margin-left: -o-calc(100% - 592px - 30px);
margin-left: calc(100% - 592px - 30px);
width:592px;
{block:if400pxPosts}
margin-left: -webkit-calc(100% - 492px - 30px);
margin-left: -moz-calc(100% - 492px - 30px);
margin-left: -o-calc(100% - 492px - 30px);
margin-left: calc(100% - 492px - 30px);
width:492px;
{/block:if400pxPosts}
height:auto;
padding:0px 15px;
padding-bottom:130px;
{block:ifInfiniteScrolling}
padding-bottom:50px;
{/block:ifInfiniteScrolling}
z-index:10;
}
/* --------- POSTS --------- */
#posts {
display:block;
position:relative;
margin:15px auto;
height:auto;
width:562px;
{block:if400pxPosts}
width:462px;
{/block:if400pxPosts}
overflow:hidden;
z-index:100;
}
.entry {
float:left;
display:block;
margin:20px;
width:500px;
{block:If400pxPosts}
width:400px;
{/block:If400pxPosts}
padding:10px;
padding-bottom:0;
{block:ifHoverForInfo}
padding-bottom:8px;
{/block:ifHoverForInfo}
background:rgba({select:Entry background}, {select:Entry transparency});
border: 1px solid {color:Borders};
border-radius:{text:Border radius};
overflow:hidden;
}
.entry img { max-width: 100%; }
/* -------- RESPONSIVE DESIGN VALUES, editing is not recommended -------- */
@media only screen and (max-width: 1000px) {
#sidebar {
position:relative;
margin-top:60px;
top:auto;
margin-left:0px;
width:100%;
-webkit-transform: none;
-moz-transform:none;
-ms-transform: none;
transform: none;
}
#panel {
position:fixed;
margin-top:0px;
margin-left:0px;
width:100%;
background:{color:Container background};
background-image:url({image:Container background});
background-repeat:repeat;
{block:ifContainerBackgroundStretch}
background-size:cover;
background-repeat:no-repeat;
{/block:ifContainerBackgroundStretch}
z-index:100;
}
#containerin{
position:relative;
margin-top:20px;
top:auto;
margin-left:0px;
width:100%;
height:auto;
padding:0px;
padding-bottom:130px;
}
}
/* -- POST STYLES -- */
/* Quote posts */
.quote {
margin:5px;
padding:10px;
font-family:{select:Title font};
font-size:200%;
line-height:150%;
color:{color:Italic};
height:auto;
text-align:center;
letter-spacing:1px;
}
.source {
margin-top:5px;
margin-bottom:10px;
font-family:{font:Body font};
font-size:15px;
height:25px;
line-height:25px;
text-align:left;
overflow:hidden;
}
.source span{
float:left;
margin-right:10px;
color:{color:Link};
padding:5px;
padding-right:10px;
font-size:15px;
border-right:1px solid {color:Borders};
}
/* Link posts */
#linktitle{
width:490px;
{block:If400pxPosts}
width:390px;
{/block:If400pxPosts}
color:{color:Title};
font-family:{select:Title font};
font-size:200%;
line-height:150%;
background:{color:Borders};
border-radius:{text:Border radius};
padding:5px;
{block:ifEntryBorderTransparent}
background:transparent;
border:1px solid transparent;
{/block:ifEntryBorderTransparent}
}
#linktitle a{
color:{color:Link};
}
#linktitle span{
color:{color:Icon};
}
#linktitle:hover{
color:{color:Hover};
}
/* Audio posts */
.album img{
float:left;
margin-top:0px;
width:70px;
height:70px;
margin-left:5px;
margin-right:10px;
float:left;
z-index:10;
border: 1px solid {color:Borders};
border-radius:100%;
}
.play{
position:absolute;
margin:22px 25px;
width:31px;
height:29px;
padding-top:2px;
line-height:31px;
overflow:hidden;
background:#fff;
border-radius:100%;
}
.audio{
width:160px;
min-height:80px;
margin-top:10px;
z-index:10;
font-size:12px;
line-height:25px;
overflow:hidden;
}
.audio h1{
font-size:20px;
border-bottom:1px solid transparent;
}
/* Ask posts */
.question{
width:100%;
height:auto;
line-height:20px;
color:{color:Answer};
}
.questionin{
margin-left:45px;
width:435px;
{block:if400pxPosts}
width:335px;
{/block:if400pxPosts}
min-height:24px;
line-height:24px;
padding:5px;
padding-left:10px;
padding-right:10px;
border:1px solid {color:Borders};
border-top-right-radius:{text:Border radius};
border-bottom-right-radius:{text:Border radius};
}
.question img{
width:28px;
padding:3px;
border:1px solid {color:Borders};
margin-right:4px;
border-top-left-radius:{text:Border radius};
border-bottom-left-radius:{text:Border radius};
}
.answer{
margin-top:5px;
width:490px;
{block:if400pxPosts}
width:390px;
{/block:if400pxPosts}
padding:5px;
}
/* Chat posts */
.chat ul {
display:block;
list-style:none;
margin-left:-40px;
}
/* Chat lines style */
.chat li {
padding:3px;
display:block;
}
/* Odd lines style */
.chat .odd {
color:{color:Chat 1};
}
/* Even lines style */
.chat .even {
color:{color:Chat 2};
}
/* -- POST INFO -- */
.info1 {
height:auto;
float:center;
margin-top:-10px;
margin-bottom:10px;
margin-left:-10px;
height:20px;
width:500px;
{block:if400pxPosts}
width:400px;
{/block:if400pxPosts}
font-size:10px;
line-height:20px;
color:{color:Link};
background:rgba({select:Info background}, {select:Entry transparency});
border-bottom:1px solid {color:Borders};
border-top-left-radius:{text:Border radius};
border-top-right-radius:{text:Border radius};
padding:5px 10px;
{block:IndexPage}
{block:ifHoverForInfo}
opacity:0;
position:absolute;
{/block:ifHoverForInfo}
{/block:IndexPage}
}
.entry:hover .info1{
{block:ifHoverForInfo}
opacity:1;
{/block:ifHoverForInfo}
}
.date{
position:absolute;
margin-left:400px;
{block:if400pxPosts}
margin-left:300px;
{/block:if400pxPosts}
margin-top:-20px;
width:100px;
text-align:right;
text-transform:lowercase;
}
/* Info 2 */
.info2 {
height:auto;
float:center;
margin-top:10px;
margin-left:-10px;
margin-bottom:0;
width:500px;
{block:if400pxPosts}
width:400px;
{/block:if400pxPosts}
padding:5px 10px;
height:20px;
line-height:20px;
font-size:11px;
color:{color:Link};
background:rgba({select:Info background}, {select:Entry transparency});
border-top:1px solid {color:Borders};
border-bottom-left-radius:{text:Border radius};
border-bottom-right-radius:{text:Border radius};
{block:ifDisplayTags}
height:auto;
{/block:ifDisplayTags}
{block:IndexPage}
{block:ifHoverForInfo}
opacity:0;
position:absolute;
bottom:0;
{/block:ifHoverForInfo}
{/block:IndexPage}
{block:PermalinkPage}
border-radius:0;
{/block:PermalinkPage}
}
.entry:hover .info2{
{block:ifHoverForInfo}
opacity:1;
{/block:ifHoverForInfo}
}
.info1 a, .info2 a {
font-size:11px;
}
.info1 a:hover, .info2 a:hover{
color:{color:Hover};
}
.info1 b, .info2 b{
color:transparent;
margin-left:-5px;
}
/* Tags */
.tags{
margin-top:-10px;
}
.tags a{
margin:2px;
padding:3px 5px;
background:rgba({select:Entry background}, {select:Entry transparency});
}
/*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
.post_buttons {
width:45px;
height:19px;
margin-left:430px;
margin-top:-20px;
padding-top:2px;
text-align:center;
z-index:100;
list-style: none;
{block:PermalinkPage}
padding-right:15px;
{/block:PermalinkPage}
}
.post_buttons span{
font-size:12px;
color:{color:Post buttons};
}
.perma{
position:absolute;
width:20px;
margin-left:-30px;
margin-top:-20px;
}
.rblg{
position:absolute;
margin-top:0px;
margin-left:-5px;
}
.like {
position: relative;
}
.like .like_button {
position: absolute;
margin-top: -21px;
margin-left:15px;
opacity: 0;
}
.like .like_button.liked {
opacity: 1;
}
/*-- PERMALINK PAGE --*/
.notes{
line-height:20px;
}
.postnotes{
margin: 10px 0px;
width: 100%;
font-size: 12px;
color: {color:Text};
line-height:20px;
overflow:hidden;
}
ol.notes {
display:block;
padding: 0px;
margin: 10px 0px;
list-style-type: none;
}
ol.notes li.note {
padding: 10px;
border-bottom:1px solid {color:Borders};
}
ol.notes li.note img.avatar {
vertical-align: -5px;
margin-right: 10px;
width: 15px;
height: 15px;
}
/*-- PAGINATION --*/
#pager{
width:100%;
height:50px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
#pagination{
margin:auto;
width:500px;
height:30px;
text-align:center;
{block:ifInfiniteScrolling}
display:none;
{/block:ifInfiniteScrolling}
}
.pagicon, .next, .load-more{
display:inline;
}
.pagicon a, .next, .load-more{
font-size:11px;
padding:5px;
margin:5px;
color:{color:Pagination};
background:rgba({select:Entry background}, {select:Entry transparency});
border:1px solid {color:Borders};
border-radius:{text:Border radius};
}
.pagicon a:hover, .next:hover, .load-more:hover{
color:{color:Hover};
background:{color:Borders};
}
.pagicon i, .next i, .load-more i{
color:{color:Pagination};
font-size:15px;
margin:5px;
text-decoration:none;
}
.pagicon:hover i, .next:hover i, .load-more:hover i{
color:{color:Hover};
}
/* -- INFINITE SCROLLING -- */
#infscr-loading {
display:none!important;
}
#iscroll{
margin:auto;
width:500px;
height:30px;
text-align:center;
}
{block:ifLoadMore}
.load-more{
height:40px;
}
{/block:ifLoadMore}
/*-- THEME CREDIT --*/
#credit{
position:fixed;
right:5px;
top:11px;
width:30px;
z-index:10000;
}
svg {
/* border: 1px solid black; */
display: block;
position: fixed!important;
bottom:-71px;
margin-left:0px;
width:100%;
stroke:{color:Wave background};
stroke-width: 2;
fill:{color:Wave background};
z-index:1000;
}
/* END CSS */
{CustomCSS}
</style>
</head>
<!-- Saturn icons font -->
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<!--Jquery-->
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- Style my tooltips -->
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time: 90,
tip_fade_speed: 600,
attribute:"title"
});
});
})(jQuery);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".clickm").click(function(){
$('#panel').fadeIn(0);
$('#sidebar').fadeOut(0);
$('.clickm').css({ display:'none'});
$('.close').css({ display:'block'});
});
$(".close").click(function(){
$("#panel").fadeOut(0);
$("#sidebar").fadeIn(0);
$('.close').css({ display:'none'});
$('.clickm').css({ display:'block'});
});
});
</script>
{block:IndexPage}
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
{block:ifInfiniteScrolling}
<script src="https://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
{/block:ifInfiniteScrolling}
<script>
$(document).ready(function(){
var $container = $('#posts');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.entry'
});
});
$container.infinitescroll({
itemSelector: ".entry",
navSelector: "#pagination",
nextSelector: ".next",
loadingImg: "",
loadingText: "<em></em>",
bufferPx: 10000,
extraScrollPx: 12000,
errorCallback: function() {
$('.load-more').fadeOut();
}
}, function(newElements) {
var $newElems = $(newElements).css({
opacity: 0
});
$newElems.imagesLoaded(function() {
$newElems.animate({
opacity: 1
});
$container.masonry('appended', $newElems,
true);
});
});
{block:ifLoadMore}
$(window).unbind('.infscr');
$('.load-more').click(function() {
$container.infinitescroll('retrieve');
return false
});
{/block:ifLoadMore}
});
</script>
{/block:IndexPage}
<title>{Title}
{block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
{block:TagPage} - {Tag} {/block:TagPage}
{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />
{/block:Description}
<!-- HTML -->
<body>
<div id="container">
<div id="con">
<div id="menu">
{block:ifDisplayNavigation}
<div class="clickm" title="Links"><span class="sf sf-list-o"></span></div>
<div class="close" title="Close"><span class="sf sf-cross"></span> </div>
{/block:ifDisplayNavigation}
{block:ifDisplayMainIcons}
<div id="mainicons">
<a href="/" title="Index"><span class="sf sf-home-o"></span></a>
<a href="/ask" title="Ask"><span class="sf sf-chat-o"></span></a>
<a href="/submit" title="Submit"><span class="sf sf-edit-o"></span></a>
<a href="/archive" title="Archive"><span class="sf sf-clock-3-o"></span></a>
</div>
<!-- End mainicons -->
{/block:ifDisplayMainIcons}
</div>
<!--End menu-->
<div id="sidebar">
<div id="avatar">
<a href="/"><img src="{image:Avatar}"></a>
</div>
<!-- End avatar-->
<div id="blogtitle">
{Title}
</div>
<!-- End blogtitle-->
<div id="description">
{Description}
</div>
<!-- End description -->
{block:IfDisplaySearchBox}
<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="SEARCH..." style="float:left; margin-top:0px; margin-left:0px; padding-left:10px; width:170px; height:35px; border:1px solid {color:Borders}; border-radius:20px; background:transparent; color:{color:Search}; font-size: 12px;"/>
</form>
<span class="sf sf-search-o"></span>
</div>
<!-- End search -->
{/block:IfDisplaySearchBox}
</div>
<!-- End sidebar-->
<div id="panel">
{block:ifDisplayNavigation}
<div id="links">
{block:IfDisplayLinkOne}
<div class="icon1">
<a href="{text:Link One Url}"> <span class="sf sf-{text:Navi icon 1}"></span> {text:Link One Title}</a>
</div>
<!-- End icon1 -->
{/block:IfDisplayLinkOne}
{block:IfDisplayLinkTwo}
<div class="icon2">
<a href="{text:Link Two Url}"> <span class="sf sf-{text:Navi icon 2}"></span> {text:Link Two Title}</a>
</div>
<!-- End icon2 -->
{/block:IfDisplayLinkTwo}
{block:IfDisplayLinkThree}
<div class="icon3">
<a href="{text:Link Three Url}"><span class="sf sf-{text:Navi icon 3}"></span> {text:Link Three Title} </a>
</div>
<!-- End icon3 -->
{/block:IfDisplayLinkThree}
{block:IfDisplayLinkFour}
<div class="icon4">
<a href="{text:Link Four Url}"><span class="sf sf-{text:Navi icon 4}"></span> {text:Link Four Title} </a>
</div>
<!-- End icon4 -->
{/block:IfDisplayLinkFour}
{block:IfDisplayLinkFour}
<div class="icon5">
<a href="{text:Link Five Url}"><span class="sf sf-{text:Navi icon 5}"></span> {text:Link Five Title} </a>
</div>
<!-- End icon5 -->
{/block:IfDisplayLinkFour}
</div>
<!-- End links -->
{/block:ifDisplayNavigation}
</div>
<!-- End panel -->
<div id="containerin">
<!-- POSTS -->
<div id="posts">
{block:Posts}
<div class="entry">
{block:Date}
<div class="info1">
<b>-</b>
<!-- Reblogged from -->
{block:RebloggedFrom}
<a href="{ReblogParentURL}">
via</a> /{/block:RebloggedFrom}
{block:ContentSource}
<a href="{SourceURL}"
target=blank> source</a>
{/block:ContentSource}
<div class="date">
<a href="{Permalink}">
{shortmonth} {dayofmonth}</a>
</div>
<!--End date-->
</div>
<!--End info1-->
{/block:Date}
<div class="content">
<!-- Text -->
{block:Text}
{block:Title}
<a href="{Permalink}">
<h1>{Title}</h1></a>
{/block:Title}
{Body}
{/block:Text}
<!-- Photo -->
{block:Photo}
{block:ifNot400pxPosts}
{LinkOpenTag}
<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
{LinkCloseTag}
{/block:ifNot400pxPosts}
{block:if400pxPosts}
<img src="{PhotoURL-400}" width="400" alt="{PhotoAlt}">
{LinkCloseTag}
{/block:if400pxPosts}
{/block:Photo}
<!-- Photoset -->
{block:Photoset}
{block:ifNot400pxPosts}
{Photoset-500}
{/block:ifNot400pxPosts}
{block:if400pxPosts}
{Photoset-400}
{/block:if400pxPosts}
{/block:Photoset}
<!-- Quote -->
{block:Quote}
<div class="source">
<span class="sf sf-ICON-NAME"></span>
{block:Source}
{Source}
{/block:Source}
</div>
<!--End source-->
<div class="quote">
{Quote}
</div>
<!--End quote-->
{/block:Quote}
<!-- Link -->
{block:Link}
<div id="linktitle">
<a href="{URL}"
class="linkpost"
target="_blank">
{Name} » </a>
</div>
{block:Description}
{Description}
{/block:Description}
{/block:Link}
<!-- Chat -->
{block:Chat}
<div class="chat">
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
<!-- Audio -->
{block:Audio}
<div class="album">
{block:AlbumArt}
<img src="{AlbumArtURL}"></a>
{block:AlbumArt}
</div>
<!--End album-->
<div class="play">
{block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer}
</div>
<div class="audio">
{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
{block:Artist}{Artist}{/block:Artist}<br>
<!--End play-->
{block:PlayCount}
{FormattedPlayCount}
{/block:PlayCount}
</div>
<!--End audio-->
{/block:Audio}
<!-- Video -->
{block:Video}
{block:ifNot400pxPosts}
{Video-500}
{/block:ifNot400pxPosts}
{block:if400pxPosts}
{Video-400}
{/block:if400pxPosts}
{/block:Video}
<!-- Ask -->
{block:Answer}
<div class="question">
<img src="{AskerPortraitURL-48}"
align="left"></div>
<div class="questionin">
{Asker}: {Question}</div>
<div class="answer">
{Answer}</div>
{/block:Answer}
<!-- Caption -->
{block:IndexPage}
{block:IfDisplayCaptions}
{block:Caption}
{Caption}
{/block:Caption}
{/block:IfDisplayCaptions}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
</div>
<!--End content-->
<!-- Date -->
{block:Date}
<div class="info2">
<b>-</b>
{block:NoteCount}
<a href="{Permalink}">
{NoteCountWithLabel}</a>
{/block:NoteCount}
<!-- Permalink, reblog and like buttons -->
<ul class="post_buttons">
<li class="rblg"><a href="{ReblogUrl}"><span class="sf sf-refresh-o"></span></a></li>
<li class="like">
<span class="sf sf-heart-o"></span>
{LikeButton size="15"}
</li>
{block:IndexPage}
<div class="perma"><a href="{Permalink}"><span class="sf sf-aero-cursor-o"></span></a></div>
{/block:IndexPage}
</ul>
<!-- End post_buttons -->
<!-- Tags -->
{block:IndexPage}
{block:IfDisplayTags}
<div class="tags">
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{/block:IfDisplayTags}
{/block:IndexPage}
{block:PermalinkPage}
<div class="tags">
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}
</div>
<!--End info2-->
{/block:Date}
<!-- Permalink page -->
{block:PermalinkPage}
<!-- Post notes-->
{block:PostNotes}
<div class="postnotes">
<h2>Post notes:</h2>
{PostNotes}
</div>
{/block:PostNotes}
{/block:PermalinkPage}
<!-- Other -->
{block:ContentSource}
<!-- {SourceURL}
{block:SourceLogo}
<img src="{BlackLogoURL}"
width="{LogoWidth}"
height="{LogoHeight}"
alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo} -->
{/block:ContentSource}
</div>
<!--End entry-->
{/block:Posts}
</div>
<!-- End posts -->
{block:Pagination}
<div id="pager">
<div id="pagination">
{block:PreviousPage}
<div class="pagicon">
<a href="{PreviousPage}"><span class="sf sf-arrow-left"></span> NEWER </a>
</div>
{/block:PreviousPage}
<div class="pagicon">
<a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
</div>
{block:NextPage}
<a class="next" href="{NextPage}"> OLDER <span class="sf sf-arrow-right"></span></a>
{/block:NextPage}
</div>
<!--End pagination-->
<div id="iscroll">
{block:ifLoadMore}
<span class="pagicon">
<a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
</span>
<a href="#" class="load-more"> MORE <span class="sf sf-plus-o"></span></a>
{/block:ifLoadMore}
</div>
</div>
<!--End pager-->
{/block:Pagination}
</div>
<!-- End containerin -->
</div>
<!-- End con -->
<svg xmlns="https://www.w3.org/2000/svg" width="1440" height="240" viewBox="0 0 1440 240">
<path d="M0 120 Q360 60 720 120 T 1440 120 V240 H0 Z"></path>
</svg>
</div>
<!--End container-->
<!-- Script by Pedro Tavares -->
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js'></script>
<script >// The first line below is the path in the SVG, the one underneath it is the one being used in the tween, only one number has been changed.
// "M0 120 Q360 60 720 120 T 1440 120 V240 H0 Z"
// "M0 120 Q360 180 720 120 T 1440 120 V240 H0 Z"
TweenMax.to("path", 2, {
attr: {
d: "M0 120 Q360 180 720 120 T 1440 120 V240 H0 Z"
},
ease: Power1.easeInOut,
repeat: -1,
yoyo: true
});
//# sourceURL=pen.js
</script>
<!-- CREDIT (DO NOT REMOVE) -->
<div id="credit"><a href="https://www.hunterthemes.tumblr.com">
<img src="https://i60.tinypic.com/b5qp0o.png" title="theme by hunter themes"></a></div>
</body>
</html>
<!-- END HTML --> Pasted: Nov 7, 2017, 7:10:34 pm
Views: 847