Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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 #6 (vol.3)
- * 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='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Almendra" rel="stylesheet">
- <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
- <!-- DEFAULT VARIABLES -->
- <meta name="image:Background" content="" />
- <meta name="image:Avatar" content="" />
- <meta name="image:Header background" content="" />
- <meta name="color:Background" content="#fff" />
- <meta name="color:Header background" content="#fff" />
- <meta name="color:Search" content="#333" />
- <meta name="color:Search box background" content="#eee" />
- <meta name="color:Navigation background" content="#eee" />
- <meta name="color:Navigation link" content="#333" />
- <meta name="color:Blog title" content="#000" />
- <meta name="color:Blog title background" content="#eee" />
- <meta name="color:Main icon" content="#000" />
- <meta name="color:Main icon background" content="#eee" />
- <meta name="color:Description" content="#222" />
- <meta name="color:Description background" content="#eee" />
- <meta name="color:Text" content="#222" />
- <meta name="color:Bold" content="#000"/>
- <meta name="color:Italic" content="#ddd"/>
- <meta name="color:Link" content="#333" />
- <meta name="color:Icon" content="#333" />
- <meta name="color:Hover" content="#ddd" />
- <meta name="color:Chat 1" content="#ddd" />
- <meta name="color:Chat 2" content="#222" />
- <meta name="color:Answer" content="#222"/>
- <meta name="color:Borders" content="#eee" />
- <meta name="color:Post buttons" content="#333" />
- <meta name="color:Scrollbar" content="#000" />
- <meta name="select:Container background" content="255,255,255" title="white">
- <meta name="select:Container background" content="0,0,0" title="black">
- <meta name="select:Container background" content="238,238,238" title="gray">
- <meta name="select:Container background" content="255,168,212" title="pink">
- <meta name="select:Container background" content="127,88,242" title="purple">
- <meta name="select:Container background" content="184,168,255" title="indigo">
- <meta name="select:Container background" content="184,208,255" title="blue">
- <meta name="select:Container background" content="103,173,90" title="green">
- <meta name="select:Container background" content="33,209,297" title="turquoise">
- <meta name="select:Container background" content="226,229,23" title="yellow">
- <meta name="select:Container background" content="112,38,11" title="brown">
- <meta name="select:Container transparency" content="1" title="opaque">
- <meta name="select:Container transparency" content=".9" title=".9">
- <meta name="select:Container transparency" content=".8" title=".8">
- <meta name="select:Container transparency" content=".7" title=".7">
- <meta name="select:Container transparency" content=".6" title=".6">
- <meta name="select:Container transparency" content=".5" title=".5">
- <meta name="select:Container transparency" content=".4" title=".4">
- <meta name="select:Container transparency" content=".3" title=".3">
- <meta name="select:Container transparency" content=".2" title=".2">
- <meta name="select:Container transparency" content=".1" title=".1">
- <meta name="select:Container transparency" content=".0" title="transparent">
- <meta name="select:Menu background" content="255,255,255" title="white">
- <meta name="select:Menu background" content="0,0,0" title="black">
- <meta name="select:Menu background" content="238,238,238" title="gray">
- <meta name="select:Menu background" content="255,168,212" title="pink">
- <meta name="select:Menu background" content="127,88,242" title="purple">
- <meta name="select:Menu background" content="184,168,255" title="indigo">
- <meta name="select:Menu background" content="184,208,255" title="blue">
- <meta name="select:Menu background" content="103,173,90" title="green">
- <meta name="select:Menu background" content="33,209,297" title="turquoise">
- <meta name="select:Menu background" content="226,229,23" title="yellow">
- <meta name="select:Menu background" content="112,38,11" title="brown">
- <meta name="select:Menu transparency" content="1" title="opaque">
- <meta name="select:Menu transparency" content=".9" title=".9">
- <meta name="select:Menu transparency" content=".8" title=".8">
- <meta name="select:Menu transparency" content=".7" title=".7">
- <meta name="select:Menu transparency" content=".6" title=".6">
- <meta name="select:Menu transparency" content=".5" title=".5">
- <meta name="select:Menu transparency" content=".4" title=".4">
- <meta name="select:Menu transparency" content=".3" title=".3">
- <meta name="select:Menu transparency" content=".2" title=".2">
- <meta name="select:Menu transparency" content=".1" title=".1">
- <meta name="select:Menu transparency" content=".0" title="transparent">
- <meta name="select:Footer background" content="255,255,255" title="white">
- <meta name="select:Footer background" content="0,0,0" title="black">
- <meta name="select:Footer background" content="238,238,238" title="gray">
- <meta name="select:Footer background" content="255,168,212" title="pink">
- <meta name="select:Footer background" content="127,88,242" title="purple">
- <meta name="select:Footer background" content="184,168,255" title="indigo">
- <meta name="select:Footer background" content="184,208,255" title="blue">
- <meta name="select:Footer background" content="103,173,90" title="green">
- <meta name="select:Footer background" content="33,209,297" title="turquoise">
- <meta name="select:Footer background" content="226,229,23" title="yellow">
- <meta name="select:Footer background" content="112,38,11" title="brown">
- <meta name="select:Footer transparency" content="1" title="opaque">
- <meta name="select:Footer transparency" content=".9" title=".9">
- <meta name="select:Footer transparency" content=".8" title=".8">
- <meta name="select:Footer transparency" content=".7" title=".7">
- <meta name="select:Footer transparency" content=".6" title=".6">
- <meta name="select:Footer transparency" content=".5" title=".5">
- <meta name="select:Footer transparency" content=".4" title=".4">
- <meta name="select:Footer transparency" content=".3" title=".3">
- <meta name="select:Footer transparency" content=".2" title=".2">
- <meta name="select:Footer transparency" content=".1" title=".1">
- <meta name="select:Footer transparency" content=".0" title="transparent">
- <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,168,212" title="pink">
- <meta name="select:Entry background" content="127,88,242" title="purple">
- <meta name="select:Entry background" content="184,168,255" title="indigo">
- <meta name="select:Entry background" content="184,208,255" title="blue">
- <meta name="select:Entry background" content="103,173,90" title="green">
- <meta name="select:Entry background" content="33,209,297" title="turquoise">
- <meta name="select:Entry background" content="226,229,23" title="yellow">
- <meta name="select:Entry background" content="112,38,11" 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="Poiret One" title="Poiret One">
- <meta name="select:Title font" content="Nova Slim" title="Nova Slim">
- <meta name="select:Title font" content="Rozha One" title="Rozha One">
- <meta name="select:Title font" content="Almendra" title="Almendra">
- <meta name="select:Title font" content="Baumans" title="Baumans">
- <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:Show Search Box" content="1" />
- <meta name="if:Show Header" content="1" />
- <meta name="if:Show arrow down" content="1" />
- <meta name="if:Header Background Stretch" content="1" />
- <meta name="if:Show Avatar" content="1" />
- <meta name="if:Circular Avatar" content="1" />
- <meta name="if:250px Posts" content="0" />
- <meta name="if:Three Columns" content="0" />
- <meta name="if:Hover For Info" content="0" />
- <meta name="if:Infinite Scrolling" content="0" />
- <meta name="if:Load More" content="0" />
- <meta name="if:Audio Player White" content="1" />
- <meta name="if:Show Captions" content="1" />
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Show Facebook" content="1" />
- <meta name="if:Show Twitter" content="1" />
- <meta name="if:Show Instagram" content="1" />
- <meta name="if:Show Deviantart" content="1" />
- <meta name="if:Show Flickr" content="1" />
- <meta name="text:Facebook url" content="http://" />
- <meta name="text:Twitter url" content="http://" />
- <meta name="text:Instagram url" content="http://" />
- <meta name="text:Deviantart url" content="http://" />
- <meta name="text:Flickr url" content="http://" />
- <meta name="if:Show Link One" content="1" />
- <meta name="if:Show Link Two" content="1" />
- <meta name="if:Show Link Three" content="1" />
- <meta name="if:Show Link Four" content="1" />
- <meta name="if:Show Link Five" content="1" />
- <meta name="text:Border radius" content="0px"/>
- <meta name="text:Link One Title" content="Link One" />
- <meta name="text:Link One Url" content="http://"/>
- <meta name="text:Link Two Title" content="Link Two"/>
- <meta name="text:Link Two Url" content="http://"/>
- <meta name="text:Link Three Title" content="Link Three" />
- <meta name="text:Link Three Url" content="http://" />
- <meta name="text:Link Four Title" content="Link Four" />
- <meta name="text:Link Four Url" content="http://" />
- <meta name="text:Link Five Title" content="Link Five" />
- <meta name="text:Link Five Url" content="http://" />
- <meta name="if:Show Tag One" content="1" />
- <meta name="if:Show Tag Two" content="1" />
- <meta name="if:Show Tag Three" content="1" />
- <meta name="if:Show Tag Four" content="1" />
- <meta name="if:Show Tag Five" content="1" />
- <meta name="if:Show Tag Six" content="1" />
- <meta name="text:Tag One Title" content="#tag" />
- <meta name="text:Tag One Url" content="http://"/>
- <meta name="text:Tag Two Title" content="#tag"/>
- <meta name="text:Tag Two Url" content="http://"/>
- <meta name="text:Tag Three Title" content="#tag" />
- <meta name="text:Tag Three Url" content="http://" />
- <meta name="text:Tag Four Title" content="#tag" />
- <meta name="text:Tag Four Url" content="http://" />
- <meta name="text:Tag Five Title" content="#tag" />
- <meta name="text:Tag Five Url" content="http://" />
- <meta name="text:Tag Six Title" content="#tag" />
- <meta name="text:Tag Six Url" content="http://" />
- <!-- 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;
- }
- 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:74px!important;
- 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: 9px;
- height: 0px;
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;
- display: block;
- background-color: {color:Background};
- }
- ::-webkit-scrollbar-track-piece {
- background-color: {color:Background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 0px;
- background-color: {color:Scrollbar};
- border:4px solid {color:Background};
- }
- /* Tooltips */
- #s-m-t-tooltip {
- max-width:300px;
- z-index:10000;
- margin-left:10px;
- margin-top:-10px;
- padding:2px;
- color:{color:Link};
- background: {color:Borders};
- font-size:11px;
- line-height:15px;
- }
- /* Fix */
- iframe, img, embed, object, video {
- max-width: 100%;
- border: none;
- }
- input, textarea, select, a { outline: none; }
- /*--- HEADER ---*/
- #header{
- position:absolute;
- top:75px;
- left:15%;
- width:70%;
- height: -moz-calc(100% - 167px);
- height: -o-calc(100% - 167px);
- height: -webkit-calc(100% - 167px);
- height: calc(100% - 167px);
- background-color:{color:Header background};
- background-image:url({image:Header background});
- background-position:center;
- background-size:cover;
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- }
- .arrow{
- position:absolute;
- top:50%;
- left:50%;
- z-index:10000;
- -webkit-transform: translateX(-50%) translateY(-50%);
- -moz-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- {block:IfNotShowHeader}
- display:none;
- {/block:IfNotShowHeader}
- }
- .arrow i{
- font-size:15px;
- line-height:40px;
- width:40px;
- height:40px;
- border-radius:40px;
- color:{color:Icon};
- background:{color:Blog title background};
- opacity:0.6;
- }
- /*------ MENU -----*/
- #menu{
- position:fixed;
- top:0;
- left:0;
- width:100%;
- height:75px;
- z-index:1000;
- background:rgba({select:Menu background}, {select:Menu transparency});
- }
- #menuin{
- width:70%;
- height:55px;
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- overflow:hidden;
- }
- #blogtitle{
- float:left;
- color:{color:Blog title};
- background:{color:Blog title background};
- margin-left:205px;
- margin-top:0px;
- width: -moz-calc(100% - 312px);
- width: -o-calc(100% - 312px);
- width: -webkit-calc(100% - 312px);
- width: calc(100% - 312px);
- height:35px;
- font-family:{select:Title Font};
- font-size:28px;
- letter-spacing:2px;
- line-height:35px;
- padding:10px;
- text-align:center;
- }
- #blogtitle:hover{
- color: {color:Hover};
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #mainicons{
- position:absolute;
- margin-left: -moz-calc(70% - 77px);
- margin-left: -o-calc(70% - 77px);
- margin-left: -webkit-calc(70% - 77px);
- margin-left: calc(70% - 77px);
- width:77px;
- height:50px;
- padding-top:5px;
- background:{color:Main icon background};
- overflow:hidden;
- }
- #mainicons i{
- width:14px;
- height:14px;
- margin-bottom:5px;
- margin-left:11px;
- padding:3px;
- color:{color:Main icon};
- font-size:12px;
- text-align:center;
- }
- #mainicons i:hover{
- color: {color:Hover};
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- /* Search box */
- #search{
- position:absolute;
- top:10px;
- margin-left:0px;
- width:195px;
- height:27.5px;
- overflow:hidden;
- background:{color:Search box background};
- }
- #search i{
- position:absolute;
- margin-left:2px;
- margin-top:2px;
- height:25px;
- background:transparent;
- width:15px;
- height:15px;
- padding:5px;
- color:{color:Main icon};
- font-size:13px;
- text-transform:uppercase;
- line-height:15px;
- }
- /* Extra links */
- #navibox{
- position:absolute;
- margin-top:0px;
- margin-left:0px;
- width:195px;
- height:55px;
- line-height:55px;
- text-align:center;
- {block:IfShowSearchBox}
- top:37.5px;
- height:27.5px;
- line-height:27.5px;
- text-align:left;
- {/block:IfShowSearchBox}
- overflow:hidden;
- color:{color:Navigation link};
- background:{color:Navigation background};
- font-size:12px;
- cursor:pointer;
- }
- #navibox i{
- width:15px;
- height:15px;
- margin:0px;
- {block:IfShowSearchBox}
- margin-bottom:2px;
- margin-left:2px;
- {/block:IfShowSearchBox}
- margin-right:0px;
- padding:5px;
- color:{color:Main icon};
- font-size:13px;
- text-transform:uppercase;
- font-size:15px;
- line-height:15px;
- letter-spacing:1px;
- }
- #navigation{
- position:fixed;
- top:75px;
- margin-left:25px;
- width:135px;
- padding:5px;
- background:{color:Navigation background};
- z-index:1000;
- display:none;
- }
- #arrow-up {
- position:absolute;
- margin-top:-15px;
- margin-left:58.5px;
- width: 0;
- height: 0;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-bottom: 10px solid {color:Navigation background};
- }
- /* Extra links */
- #navigationin{
- margin:5px;
- }
- #navigationin a{
- display:block;
- margin-top:5px;
- padding:2px 3px;
- font-size:11px;
- width:120px;
- overflow:hidden;
- color:{color:Navigation link};
- }
- #navigationin a:hover{
- box-shadow: inset 137px 0 0 0 {color:Navigation link};
- color:{color:Hover};
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- /* Social icons */
- #socialicons{
- margin-top:10px;
- }
- #socialicons i{
- display:inline-block;
- margin:4px;
- font-size:14px;
- color:{color:Icon};
- }
- #socialicons i:hover{
- color:{color:Hover};
- }
- /*-- FOOTER --*/
- #footer{
- position:fixed;
- bottom:0;
- left:0;
- width:100%;
- height:92px;
- background:rgba({select:Footer background}, {select:Footer transparency});
- z-index:10000;
- }
- #footerin{
- position:relative;
- margin-top:0px;
- margin-left:auto;
- margin-right:auto;
- width:70%;
- height:150px;
- }
- /* Avatar */
- #avatar {
- position:absolute;
- margin:10px 0px;
- width:70px;
- height:70px;
- {block:ifCircularAvatar}
- border-radius:100%;
- {/block:ifCircularAvatar}
- border:1px solid {color:Description background};
- z-index:10;
- }
- #avatar img {
- width:100%;
- height:100%;
- {block:ifCircularAvatar}
- border-radius:100%;
- {/block:ifCircularAvatar}
- }
- #avatar img:hover{
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- -ms-transform: rotate(360deg); /* IE 9 */
- -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
- transform: rotate(360deg);
- }
- /* Description */
- #description{
- position:absolute;
- margin-top:10px;
- margin-left:0px;
- width: -moz-calc(100% - 20px);
- width: -o-calc(100% - 20px);
- width: -webkit-calc(100% - 20px);
- width: calc(100% - 20px);
- {block:ifShowAvatar}
- margin-left:90px;
- width: -moz-calc(100% - 110px);
- width: -o-calc(100% - 110px);
- width: -webkit-calc(100% - 110px);
- width: calc(100% - 110px);
- {/block:ifShowAvatar}
- height:50px;
- padding:10px;
- color:{color:Description};
- background:{color:Description background};
- border:1px solid {color:Description background};
- overflow-y:auto;
- font-size:12px;
- line-height:18px;
- text-align:center;
- }
- #arrow-right {
- position:absolute;
- margin-top:32px;
- margin-left:80px;
- width: 0;
- height: 0;
- border-right: 15px solid {color:Description background};
- border-top: 15px solid transparent;
- border-bottom: 15px solid transparent;
- z-index:1;
- }
- /*----- MAIN CONTAINER -----*/
- #container{
- position:absolute;
- top:100%;
- width:70%;
- left:15%;
- margin-bottom:90px;
- {block:ifThreeColumns}
- width:90%;
- left:5%;
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- top:75px;
- z-index:1;
- {/block:PermalinkPage}
- {block:IfNotShowHeader}
- top:75px;
- z-index:1;
- {/block:IfNotShowHeader}
- }
- /* --------- POSTS --------- */
- #postsin{
- width:100%;
- min-width:580px;
- {block:ifThreeColumns}
- width:940px;
- {/block:ifThreeColumns}
- padding-top:20px;
- padding-bottom:10px;
- margin-left:auto;
- margin-right:auto;
- overflow:hidden;
- background:rgba({select:Container background}, {select:Container transparency});
- }
- #posts{
- margin-left:auto;
- margin-right:auto;
- width:560px;
- min-height:500px;
- {block:if250pxPosts}
- width:625px;
- {/block:if250pxPosts}
- {block:ifThreeColumns}
- width:940px;
- {/block:ifThreeColumns}
- {block:PermalinkPage}
- width:560px;
- {/block:PermalinkPage}
- overflow:hidden;
- }
- .entry {
- float:left;
- display: block;
- margin:20px;
- width:500px;
- padding:10px;
- padding-bottom:0px;
- background:rgba({select:Entry background}, {select:Entry transparency});
- border:1px solid {color:Borders};
- border-radius:{text:Border radius};
- overflow:hidden;
- {block:if250pxPosts}
- width:250px;
- {/block:if250pxPosts}
- {block:ifHoverForInfo}
- padding-bottom:9px;
- {/block:ifHoverForInfo}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .entry img{ max-width: 100%; }
- /* -- POST STYLES -- */
- /* Quote posts */
- .quote {
- margin:5px;
- padding:10px;
- font-family:{select:Title font};
- font-size:{select:Title font size};
- line-height: -moz-calc({select:Title font size} + 5px);
- line-height: -webkit-calc({select:Title font size} + 5px);
- line-height: -o-calc({select:Title font size} + 5px);
- line-height: calc({select:Title font size} + 5px);
- 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 i{
- 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{
- color:{color:Title};
- font-family:{select:Title font};
- font-size:{select:Title font size};
- line-height: -moz-calc({select:Title font size} + 5px);
- line-height: -webkit-calc({select:Title font size} + 5px);
- line-height: -o-calc({select:Title font size} + 5px);
- line-height: calc({select:Title font size} + 5px);
- border:1px solid {color:Borders};
- background:{color:Borders};
- text-transform:lowercase;
- padding:5px;
- width:490px;
- {block:If250pxPosts}
- width:238px;
- {/block:If250pxPosts}
- {block:PermalinkPage}
- width:490px;
- {/block:PermalinkPage}
- {block:ifEntryBorderTransparent}
- background:transparent;
- border:1px solid transparent;
- {/block:ifEntryBorderTransparent}
- border-radius:{text:Border radius};
- }
- #linktitle a{
- color:{color:Link};
- }
- #linktitle i{
- color:{color:Icon};
- }
- #linktitle:hover{
- color:{color:Hover};
- }
- /* Audio posts */
- .album img{
- float:left;
- margin-top:0px;
- max-width:75px;
- min-height:75px;
- {block:if250pxPosts}
- max-width:70px;
- min-height:70px;
- {/block:if250pxPosts}
- margin-left:5px;
- margin-right:10px;
- float:left;
- z-index:10;
- border: 1px solid {color:Borders};
- }
- .audio{
- width:160px;
- min-height:70px;
- margin-top:0px;
- z-index:10;
- font-size:12px;
- line-height:25px;
- overflow:hidden;
- }
- .audio h1{
- font-size:20px;
- {block:if250pxPosts}
- font-size:15px;
- {/block:if250pxPosts}
- border-bottom:1px solid transparent;
- }
- .play{
- float:left;
- margin-right:5px;
- max-width:20px;
- max-height:20px;
- line-height:30px;
- border-right:1px solid {color:Borders};
- padding-right:5px;
- padding-bottom:5px;
- overflow:hidden;
- }
- /* Ask posts */
- .question{
- width:100%;
- height:auto;
- line-height:20px;
- color:{color:Answer};
- }
- .questionin{
- margin-left:45px;
- width:435px;
- 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};
- {block:if250pxPosts}
- width:185px;
- {/block:if250pxPosts}
- {block:PermalinkPage}
- width:435px;
- {/block:PermalinkPage}
- }
- .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:if250pxPosts}
- width:240px;
- {/block:if250pxPosts}
- {block:PermalinkPage}
- width:490px;
- {/block:PermalinkPage}
- 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:if250pxPosts}
- width:250px;
- {/block:if250pxPosts}
- font-size:10px;
- line-height:20px;
- color:{color:Link};
- background:rgba({select:Info background}, {select:Entry transparency});
- border-bottom:1px solid {color:Borders};
- padding:5px 10px;
- {block:IndexPage}
- {block:ifHoverForInfo}
- opacity:0;
- position:absolute;
- {/block:ifHoverForInfo}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .entry:hover .info1{
- {block:ifHoverForInfo}
- opacity:1;
- {/block:ifHoverForInfo}
- }
- .date{
- position:absolute;
- margin-left:400px;
- margin-top:-20px;
- width:100px;
- {block:if250pxPosts}
- margin-left:150px;
- {/block:if250pxPosts}
- {block:PermalinkPage}
- margin-left:400px;
- {/block:PermalinkPage}
- text-align:right;
- text-transform:lowercase;
- }
- /* Info 2 */
- .info2 {
- height:auto;
- float:center;
- margin-top:10px;
- margin-left:-10px;
- margin-bottom:0;
- width:510px;
- 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};
- {block:if250pxPosts}
- width:250px;
- {/block:if250pxPosts}
- {block:ifShowTags}
- height:auto;
- {/block:ifShowTags}
- {block:IndexPage}
- {block:ifHoverForInfo}
- opacity:0;
- position:absolute;
- bottom:0;
- {/block:ifHoverForInfo}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/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:{color:Borders};
- }
- /*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
- .post_buttons{
- width:45px;
- height:19px;
- margin-left:430px;
- margin-top:-20px;
- padding-top:2px;
- text-align:center;
- {block:if250pxPosts}
- margin-left:180px;
- {/block:if250pxPosts}
- z-index:100;
- list-style: none;
- {block:PermalinkPage}
- margin-left:430px;
- padding-right:15px;
- {/block:PermalinkPage}
- }
- .reblog-button{
- position:absolute;
- margin-top:0px;
- margin-left:-5px;
- }
- .reblog-button i{
- font-size:15px;
- color:{color:Post buttons};
- }
- .like { /* Make a parent element */
- position: relative;
- }
- .like svg path { /* Select your color of choice */
- fill: {color:Post buttons};
- }
- .like .like_button { /* Position like button above your custom one */
- position: absolute;
- margin-top: -21px;
- margin-left:15px;
- opacity: 0;
- }
- .like .like_button.liked { /* Keep the functionality active */
- opacity: 1;
- }
- .perma{
- position:absolute;
- width:20px;
- margin-left:-30px;
- margin-top:-22px;
- }
- .perma i{
- color: {color:Post buttons};
- font-size:17px;
- }
- /*-- PERMALINK PAGE --*/
- .notes{
- padding-top:30px;
- width:500px;
- line-height:20px;
- }
- .postnotes{
- margin-top:20px;
- }
- ol.notes {
- 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-bottom:20px;
- margin-left:auto;
- margin-right:auto;
- }
- #pagination{
- margin:auto;
- width:572px;
- 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;
- background:{color:Borders};
- border-radius:{text:Border radius};
- }
- .pagicon a:hover, .next:hover, .load-more:hover{
- color:{color:Bold};
- background:{color:Hover};
- }
- .pagicon i, .next i, .load-more i{
- color:{color:Icon};
- font-size:15px;
- margin:5px;
- text-decoration:none;
- }
- .pagicon:hover i, .next:hover i, .load-more:hover i{
- color:{color:Bold};
- }
- /* -- INFINITE SCROLLING -- */
- #infscr-loading {
- display:none!important;
- }
- #iscroll{
- margin:auto;
- width:572px;
- height:30px;
- text-align:center;
- }
- {block:ifLoadMore}
- .load-more{
- height:40px;
- }
- {/block:ifLoadMore}
- /*-- Theme credit --*/
- #credit{
- position:fixed;
- top:81px;
- right:5px;
- width:30px;
- z-index:10000;
- }
- /* END CSS */
- {CustomCSS}
- </style>
- </head>
- <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>
- {block:ifShowHeader}
- <div id="header">
- {block:ifShowArrowDown}
- <div class="arrow"><a href="#container"><center><i class="fa fa-chevron-down"></i></center></a></div>
- {/block:ifShowArrowDown}
- </div>
- <!--End header-->
- {/block:ifShowHeader}
- <div id="menu">
- <div id="menuin">
- {block:IfShowSearchBox}
- <div id="search">
- <form action="/search" method="get"><i class="fa fa-search"></i>
- <input type="text" name="q" value="SEARCH" style="margin-left:-1px; margin-top:-1px; width:198px; padding-left:30px; height:30px; background:transparent; border:1px solid transparent; color:{color:Search}; background:transparent; font-size:11px;"/></form>
- </div>
- {/block:IfShowSearchBox}
- <div id="navibox"><i class="fa fa-plus"></i> NAVIGATION </div>
- <div id="blogtitle">{Title}</div>
- <div id="mainicons">
- <a href="/"><i class="fa fa-home"></i></a>
- <a href="/ask"><i class="fa fa-envelope"></i></a><br>
- <a href="/submit"><i class="fa fa-pencil"></i></a>
- <a href="/archive"><i class="fa fa-clock-o"></i></a>
- </div>
- <!--End mainicons-->
- <!--Navigation-->
- <div id="navigation">
- <div id="arrow-up"></div>
- <div id="navigationin">
- {block:IfShowLinkOne}
- <a href="{text:Link One Url}">{text:Link One Title}</a>
- {/block:IfShowLinkOne}
- {block:IfShowLinkTwo}
- <a href="{text:Link Two Url}">{text:Link Two Title}</a>
- {/block:IfShowLinkTwo}
- {block:IfShowLinkThree}
- <a href="{text:Link Three Url}">{text:Link Three Title}</a>
- {/block:IfShowLinkThree}
- {block:IfShowLinkFour}
- <a href="{text:Link Four Url}">{text:Link Four Title}</a>
- {/block:IfShowLinkFour}
- {block:IfShowLinkFive}
- <a href="{text:Link Five Url}">{text:Link Five Title}</a>
- {/block:IfShowLinkFive}
- </div>
- <!--End navigationin-->
- <div id="socialicons">
- <center>
- {block:IfShowFacebook}<a href="{text:Facebook url}" target = "_blank" title="facebook"><i class="fa fa-facebook-square"></i></a>{/block:IfShowFacebook}
- {block:IfShowTwitter}<a href="{text:Twitter url}" title="twitter"><i class="fa fa-twitter-square"></i></a>{/block:IfShowTwitter}
- {block:IfShowFlickr}<a href="{text:Flickr url}" title="flickr"><i class="fa fa-flickr"></i></a>{/block:IfShowFlickr}
- {block:IfShowInstagram}<a href="{text:Instagram url}" title="instagram"><i class="fa fa-instagram"></i></a>{/block:IfShowInstagram}
- {block:IfShowDeviantart}<a href="{text:Deviantart url}" title="deviantart"><i class="fa fa-deviantart"></i></a>{/block:IfShowDeviantart}
- </center>
- </div>
- <!--End socialicons-->
- </div>
- <!--End navigation-->
- </div>
- <!--End menuin-->
- </div>
- <!--End menu-->
- <!--Description-->
- <div id="footer">
- <div id="footerin">
- {block:ifShowAvatar}
- <div id="avatar"><img src="{image:Avatar}"></div>
- <div id="arrow-right"></div>
- {/block:ifShowAvatar}
- <div id="description">{Description}</div>
- </div>
- <!--End footerin-->
- </div>
- <!--End footer-->
- <div id="container">
- <!-- POSTS -->
- <div id="postsin">
- <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}
- <h2>{Body}</h2>
- {/block:Text}
- <!-- Photo -->
- {block:Photo}
- {block:IndexPage}
- {block:ifNot250pxPosts}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
- {LinkCloseTag}
- {/block:ifNot250pxPosts}
- {block:if250pxPosts}
- {LinkOpenTag}
- <img src="{PhotoURL-250}" width="250" alt="{PhotoAlt}">
- {LinkCloseTag}
- {/block:if250pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- <!-- Photoset -->
- {block:Photoset}
- {block:IndexPage}
- {block:ifNot250pxPosts}
- {Photoset-500}
- {/block:ifNot250pxPosts}
- {block:if250pxPosts}
- {Photoset-250}
- {/block:if250pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {/block:Photoset}
- <!-- Quote -->
- {block:Quote}
- <div class="source">
- <i class="fa fa-quote-left"></i>
- {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}
- <h2>{Description}</h2>
- {/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="audio">
- {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
- {block:Artist}{Artist}{/block:Artist}<br>
- <div class="play">
- {block:ifAudioPlayerWhite}
- {AudioPlayerWhite}
- {/block:ifAudioPlayerWhite}
- {block:ifNotAudioPlayerWhite}
- {AudioPlayerBlack}
- {/block:ifNotAudioPlayerWhite}
- </div>
- <!--End play-->
- {block:PlayCount}
- {PlayCount}
- {/block:PlayCount}
- </div>
- <!--End audio-->
- {/block:Audio}
- <!-- Video -->
- {block:Video}
- {block:IndexPage}
- {block:ifNot250pxPosts}
- {Video-500}
- {/block:ifNot250pxPosts}
- {block:if250pxPosts}
- {Video-250}
- {/block:if250pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {/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:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- {/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="reblog-button"><a href="{ReblogUrl}"><i class="fa fa-refresh" aria-hidden="true"></i></a></li>
- <li class="like">
- <svg width="15" height="15" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
- {LikeButton size="15"}
- </li>
- {block:IndexPage}
- <div class="perma"><a href="{Permalink}"><i class="fa fa-location-arrow" aria-hidden="true"></i></a></div>
- {/block:IndexPage}
- </ul>
- <!-- End post_buttons -->
- <!-- Tags -->
- {block:IndexPage}
- {block:IfShowTags}
- <div class="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:IfShowTags}
- {/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">
- <h1>Post notes:</h1>
- {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}
- <span class="pagicon">
- <a href="{PreviousPage}"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> NEWER </a>
- </span>
- {/block:PreviousPage}
- <span class="pagicon">
- <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> TOP </a>
- </span>
- {block:NextPage}
- <a class="next" href="{NextPage}"> OLDER <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
- </span>
- {/block:NextPage}
- </div>
- <!--End pagination-->
- <div id="iscroll">
- {block:ifLoadMore}
- <span class="pagicon">
- <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> TOP </a>
- </span>
- <a href="#" class="load-more"> MORE <i class="fa fa-plus" aria-hidden="true"></i></a>
- {/block:ifLoadMore}
- </div>
- </div>
- <!--End pager-->
- {/block:Pagination}
- </div>
- <!-- End postsin -->
- </div>
- <!--End container-->
- <!-- CREDIT (DO NOT REMOVE) -->
- <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
- <img src="https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png" title="theme by hunter themes"></a></div>
- </body>
- <!----- SCRIPTS ----->
- <!-- Font awesome -->
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!--Jquery-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
- <!--Show hide on click -->
- <script>
- $(document).ready(function(){
- $("#navibox").click(function(){
- $("#navigation").slideToggle(500);
- });
- });
- </script>
- <!-- Style my tooltips -->
- <script src="jquery.style-my-tooltips.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- {block:ifInfiniteScrolling}
- <script src="http://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScrolling}
- <script>
- $(document).ready(function(){
- var $container = $('#posts');
- {block:if250pxPosts}
- $container.imagesLoaded(function() {
- $container.masonry({
- itemSelector: '.entry'
- });
- });
- {/block:if250pxPosts}
- $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}
- </html>
- <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement