!DOCTYPE html
html
head
!--
Theme Name Melek (1 column)
more themes === httpstumblrtema.net
Version 5.2 (January 6, 2015)
By Manyak Webmaster
--
title{Title}{blockTagPage} • Posts Tagged ‘{Tag}’{blockTagPage}{blockPostSummary} • {PostSummary}{blockPostSummary}title
link rel=shortcut icon href={Favicon}
link rel=apple-touch-icon href={PortraitURL-128}
link rel=alternate type=applicationrss+xml href={RSS}
{blockDescription}meta name=description content={MetaDescription}{blockDescription}
meta charset=UTF-8
meta name=viewport content=width=device-width, initial-scale=1
script src=httpajax.googleapis.comajaxlibsjquery1.11.1jquery.min.jsscript
link href=httpmaxcdn.bootstrapcdn.comfont-awesome4.2.0cssfont-awesome.min.css rel=stylesheet
link href='httpfonts.googleapis.comcssfamily=Poiret+One' rel='stylesheet' type='textcss'
script src=httpstatic.tumblr.como4g7vawN2onhok6vmodernizr.custom.63321.jsscript
link rel=stylesheet type=textcss href=httpcode.jquery.comui1.9.2themesbasejquery-ui.css
link rel=stylesheet type=textcss href=httpstatic.tumblr.como4g7vawOzonhqpnffont-css.css
{blockHidden}
meta name=ifInfinite Scrolling content=0
meta name=ifShow Random Post content=0
meta name=ifShow Archive Page content=1
meta name=ifShow Feed Page content=0
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilrag16ngxz0v12.jpg title=Default
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilralTtnhqmcrsata.jpg title=P r o s c i u t t o
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilrawtgnhqmdwriziz.jpg title=Riziz
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilrayVHnhqmelsea.jpg title=Sea
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilra92Inhqmfitravel.jpg title=Travel
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilra4hanhqmgctelle.jpg title=Telle
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilraZwZnhqmh6rama.jpg title=Rama
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilramtlnhqmhtrain.jpg title=Rain
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilraXdinhqmiosea_2.jpg title=Sea 2
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilrazkMngxy3r8.jpg title=Adam
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilraML6ngxyb29.jpg title=Dapple dapple
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilraEoSngxyms10.jpg title=California
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilra5F8ngxyp011.jpg title=Screaming
meta name=selectBackgruond content=httpstatic.tumblr.comzdvilraoZSngxz6h13.jpg title=Savara
meta name=selectBackgruond content= title=None
meta name=selectTitle Font content='Poiret One', cursive title=Poiret One
meta name=selectTitle Font content=monospace title=monospace
meta name=textTitle Font Size content=40
meta name=imageBackground image content=
meta name=ifRepeat Backgruond content=1
meta name=ifShow Caption And Tags content=1
meta name=ifDate Format TimeAgo content=0
meta name=colorTitle content=#A77DC2
meta name=colorDescription content=#666
meta name=colorBackground content=#fff
meta name=colorMenu Icons content=#4b4b4b
meta name=colorPost Header content=#A77DC2
meta name=colorMenu Icons Hover content=#f2992e
meta name=colorPagination Background content=#b997ce
meta name=colorLike Reblog Hover content=#DC2A47
meta name=colorTags content=#666
meta name=colorTags Hover content=#FFC900
meta name=colorAvatar Border content=#222222
meta name=textDisqus Shortname content=
meta name=textGoogle Analytics ID content=
meta name=colorLinks content=#dcecf5
meta name=textWebSite URL content=
meta name=textFacebook URL content=
meta name=textTwitter URL content=
meta name=textGoogle Plus URL content=
meta name=textDribbble URL content=
meta name=textInstagram URL content=
meta name=textFlickr URL content=
meta name=textYoutube URL content=
meta name=textVimeo URL content=
meta name=textDeviantArt URL content=
meta name=textPinterest URL content=
meta name=textLinkedIn URL content=
meta name=textBehance URL content=
meta name=textGitHub URL content=
meta name=textSpotify URL content=
meta name=textSoundCloud URL content=
meta name=textWordpress URL content=
meta name=textTag 1 content=
meta name=textTag 2 content=
meta name=textTag 3 content=
meta name=textTag 4 content=
meta name=textTag 5 content=
meta name=textTag 6 content=
meta name=textTag 7 content=
meta name=textTag 8 content=
meta name=textTag 9 content=
meta name=textTag 10 content=
meta name=textTag 11 content=
meta name=textTag 12 content=
meta name=textTag 13 content=
meta name=textTag 14 content=
meta name=textTag 15 content=
{blockHidden}
style type=textcss
Eric Meyer's Reset CSS v2.0 - httpcssreset.com
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,i,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border0;font-size100%;fontinherit;vertical-alignbaseline;margin0;padding0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{displayblock}body{line-height1}ol,ul{list-stylenone}blockquote,q{quotesnone}blockquotebefore,blockquoteafter,qbefore,qafter{contentnone}table{border-collapsecollapse;border-spacing0}
, after, before { -webkit-box-sizing border-box; box-sizing border-box; }
.clearfixbefore, .clearfixafter { content ''; display table; }
.clearfixafter { clear both; }
body{
width 100%;
line-height 1.4;
overflow-x hidden !important;
font-family monospace;
{blockIfNotBackgroundImageImage}
background {colorBackground} url('{selectBackgruond}') center center fixed;
background-size 100% 100%;
{blockIfNotBackgroundImageImage}
{blockIfBackgroundImageImage}
{blockIfNotRepeatBackgruond}
background {colorBackground} url('{imageBackground Image}') center center fixed;
background-size 100% 100%;
{blockIfNotRepeatBackgruond}
{blockIfRepeatBackgruond}
background {colorBackground} url({imageBackground Image}) repeat fixed;
{blockIfRepeatBackgruond}
{blockIfBackgroundImageImage}
}
ul#grid{
width 502px;
list-style-type none;
margin 50px auto;
min-height 800px;
padding-left 50px;
}
#grid li.post{
width 502px;
display inline-block;
position relative;
overflow hidden;
margin 7px 0px;
background #fff;
border 1px solid rgba(0,0,0,0.05);
}
img.post-img{
width 100%;
}
imgnot(.avatar){
display block;
outline none;
max-width 100%;
}
iframe, img, embed, object, video {
max-width 100% !important;
}
.info{
width 100%;
height 40px;
background-color #fff;
position relative;
transition all 0.4s ease;
}
.sidebar{
position absolute;
top 80px;
left 80px;
width 300px;
padding 60px 15px 10px 15px;
background rgba(255,255,255,0.95);
border-bottom-right-radius 1em;
}
@media screen and (max-width 900px) {
.sidebar{
display none;
}
ul#grid{
margin-top 50px;
margin-left -50px;
}
.copyright{
display none;
}
}
@media screen and (max-width 1100px){
ul#grid{
padding-left 160px;
}
.copyright{
display none;
}
}
.bottom{
position absolute;
bottom -20px;
left 0;
visibility hidden;
width 100%;
height 1px;
}
.scroller{
position fixed !important;
}
.sidebar img.circle ,
.sidebar img.square{
width 100px;
height 100px;
position absolute;
left 95px;
top -50px;
border-radius 50%;
box-shadow 0 0 0 2px {colorAvatar Border} ;
}
.sidebar img.square{
border-radius 0px;
}
.sidebarhover img.square ,
.sidebarhover img.circle{
animationbounceOut .4s linear;
-moz-animationbounceOut .4s linear;
-webkit-animationbounceOut .4s linear;
}
@-moz-keyframes bounceOut {
0%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
25%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
50%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1; }
75%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1;}
100%{ box-shadow 0 0 0 2px {colorAvatar Border}; opacity1;}
}
@-webkit-keyframes bounceOut {
0%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
25%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
50%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1; }
75%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1;}
100%{ box-shadow 0 0 0 2px {colorAvatar Border}; opacity1;}
}
@keyframes bounceOut {
0%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
25%{ box-shadow 0 0 0 1px {colorAvatar Border}; opacity1;}
50%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1; }
75%{ box-shadow 0 0 0 3px {colorAvatar Border}; opacity1;}
100%{ box-shadow 0 0 0 2px {colorAvatar Border}; opacity1;}
}
.sidebar h1{
width 100%;
font-size {textTitle Font Size}px;
font-family {selectTitle Font};
text-align center;
margin-bottom 5px;
line-height 1.1;
letter-spacing 0.6;
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
color {colorTitle};
}
.sidebar h2{
width 100%;
text-align center;
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
color {colorDescription};
}
pfirst-of-type {
margin-top 0;
}
p {
margin-top 18px;
}
.caption , .texttitle{
width 100%;
background #fff;
font-size 14px;
color #666 ;
padding 15px 10px 10px;
font-family monospace !important;
position relative;
}
.texttitle a{
text-align center;
text-transform lowercase;
color {colorPost Header} !important;
}
.link-arrow p , .caption p{
text-align left;
color #666 !important;
padding-left 6px;
font-family monospace !important;
border-left 2px solid rgba(0,0,0,0.3);
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
}
.caption ul{
padding-left 45px;
}
.caption img{
max-width 95%;
margin 5px auto;
}
.caption li img{
max-width 95%;
margin 5px auto;
}
.caption ul li{
list-style-type lower-roman;
}
blockquote{
padding 10px;
color #666 !important;
}
.link-arrow a{
margin 0 5px 0 8.5px;
}
section {
position relative;
z-index 1;
-webkit-backface-visibility hidden;
backface-visibility hidden;
}
section a {
position relative;
display inline-block;
outline none;
color #404d5b;
vertical-align bottom;
text-decoration none;
}
section abefore,
section aafter {
pointer-events none;
-webkit-backface-visibility hidden;
backface-visibility hidden;
-webkit-font-smoothing antialiased;
font-smoothing antialiased;
}
.link-arrow a {
padding 0 0.25em;
color #666;
-webkit-transition -webkit-transform 0.3s;
transition transform 0.3s;
-webkit-transform translateX(0);
transform translateX(0);
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
}
.link-arrow ahover,
.link-arrow aafter {
-webkit-transform translateX(-1em);
transform translateX(-1em);
}
.link-arrow abefore,
.link-arrow aafter {
position absolute;
height 100%;
content '';
}
.link-arrow abefore {
left 0;
z-index -1;
width 100%;
background {colorLinks};
}
a{
color {colorLinks};
text-decoration none;
}
.link-arrow aafter {
left 100%;
z-index -2;
width 1em;
color#000;
top0;
opacity 0.8;
background #000 url(httpstatic.tumblr.comzdvilray5Onhissfarrow_right.svg) no-repeat 50% 50%;
background-size 60% auto;
text-align center;
font-family Arial, sans-serif;
-webkit-transition -webkit-transform 0.3s;
transition transform 0.3s;
pointer-events auto;
}
.link-arrow ahoverafter,
.link-arrow afocusafter {
-webkit-transform translateX(0);
transform translateX(0);
}
.tags-border , .title-border{
position absolute;
width 70px;
height 1px;
left 216px;
top 5px;
border-top 1px dotted #666;
}
.action-border{
position absolute;
width 50px;
height 1px;
left 226px;
top 0px;
border-top 1px dotted #666;
}
.link-svgmarker{
padding 10px;
background #fff;
overflow hidden;
}
.link-svgmarker a{
font-weight 500;
margin-right8px;
line-height 1;
color {colorTags};
}
.link-svgmarker a svg.link-svgline {
position absolute;
top 110%;
left 0;
z-index -1;
overflow hidden;
margin 0;
width 100%;
height 26px;
opacity 0.6;
-webkit-transition stroke-dashoffset 0.5s ease-in-out;
transition stroke-dashoffset 0.5s ease-in-out;
-webkit-transform translateY(-100%);
transform translateY(-100%);
fill none;
stroke {colorTags Hover};
stroke-width 36;
stroke-dasharray 400px;
stroke-dashoffset 400px;
}
.link-svgmarker ahover svg.link-svgline {
stroke-dashoffset 0px;
}
.svg-wrap{
visibility hidden;
display none;
}
.menu{
margin 0 auto;
width 90%;
text-align center;
}
.menu li{
margin 10px 0px;
}
.menu li span{
padding-left 7px;
}
ul.menu-arrow {
position relative;
z-index 1;
padding 10px 0px;
-webkit-backface-visibility hidden;
backface-visibility hidden;
}
ul.menu-arrow a {
position relative;
display inline-block;
outline none;
color #404d5b;
vertical-align bottom;
text-decoration none;
}
ul.menu-arrow li abefore,
ul.menu-arrow li aafter {
pointer-events none;
-webkit-backface-visibility hidden;
backface-visibility hidden;
-webkit-font-smoothing antialiased;
font-smoothing antialiased;
}
.menu-arrow li a {
color {colorMenu Icons};
}
.menu-arrow a svg.link-svgline {
position absolute;
top 115%;
left 0;
overflow hidden;
margin 0;
width 100%;
height 15px;
-webkit-transition stroke-dashoffset 0.3s ease-in-out;
transition stroke-dashoffset 0.3s ease-in-out;
-webkit-transform translateY(-90%);
transform translateY(-90%);
fill none;
stroke {colorMenu Icons Hover};
opacity 0.8;
stroke-width 3;
stroke-dasharray 400px;
stroke-dashoffset 400px;
}
.menu-arrow ahover svg.link-svgline {
stroke-dashoffset 0px;
}
.p-footer{
width 100%;
height 40px;
position relative;
padding-left 5px;
}
.post-like, .post-reblog , .post-share{
float left;
position relative;
margin-top 13px;
margin-left 7px;
}
.permalink{
float left;
position relative;
margin-top 12px;
margin-left 9px;
}
.date{
float right;
position relative;
}
.date a{
color #666;
}
.post-like i , .post-reblog a , .permalink-icon{
display block;
font-size 20px;
font-family 'leen-theme';
cursor pointer;
-webkit-transition all 0.5s ease;
transition all 0.5s ease;
}
.link-icon{
font-family 'leen-theme';
font-size 25px;
color #666;
}
.post-likehover i {
color {colorLike Reblog Hover};
}
.post-reblog ahover{
-ms-transform rotateZ(-360deg);
-webkit-transform rotateZ(-360deg);
transform rotateZ(-360deg);
color {colorLike Reblog Hover};
}
.fa-bars{
-webkit-transition all 0.5s ease;
transition all 0.5s ease;
display block;
font-size 16px;
cursor pointer;
color #666;
}
.post-like i , .post-reblog a {
position relative;
color #666;
z-index 1;
}
.like_button {
position absolute;
top 0.5px;
left 1px;
opacity 0;
z-index 999999;
cursor pointer;
}
.like_button.liked {
opacity 1;
}
.icon-heartbefore {
content e603;
}
.icon-reblogbefore {
content e61d;
padding 0;
margin 0;
}
.linkwrap{
width 100%;
position relative;
}
.link-host{
width 100%;
min-height 50px;
line-height 1.4;
padding 10px 90px;
text-align center;
}
.link-host a , .post-asker p{
font-size 13px;
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
text-transform lowercase;
color {colorPost Header} !important;
}
.post-asker{
width 100%;
min-height 50px;
line-height 50px;
padding 0px 90px;
text-align center;
}
.link-img , .no-thumbnail{
position absolute;
right 2px;
top 2px;
z-index 1;
}
.no-thumbnail{
z-index 0;
}
.link-img img , .no-thumbnail img{
border1px solid #000;
width 48px;
height 48px;
}
.link-iconbefore {
content e601;
}
.permalink-iconbefore{
content e601;
}
.permalink-icon{
font-size 18px;
color #666;
}
.permalink-iconhover{
color {colorLike Reblog Hover};
}
.chatwrap div{
text-align left;
padding 3px 10px;
font-size 13px;
color #777;
}
.odd{
background none repeat scroll 0% 0% #F1F1F0;
}
.odd , .even{
width 90%;
margin 0 auto;
}
.chatwrap divfirst-child{
margin-top 10px;
}
.chatwrap divlast-child{
border none;
margin-bottom 20px;
}
.odd .label{
color {colorPost Header} !important;
}
.even .label{
color #A9BCF5 !important;
}
.chatwrap .line{
line-height 1.5;
}
#infscr-loading {
width 500px;
padding 20px;
font-size 13px;
color #fff;
background {colorPost Header};
text-align center;
margin 0 auto;
}
#infscr-loading img{
display none;
}
#infscr-loading em{
margin 0 auto;
width 100%;
padding 10px 10px 10px 35px;
}
.post-notes{
text-align left;
background #fff;
position relative;
width 502px;
}
.notes{
padding 15px;
}
.notes li img{
height 20px;
width 20px;
border 1px solid rgba(0, 0, 0, 0.8);
}
.notes li{
height auto;
position relative;
margin3px;
display inline-block;
}
.notes li span{
display none;
}
.more_notes_link , .notes_loading{
font-size 12px;
padding 15px;
color #666;
}
ol blockquote{
display none;
}
#disqus_thread{
padding 15px;
}
.post-share span{
position absolute;
font-size 17px;
top 0.5px;
left 3px;
cursor pointer;
height 20px;
width 20px;
color #666;
}
.post-sharehover span{
color {colorLike Reblog Hover};
}
.checkboxchecked ~ .social {
opacity1;
-webkit-transform scale(1) translateY(-50px);
-moz-transformscale(1) translateY(-50px);
-o-transformscale(1) translateY(-50px);
transformscale(1) translateY(-50px);
-webkit-transition0.3s ease;
-moz-transition0.3s ease;
-o-transition0.3s ease;
transition0.3s ease;
}
input.checkbox{
position absolute;
top 0;
left 0;
cursor pointer;
height 20px;
width 20px;
opacity 0;
color #666;
}
.social {
transform-origin50% 0%;
-webkit-transform scale(0) translateY(10px);
-moz-transformscale(0) translateY(10px);
-o-transformscale(0) translateY(10px);
transformscale(0) translateY(10px);
opacity0;
transition all 0.3s ease;
position absolute;
left -50px;
z-index 999;
}
.social ul {
positionrelative;
left0;
right0;
marginauto;
color#fff;
height38px;
width120px;
padding0;
background #fff;
list-stylenone;
}
.social ul a{
color #fff;
}
.social ul li {
font-size15px;
cursorpointer;
width40px;
margin0;
padding12px 0;
text-aligncenter;
floatleft;
displayblock;
height38px;
}
.social ul anth-child(1) li{
background #3c5b9b;
}
.social ul anth-child(2) li{
background #2daae1;
}
.social ul anth-child(3) li{
background #f63e28;
}
.social ulafter {
content'';
displayblock;
positionabsolute;
left0;
right0;
margin35px auto;
height0;
width0;
border-left 10px solid transparent;
border-right 10px solid transparent;
border-top 10px solid #2daae1;
}
nav a {
position absolute;
top 50%;
display block;
outline none;
text-align left;
-webkit-transform translateY(-50%);
transform translateY(-50%);
}
nav a.prev {
left 0;
}
nav a.next {
right 0;
}
a.next , a.prev{
width 80px !important;
height 80px !important;
}
div.icon-wrap {
position relative;
display block;
width 100%;
height 100%;
}
a.nextbefore,
a.nextafter,
a.prevbefore,
a.prevafter,
div.icon-wrapbefore,
div.icon-wrapafter {
position absolute;
left 50%;
width 3px;
height 50%;
background #333;
content '';
-webkit-transition -webkit-transform 0.3s;
transition transform 0.3s;
-webkit-backface-visibility hidden;
backface-visibility hidden;
}
div.icon-wrapbefore,
div.icon-wrapafter {
z-index 100;
height 0;
background #fff;
-webkit-transition height 0.3s, -webkit-transform 0.3s;
transition height 0.3s, transform 0.3s;
}
a.prevbefore,
a.nextbefore,
div.icon-wrapbefore {
top 50%;
-webkit-transform translateX(-50%) rotate(-135deg);
transform translateX(-50%) rotate(-135deg);
-webkit-transform-origin 50% 0%;
transform-origin 50% 0%;
}
a.nextbefore,
a.next div.icon-wrapbefore {
-webkit-transform translateX(-50%) rotate(135deg);
transform translateX(-50%) rotate(135deg);
-webkit-transform-origin 50% 0%;
transform-origin 50% 0%;
}
a.prevafter,
a.nextafter,
div.icon-wrapafter {
top 50%;
-webkit-transform translateX(-50%) rotate(-45deg);
transform translateX(-50%) rotate(-45deg);
-webkit-transform-origin 0 0;
transform-origin 0 0;
}
.pagination .nextbefore{
padding 0 !important;
content '';
float none;
}
a.next.nextafter,
a.next.next div.icon-wrapafter {
-webkit-transform translateX(-50%) rotate(45deg);
transform translateX(-50%) rotate(45deg);
-webkit-transform-origin 100% 0%;
transform-origin 100% 0%;
}
a.prevhover div.icon-wrapbefore,
a.prevhover div.icon-wrapafter,
a.nexthover div.icon-wrapbefore,
a.nexthover div.icon-wrapafter {
height 50%;
}
a.prevhoverbefore,
a.prevhover div.icon-wrapbefore,
a.nexthoverbefore,
a.nexthover div.icon-wrapbefore {
-webkit-transform translateX(-50%) rotate(-125deg);
transform translateX(-50%) rotate(-125deg);
}
a.nexthoverbefore,
a.nexthover div.icon-wrapbefore {
-webkit-transform translateX(-50%) rotate(125deg);
transform translateX(-50%) rotate(125deg);
}
a.prevhoverafter,
a.prevhover div.icon-wrapafter,
a.nexthoverafter,
a.nexthover div.icon-wrapafter {
-webkit-transform translateX(-50%) rotate(-55deg);
transform translateX(-50%) rotate(-55deg);
}
a.nexthoverafter,
a.nexthover div.icon-wrapafter {
-webkit-transform translateX(-50%) rotate(55deg);
transform translateX(-50%) rotate(55deg);
}
.counter {
text-align center;
position absolute;
width 100%;
font-size 40px;
top 24px;
color #333;
font-family 'Poiret One', cursive;
}
.pagination{
width 502px;
height 100px;
position relative;
padding 0 !important;
{blockIfInfiniteScrolling}
{blockIndexPage}
visibility hidden;
{blockIndexPage}
{blockIfInfiniteScrolling}
}
.mask{
width 502px;
height 100px;
position absolute;
opacity 0.7;
top 0;
left 0;
background {colorPagination Background} !important;
}
.copyright{
position fixed;
bottom 80px;
left -60px;
width 85px;
height 25px;
background #fff;
transition all 0.4s ease;
}
.copyright a{
color #4b4b4b !important;
transition all 0.4s ease;
}
.fa-copyright{
float right;
margin 6px;
}
.copyrighthover{
background #56bc8a;
left 0px;
}
.copyrighthover a{
color #fff !important;
}
.themes{
float left;
margin 5px;
}
#installtheme {
positionfixed;
top25px;
right2.8px;
z-index999;
opacity 0.9;
}
{blockPermalinkPage}
.pagination{
position fixed;
right 90px;
bottom 80px;
width 180px;
}
.mask{
width 180px;
}
{blockPermalinkPage}
{blockIfInfiniteScrolling}
.scrollup{
width60px;
height60px;
text-indent-9999px;
positionfixed;
bottom50px;
right50px;
opacity 0.8;
displaynone;
background url(httpstatic.tumblr.como4g7vawggunhp08yscroll-top.svg) #000;
-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;
}
.scrolluphover{
opacity 1;
}
{blockIfInfiniteScrolling}
.tag-page{
width 250px;
position fixed;
top 90px;
right 40px;
font-size 16px;
padding 8px;
opacity 0.8;
text-align center;
line-height 1.3;
letter-spacing 0.6;
background {colorPagination Background} !important;
white-space pre-wrap;
white-space -moz-pre-wrap;
white-space -pre-wrap;
white-space -o-pre-wrap;
word-wrap break-word;
color #000;
}
.tag-page .fa-slack{
padding-right 10px;
}
{CustomCSS}
style
head
body
div class=container
div class=svg-wrap
svg viewBox=0 0 400 20 xmlns=httpwww.w3.org2000svg
path id=svg_line d=m 1.986,8.91 c 55.429038,4.081 111.58111,5.822 167.11781,2.867 22.70911,-1.208 45.39828,-0.601 68.126,-0.778 28.38173,-0.223 56.76079,-1.024 85.13721,-1.33 24.17379,-0.261 48.42731,0.571 72.58115,0.571path
svg
svg viewBox=0 0 400 60 xmlns=httpwww.w3.org2000svg
path id=svg_marker d=m 3.518915,27.827324 c 55.429038,4.081 111.581115,5.822 167.117815,2.867 22.70911,-1.208 45.39827,-0.601 68.126,-0.778 28.38172,-0.223 56.76078,-1.024 85.13721,-1.33 24.17378,-0.261 48.4273,0.571 72.58114,0.571path
svg
div
{blockTagPage}
div class=tag-page
pi class=fa fa-slacki{Tag}p
div
{blockTagPage}
div class=copyright
a href=httptumblrtema.net target=_blankspan class=TemalarTemalarspani class=fa fa-copyrightia
div
div class=sidebar
a href=img id=leen class={AvatarShape} src={Favicon}a
a href=h1{Title}h1a
{blockDescription}h2{Description}h2{blockDescription}
div class=menu
ul class=menu-arrow
{blockAskEnabled}
lia href=aski class=fa fa-envelope-oispan{AskLabel}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockAskEnabled}
{blockSubmissionsEnabled}
lia href=submiti class=fa fa-plugispan{SubmitLabel}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockSubmissionsEnabled}
{blockHasPages}
{blockPages}
lia href={URL} target={Target}i class=fa fa-file-powerpoint-oispan{Label}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockPages}
{blockHasPages}
{blockIfShowFeedPage}
lia href={RSS}i class=fa fa-rssispanFeedsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockIfShowFeedPage}
{blockIfShowRandomPost}
lia href=randomi class=fa fa-randomispanRandomsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockIfShowRandomPost}
{blockIfShowArchivePage}
lia href=archivei class=fa fa-newspaper-oispanArchivesvg class=link-svglineuse xlinkhref=#svg_linesvgspanali
{blockIfShowArchivePage}
{blockIfTag1}lia href={BlogURL}tagged{textTag 1}i class=fa fa-slackispan{textTag 1}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag1}
{blockIfTag2}lia href={BlogURL}tagged{textTag 2}i class=fa fa-slackispan{textTag 2}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag2}
{blockIfTag3}lia href={BlogURL}tagged{textTag 3}i class=fa fa-slackispan{textTag 3}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag3}
{blockIfTag4}lia href={BlogURL}tagged{textTag 4}i class=fa fa-slackispan{textTag 4}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag4}
{blockIfTag5}lia href={BlogURL}tagged{textTag 5}i class=fa fa-slackispan{textTag 5}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag5}
{blockIfTag6}lia href={BlogURL}tagged{textTag 6}i class=fa fa-slackispan{textTag 6}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag6}
{blockIfTag7}lia href={BlogURL}tagged{textTag 7}i class=fa fa-slackispan{textTag 7}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag7}
{blockIfTag8}lia href={BlogURL}tagged{textTag 8}i class=fa fa-slackispan{textTag 8}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag8}
{blockIfTag9}lia href={BlogURL}tagged{textTag 9}i class=fa fa-slackispan{textTag 9}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag9}
{blockIfTag10}lia href={BlogURL}tagged{textTag 10}i class=fa fa-slackispan{textTag 10}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag10}
{blockIfTag11}lia href={BlogURL}tagged{textTag 11}i class=fa fa-slackispan{textTag 11}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag11}
{blockIfTag12}lia href={BlogURL}tagged{textTag 12}i class=fa fa-slackispan{textTag 12}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag12}
{blockIfTag13}lia href={BlogURL}tagged{textTag 13}i class=fa fa-slackispan{textTag 13}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag13}
{blockIfTag14}lia href={BlogURL}tagged{textTag 14}i class=fa fa-slackispan{textTag 14}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag14}
{blockIfTag15}lia href={BlogURL}tagged{textTag 15}i class=fa fa-slackispan{textTag 15}svg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTag15}
{blockIfWebSiteURL}lia href={textWebSite URL} target=_blanki class=fa fa-linkispanMy WebSitesvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfWebSiteURL}
{blockIfFacebookURL}lia href={textFacebook URL} target=_blanki class=fa fa-facebookispanFacebooksvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfFacebookURL}
{blockIfTwitterURL}lia href={textTwitter URL} target=_blanki class=fa fa-twitterispanTwittersvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfTwitterURL}
{blockIfGooglePlusURL}lia href={textGoogle Plus URL} target=_blanki class=fa fa-google-plusispanGoogle Plussvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfGooglePlusURL}
{blockIfDribbbleURL}lia href={textDribbble URL} target=_blanki class=fa fa-dribbbleispanDribbblesvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfDribbbleURL}
{blockIfInstagramURL}lia href={textInstagram URL} target=_blanki class=fa fa-instagramispanInstagramsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfInstagramURL}
{blockIfFlickrURL}lia href={textFlickr URL} target=_blanki class=fa fa-flickrispanFlickrsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfFlickrURL}
{blockIfYoutubeURL}lia href={textYoutube URL} target=_blanki class=fa fa-youtube-playispanYoutubesvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfYoutubeURL}
{blockIfVimeoURL}lia href={textVimeo URL} target=_blanki class=fa fa-vimeo-squareispanVimeosvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfVimeoURL}
{blockIfDeviantArtURL}lia href={textDeviantArt URL} target=_blanki class=fa fa-deviantartispanDeviantArtsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfDeviantArtURL}
{blockIfPinterestURL}lia href={textPinterest URL} target=_blanki class=fa fa-pinterestispanPinterestsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfPinterestURL}
{blockIfLinkedInURL}lia href={textLinkedIn URL} target=_blanki class=fa fa-linkedin-squareispanLinkedInsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfLinkedInURL}
{blockIfBehanceURL}lia href={textBehance URL} target=_blanki class=fa fa-behanceispanBehancesvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfBehanceURL}
{blockIfGitHubURL}lia href={textGitHub URL} target=_blanki class=fa fa-github-altispanGitHubsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfGitHubURL}
{blockIfSpotifyURL}lia href={textSpotify URL} target=_blanki class=fa fa-spotifyispanSpotifysvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfSpotifyURL}
{blockIfSoundCloudURL}lia href={textSoundCloud URL} target=_blanki class=fa fa-soundcloudispanSoundCloudsvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfSoundCloudURL}
{blockIfWordpressURL}lia href={textWordpress URL} target=_blanki class=fa fa-wordpressispanWordpresssvg class=link-svglineuse xlinkhref=#svg_linesvgspanali{blockIfWordpressURL}
lia href=httptumblrtema.net target=_blanki class=fa fa-paint-brushispanTumblr Temasvg class=link-svglineuse xlinkhref=#svg_linesvgspanali
ul
div
div class=bottomdiv
div
ul id=grid
{blockPosts}
li class=post
{blockPhoto}
{LinkOpenTag}img class=post-img src={PhotoURL-HighRes} alt={PhotoAlt}{LinkCloseTag}
{blockPhoto}
{blockPhotoset}
{Photoset-500}
{blockPhotoset}
{blockAudio}
{AudioEmbed-500}
{blockAudio}
{blockVideo}
{VideoEmbed-500}
{blockVideo}
{blockText}
{blockTitle}
div class=texttitle
a href={Permalink} {Target}h2{Title}h2a
div
{blockTitle}
div class=caption
{blockTitle}
div class=title-borderdiv
{blockTitle}
{blockDate}
section class=link-arrow
{blockDate}
p{Body}p
{blockDate}
section
{blockDate}
div
{blockText}
{blockLink}
div class=linkwrap
div class=link-host
{blockHost}
a href={URL} {Target}{Name}br{Host}a
{blockHost}
div
div class=link-img
{blockThumbnail}
a href={URL} {Target} img class=thumbnail src={Thumbnail}a
{blockThumbnail}
div
div class=no-thumbnail
a href={URL} {Target} class=link-icona
div
div
{blockDescription}
div class=caption
div class=title-borderdiv
section class=link-arrow
p{Description}p
section
div
{blockDescription}
{blockLink}
{blockQuote}
div class=caption
section class=link-arrow
p{Quote}p
{blockSource}
- {Source}
{blockSource}
section
div
{blockQuote}
{blockAnswer}
div class=linkwrap
div class=post-asker
p{langAsker asked}p
div
div
div class=caption
div class=title-borderdiv
p{Question}p
div
div
div class=link-img
a href={Permalink} {Target}img src={AskerPortraitURL-48}a
div
div
div class=caption
div class=title-borderdiv
section class=link-arrow
p{Answer}p
section
div
{blockAnswer}
{blockChat}
{blockTitle}
div class=post-asker
p{Title}p
div
{blockTitle}
div class=chatwrap
{blockLines}
div class={Alt} user_{UserNumber}
{blockLabel}
span class=label{Label}span
{blockLabel}
span class=line{Line}span
div
{blockLines}
div
{blockChat}
{blockIfShowCaptionAndTags}
{blockCaption}
div class=caption
section class=link-arrow
p{Caption}p
section
div
{blockCaption}
{blockHasTags}
section class=link-svgmarker
{blockCaption}
div class=tags-borderdiv
{blockCaption}
{blockTags}
a href={TagURL} {Target}#{Tag}svg class=link-svglineuse xlinkhref=#svg_markersvga
{blockTags}
section
{blockHasTags}
{blockIfShowCaptionAndTags}
{blockDate}
div class=p-footer
{blockHasTags}
div class=action-borderdiv
{blockHasTags}
div class=post-reblog
a class=icon-reblog href={ReblogURL} target=_blank title=Rebloga
div
div class=post-like
i class=icon-hearti
{LikeButton size=18}
div
{blockIndexPage}
div class=permalink
a href={Permalink} {Target}title=Permalinki class=permalink-iconia
div
{blockIndexPage}
div class=post-share
spani class=fa fa-share-square-oispan
input type=checkbox class=checkbox id=share
div class=social
ul
a href=httpswww.facebook.comsharersharer.phpu={Permalink} onclick=javascriptvoid window.open('httpswww.facebook.comsharersharer.phpu={Permalink}','1407949634885','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;lii class=fa fa-facebookilia
a href=httpstwitter.comintenttweeturl={Permalink} onclick=javascriptvoid window.open('httpstwitter.comintenttweeturl={Permalink}','1407949672085','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;lii class=fa fa-twitterilia
a href=httpsplus.google.comshareurl={Permalink} onclick=javascriptvoid window.open('httpsplus.google.comshareurl={Permalink}','1407949574551','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;lii class=fa fa-google-plusilia
ul
div
div
div class=date
section class=link-svgmarker
{blockIndexPage}
{blockifDateFormatTimeAgo}
a href={Permalink}{TimeAgo}svg class=link-svglineuse xlinkhref=#svg_markersvga
{blockifDateFormatTimeAgo}
{blockifNotDateFormatTimeAgo}
a href={Permalink}{ShortMonth} {DayOfMonthWithZero} {Year}svg class=link-svglineuse xlinkhref=#svg_markersvga
{blockifNotDateFormatTimeAgo}
{blockIndexPage}
{blockPermalinkPage}
a href={Permalink}{NoteCountWithLabel}svg class=link-svglineuse xlinkhref=#svg_markersvga
{blockPermalinkPage}
section
div
div
{blockDate}
li
{blockPermalinkPage}
{blockPermalinkPage}
{blockPostNotes}
div class=post-notes
{PostNotes-64}
div
{blockPostNotes}
{blockDate}
{blockIfDisqusShortname}
div class=post-notes
div id=disqus_threaddiv
script type=textjavascript src=httpdisqus.comforums{textDisqus Shortname}embed.jsscript
noscripta href=http{textDisqus Shortname}.disqus.comurl=ref{langView the discussion thread}anoscript
div
{blockIfDisqusShortname}
{blockDate}
{blockPermalinkPage}
{blockPosts}
{blockIfInfiniteScrolling}
{blockIndexPage}a href= class=scrollup style=display none;Scrolla{blockIndexPage}
{blockIfInfiniteScrolling}
{blockIndexPage}
{blockPagination}
div class=pagination
div class=maskdiv
div class=counterdiv
nav
span class=prev
{blockPreviousPage}a href={PreviousPage} class=prevdiv class=icon-wrapdiva{blockPreviousPage}
span
span class=next
{blockNextPage}a href={NextPage} class=next id=nextdiv class=icon-wrapdiva{blockNextPage}
span
nav
div
{blockPagination}
{blockIndexPage}
{blockPermalinkPage}
{blockPermalinkPagination}
div class=pagination
div class=maskdiv
nav
span class=prev
{blockNextPost}a href={NextPost} class=prevdiv class=icon-wrapdiva{blockNextPost}
span
span class=next
{blockPreviousPost}a href={PreviousPost} class=nextdiv class=icon-wrapdiva{blockPreviousPost}
span
nav
div
{blockPermalinkPagination}
ul
div
{blockIfGoogleAnalyticsID}
script
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]function(){
(i[r].q=i[r].q[]).push(arguments)},i[r].l=1new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','www.google-analytics.comanalytics.js','ga');
ga('create', '{textGoogle Analytics ID}', 'tumblr.com');
ga('send', 'pageview');
script
{blockIfGoogleAnalyticsID}
{blockPermalinkPage}
{blockIfDisqusShortname}
script type=textjavascript
![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '';
for(var i = 0; i links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') = 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('script charset=utf-8 type=textjavascript src=httpdisqus.comforums{textDisqus Shortname}get_num_replies.js' + query + '' + 'script');
})();
]]
script
{blockIfDisqusShortname}
{blockPermalinkPage}
{blockIfNotInfiniteScrolling}
script
var pr = document.querySelector( '.prev' );
var pl = document.querySelector( '.next' );
pr.onclick = slide.bind( this, -1 );
pl.onclick = slide.bind( this, 1 );
var index = {CurrentPage}-1 , total = {TotalPages};
function slide(offset) {
index = Math.min( Math.max( index + offset, 0 ), total - 1 );
document.querySelector( '.counter' ).innerHTML = ( index + 1 ) + ' - ' + total;
pr.setAttribute( 'data-state', index === 0 'disabled' '' );
pl.setAttribute( 'data-state', index === total - 1 'disabled' '' );
}
slide(0);
script
{blockIfNotInfiniteScrolling}
{blockIfInfiniteScrolling}
{blockIndexPage}
script type=textjavascript
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() 400) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$(html, body).animate({ scrollTop 0 }, 600);
return false;
});
});
script
{blockIndexPage}
{blockIfInfiniteScrolling}
{blockIndexPage}
{blockIfInfiniteScrolling}
script src=httpsajax.googleapis.comajaxlibsjquery1.7.1jquery.min.jsscript
script src=httpstatic.tumblr.como4g7vawkBknhnaryinfinite-scroll.jsscript
script
$(function(){
var container = $('ul#grid');
container.infinitescroll({
navSelector 'div.pagination',
nextSelector 'div.pagination a#next',
itemSelector 'ul#grid li.post',
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity 1 });
var $newElemsIDs = $newElems.map(function () {
return this.id;
}).get();
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity 1 });
container.masonry( 'appended', $newElems, true );
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
});
}
);
});
script
{blockIfInfiniteScrolling}
script src=httpstatic.tumblr.comzdvilraU7Ankxh0xmesut.jsscript
{blockIndexPage}
script type=textjavascript
$.fn.isOnScreen = function(){
var win = $(window);
var viewport = {
top win.scrollTop(),
left win.scrollLeft()
};
viewport.right = viewport.left + win.width();
viewport.bottom = viewport.top + win.height();
var bounds = this.offset();
bounds.right = bounds.left + this.outerWidth();
bounds.bottom = bounds.top + this.outerHeight();
return (!(viewport.right bounds.left viewport.left bounds.right viewport.bottom bounds.top viewport.top bounds.bottom));
};
$(function() {
if ($('div.bottom').isOnScreen()) {
$('div.sidebar').addClass('scroller');
}
});
script
body
html!-- THANKS TO LEEN HASSO 3 --
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol