Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en" class="no-js">
- <head>
- <!--===================================================================
- Baltaji Tumblr theme, v1.0.0
- Created by Hakuna Matata
- Published on May 6, 2015
- All rights reserved
- If you have any questions, please send me an email:
- leentheme@hotmail.com with the name of the theme and a link
- to your blog.
- Feel free to edit and customize this theme for personal use.
- more themes ? ===> http://www.leenthemes.com/
- http://www.leenthemes.com/
- Published on May 3, 2015
- All rights reserved
- ==================================================================
- External resources used in this theme:
- # SCRIPT: jQuery v1.11.2
- + http://jquery.com
- + jQuery Foundation, Inc. and other contributors
- + Licensed under the MIT license
- # SCRIPT: Infinite Scroll
- + https://github.com/paulirish/infinite-scroll
- + version 2.0b2.120519
- + Copyright 2011/12 Paul Irish & Luke Shumard
- + Licensed under the MIT license
- # SCRIPT: Modernizr 2.8.3 (Custom Build) | MIT & BSD
- + http://modernizr.com
- # FONT: FONT AWESOME (v4.3.0)
- + http://fontawesome.io
- + Dave Gandy
- + Font licensed under the SIL Open Font License 1.1
- + CSS licensed under the MIT license
- ============================================================== -->
- <title>{Title}{block:TagPage} • Posts Tagged ‘{Tag}’{/block:TagPage}{block:PostSummary} • {PostSummary}{/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <meta charset="UTF-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <script src="http://static.tumblr.com/6znvctm/BiVnnze9x/baltaji.js"></script>
- <link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <link href='//fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
- <link href="//fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,400italic" rel="stylesheet" type="text/css">
- <link href='http://fonts.googleapis.com/css?family=Khula:300,600,400,700' rel='stylesheet' type='text/css'>
- {block:Hidden}
- <meta name="image:Background image" content=""/>
- <meta name="if:Repeat Backgruond" content="1"/>
- <meta name="if:Infinite Scrolling" content="1"/>
- <meta name="if:Show Tag Cloud" content="0"/>
- <meta name="if:People I follow" content="1"/>
- <meta name="if:Show Exif and camera info" content="1"/>
- <meta name="color:Gradient top" content="#97c5e0">
- <meta name="color:Gradient bottom" content="#f7c282">
- <meta name="color:Title Color" content="#94C2C2"/>
- <meta name="color:Link Header" content="#A67EC2"/>
- <meta name="color:Text Header" content="#94C2C2"/>
- <meta name="color:Quote Header" content="#D98C40"/>
- <meta name="color:Tags Color" content="#9991C2"/>
- <meta name="color:Menu Icons" content="#94C2C2"/>
- <meta name="color:Search Color" content="#94C2C2"/>
- <meta name="color:Footer Color" content="#ffffff">
- <meta name="if:Show Tag Cloud" content="1"/>
- <meta name="if:Show search widget" content="1"/>
- <meta name="if:Show Caption" content="1"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Archive Page" content="1"/>
- <meta name="if:Show Feed Page" content="0"/>
- <meta name="if:Show Reblogged From Avatar" content="1"/>
- <meta name="text:Instagram photo count" content="6" />
- <meta name="text:Instagram userId" content="" />
- <meta name="text:Instagram access token" content="" />
- <meta name="text:Dribbble User Name" content="" />
- <meta name="text:We Heart It User Name" content="" />
- <meta name="text:Disqus Shortname" content=""/>
- <meta name="text:WebSite URL" content=""/>
- <meta name="text:Facebook URL" content=""/>
- <meta name="text:Google URL" content=""/>
- <meta name="text:Vine URL" content=""/>
- <meta name="text:Twitter URL" content=""/>
- <meta name="text:Google Plus URL" content=""/>
- <meta name="text:Dribbble URL" content=""/>
- <meta name="text:Instagram URL" content=""/>
- <meta name="text:Flickr URL" content=""/>
- <meta name="text:Youtube URL" content=""/>
- <meta name="text:Vimeo URL" content=""/>
- <meta name="text:DeviantArt URL" content=""/>
- <meta name="text:Pinterest URL" content=""/>
- <meta name="text:LinkedIn URL" content=""/>
- <meta name="text:Behance URL" content=""/>
- <meta name="text:GitHub URL" content=""/>
- <meta name="text:Spotify URL" content=""/>
- <meta name="text:SoundCloud URL" content=""/>
- <meta name="text:Wordpress URL" content=""/>
- <meta name="text:Extra head scripts" content=""/>
- <meta name="text:Extra body scripts" content=""/>
- {/block:Hidden}
- <!--[if IE]>
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <!-- Stylesheets -->
- {block:IfExtraheadscripts}{text:Extra head scripts}{/block:IfExtraheadscripts}
- <link rel="stylesheet" href="http://static.tumblr.com/zdvilra/GZGnmptcq/bootstrap.min.css">
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <link rel="stylesheet" type="text/css" href="//static.tumblr.com/cah6mnn/7Ztnlplyd/colorbox.css">
- <style type="text/css">
- body{
- font-family: 'Sofia Pro', sans-serif;
- font: normal 14px/22px 'Droid Sans', sans-serif;
- color: rgb(94, 102, 97);
- font-size: 15px;
- overflow-x: hidden;
- line-height: 1.5;
- background: linear-gradient(to bottom, {color:Gradient top} 0%, {color:Gradient bottom} 100%) repeat fixed 0% 0% transparent;
- {block:IfBackgroundImageImage}
- {block:IfNotRepeatBackgruond}
- background: url('{image:Background Image}') center center fixed;
- background-size: 100% 100% !important;
- {/block:IfNotRepeatBackgruond}
- {block:IfRepeatBackgruond}
- background: url({image:Background Image}) repeat fixed;
- {/block:IfRepeatBackgruond}
- {/block:IfBackgroundImageImage}
- }
- .container{margin-top: 50px;}
- ::selection {background: #ddf2e8;color:#000;}
- ::-moz-selection { background: #ddf2e8;color:#000;}
- .item{
- background: #fff;
- margin-bottom: 50px;
- border-radius: 5px;
- padding: 15px;
- box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
- }
- .item .closePanel , .item .DragPanel , .item .Draggable-note{
- display: none !important;
- }
- .info{
- width: 60px;
- height: 60px;
- font-family: 'Pacifico', cursive;
- position: absolute;
- top: 20px;
- right: -50px;
- background: #fff;
- cursor: pointer;
- border-radius: 10%;
- -webkit-filter: url("#goo");
- filter: url("#goo");
- }
- .data{opacity: 0;}
- img{max-width: 100%;height: auto;}
- .logo{
- width: 40px;
- height: 40px;
- position: absolute;
- top: 0px;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- border-radius: 50%;
- }
- .open .logo{top: -20px;left: -225px;background: #fff;width: 70px;height: 70px;}
- .logo img{border-radius: 50%;}
- .open .logo img{width: 50px;height: 50px;position: absolute;top: 0px;bottom: 0;left: 0;right: 0;margin: auto;}
- .nots{width: 100%;height: 60px;width: 230px;opacity: 0;visibility: hidden;text-align: center;padding: 15px;}
- .open .nots{opacity: 1;visibility: visible;}
- .text{opacity: 0;}
- time{font-size: 14px;padding-left: 25px;color: #7E7E7E;}
- .postdate{ margin-right: 4px;}
- .fa-calendar{margin-right: 4px;}
- .fa-heart{margin-left: 4px;margin-right: 4px;}
- .actions{width: 100%;position: relative;}
- .actions a{color: #919191;}
- .actions a:hover{color: #444;}
- .actiond{width: 50px;height: 50px;opacity: 0;border-radius: 50%;background: #fff;line-height: 50px;text-align: center;position: absolute;z-index: 9;}
- .permalink_btn{top: 1px;left: 50px;}
- .reblog_btn{top: 0;left: 100px;}
- .like_btn{top: 0;left: 150px;}
- .like_button {position: absolute;top: 3px;opacity: 0;left: 16px;z-index: 999999;cursor: pointer;}
- .like_btn .like_button.liked {opacity: 0;}
- .like_btn .like_button.liked + i {color: #b04b40;}
- .share_btn{top: 0;left: 0px;}
- .shortUrl{
- width: 210px;
- height: 50px;
- background: #fff;
- font-size: 12px;
- opacity: 0;
- color: #7E7E7E
- }
- .share-icon{
- margin: 0 auto;
- text-align: center;
- position: absolute;
- top: 120px;
- }
- .s_icon{
- width: 50px;
- height: 50px;
- border-radius: 50%;
- background: #fff;
- line-height:50px;
- position: absolute;
- opacity: 0;
- top: -15px;
- }
- .share-icon .facebook{
- left: 0;
- color: #3a5795;
- }
- .share-icon .twitter{
- left: 50px;
- color: #55acee;
- }
- .share-icon .google{
- left: 100px;
- color: #DD4B39;
- }
- .share-icon .pinterest{
- left: 150px;
- color: #CA1F27;
- }
- .i_Frame{
- position: relative;
- background: #fff;
- }
- .responsive-video-wrapper{
- width:100%;position:relative;padding:0;
- -webkit-transition: all 1.9s ease;
- -ms-transition: all 1.9s ease;
- -o-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- .responsive-video-wrapper iframe,.responsive-video-wrapper object,.responsive-video-wrapper embed{
- position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;
- }
- /* Pages */
- .pagination {
- display: block;
- margin: 40px 0px;
- -webkit-border-radius: 0;
- border-radius: 0;
- text-align: center;
- padding: 0px;
- -webkit-filter: url("#goo");
- filter: url("#goo");
- }
- .pagination ul {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- list-style: none;
- padding: 0;
- margin: 0;
- }
- .pagination ul > li {
- display: inline-block;
- margin-bottom: 10px;
- margin-top: 10px;
- margin-right: 15px;
- }
- .pagination ul > li > a, .pagination ul > li > span {
- float: none;
- margin: 0;
- }
- .btn {
- color: #000 !important;
- background: #fff;
- border: 2px solid rgba(255,255,255,0.4);
- margin-bottom: 10px;
- margin-right: 4px;
- font-size: 12px;
- padding: 9px 17px;
- font-weight: 800;
- text-shadow: none;
- text-transform: uppercase;
- -webkit-border-radius: 0;
- border-radius: 0;
- -webkit-transition: all 200ms ease-in;
- -o-transition: all 200ms ease-in;
- -moz-transition: all 200ms ease-in;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- display: inline-block;
- }
- .btn:hover , .current_page{
- color: {AccentColor} !important;
- }
- {block:IfInfiniteScrolling}
- .pagination{
- opacity: 0;
- visibility: hidden;
- }
- #footer{
- display: none !important;
- }
- {/block:IfInfiniteScrolling}
- .menu-icon {
- padding: 1.6rem;
- display: block;
- position: absolute;
- cursor: pointer;
- margin-top: 5px;
- z-index: 9;
- opacity: 1;
- }
- .menu-icon.toggle:before, .menu-icon.toggle:after {
- opacity: 0;
- }
- .menu-icon.toggle .line {
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- transform: rotate(45deg);
- display: block;
- }
- .menu-icon.toggle .line:before {
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- display: block;
- }
- .menu-icon .line {
- width: 1.5rem;
- height: 2px;
- display: block;
- background: #919191;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .menu-icon .line:before {
- content: "";
- width: 1.5rem;
- height: 2px;
- background: #919191;
- display: block;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .menu-icon:before, .menu-icon:after {
- content: "";
- width: 1.5rem;
- height: 2px;
- background: #919191;
- display: block;
- margin-bottom: 0.3rem;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .menu-icon:after {margin-top: 0.3rem;}
- .menu-icon:hover .line , .menu-icon:hover:after , .menu-icon:hover:before , .menu-icon:hover .line:before{
- background: #000;
- }
- /* Infinity Spinner */
- .spinner{
- width: 70px;
- height: 18px;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
- margin: auto;
- text-align: center;
- }
- .spinnertags{
- text-align: center;
- margin: 15px auto;
- }
- .spinner > div , .spinnertags > div{
- width: 18px;
- height: 18px;
- background-color: #fff;
- border-radius: 100%;
- display: inline-block;
- -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
- animation: bouncedelay 1.4s infinite ease-in-out;
- /* Prevent first frame from flickering when animation starts */
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .spinnertags > div{
- background-color: rgba(229, 170, 18, 0.5);
- }
- .spinner .bounce1 , .spinnertags .bounce1{
- -webkit-animation-delay: -0.32s;
- animation-delay: -0.32s;
- }
- .spinner .bounce2 , .spinnertags .bounce2{
- -webkit-animation-delay: -0.16s;
- animation-delay: -0.16s;
- }
- @-webkit-keyframes bouncedelay {
- 0%, 80%, 100% { -webkit-transform: scale(0.0) }
- 40% { -webkit-transform: scale(1.0) }
- }
- @keyframes bouncedelay {
- 0%, 80%, 100% {
- transform: scale(0.0);
- -webkit-transform: scale(0.0);
- } 40% {
- transform: scale(1.0);
- -webkit-transform: scale(1.0);
- }
- }
- /* Typography */
- .caption{
- padding: 15px 10px 10px;
- }
- .caption a , .decsol a , .note a {
- background-color: rgba(68,68,68,0);
- background-image: -webkit-linear-gradient(top,rgba(68,68,68,0)50%,rgba(68,68,68,.25)50%);
- background-image: linear-gradient(to bottom,rgba(68,68,68,0)50%,rgba(68,68,68,.25)50%);
- color: #919191;
- text-decoration: none;
- background-repeat: repeat-x;
- background-size: 1em 2px;
- background-position: 0 1.15em;
- padding-bottom: .15em;
- margin-right: 3px;
- }
- .caption a:hover , .note a:hover , .decsol a:hover{
- background: #fff;
- color: #444;
- }
- p{
- margin: 15px 0;
- padding: 0;
- }
- p.description{
- margin: 15px 0;
- }
- .caption p:last-child , .caption blockquote:last-child{
- margin-bottom: 0;
- }
- .caption p:first-child{
- margin-top: 0;
- }
- b{
- font-weight: 700;
- line-height: 1.3;
- }
- blockquote {
- border-left: 2px solid #e6e6e6;
- padding: 0 0 0 18px;
- margin: 15px 0px;
- font-size: 15px;
- }
- .caption > blockquote{
- margin: 15px 0px;
- }
- /* Link Posts */
- .link_container{
- color: #FFF;
- min-height: 130px;
- border: 1px solid {color:Link Header};
- background-color: {color:Link Header};
- opacity: 1;
- transition: opacity 0.25s linear 0s;
- }
- .source_q{
- padding: 10px 10px 10px 0px;
- }
- .link_thumbnail_container{
- position: relative;
- float: right;
- width: 130px;
- height: 130px;
- margin: -1px;
- pointer-events: none;
- }
- .link_button .link_thumbnail_container::before {
- content: "";
- position: absolute;
- top: 0px;
- right: 0px;
- bottom: 0px;
- left: 0px;
- background-color: #FFF;
- border: 1px solid {color:Link Header};
- }
- .link_thumbnail_click{
- display: block;
- overflow: hidden;
- max-height: 100%;
- max-width: 100%;
- }
- .link_thumbnail{
- display: block;
- width: 100%;
- height: 100%;
- }
- .link_button .link_thumbnail_container img {
- display: block;
- position: relative;
- }
- .link_text_container{
- height: 100%;
- padding: 10px 20px;
- overflow: hidden;
- }
- .link_text_outer{
- display: table;
- width: 100%;
- min-height: 100%;
- height: 108px;
- }
- .link_text{
- display: table-cell;
- width: 100%;
- vertical-align: middle;
- text-align: center;
- }
- .link_title{
- color: rgba(255, 255, 255, 0.95);
- text-decoration: none;
- font-weight: 700;
- display: block;
- font-size: 19px;
- line-height: 24px;
- margin-bottom: 8px;
- margin-left: auto;
- margin-right: auto;
- max-width: 460px;
- overflow: visible;
- text-decoration: none;
- text-overflow: ellipsis;
- letter-spacing: 0.5;
- }
- .link_footer{
- }
- .link_source {
- display: block;
- text-decoration: none;
- font-size: 12px;
- color: rgba(255, 255, 255, 0.7);
- overflow: hidden;
- margin-left: auto;
- margin-right: auto;
- max-width: 460px;
- overflow: visible;
- text-decoration: none;
- text-overflow: ellipsis;
- font-weight: 400;
- text-transform: uppercase;
- }
- .fa-chevron-right{
- font-weight: normal;
- margin-left: 10px;
- font-size: 14px;
- }
- /* Text Posts */
- .text_container{
- border: 1px solid #fff;
- border-radius: 3px;
- color: #FFF;
- min-height: 130px;
- border: 1px solid #fff;
- transition: opacity 0.25s linear 0s;
- margin-bottom: 10px;
- background-color: {color:Text Header};
- }
- .text_title{
- color: #FFF;
- margin-left: auto;
- display: block;
- font-size: 19px;
- line-height: 24px;
- margin-bottom: 8px;
- margin-right: auto;
- max-width: 460px;
- overflow: visible;
- text-decoration: none;
- text-overflow: ellipsis;
- letter-spacing: 0.5px;
- position: relative;
- }
- /* quote posts */
- .fa-quote-left{
- font-size: 50px;
- margin-right: 10px;
- opacity: 0.3;
- color: {color:Gradient top};
- }
- .quote_title{
- font-size: 28px;
- text-align: left;
- color: #666;
- text-decoration: none;
- display: block;
- line-height: 1.5;
- margin-bottom: 8px;
- margin-left: auto;
- margin-right: auto;
- max-width: 460px;
- overflow: visible;
- text-decoration: none;
- text-overflow: ellipsis;
- }
- .quote_title p{
- line-height: 1.6;
- }
- /* SideBar */
- .blog-avatar img{
- margin-bottom: 20px;
- }
- @media (min-width: 1150px) {
- .LeftSideBar{
- position: absolute;
- left: -300px;
- width: 310px;
- }
- }
- @media (min-width: 1200px) {
- .LeftSideBar{
- position: absolute;
- top: 120px;
- left: -330px;
- width: 310px;
- }
- .blog-avatar{
- width: 106px;
- height: 106px;
- position: absolute;
- border: 10px solid rgba(255,255,255,0.3);
- top: -130px;
- right: 0;
- left: 0px;
- margin: auto;
- }
- }
- .LeftSideBar{
- margin-bottom: 50px;
- }
- .sideBarSection{
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- overflow: hidden;
- position: relative;
- background: #fff;
- }
- .LeftSideBar section{
- margin-top: 30px;
- }
- .col-header{
- background: #fff;
- color: #919191;
- position: relative;
- margin-bottom: 30px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- box-shadow: 0 1px 2px rgba(0,0,0,0.1);
- padding: 30px 25px 15px;
- font-size: 15px;
- }
- .blogTitle{
- color: {color:Title Color};
- }
- .blogTitle h1{
- font-size: 22px;
- font-weight: bold;
- margin: 5px 0 15px 0;
- line-height: 1.5;
- }
- /* TWITTER */
- .col-twitter , .col-instagram , .col-dribbble , .col-heart ,
- .col-follow{
- background: #fff;
- position: relative;
- padding: 20px;
- display: none;
- }
- .col-dribbble{
- padding-top: 10px;
- }
- #tweets{
- position: relative;
- list-style: none;
- overflow: hidden;
- width: 100%;
- padding: 0;
- margin: 0;
- }
- #tweets li{
- -webkit-backface-visibility: hidden;
- position: absolute;
- display: none;
- width: 100%;
- left: 0;
- top: 0;
- }
- #tweets li a{
- color: #919191;
- font-size: 15px;
- line-height: 1.5;
- }
- .content .fa-twitter{
- color: #4AA8D8;
- opacity: 0.7;
- }
- #tweets li:first-child{
- position: relative;
- display: block;
- float: left;
- }
- .T-header{
- width: 100%;
- background: #fff;
- padding: 20px;
- font-size: 16px;
- font-weight: bold;
- border-bottom: 1px solid;
- border-color: #EDEDED;
- overflow: hidden;
- }
- .T-header a{
- color: #919191;
- }
- .sideBarSection .menu-icon{
- position: absolute;
- top: 3px;
- right: 0px;
- }
- .T-header .fa-twitter , .T-header .fa-instagram ,
- .T-header .fa-dribbble , .T-header .fa-heart ,
- .T-header .fa-user , .T-header .fa-tags{
- position: absolute;
- font-size: 50px;
- opacity: 0.2;
- top: 5px;
- left: -10px;
- color: #DFDFDF;
- }
- .T-header .fa-twitter{
- color: rgba(75,211,235,0.7);
- }
- .T-header .fa-dribbble{
- color: #EA4C89;
- }
- .T-header .fa-instagram {
- color: rgba(214, 201, 184, 1);
- }
- .T-header .fa-tags{
- color: rgba(229, 170, 18, 0.7);
- left: -20px;
- }
- .T-header .fa-user{
- color: rgba(240, 206, 206, 1);
- }
- .T-header .fa-heart{
- color: #FF689C;
- left: -20px;
- }
- .lgtagcloud{
- margin-left: 25px;
- color: rgba(229, 170, 18, 0.5);
- }
- .lgainstagram{
- margin-left: 25px;
- color: rgba(214, 201, 184, 1);
- }
- .lgatwitter{
- margin-left: 25px;
- color: rgba(28, 172, 190, 0.7);
- }
- .lgadribbble{
- margin-left: 25px;
- color: rgba(234,76,137,0.7);
- }
- .lgafollow{
- margin-left: 25px;
- color: rgba(240, 206, 206, 1);
- }
- /* tags Cloud */
- .col-tagCloud{
- text-align: center;
- display: none;
- }
- #tagcloud a{
- display: inline-block !important;
- display: none;
- margin: 5px;
- }
- /* Instagram */
- .insta_wrap{
- position: absolute;
- width: 100%;
- height: 45px;
- bottom: 0;
- background: transparent;
- line-height: 45px;
- text-align: center;
- font-size: 11px;
- color: #CBCBC4;
- }
- .insta_wrap i{
- margin-right: 3px;
- }
- .insta_like{
- margin-right: 30px;
- }
- .slider_wrap{
- margin: 4px auto;
- }
- .rslides {
- position: relative;
- list-style: none;
- overflow: hidden;
- width: 100%;
- padding: 0;
- margin: 0;
- background: transparent;
- }
- .rslides li {
- -webkit-backface-visibility: hidden;
- position: absolute;
- display: none;
- padding-bottom: 45px;
- width: 100%;
- left: 0;
- top: 0;
- border: 1px solid #eee;
- border-radius: 3px;
- }
- .rslides li:first-child {
- position: relative;
- display: block;
- float: left;
- }
- .rslides img {
- display: block;
- height: auto;
- float: left;
- width: 100%;
- border: 0;
- }
- .col-instagram .next , .col-dribbble .next{
- position: absolute;
- top: 40%;
- right: 30px;
- z-index: 999;
- width: 30px;
- opacity: 0;
- height: 30px;
- text-indent: 200px;
- cursor: pointer;
- background: url(http://static.tumblr.com/zdvilra/wFlnm4elo/slider_nav.png) no-repeat right center;
- -webkit-filter: invert(100%);
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: opacity 0.5s; /* Safari */
- -ms-transition: opacity 0.5s; /* Safari */
- transition: opacity 0.5s;
- }
- .col-instagram .prev , .col-dribbble .prev{
- position: absolute;
- top: 40%;
- z-index: 999;
- opacity: 0;
- width: 30px;
- text-indent: 200000px;
- height: 30px;
- cursor: pointer;
- left: 30px;
- background: url(http://static.tumblr.com/zdvilra/wFlnm4elo/slider_nav.png) no-repeat right center;
- -webkit-filter: invert(100%);
- background-position: left center;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: opacity 0.5s; /* Safari */
- -ms-transition: opacity 0.5s; /* Safari */
- transition: opacity 0.5s;
- }
- .col-dribbble .next , .col-dribbble .prev{
- top: 50%;
- }
- .col-instagram:hover .next, .col-dribbble:hover .next,
- .col-instagram:hover .prev, .col-dribbble:hover .prev{
- opacity: 1;
- }
- /* dribbble */
- #dribbbles ul{
- position: relative;
- list-style: none;
- overflow: hidden;
- width: 100%;
- padding: 0;
- margin: 0;
- }
- #dribbbles ul li{
- -webkit-backface-visibility: hidden;
- position: absolute;
- display: none;
- width: 100%;
- left: 0;
- top: 0;
- }
- #dribbbles ul li:first-child {
- position: relative;
- display: block;
- float: left;
- }
- #dribbbles img {
- display: block;
- height: auto;
- float: left;
- width: 100%;
- border: 0;
- border: 1px solid #eee;
- border-bottom: none;
- }
- #dribbbles h4{
- color: #919191;
- font-size: 15px;
- line-height: 1.5;
- }
- #dribbbles:hover h4{
- color: #000;
- }
- .playerwarp{
- font-size: 12px;
- color: #919191;
- line-height: 5;
- text-align: center;
- border: 1px solid #eee;
- border-radius: 3px;
- }
- .playerwarp > div {
- padding: 0;
- display: inline-block;
- margin-left: 20px;
- }
- .playerwarp > div:first-child{
- margin-left: 0px;
- }
- .playerwarp i{
- margin-right: 5px;
- }
- /* People I follow */
- .col-follow ul{
- padding: 0;
- margin: 0;
- list-style: none;
- text-align: center;
- overflow: hidden;
- }
- .col-follow ul li{
- display: inline-block;
- margin: 3px;
- }
- /* Answer */
- .answer-post-wrap{
- width: 100%;
- padding:20px;
- }
- .asker-wrap , .answer-wrap{
- text-align: center;
- }
- .asker-wrap .decsol ,.answer-wrap .decsol{
- min-height: 80px;
- padding-top: 20px;
- padding-bottom: 5px;
- }
- .fl-right{
- float: right;
- margin: 15px;
- border-radius: 10%;
- }
- .decsol{
- padding: 0px 20px;
- text-align: left;
- line-height: 1.4;
- }
- .decsol img{
- margin: 10px 0px;
- }
- .border_middle_post{
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- border-color: #EDECEC;
- margin: 10px auto;
- }
- .border_middle_tags{
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- border-color: #EDECEC;
- width: 50%;
- margin: 0 auto;
- }
- .replies p{
- margin: 30px 20px 5px;
- }
- iframe#tumblr_controls {
- position: fixed!important;
- -webkit-filter: invert(100%);
- }
- /* Chat Posts */
- .chattitle{
- width: 100%;
- padding: 10px 10px 25px;
- font-size: 18px;
- text-align: center;
- color: #9E6A8C;
- line-height: 1.5;
- }
- .chatwrap{
- padding: 20px 25px 0px;
- }
- .chatwrap .line{
- line-height: 1.8;
- }
- div[class^='user']{
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
- border-color: #D5D0D0;
- padding-bottom: 10px;
- padding-top: 12px;
- }
- div[class^='user']:first-child{
- box-shadow: none;
- -webkit-box-shadow:none;
- }
- .labe_l{
- color: #56bc8a;
- }
- div[class^='user']:last-child{
- border-bottom: none;
- }
- .user_1 .labe_l{
- color: #56bc8a !important;
- }
- .user_2 .labe_l{
- color: #A9BCF5 !important;
- }
- .user_3 .labe_l{
- color: #FA9038 !important;
- }
- .user_4 .labe_l{
- color: #D5599C !important
- }
- .user_5 .labe_l{
- color: #D95E40 !important
- }
- .user_6 .labe_l{
- color: #BC56BB !important
- }
- .user_7 .labe_l{
- color: #33BB05 !important
- }
- .user_8 .labe_l{
- color: #70C2E9 !important
- }
- .user_9 .labe_l{
- color: #F04565 !important
- }
- .user_10 .labe_l{
- color: #E299C2 !important
- }
- .user_11 .labe_l{
- color: #6CBC56 !important
- }
- .user_12 .labe_l{
- color: #A9BCF5 !important;
- }
- .user_13 .labe_l{
- color: #FA9D38 !important
- }
- .user_14 .labe_l{
- color: #FF3BA4 !important
- }
- .user_15 .labe_l{
- color: #A58F74 !important
- }
- .border_wrap{
- width: 100%;
- height: 1px;
- margin-bottom: 1px;
- position: absolute;
- top: -1px;
- left: 0;
- background: #83E1F2;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- .col-instagram .border_wrap{
- background: rgba(214, 201, 184, 1);
- }
- .col-dribbble .border_wrap , .col-heart .border_wrap{
- background: rgba(234,76,137,0.7);
- }
- .move{
- -webkit-animation: anim 8s ;
- animation: anim 8s ;
- }
- @-webkit-keyframes anim {
- 0% {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes anim {
- 0% {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- figure{
- text-align: center;
- margin: 0;
- }
- small{
- margin: 15px 0;
- }
- .caption figure {
- text-align: left;
- }
- .caption img{
- margin: 5px 0;
- display: block;
- }
- /* Camera Information */
- .img-info-container{
- position: absolute;
- font-size: 14px;
- padding: 35px 30px 30px;
- border-radius: 3px;
- line-height: 2 ;
- text-align: center;
- background: #fff;
- left: 0px;
- top: 0px;
- min-width: 260px;
- height: auto;
- display: none;
- border-bottom: 0 none;
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
- }
- .img-info-container span{
- font-weight: bold;
- }
- .Exif_logo , .img-info-container .fa-info{
- cursor: pointer;
- border-radius: 3px;
- position: absolute;
- width: 40px;
- height: 40px;
- line-height: 40px ;
- text-align: center;
- background: #fff;
- left: 20px;
- top: 20px;
- }
- .img-info-container .fa-info{
- left: 0;
- top: 0;
- }
- .zoom{
- cursor: pointer;
- position: absolute;
- width: 40px;
- height: 40px;
- line-height: 40px ;
- border-radius: 3px;
- text-align: center;
- background: #fff;
- right: 20px;
- top: 20px;
- opacity: 0;
- color: #919191;
- border-bottom: 0 none;
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- figure:hover .zoom{
- opacity: 1;
- }
- .fixme{
- position: absolute;
- cursor: pointer;
- width: 30px;
- height: 30px;
- background: #fff;
- color: #bbb;
- line-height: 30px;
- text-align: center;
- right: -40px;
- bottom: 0;
- -webkit-filter: url("#goo");
- filter: url("#goo");
- }
- .fixme:before{
- position: absolute;
- content: 'Pin it';
- padding: 0 1em;
- margin: 0 .7em 0 0;
- height: 2.0em;
- color: #fff;
- cursor: pointer;
- display: block;
- top: 0;
- left: 10px;
- width: 70px;
- background: #fff;
- color: #777;
- opacity: 0;
- -webkit-transition: opacity 250ms ease-out,
- -webkit-transform 350ms ease-out;
- transition: opacity 250ms ease-out,transform 350ms ease-out;
- }
- .fixme:hover::before{
- opacity: 1;
- -webkit-transform: translateX(0px);
- transform: translateX(0px);
- }
- .Draggable-note{
- position: absolute;
- padding: 20px;
- background: #038974;
- color: #fff;
- top: 0px;
- left: 0;
- width: 100%;
- text-align: center;
- opacity: 0;
- }
- .Draggable-note:after {
- content: '';
- display: block;
- position: absolute;
- left: 5px;
- right: 0;
- top: 60px;
- height: 0;
- width: 0;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-top: 10px solid #038974;
- }
- .fixme .fa{
- -ms-transform: rotate(-45deg); /* IE 9 */
- -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
- transform: rotate(-45deg);
- }
- .behere{
- position: fixed;
- width: 250px;
- right: 50px;
- bottom: 50px;
- background: rgba(255,255,255,0.1);
- border-radius: 5px;
- }
- .closePanel , .DragPanel{
- position: absolute;
- top: 0px;
- right: 0;
- margin: -10px;
- border-radius: 50%;
- width: 20px;
- height: 20px;
- line-height: 20px;
- text-align: center;
- color: #fff;
- background: #038974;
- font-size: 12px;
- cursor: pointer;
- }
- .DragPanel{
- right: 25px;
- cursor: move;
- }
- .pinitback{
- border: 2px #ddd dashed;
- cursor: pointer;
- }
- .bringItBack{
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- width: 100%;
- height: 150px;
- line-height: 150px;
- text-align: center;
- color: #bbb;
- }
- .bringItBack .fa{
- font-size: 18px;
- margin-right: 10px;
- -ms-transform: rotate(-45deg); /* IE 9 */
- -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
- transform: rotate(-45deg);
- }
- .page{
- margin: 0;
- padding: 0;
- text-align: center;
- list-style: none;
- }
- .page li{
- display: block;
- width: 100%;
- padding: 7px 15px;
- line-height: 1.5;
- margin-top: 15px;
- border-radius: 3px;
- background: {color:Menu Icons};
- color: #fff;
- }
- .page a{
- color: #fff;
- }
- .pages{
- width: 100%;
- text-align: center;
- }
- .pages ul{
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .pages ul li{
- display: inline-block;
- width: 30px;
- height: 30px;
- line-height: 25px;
- background: #fff;
- margin: 7px;
- border: 2px solid {color:Menu Icons};
- color: {color:Menu Icons};
- }
- .pages ul a{
- color: #919191;
- }
- .pages ul li:hover{
- color: #fff ;
- background: {color:Menu Icons};
- }
- .tags{
- line-height: 45px;
- padding-top: 15px;
- }
- .hasCaption .tags{
- padding-top: 15px;
- }
- .tags a{
- padding: 7px 10px;
- opacity: 0.5;
- -webkit-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- border: 1px solid {color:Tags Color};
- color: {color:Tags Color};
- margin-right: 10px;
- }
- .tags a:hover{
- opacity: 1;
- background: {color:Tags Color};
- color: #fff;
- }
- /* post-info-perma */
- ol.notes{
- list-style: none;
- padding: 25px 10px;
- font-size: 14px;
- }
- .note{
- margin-bottom: 7px;
- }
- .action{
- margin-left: 10px;
- line-height: 1.8;
- }
- .disqus{
- background: #fff;
- padding: 20px 40px;
- position: relative;
- }
- /* Search */
- .col-search{
- padding: 15px;
- }
- .input {
- position: relative;
- z-index: 1;
- display: inline-block;
- vertical-align: top;
- line-height: 12px;
- width: 100%;
- }
- .input__field {
- position: relative;
- display: block;
- float: right;
- padding: 0.8em;
- width: 60%;
- border: none;
- border-radius: 0;
- background: #f0f0f0;
- color: #aaa;
- letter-spacing: 0.5px;
- font-weight: bold;
- -webkit-appearance: none;
- }
- .input__field:focus {
- outline: none;
- }
- .input__label {
- display: inline-block;
- float: right;
- width: 40%;
- color: #6a7989;
- font-weight: bold;
- font-size: 70.25%;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .input__label-content {
- position: relative;
- display: block;
- padding: 1.6em 0;
- width: 100%;
- }
- .input__field--yoko {
- z-index: 10;
- width: 100%;
- background: transparent;
- color: #f5f5f5;
- opacity: 0;
- -webkit-transition: opacity 0.3s;
- transition: opacity 0.3s;
- }
- .input__label--yoko {
- position: relative;
- width: 100%;
- color: {color:Search Color};
- text-align: left;
- }
- .input__label--yoko::before {
- content: '';
- position: absolute;
- bottom: 100%;
- left: 0;
- width: 100%;
- height: 4em;
- background: {color:Search Color};
- -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
- transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- }
- .input__label--yoko::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 0.1em;
- background: {color:Search Color};
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- }
- .input__label-content--yoko {
- padding: 0.75em 0;
- text-transform: uppercase;
- opacity: 0.5;
- font-style: italic;
- }
- .input__field--yoko:focus,
- .input--filled .input__field--yoko {
- opacity: 1;
- -webkit-transition-delay: 0.3s;
- transition-delay: 0.3s;
- }
- .input__field--yoko:focus + .input__label--yoko::before,
- .input--filled .input__label--yoko::before {
- -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
- transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
- }
- .input__field--yoko:focus + .input__label--yoko,
- .input--filled .input__label--yoko {
- pointer-events: none;
- }
- .input__field--yoko:focus + .input__label--yoko::after,
- .input--filled .input__label--yoko::after {
- -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
- transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
- }
- .scrollup{
- position: fixed;
- bottom: 10px;
- right: 10px;
- width: 35px;
- height: 35px;
- line-height: 35px;
- cursor: pointer;
- color: #000;
- display: none;
- text-align: center;
- z-index: 9;
- background: rgba(255,255,255,0.1);
- }
- /* HINT */
- .hint, [data-hint] {
- position: relative;
- display: inline-block;
- }
- .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
- position: absolute;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- visibility: hidden;
- opacity: 0;
- top: -30px;
- left: 0;
- z-index: 1000000;
- pointer-events: none;
- -webkit-transition: 0.3s ease;
- -moz-transition: 0.3s ease;
- transition: 0.3s ease;
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- transition-delay: 0ms; }
- .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
- visibility: visible;
- opacity: 1;
- border-top-color: {color:Menu Icons};
- }
- .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
- -webkit-transition-delay: 100ms;
- -moz-transition-delay: 100ms;
- transition-delay: 100ms; }
- .hint:before, [data-hint]:before {
- content: '';
- position: absolute;
- background: transparent;
- border: 6px solid transparent;
- z-index: 1000001;
- margin-top: 26px;
- margin-left: -15px;
- }
- .hint:after, [data-hint]:after {
- content: attr(data-hint);
- background: {color:Menu Icons};
- color: white;
- padding: 8px 10px;
- font-size: 12px;
- font-weight: bold;
- line-height: 12px;
- white-space: nowrap; }
- .hint--top:before {
- margin-bottom: -12px; }
- .hint--top:after {
- margin-left: -18px; }
- .hint--top:before, .hint--top:after {
- left: 50%; }
- .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
- -webkit-transform: translateY(-1px);
- -moz-transform: translateY(-1px);
- transform: translateY(-1px); }
- #svgb{
- visibility: hidden;
- display: none;
- }
- /* Footer */
- #footer{
- color: {color:Footer Color};
- opacity: 0.8;
- text-align: center;
- float: left;
- font-size: 14px;
- letter-spacing: 1px;
- margin: 0px;
- width: 100%;
- }
- .footer{
- color: rgb(255,255,255,0.8);
- font-family: 'Ubuntu',sans-serif;
- text-decoration: none;
- }
- .footer p{
- font-size: 12px;
- letter-spacing: 1px;
- padding-left: 15px;
- padding-right: 15px;
- }
- .footer a{
- color: {color:Footer Color};
- text-decoration: none;
- text-transform: uppercase;
- }
- .footer a:hover{
- text-decoration: underline;
- }
- .ThemeSection{
- padding: 20px;
- background: #fff;
- margin: 20px auto;
- text-align: center;
- color: #919191;
- font-size: 13px;
- }
- .ThemeSection a{
- color: #909090;
- }
- .ThemeSection a:hover{
- text-decoration: underline;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2" id="grid">
- <div class="LeftSideBar col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
- <div class="col-header">
- <a class="blog-avatar" href="/"><img src="{PortraitURL-96}"></a>
- <a class="blogTitle" href="/"><h1>{Title}</h1></a>
- {block:ShowDescription}<p class="description">{Description}</p>{/block:ShowDescription}
- <div class="pages">
- <ul>
- <a href="/" data-hint="Home" class="hint--top" {Target}><li class="home_item"><i class="fa fa-home"></i></li></a>
- {block:AskEnabled}
- <a href="/ask" data-hint="{AskLabel}" class="hint--top" {Target}><li class="ask_item"><i class="fa fa-envelope-o"></i></li></a>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <a href="/submit" data-hint="{SubmitLabel}" class="hint--top" {Target}><li class="submit_item"><i class="fa fa-inbox"></i></li></a>
- {/block:SubmissionsEnabled}
- {block:IfShowFeedPage}
- <a href="{RSS}" data-hint="{lang:Feed}" class="hint--top" {Target}><li class="rss_item"><i class="fa fa-rss"></i></li></a>
- {/block:IfShowFeedPage}
- {block:IfShowArchivePage}
- <a href="/archive" data-hint="{lang:Archive}" class="hint--top" {Target}><li class="archive_item"><i class="fa fa-newspaper-o"></i></li></a>
- {/block:IfShowArchivePage}
- {block:IfInstagramURL}<a href="{text:Instagram URL}" data-hint="Instagram" class="hint--top" {Target}><li><i class="fa fa-instagram"></i></li></a>{/block:IfInstagramURL}
- {block:IfFacebookURL}<a href="{text:Facebook URL}" data-hint="Facebook" class="hint--top" {Target}><li><i class="fa fa-facebook"></i></li></a>{/block:IfFacebookURL}
- {block:IfGoogleURL}<a href="{text:Google URL}" data-hint="Google +" class="hint--top" {Target}><li><i class="fa fa-google-plus"></i></li></a>{/block:IfGoogleURL}
- {block:IfVineURL}<a href="{text:Vine URL}" data-hint="Vine" class="hint--top" {Target}><li><i class="fa fa-vine"></i></li></a>{/block:IfVineURL}
- {block:IfTwitterURL}<a href="{text:Twitter URL}" data-hint="Twitter" class="hint--top" {Target}><li><i class="fa fa-twitter"></i></li></a>{/block:IfTwitterURL}
- {block:IfPinterestURL}<a href="{text:Pinterest URL}" data-hint="Pinterest" class="hint--top" {Target}><li><i class="fa fa-pinterest-p"></i></li></a>{/block:IfPinterestURL}
- {block:IfLinkedInURL}<a href="{text:LinkedIn URL}" data-hint="LinkedIn" class="hint--top" {Target}><li><i class="fa fa-linkedin"></i></li></a>{/block:IfLinkedInURL}
- {block:IfDribbbleURL}<a href="{text:Dribbble URL}" data-hint="Dribbble" class="hint--top" {Target}><li><i class="fa fa-dribbble"></i></li></a>{block:IfDribbbleURL}
- {block:IfFlickrURL}<a href="{text:Flickr URL}" data-hint="Flickr" class="hint--top" {Target}><li><i class="fa fa-flickr"></i></li></a>{/block:IfFlickrURL}
- {block:IfWebSiteURL}<a href="{text:WebSite URL}" data-hint="WebSite" class="hint--top" {Target}><li><i class="fa fa-file-word-o"></i></li></a>{/block:IfWebSiteURL}
- {block:IfYoutubeURL}<a href="{text:Youtube URL}" data-hint="Youtube" class="hint--top" {Target}><li><i class="fa fa-youtube-play"></i></li></a>{/block:IfYoutubeURL}
- {block:IfVimeoURL}<a href="{text:Vimeo URL}" data-hint="Vimeo" class="hint--top" {Target}><li><i class="fa fa-vimeo-square"></i></li></a>{/block:IfVimeoURL}
- {block:IfDeviantArtURL}<a href="{text:DeviantArt URL}" data-hint="DeviantArt" class="hint--top" {Target}><li><i class="fa fa-deviantart"></i></li></a>{/block:IfDeviantArtURL}
- {block:IfBehanceURL}<a href="{text:Behance URL}" data-hint="Behance" class="hint--top" {Target}><li><i class="fa fa-behance"></i></li></a>{/block:IfBehanceURL}
- {block:IfGitHubURL}<a href="{text:GitHub URL}" data-hint="Github" class="hint--top" {Target}><li><i class="fa fa-github-alt"></i></li></a>{/block:IfGitHubURL}
- {block:IfSpotifyURL}<a href="{text:Spotify URL}" data-hint="Spotify" class="hint--top" {Target}><li><i class="fa fa-spotify"></i></li></a>{/block:IfSpotifyURL}
- {block:IfSoundCloudURL}<a href="{text:SoundCloud URL}" data-hint="SoundCloud" class="hint--top" {Target}><li><i class="fa fa-soundcloud"></i></li></a>{/block:IfSoundCloudURL}
- {block:IfWordpressURL}<a href="{text:Wordpress URL}" data-hint="Wordpress" class="hint--top" {Target}><li><i class="fa fa-wordpress"></i></li></a>{/block:IfWordpressURL}
- </ul>
- </div>
- <div class="col-hp">
- {block:HasPages}
- <ul class="page">
- {block:Pages}
- <a href="{URL}" {Target}><li>{Label}</li></a>
- {/block:Pages}
- </ul>
- {/block:HasPages}
- </div>
- </div>
- {block:IfShowsearchwidget}
- <section class="sideBarSection col-search">
- <form action="/search" method="get">
- <span class="input input--minoru">
- <input class="input__field input__field--yoko" name="q" type="text" id="input-16" />
- <label class="input__label input__label--yoko" for="input-16">
- <span class="input__label-content input__label-content--yoko">Search by tag</span>
- </label>
- </span>
- </form>
- </section><!-- Search -->
- {/block:IfShowsearchwidget}
- {block:Twitter}
- <section class="sideBarSection">
- <div class="T-header">
- <a href="http://twitter.com/{TwitterUsername}" target="_blank">
- <i class="fa fa-twitter"></i>
- <span class="lgatwitter">Latest Tweets</span>
- </a>
- </div>
- <span class="menu-icon" data-cookie="twitter"><div class="line"></div></span>
- <div class="col-twitter col-toggle">
- <div class="border_wrap move"></div>
- <div id="twitter" style="display:none;">
- <ul id="tweets" class="maha">
- </ul>
- </div>
- </div>
- </section>
- {/block:Twitter}
- {block:IfInstagramaccesstoken}
- <section class="sideBarSection">
- <div class="T-header">
- <i class="fa fa-instagram"></i>
- <span class="lgainstagram">Instagram Feed</span>
- </div>
- <span class="menu-icon" data-cookie="instagram"><div class="line"></div></span>
- <div class="col-instagram col-toggle" style="display:none;">
- <div class="border_wrap move"></div>
- <div id="instagram">
- <div class="slider_wrap">
- <ul class="rslides" id="instafeed"></ul>
- </div>
- </div>
- </div>
- </section>
- {/block:IfInstagramaccesstoken}
- {block:IfDribbbleUserName}
- <section class="sideBarSection">
- <div class="T-header">
- <a href="https://dribbble.com/{text:Dribbble User Name}" target="_blank">
- <i class="fa fa-dribbble"></i>
- <span class="lgadribbble">Dribbble Shots</span>
- </a>
- </div>
- <span class="menu-icon" data-cookie="dribbble"><div class="line"></div></span>
- <div class="col-dribbble col-toggle">
- <div class="border_wrap move"></div>
- <div id="dribbbles"><ul id="here"></ul></div>
- </div>
- </section>
- {/block:IfDribbbleUserName}
- {block:IfShowTagCloud}
- <section class="sideBarSection">
- <div class="T-header">
- <i class="fa fa-tags"></i>
- <span class="lgtagcloud">Tag Cloud</span>
- </div>
- <span class="menu-icon" data-cookie="tagcloud"><div class="line"></div></span>
- <div class="col-tagCloud col-toggle">
- <div class="border_wrap move"></div>
- <div id="tagcloud"></div>
- </div>
- </section>
- {/block:IfShowTagCloud}
- {block:IfWeHeartItUserName}
- <section class="sideBarSection">
- <div class="T-header">
- <a href="http://weheartit.com/{text:We Heart It User Name}" target="_blank">
- <i class="fa fa-heart"></i>
- <span class="lgadribbble">We Heart It</span>
- </a>
- </div>
- <span class="menu-icon" data-cookie="heartit"><div class="line"></div></span>
- <div class="col-heart col-toggle">
- <iframe src="//weheartit.com/widget/hearts/{text:We Heart It User Name}?=0&avatar=1&title=1&subtitle=1¢er=0&type=slideshow" width="240" height="251" scrolling="no" frameborder="0"></iframe>
- </div>
- </section>
- {/block:IfWeHeartItUserName}
- {block:IfPeopleIfollow}
- {block:Following}
- <section class="sideBarSection" >
- <div class="T-header">
- <i class="fa fa-user"></i>
- <span class="lgafollow">{lang:People I follow}</span>
- </div>
- <span class="menu-icon" data-cookie="follow"><div class="line"></div></span>
- <div class="col-follow col-toggle">
- <ul>
- {block:Followed}
- <li><a href="{FollowedURL}" target="_blank" title="{FollowedTitle}"><img src="{FollowedPortraitURL-64}" alt=""></a></li>
- {/block:Followed}
- </ul>
- </div>
- </section>
- {/block:Following}
- {/block:IfPeopleIfollow}
- <section class="ThemeSection" >
- Theme By <a href="http://www.leenthemes.com/" target="_blank"> Hakuna Matata</a>
- </section>
- </div><!-- END .LeftSideBar -->
- {block:Posts}
- <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 item {block:Caption}hasCaption{/block:Caption}" id="{PostID}">
- {block:Photo}
- {block:IndexPage}
- <a href="{Permalink}">
- <figure>
- <img class="mainimg" src="{PhotoURL-500}" alt="{PhotoAlt}">
- <div class="zoom" href="{PhotoURL-1280}"><i class="fa fa-search"></i></div>
- </figure>
- </a>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <figure>
- <img class="mainimg" src="{PhotoURL-500}" alt="{PhotoAlt}">
- <div class="zoom" href="{PhotoURL-1280}"><i class="fa fa-search"></i></div>
- </figure>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="posts_bg">
- <div class="img-png"></div>
- <div class="photoset-grid photoset{PostID}" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" data-popup="{PostID}">
- {block:Photos}
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
- {block:Caption}alt="{Caption}"{/block:caption} />
- {/block:Photos}
- </div>
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="fixme hidden-xs"><i class="fa fa-arrow-down"></i></div>
- <div class="i_Frame">
- {VideoEmbed-500}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="i_Frame">
- {block:AudioEmbed}
- {AudioEmbed}
- {/block:AudioEmbed}
- </div>
- {/block:Audio}
- {block:Link}
- <div class="post_media">
- <div class="link_container">
- {block:Thumbnail}
- <div class="link_thumbnail_container hidden-xs">
- <a href="{URL}" target="_blank" class="link_thumbnail_click">
- <img class="link_thumbnail" src="{Thumbnail}" alt="">
- </a>
- </div>
- {/block:Thumbnail}
- <div class="link_text_container">
- <div class="link_text_outer">
- <div class="link_text">
- <a href="{URL}" target="_blank" class="link_title">{Name}<i class="fa fa-chevron-right"></i></a>
- <div class="link_footer">
- <a href="{URL}" target="_blank" class="link_source">{Host}</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {block:IfShowCaption}
- {block:Description}
- <div class="caption">
- {Description}
- </div>
- {/block:Description}
- {/block:IfShowCaption}
- {/block:Link}
- {block:Text}
- <div class="post_media">
- {block:Title}
- <div class="text_container">
- <div class="link_text_container">
- <div class="link_text_outer">
- <div class="link_text">
- <a class="text_title" href="{Permalink}" {Target}>{Title}</a>
- </div>
- </div>
- </div>
- </div>
- {/block:Title}
- </div>
- <div class="caption">
- {Body}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="post_media">
- <div class="quote_container">
- <div class="link_text_container">
- <div class="link_text_outer">
- <div class="link_text">
- <a class="quote_title" href="{Permalink}" {Target}>
- <i class="fa fa-quote-left"></i>{Quote}</a>
- </div>
- </div>
- </div>
- </div>
- {block:IfShowCaption}
- {block:Source}
- <div class="caption source_q">
- {Source}
- </div>
- {/block:Source}
- {/block:IfShowCaption}
- </div>
- {/block:Quote}
- {block:Chat}
- <div class="post_media">
- <div class="chatwrap">
- {block:Title}
- <div class="chattitle">
- {Title}
- </div>
- {/block:Title}
- {block:Lines}
- <div class="user_{UserNumber}">
- {block:Label}
- <span class="labe_l">{Label}</span>
- {/block:Label}
- <span class="line">{Line}</span>
- </div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Answer}
- <div class="post_media">
- <div class="answer-post-wrap">
- <div class="asker-wrap">
- <img class="fl-right" src="{AskerPortraitURL-48}">
- <div class="decsol">{Asker} asked: {Question}</div>
- </div>
- <div class="border_middle_post"></div>
- {block:Answerer}
- <div class="answer-wrap">
- <img class="fl-right" src="{AnswererPortraitURL-48}" alt="{Title}"/>
- <div class="decsol">{Answerer} answered: {Answer}</div>
- </div>
- {/block:Answerer}
- <div class="replies">
- {Replies}
- </div>
- </div>
- </div>
- {/block:Answer}
- {block:IfShowCaption}
- {block:Caption}
- <figcaption class="caption">
- {Caption}
- </figcaption>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:PermalinkPage}
- {block:IfShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}" {Target}>#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IfShowTags}
- {/block:PermalinkPage}
- {block:Photo}
- {block:IfShowExifandcamerainfo}
- {block:Exif}
- <div class="Exif_logo">
- <i class="fa fa-camera-retro"></i>
- <div class="img-info-container">
- <i class="fa fa-info"></i>
- {block:Camera}<span>Camera : </span>{Camera}<br>{/block:Camera}
- {block:Aperture}<span>Aperture : </span>{Aperture}<br>{/block:Aperture}
- {block:Exposure}<span>Exposure : </span>{Exposure}<br>{/block:Exposure}
- {block:FocalLength}<span>Focal Length : </span>{FocalLength}<br>{/block:FocalLength}
- </div>
- </div>
- {/block:Exif}
- {/block:IfShowExifandcamerainfo}
- {/block:Photo}
- {block:Date}
- <div class="info visible-lg visible-md">
- <div class="nots">
- <time><span class="postdate"><i class="fa fa-calendar"></i> {DayOfMonthWithZero} {ShortMonth} {Year}</span>
- {block:NoteCount}<span class="postnote"> | <i class="fa fa-heart"></i> {NoteCount}</span>{/block:NoteCount}
- </time>
- <div class="actions">
- <div class="actiond share_btn">
- <span class="menu-icon"><div class="line"></div></span>
- <div class="shortUrl">{ShortURL}</div>
- <div class="share-icon">
- <a href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank">
- <div class="s_icon facebook"><i class="fa fa-facebook"></i></div>
- </a>
- <a href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank">
- <div class="s_icon twitter"><i class="fa fa-twitter"></i></div>
- </a>
- <a href="https://plus.google.com/share?url={Permalink}" target="_blank">
- <div class="s_icon google"><i class="fa fa-google-plus"></i></div>
- </a>
- {block:Photo}
- <a href="https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}" target="_blank">
- <div class="s_icon pinterest"><i class="fa fa-pinterest"></i></div>
- </a>
- {/block:Photo}
- </div>
- </div>
- <a href="{Permalink}" {Target}>
- <div class="actiond permalink_btn"><i class="fa fa-link"></i></div>
- </a>
- <a href="{ReblogURL}" {Target}>
- <div class="actiond reblog_btn">
- <i class="fa fa-retweet"></i>
- </div>
- </a>
- <div class="actiond like_btn">
- {LikeButton size="16"}
- <i class="fa fa-heart"></i>
- </div>
- </div>
- </div>
- <div class="logo">
- {block:IfShowRebloggedFromAvatar}
- {block:RebloggedFrom}
- <img src="{ReblogParentPortraitURL-48}">
- {/block:RebloggedFrom}
- {block:NotReblog}
- <img src="{PortraitURL-48}">
- {/block:NotReblog}
- {/block:IfShowRebloggedFromAvatar}
- {block:IfNotShowRebloggedFromAvatar}
- <img src="{PortraitURL-48}">
- {/block:IfNotShowRebloggedFromAvatar}
- </div>
- </div><!-- End .Info -->
- {/block:Date}
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="post-notes">
- {PostNotes-16}
- </div>
- {/block:PostNotes}
- {block:Date}
- {block:IfDisqusShortname}
- <div class="disqus">
- <div id="disqus_thread"></div>
- <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
- <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
- </div>
- {/block:IfDisqusShortname}
- {/block:Date}
- {/block:PermalinkPage}
- </div><!-- End .Post -->
- {/block:Posts}
- </div><!-- End .Posts -->
- </div><!-- End .Row -->
- {block:Pagination}
- <div class="col-md-12 col-xs-12 pagination">
- <ul>
- {block:PreviousPage}
- <li><a href="{PreviousPage}" class="btn">{lang:Prev}</a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="7"}
- {block:CurrentPage}
- <li><span class="current_page btn hidden-xs" >{PageNumber}</span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li class="jq"><a class="jump_page btn hidden-xs" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="n-Page" href="{NextPage}" class="btn">{lang:Next}</a></li>
- {/block:NextPage}
- </ul>
- </div><!-- End Pagination -->
- {/block:Pagination}
- <div class="behere visible-lg visible-md" id="drag"></div>
- <div class="scrollup"><i class="fa fa-arrow-up"></i></div>
- </div><!-- End .Container -->
- <div id="footer">
- <div class="footer">
- <p>Copyright © {CopyrightYears} <span class="style1">{title}</span>.All rights reserved. Theme by <a href="http://dejavu-themes.tumblr.com/" target="_blank">Hakuna Matata</a>
- </p>
- </div>
- </div>
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800" id="svgb">
- <defs>
- <filter id="goo">
- <feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
- <feColorMatrix in="blur" mode="matrix" values="1 10 4 2 20 5 1 0 0 0 6 0 1 0 0 0 0 0 19 -9" result="goo" />
- <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
- </filter>
- <filter id="goo-no-comp">
- <feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
- <feColorMatrix in="blur" mode="matrix" values="1 10 4 2 20 5 1 0 0 0 6 0 1 0 0 0 0 0 19 -9" result="goo" />
- </filter>
- </defs>
- </svg>
- <script src="http://static.tumblr.com/zdvilra/9gRnm6lbw/jquery.cookie.js"></script>
- <script src="http://static.tumblr.com/zdvilra/JMcnnwofo/baltaji.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- /* Instagram */
- {block:IfInstagramaccesstoken}
- var userFeed = new Instafeed({get: 'user',userId: {text:Instagram userId},limit: {text:Instagram Photo Count},accessToken: '{text:Instagram access token}',resolution: "standard_resolution"});
- userFeed.run();
- {/block:IfInstagramaccesstoken}
- /* tagCloud */
- {block:IfShowTagCloud}
- $('#tagcloud').tumblrTagCloud({url: '{BlogURL}',sortBy: 'bycount',maxPosts: 2000,numPosts: 2000});
- {/block:IfShowTagCloud}
- /* Dribbble */
- var callback = function (playerShots) {var html = '';$.each(playerShots.shots, function (i, shot) {html += '<li><h4>' + shot.title + '</h4>';html += '<a href="' + shot.url + '" target="_blank">';html += '<img src="' + shot.image_url + '" ';html += 'alt="' + shot.title + '"></a>';html += '<div class="playerwarp"><div><i class="fa fa-eye"></i>' + shot.views_count + '</div>';html += '<div><i class="fa fa-comments"></i>' + shot.comments_count + '</div>';html += '<div><i class="fa fa-heart"></i>' + shot.likes_count + '</div></div></li>';});$('#here').html(html);};
- $.jribbble.getShotsByPlayerId('{text:Dribbble User Name}', callback, {page: 1, per_page: 8});
- {block:IfInfiniteScrolling}infinite();{/block:IfInfiniteScrolling}
- });
- /* Twitter */
- {block:Twitter}
- function recent_tweets(data) {for (i=0; i<4; i++) {document.getElementById("tweets").innerHTML =document.getElementById("tweets").innerHTML +'<li><a href="http://twitter.com/{TwitterUsername}/status/' +(data[i].id_str ? data[i].id_str : data[i].id) +'" target="_blank"><div class="content"><i class="fa fa-twitter"></i> ' + data[i].text +'</div></a></li>';}document.getElementById("twitter").style.display = 'block';}
- {/block:Twitter}
- </script>
- {block:IfExtrabodyscripts}{text:Extra body scripts}{/block:IfExtrabodyscripts}
- {block:IfGoogleAnalyticsID}
- <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=1*new 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.com/analytics.js','ga');
- ga('create', '{text:Google Analytics ID}', 'tumblr.com');
- ga('send', 'pageview');
- </script>
- {/block:IfGoogleAnalyticsID}
- {block:Twitter}
- <script type="text/javascript" src="/tweets.js"></script>
- {/block:Twitter}
- </body>
- </html><!-- Thanks To sandy Baltaji -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement