Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Fansite theme 01. by CrimsonxThemes
- Navy Blue
- ˈnāvē blo͞o
- Please don't steal this, I worked really hard on it
- And theives are ugly butts ^u^
- (●´ω`●)
- -->
- <html>
- <head>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Work+Sans:200,700" rel="stylesheet">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <!-- Basic Options -->
- <meta name="if:Back To Top" content="1"/>
- <meta name="if:Crosshair Pointer" content="0"/>
- <meta name="if:Minimal Controls" content="1"/>
- <!-- Show / Hide Boxes -->
- <meta name="if:Affiliates Box" content="0"/>
- <meta name="if:Extra Links Box" content="0"/>
- <meta name="if:Members Box" content="0"/>
- <meta name="if:Projects Box" content="0"/>
- <meta name="if:Related Box" content="0"/>
- <meta name="if:Schedules Box" content="0"/>
- <meta name="if:Search Box" content="0"/>
- <meta name="if:Statistics Box" content="0"/>
- <meta name="if:Updates Box" content="0"/>
- <!-- Font Size Options -->
- <meta name="select:Font Size" content="9" title="9px"/>
- <meta name="select:Font Size" content="10" title="10px"/>
- <meta name="select:Font Size" content="11" title="11px"/>
- <meta name="select:Info Font Size" content="10" title="10px"/>
- <meta name="select:Info Font Size" content="9" title="9px"/>
- <meta name="select:Info Font Size" content="11" title="11px"/>
- <!-- Font Weight Options -->
- <meta name="select:Font Weight" content="300" title="300"/>
- <meta name="select:Font Weight" content="400" title="400"/>
- <!-- Color Options -->
- <meta name="color:Ask Border" content="#a3a4b4" />
- <meta name="color:Background" content="#fbfbfb" />
- <meta name="color:Blockquote Border" content="#e3e4ff" />
- <meta name="color:Bold" content="#000"/>
- <meta name="color:Info Box Border" content="#a3a4b4" />
- <meta name="color:Info Box Image Border" content="#bbb" />
- <meta name="color:Links" content="#a3a4b4" />
- <meta name="color:Link Border" content="#e3e4ff" />
- <meta name="color:Permalink" content="#999" />
- <meta name="color:Permalink Hover" content="#999" />
- <meta name="color:Post Background" content="#fff" />
- <meta name="color:Scrollbar" content="#bbb" />
- <meta name="color:Scrollbar Background" content="#ddd" />
- <meta name="color:Selection Color" content="#e3e4ff" />
- <meta name="color:Text" content="#555"/>
- <meta name="color:Tooltip" content="#bbb" />
- <!-- Text Options -->
- <meta name="text:Disclaimer" content="" />
- <meta name="text:Search Text" content="Click here to search tags..." />
- <meta name="text:Updates Box Dot" content="✕" />
- <meta name="text:Tags Symbol" content="▹" />
- <meta name="text:Link One URL" content="" />
- <meta name="text:Link One Title" content="Link One" />
- <meta name="text:Link Two URL" content="" />
- <meta name="text:Link Two Title" content="Link Two" />
- <meta name="text:Link Three URL" content="" />
- <meta name="text:Link Three Title" content="Link Three" />
- <!-- Image Options -->
- <meta name="image:Header Image" content="" />
- <meta name="image:Update One Image" content="" />
- <meta name="image:Update Two Image" content="" />
- <meta name="image:Update Three Image" content="" />
- <meta name="image:Update Four Image" content="" />
- <meta name="image:Update Five Image" content="" />
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/4fjyb6u/Vdgo7srut/slick.css"/>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- //tooltips
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* Transitions */
- #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop, .top {-moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
- #s-m-t-tooltip, .recent img, .recent img:hover, .like_button, .our_button, .like_button:hover + .our_button, a, a:hover
- {-moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- /* Tooltips */
- #s-m-t-tooltip {
- max-width: 300px;
- border-radius: 2px;
- padding: 2px 5px 3px 5px;
- margin: 15px;
- background: {color:Post Background};
- border: 1px solid {color:Tooltip};
- font-family: open sans;
- font-style:italic;
- font-size: 9px;
- text-transform: lowercase;
- color: {color:Tooltip};
- z-index: 99999;
- letter-spacing: .5px;}
- /* Selection Colors */
- ::selection {background: transparent!important; color: {color:Selection Color};}
- ::-moz-selection {background: transparent!important; color: {color:Selection Color}}
- /* Scrollbar Colors */
- ::-webkit-scrollbar {width: 11px;height: 11px;background: {color:Scrollbar Background};}
- ::-webkit-scrollbar-thumb {background: {color:Scrollbar};}
- ::-webkit-scrollbar,::-webkit-scrollbar-thumb {border: 5px solid {color:Background};}
- /* Basics */
- body { font-family: open sans; color: {color:Text}; font-size: {select:Font Size}px; background: {color:Background}; font-weight: {select:Font Weight};}
- blockquote {padding-left: 10px; margin: 5px 10px 5px; border-left: 1px solid {color:Blockquote Border};}
- ol {list-style: upper-roman;}
- .cred {position: fixed; bottom: 5px; left: 10px;}
- b, strong {color: {color:Bold};}
- /* Links */
- a {color: {color:Links}; text-decoration: none; border-bottom: 1px solid {color:Link Border};}
- a:hover {color: {color:Text};
- {block:ifCrosshairPointer}
- cursor: crosshair;
- {/block:ifCrosshairPointer}}
- .as a, .as2 a, .cred a, .icon a, .info a, .perm a, .perm2 a, .perm3 a, .media a, .memname a {border: none;}
- /* Titles and Headings */
- .pti, h1, h2 {
- font-family: work sans;
- font-size: 13px;
- font-weight: 700;
- padding-bottom:2px;}
- .pti a {color: {color:Text};}
- /***** Topbar *****/
- .top {
- position: absolute;
- width: 100%;
- height: 30px;
- background: {color:Post Background};
- top: 20px;
- left: 0;
- text-align: center;
- z-index: 99999;}
- /* Icon */
- .icon {position: absolute; left: 15px; top: -14px;}
- .icon img {border-radius: 50%; background-color: {color:Post Background}; padding: 4px;}
- /* Topbar Links */
- .links {
- position: absolute;
- margin-top: 7px;
- width: 100%;
- text-align: center;}
- .links a {
- margin: 3px;
- font-family: work sans;
- font-size: 12px;}
- /* Minimal Controls */
- {block:IndexPage}
- .con {position: absolute; margin-top: 7px; right: 20px;}
- .con a {margin: 3px;}
- .con a i {margin: 1px; font-size: 12px;}
- {/block:IndexPage}
- /* Regular Controls */
- #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- {block:IndexPage}
- {block:ifMinimalControls}
- display: none;
- {/block:ifMinimalControls}
- {/block:IndexPage}
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity: 0.2;
- z-index: 9999999;
- top:23px;}
- /***** Header Picture *****/
- .header {
- position: absolute;
- width: 960px;
- height: 300px;
- padding: 20px;
- left: 50%;
- margin-left: -500px;
- top: 65px;
- background: {color:Post Background};}
- .header img {width: 960px; height: 300px;}
- /****Sidebars & Posts Container ****/
- #container {
- width: 1000px;
- height: auto;
- margin: 420px auto 0;
- overflow: hidden;}
- /*****Basic Elements - Sidebars*****/
- /* Box */
- .box {
- position: relative;
- background: {color:Post Background};
- padding: 20px;
- width: 210px;
- font-family: work sans;
- font-size: {select:Info Font Size}px;
- margin-bottom: 15px;
- border-radius: 2px;}
- /* Box Title */
- .btitle {
- width: 100%;
- border-bottom: 1px dotted {color:Info Box Border};
- padding-bottom: 3px;
- color: {color:Info Box Border};
- font-size: 12px;}
- /* Box Text and Images */
- .info { margin-top: 5px; letter-spacing: .5px; color: {color:Text};}
- .info img, .mem img{
- display: inline-block;
- width: 40px;
- height: 40px;
- margin: 5px 8px;
- background-color: {color:Post Background};
- padding: 4px;
- border: 1px solid {color:Info Box Image Border};
- border-radius: 50%;}
- /* Box Links (Extra Links & Related Blogs Sections) */
- .blinks {font-size: 12px;}
- .blinks a {
- width: 190px;
- display: block;
- padding: 6px 10px 5px 10px;
- border-bottom: 1px dotted {color:Info Box Border};
- text-align: right;}
- /***** Sidebar One Exclusive Elements *****/
- .sideone {position: absolute; width: 250px;}
- /* Members */
- .mem img {float: left; margin-top: 8px;}
- .mem {height: 65px; border-bottom: 1px dotted {color:Info Box Border};}
- .memname, .memtag {
- position:absolute;
- margin-left:65px;
- width:145px;
- text-align:center;}
- .memname {text-transform: uppercase; margin-top:21px;}
- .memtag {margin-top:31px;}
- /* Searchar */
- .search .query {
- border: 0;
- outline: 0;
- padding: 5px;
- width: 190px;
- margin-left: 5px;
- background: transparent;
- color: {color:Text};
- opacity: .7;
- font-family: work sans;}
- /* Searchbar Placeholders */
- ::-webkit-input-placeholder {color: {color:Text}; text-align: center; font-family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- :-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- ::-moz-placeholder {color: {color:Text}; text-align: center; opacity:1; font-family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- :-ms-input-placeholder {color: {color:Text}; text-align: center; font-family: work sans; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- input:focus::-webkit-input-placeholder {color: transparent; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- input:focus:-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- input:focus::-moz-placeholder {color: transparent; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- input:focus:-ms-input-placeholder { color: transparent; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
- /***** Sidebar Two Exclusive Elements *****/
- .sidetwo {position: absolute; width: 250px; margin-left: 750px;}
- /* Recent Updates Images */
- .recent img {
- width: 210px;
- border-radius: 4px;
- height: auto;
- opacity:0.8;
- border:1px solid {color:Info Box Image Border};}
- .recent img:hover {opacity:0.4;}
- /* Recent Updates Dots */
- .slick-dotted.slick-slider {margin-bottom: 20px;}
- .slick-dots li button:hover,.slick-dots li button:focus {outline: none;}
- .slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity: 1;}
- .slick-dots {
- position: absolute;
- bottom: -25px;
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- list-style: none;
- text-align: center;}
- .slick-dots li {
- position: relative;
- display: inline-block;
- width: 20px;
- height: 20px;
- margin: 0 5px;
- padding: 0;
- cursor: pointer;}
- .slick-dots li button {
- font-size: 0;
- line-height: 0;
- display: block;
- width: 20px;
- height: 20px;
- padding: 5px;
- cursor: pointer;
- color: transparent;
- border: 0;
- outline: none;
- background: transparent;}
- .slick-dots li button:before {
- font-family: 'slick';
- font-size: 6px;
- line-height: 20px;
- position: absolute;
- top: 0;
- left: 0;
- width: 20px;
- height: 20px;
- content: '{text:Updates Box Dot}';
- text-align: center;
- opacity: .25;
- color: {color:Info Box Border};
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;}
- .slick-dots li.slick-active button:before {opacity: .75; color: {color:Info Box Border};}
- /* Schedule Box Month */
- .month {
- text-align: center;
- font-family: work sans;
- font-size: 12px;
- color: {color:Info Box Border};
- margin-top: 5px;
- font-weight: 700;}
- /* Project Box Images */
- .pimg {margin-top:5px;}
- .pimg img {
- width: 202px;
- height: 202px;
- padding: 4px;
- border: 1px solid {color:Info Box Image Border};
- border-radius: 4px;}
- /***** Posts Container *****/
- .entries {
- width: 440px;
- height: auto;
- margin-left: 280px;
- margin-top:-30px;
- margin-bottom:30px;}
- /* Posts */
- #posts {
- border-radius: 2px;
- width: 400px;
- padding: 20px 20px 10px 20px;
- background: {color:Post Background};
- text-align: justify;}
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- /* Photo, Photoset, Video Posts */
- .media {margin-bottom: 9px;}
- img.center {display:block;margin:auto;}
- /* Quote and Answer Posts */
- .q, .as {
- font-family: work sans;
- font-size: 12px;
- width: 350px;
- margin-left: 25px;}
- .q {text-align: center;}
- .s {text-align: right; margin-top: 3px;}
- .as {text-align: right;}
- .ques {
- margin-top: 3px;
- width: 340px;
- padding: 5px;
- margin-left: 25px;
- margin-bottom: 10px;
- border-bottom: 1px dotted {color:Ask Border};}
- /* Chat Posts */
- .lines {
- font-family: work sans;
- line-height: 100%;
- margin: 5px 5px 15px 5px;}
- /* Audio Posts */
- .ap {
- overflow: hidden;
- padding: 0 5px 10px 5px;
- width: auto;
- height: 25px;
- opacity: 0.5;}
- .ai {
- width: auto;
- font-family: work sans;
- font-size: 10px;
- text-align:center;
- margin-bottom:5px;}
- /* Permalinks */
- .perm, .perm2, .perm3 {
- position: relative;
- width: 400px;
- padding: 5px 20px;
- background: {color:Post Background};
- border-radius: 2px;
- font-family: work sans;
- color: {color:Permalink};
- font-size: 10px;
- line-height: 16px;}
- .perm { margin-bottom: 5px; margin-top: 30px; height: 15px;}
- .perm2 {height: auto; margin-top: 5px; margin-bottom: 15px;}
- .perm3 {height: auto; margin-top: -10px;}
- .perm a, .perm2 a, .perm3 a {font-size: 10px;}
- .perm a:hover, .perm2 a:hover, .perm3 a:hover {color:{color:Permalink Hover};}
- .lr {
- background: {color:Post Background};
- width: 50px;
- position: absolute;
- right: 0;
- padding: 5px 18px 2px 20px;
- height: 15px;
- margin-top: -5px;
- border-radius: 2px;
- text-align: right;}
- .lr a {margin: 0 2px;}
- /* Like Button */
- .custom-like-button {
- position: relative;
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px 2px 1px 0;}
- .like_button, .our_button {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;}
- .like_button {z-index: 10;opacity: 0;}
- .our_button {z-index: 1;}
- .like_button iframe {width: 100% !important;height: 100% !important;}
- .custom-like-button *{cursor: crosshair!important;}
- .like_button:hover + .our_button {color: #f3d7dc;}
- /* Post Notes */
- .pn li {list-style-type: none;}
- .pn img {display: none;}
- .pn {line-height: 20px; margin-left: -30px;}
- /* Pagination */
- .pag {
- margin-left: 280px;
- width: 430px;
- text-align: center;
- margin-bottom:30px;
- padding: 5px;
- background: {color:Post Background};
- border-radius: 2px;}
- .pag a {
- font-family: work sans;
- text-transform: uppercase;
- font-size: 11px;
- margin: 0 5px;}
- /* Back to Top Button */
- a.back-to-top {
- position: fixed;
- bottom: 10px;
- right: 15px;
- z-index: 999;
- font-size: 10px;
- font-family: work sans;}
- </style>
- </head>
- <body>
- <div class="top">
- <div class="links">
- <!-- Top Bar Links -->
- <a href="/">Index</a>
- <a href="/ask">Contact</a>
- <a href="/submit">Submit</a>
- <a href="{text:Link One URL}">{text:Link One Title}</a>
- <a href="{text:Link Two URL}">{text:Link Two Title}</a>
- <a href="{text:Link Three URL}">{text:Link Three Title}</a>
- <a href="/archive">Past</a>
- <!---->
- </div>
- {block:IndexPage}
- {block:ifMinimalControls}
- <div class="con">
- <a title="Instant Message" href="http://tumblr.com/dashboard?conversation={Name}"><i class="fa fa-comments-o"></i></a>
- <a title="Follow" href="http://tumblr.com/follow/{Name}"><i class="fa fa-user-plus"></i></a>
- <a title="Dashboard" href="http://tumblr.com/"><i class="fa fa-power-off"></i></a>
- <a title="Theme Credit" href="http://crimsonxthemes.tumblr.com"><i class="fa fa-anchor"></i></a>
- </div>
- {/block:ifMinimalControls}
- {/block:IndexPage}
- <div class="icon">
- <a title="{Title}" href="/"><img src="{PortraitURL-48}" /></a>
- </div>
- </div>
- <div class="header">
- <img src="{image:Header Image}" />
- </div>
- {block:ifBackToTop}
- <a href="#" class="back-to-top">Back to top <i class="fa fa-angle-double-up"></i></a>
- {/block:ifBackToTop}
- <div id="container">
- <!-- Start Sidebar One --><div class="sideone"><!---->
- <!--------------- Description Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-home"></i> {Title}</div>
- <div class="info"><center>{Description}</center></div>
- </div>
- <!------------------------------>
- {block:ifExtraLinksBox}
- <!--------------- Extra Links Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-share-alt"></i> Links</div>
- <div class="blinks">
- <!-- Extra Links -->
- <a href="/">Extra Link One »</a>
- <!---->
- </div>
- </div>
- <!------------------------------>
- {/block:ifExtraLinksBox}
- {block:ifMembersBox}
- <!--------------- Members Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-users"></i> Members</div>
- <!-- Members -->
- <div class="mem">
- <!-- Change Member Image -->
- <img src="" />
- <!---->
- <!-- Change Member Link -->
- <div class="memname">
- <a href="/"></a>
- </div>
- <!---->
- <!-- Change Member Tagline -->
- <div class="memtag">
- </div>
- <!---->
- </div>
- <!---->
- </div>
- <!------------------------------>
- {/block:ifMembersBox}
- {block:ifStatisticsBox}
- <!--------------- Statistics Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-pie-chart"></i> Statistics</div>
- <div class="info">
- <!-- Statistics -->
- Visits:<br>
- Status:<br>
- Created:
- <!---->
- </div>
- </div>
- <!------------------------------>
- {/block:ifStatisticsBox}
- {block:ifAffiliatesBox}
- <!--------------- Affiliates Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-thumbs-o-up"></i> Affiliates</div>
- <div class="info">
- <!-- Affiliates -->
- <a title="" href=""><img src="" /></a>
- <!---->
- </div>
- </div>
- <!------------------------------>
- {/block:ifAffiliatesBox}
- {block:ifSearchBox}
- <!--------------- Search Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-search"></i> Search</div>
- <div class="info">
- <form class="search" action="javascript:return false">
- <input type="text" class="query" placeholder="{text:Search Text}"></form>
- </div>
- </div>
- <!------------------------------>
- {/block:ifSearchBox}
- <!--------------- Disclaimer Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-warning"></i> Disclaimer</div>
- <div class="info">
- <center>{text:Disclaimer}</center>
- <p>
- <center><a title="Crimson Themes" href="http://crimsonxthemes.tumblr.com"><i class="fa fa-anchor"></i></a></center>
- </div>
- </div>
- <!------------------------------>
- <!-- End Sidebar One --></div><!---->
- <!-- Start Sidebar Two --><div class="sidetwo"><!---->
- {block:ifUpdatesBox}
- <!--------------- Updates Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-history"></i> Recent Updates</div>
- <div class="info">
- <div class="recent">
- <img src="{image:Update One Image}" />
- <img src="{image:Update Two Image}" />
- <img src="{image:Update Three Image}" />
- <img src="{image:Update Four Image}" />
- <img src="{image:Update Five Image}" />
- </div>
- </div>
- </div>
- <!------------------------------>
- {/block:ifUpdatesBox}
- {block:ifSchedulesBox}
- <!--------------- Schedule Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-calendar"></i> Schedule</div>
- <!-- Change Schedule Info -->
- <!-- Change Month -->
- <div class="month">
- <!-- Month here -->
- </div>
- <!-- Change Dates and Info -->
- <div class="info">
- <b><!-- Date here --></b> <!-- Info here --><p>
- </div>
- <!---->
- <!---->
- </div>
- <!------------------------------>
- {/block:ifSchedulesBox}
- {block:ifProjectsBox}
- <!--------------- Projects Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-folder-o"></i> Upcoming Projects</div>
- <!-- Projects -->
- <!--- Change Project Image -->
- <div class="pimg">
- <img src=""/>
- </div>
- <!---->
- <!-- Change Project Info -->
- <div class="info">
- <!-- Change Project Title -->
- <center><b>Project title</b></center>
- <!---->
- <!-- Other Info -->
- Release date: --/--/----<br>
- Project Info: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- <!---->
- </div>
- <!---->
- <!---->
- </div>
- <!------------------------------>
- {/block:ifProjectsBox}
- {block:ifRelatedBox}
- <!--------------- Related Blogs Box --------------->
- <div class="box">
- <div class="btitle"><i class="fa fa-user-plus"></i> Related Blogs</div>
- <div class="blinks">
- <!-- Related Blog Links -->
- <a href="/">Blog One »</a>
- <!---->
- </div>
- </div>
- <!------------------------------>
- {/block:ifRelatedBox}
- <!-- End Sidebar Two --></div><!---->
- <!----------------------------------------------------------------------->
- <div class="entries">
- {Block:Posts}
- <div class="perm">
- {Block:Date}
- {block:IndexPage}
- <div class="lr">
- <div class="custom-like-button">
- <div class="like_button">{LikeButton}</div>
- <span class="our_button"><i class="fa fa-heart-o"></i></span>
- </div>
- <a title="Reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-undo"></i></a>
- <a title="View Post - {NoteCountWithLabel}" href="{Permalink}"><i class="fa fa-map-marker"></i></a>
- </div>
- {/block:IndexPage}
- {block:Text}<i class="fa fa-pencil"></i>{/block:Text}
- {block:Photo}<i class="fa fa-camera-retro"></i>{/block:Photo}
- {block:Photoset}<i class="fa fa-camera-retro"></i>{/block:Photoset}
- {block:Video}<i class="fa fa-tv"></i>{/block:Video}
- {block:Quote}<i class="fa fa-quote-left"></i>{/block:Quote}
- {block:Link}<i class="fa fa-chain"></i>{/block:Link}
- {block:Chat}<i class="fa fa-comments-o"></i>{/block:Chat}
- {block:Audio}<i class="fa fa-music"></i>{/block:Audio}
- {block:Answer}<i class="fa fa-question"></i>{/block:Answer}
- {block:IndexPage}
- <a title="{NoteCountWithLabel}" href="{Permalink}">{Month} {DayOfMonthWithZero}, ’{ShortYear}</a> | {24HourWithZero}:{Minutes}:{Seconds} {block:RebloggedFrom}| <a title="{ReblogParentName}" href="{ReblogParentURL}">Via</a> | <a title="{ReblogRootName}" href="{ReblogRootURL}">Origins</a> {/block:RebloggedFrom}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Text}Text {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Text}
- {block:Photo}Photo {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photo}
- {block:Photoset}Photoset {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Photoset}
- {block:Video}Video {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Video}
- {block:Quote}Quote {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Quote}
- {block:Link}Link {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Link}
- {block:Chat}Chat {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Chat}
- {block:Audio}Audio {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Audio}
- {block:Answer}Answer {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom}{/block:Answer}
- on {Month} {DayOfMonthWithZero}, {Year} at {24HourWithZero}:{Minutes}:{Seconds}
- {/block:PermalinkPage}
- {/Block:Date}
- </div>
- <div id="posts">
- {block:Text}{block:Title}<div class="pti">{Title}</div>{/block:Title}{Body}{/block:Text}
- {block:Link}<div class="pti"><a href="{URL}">{Name} »</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<div class="q">❝ {Quote} ❞</div>{block:Source}<div class="s">– {Source}</div>{/block:Source}{/block:Quote}
- {block:Photo}<div class="media">{LinkOpenTag}<img class="center" src="{PhotoURL-400}" />{LinkCloseTag}</div>{Block:Caption}{Caption}{/Block:Caption}{/block:Photo}
- {block:Photoset}<div class="media">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Video}<div class="media">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="as">{Asker}</div><div class="ques">{Question}</div>{block:Answerer}<div class="as">{Answerer}</div><div class="ques">{/block:Answerer}<div class="ques2">{Answer}</div>{block:Answerer}</div>{/block:Answerer}{/block:Answer}
- {block:Chat}{block:Title}<div class="pti">{Title}</div>{/block:Title}{block:Lines} <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
- {block:Audio}{block:AudioPlayer}<div class="ap"><center>{AudioPlayer}</center></div>{/block:AudioPlayer}{block:Artist}<div class="ai">{Artist}</div>{/block:Artist}{block:TrackName}<div class="ai"><b>{TrackName}</b></div>{/block:TrackName}{block:Album}<div class="ai">{Album}</div>{/block:Album}{block:PlayCount}<div class="ai"><i>{PlayCountWithLabel}</i></div>{/block:PlayCount}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- </div>
- {block:Date}
- {block:IndexPage}
- {block:HasTags}
- <div class="perm2">
- {block:Tags}<a href="{TagURL}">{text:Tags Symbol}{Tag} </a>{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="perm2">
- <center>{NoteCountWithLabel} {block:RebloggedFrom}| <a title="{ReblogParentName}" href="{ReblogParentURL}">Via</a> | <a title="{ReblogRootName}" href="{ReblogRootURL}">Origins</a> {/block:RebloggedFrom}</center>
- {block:HasTags}<center>{block:Tags}<a href="{TagURL}">{text:Tags Symbol}{Tag} </a>{/block:Tags}</center>{/block:HasTags}
- </div>
- {block:PostNotes}
- <div class="perm3">
- <div class="pn">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Date}
- {Block:Posts}
- </div>
- {block:Pagination}
- <div class="pag">
- {block:PreviousPage}<div class="next"><a href="{PreviousPage}">Previous</a> ◉ {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a></div>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <!--------- No need to edit below this line --------->
- {block:ifnotMinimalControls}
- <div class="cred"><a href="http://crimsonxthemes.tumblr.com" title="Crimson Themes"><i class="fa fa-anchor"></i></a></div>
- {/block:ifnotMinimalControls}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
- <script src="http://static.tumblr.com/4fjyb6u/DiNo7srsg/slick.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- //sticky top
- $(function(){
- var stickyRibbonTop = $('.top').offset().top;
- $(window).scroll(function(){
- if( $(window).scrollTop() > stickyRibbonTop ) {
- $('.top').css({position: 'fixed', top: '0px', left: '0px', height: '56px', width: '100%'});
- $('.iframe-controls--desktop').css({top: '14px'});
- $('.icon').css({top: '0px'});
- $('.con').css({top: '13px'});
- $('.links').css({top: '13px'});
- } else {
- $('.top').css({position: 'absolute', top: '20px', height: '30px', width: '100%'});
- $('.icon').css({top: '-14px'});
- $('.con').css({top: '2px'});
- $('.links').css({top: '2px'});
- $('.iframe-controls--desktop').css({top: '24px'});
- }
- });
- });
- //search tags @shythemes
- $('.search').submit(function(event){
- var value = $('input:first').val();
- location.replace('http://{Name}.tumblr.com/tagged/' + value);
- });
- //slick carousel @kenwheeler
- $('.recent').slick({
- adaptiveHeight: true,
- dots: true,
- arrows: false,
- autoplay: true,
- infinite: false
- });
- //back to top @html-tuts
- $('a.back-to-top').click(function() {
- $('html, body').animate({
- scrollTop: 0
- }, 700);
- return false;
- });
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment