Created
December 12, 2013 09:02
-
-
Save chrisenytc/7925083 to your computer and use it in GitHub Desktop.
Bella Tumblr Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title> | |
<link rel="icon" href="{Favicon}"/> | |
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description} | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
<!-- Appearance option --> | |
<meta name="color:Background" content="#ffffff"/> | |
<meta name="image:Background Image" content=""/> | |
<meta name="image:Profile Background" content=""/> | |
<meta name="color:Body Background" content="#363738"/> | |
<meta name="color:Text Color" content="#363738"/> | |
<meta name="text:External Link Title" content=""/> | |
<meta name="text:External Link URL" content=""/> | |
<meta name='text:Disqus Shortname' content='' /> | |
<!-- STYLESheet --> | |
<style> | |
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700); | |
/* ========================================================================== | |
Theme: GAIA | |
Author: Awhin | |
Preview: http://gaia-theme.tumblr.com/ | |
Version: 1.0 | |
========================================================================== */ | |
/* ========================================================================== | |
/* -- Micro Clearfix, Resets and Common Classes | |
========================================================================== */ | |
/* Micro Clearfix */ | |
.clear:before, | |
.clear:after { | |
content: ""; | |
display: table; | |
} | |
.clear:after { | |
clear: both; | |
} | |
.clear { | |
zoom: 1; | |
} | |
.section:before, | |
.section:after { | |
content: ""; | |
display: table; | |
} | |
.section:after { | |
clear: both; | |
} | |
.section { | |
zoom: 1; | |
} | |
.checkbox:before, | |
.checkbox:after { | |
content: ""; | |
display: table; | |
} | |
.checkbox:after { | |
clear: both; | |
} | |
.checkbox { | |
zoom: 1; | |
} | |
/* General Resets */ | |
/* Start font size at 100% */ | |
html { | |
font-size: 100%; | |
} | |
/* Make all form fonts consistent */ | |
button, | |
input, | |
select, | |
textarea { | |
font-family: sans-serif; | |
} | |
/* Remove default borders */ | |
form, | |
fieldset, | |
a img { | |
border: 0; | |
} | |
/* Remove default spacing */ | |
form, | |
fieldset { | |
margin: 0; | |
padding: 0; | |
} | |
/* Common Classes */ | |
.left { | |
float: left; | |
} | |
.right { | |
float: right; | |
} | |
.block { | |
display: block; | |
} | |
.inline-block { | |
display: inline-block; | |
*zoom: 1; | |
*display: inline; | |
} | |
.inline { | |
display: inline; | |
} | |
.visuallyhidden { | |
border: 0; | |
clip: rect(0 0 0 0); | |
height: 1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
left: -9999em; | |
} | |
.visuallyvisible { | |
clip: auto; | |
width: auto; | |
height: auto; | |
overflow: visible; | |
left: 0; | |
} | |
.strong { | |
font-weight: bold; | |
} | |
.alert { | |
background-color: #d64553; | |
color: #ffffff; | |
display: block; | |
padding: 4px 8px; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 0; | |
-webkit-border-bottom-left-radius: 0; | |
-webkit-border-top-left-radius: 0; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 0; | |
-moz-border-radius-bottomleft: 0; | |
-moz-border-radius-topleft: 0; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
.nolist { | |
list-style: none; | |
} | |
.nopadding { | |
padding: 0; | |
} | |
.nomargin { | |
margin: 0; | |
} | |
.none, | |
.nodesktop { | |
display: none; | |
} | |
/* ========================================================================== | |
/* 1.0 - Document Setup (body, links, headings, code, tables, forms etc) | |
========================================================================== */ | |
/* Body */ | |
body { | |
font-family: PT Sans, Arial, sans-serif; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
background-color: #ffffff; | |
color: #16202a; | |
margin: 0; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
/* Links */ | |
a { | |
color: #16a085; | |
text-decoration: underline; | |
} | |
a:visited { | |
color: #16a085; | |
} | |
a:hover { | |
text-decoration: none; | |
} | |
a:active { | |
color: #333333; | |
} | |
/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any) | |
========================================================================== */ | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
margin: 0; | |
line-height: normal; | |
font-weight: normal; | |
} | |
h1, | |
.h1 { | |
font-size: 36px; | |
font-size: 2.25rem; | |
margin-bottom: 10px; | |
} | |
h2, | |
.h2 { | |
font-size: 32px; | |
font-size: 2rem; | |
margin-bottom: 8px; | |
} | |
h3, | |
.h3 { | |
font-size: 26px; | |
font-size: 1.625rem; | |
margin-bottom: 6px; | |
} | |
h4, | |
.h4 { | |
font-size: 24px; | |
font-size: 1.5rem; | |
margin-bottom: 4px; | |
} | |
.no-style-heading { | |
margin-bottom: 0; | |
font-size: 16px; | |
font-size: 1rem; | |
} | |
/* 1.2 Paragraphs, block quotes, code, pre, etc | |
========================================================================== */ | |
small { | |
font-size: 12px; | |
font-size: 0.75rem; | |
} | |
/* Block Quotes, Pre and Code Blocks */ | |
blockquote { | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 32px; | |
line-height: 2rem; | |
padding: 5px; | |
margin: 0; | |
font-family: PT Sans, Arial, sans-serif; | |
font-style: italic; | |
} | |
code { | |
padding: 2px 6px; | |
font-family: Monaco, Andale Mono, "Courier New", monospace; | |
font-size: 12px; | |
font-size: 0.75rem; | |
background-color: #dddddd; | |
border: 1px solid #7a7a7a; | |
line-height: normal; | |
color: #222222; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 0; | |
-webkit-border-bottom-left-radius: 0; | |
-webkit-border-top-left-radius: 0; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 0; | |
-moz-border-radius-bottomleft: 0; | |
-moz-border-radius-topleft: 0; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
/* Horizontal Rule */ | |
hr { | |
border: 0; | |
background: none; | |
outline: 0; | |
height: 1px; | |
background-color: #dddddd; | |
margin: 2em 0; | |
} | |
/* 1.3 Tables | |
========================================================================== */ | |
table { | |
width: 100%; | |
border-collapse: collapse; | |
border-left: 0; | |
background-color: #fff; | |
border-spacing: 0; | |
table-layout: fixed; | |
word-wrap: break-word; | |
-ms-word-wrap: break-word; | |
*white-space: normal; | |
} | |
table th, | |
table td { | |
padding: 8px; | |
line-height: 18px; | |
text-align: left; | |
vertical-align: top; | |
border-top: 1px solid #eeeeee; | |
} | |
table thead th { | |
vertical-align: bottom; | |
font-weight: bold; | |
background-color: #ffffff; | |
color: #222222; | |
} | |
table tfoot td { | |
font-weight: bold; | |
} | |
table caption { | |
padding: 0.5em; | |
font-style: italic; | |
background-color: #eeeeee; | |
border-bottom: 0; | |
font-weight: bold; | |
} | |
/* 1.4 Lists | |
========================================================================== */ | |
ul { | |
list-style: disc; | |
padding: 0 0 0 25px; | |
margin: 0; | |
} | |
ol { | |
list-style: decimal; | |
padding: 0 0 0 25px; | |
margin: 0; | |
} | |
.text-right { | |
text-align: right; | |
} | |
/* ========================================================================== | |
/* 2.0 - Grid Layout (Responsive) | |
========================================================================== */ | |
/* Sections & Content Blocks */ | |
.section { | |
position: relative; | |
} | |
.row { | |
margin-bottom: 1em; | |
} | |
.container { | |
max-width: 940px; | |
margin: 0 auto; | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
.container-full { | |
max-width: 960px; | |
margin: 0 auto; | |
} | |
/* Fluid Grid */ | |
.col { | |
margin-left: 2%; | |
*margin-left: 1.7%; | |
float: left; | |
} | |
.col:first-child { | |
margin-left: 0; | |
} | |
/* Columns */ | |
.one { | |
width: 6.5%; | |
} | |
.two { | |
width: 15%; | |
} | |
.three { | |
width: 23.5%; | |
} | |
.four { | |
width: 32%; | |
} | |
.five { | |
width: 40.5%; | |
} | |
.six { | |
width: 49.0%; | |
} | |
.seven { | |
width: 57.5%; | |
} | |
.eight { | |
width: 66%; | |
} | |
.nine { | |
width: 74.5%; | |
} | |
.ten { | |
width: 83%; | |
} | |
.eleven { | |
width: 91.5%; | |
} | |
.twelve { | |
width: 100%; | |
} | |
.quarter { | |
width: 23.5%; | |
} | |
.half { | |
width: 49.0%; | |
} | |
.one-third { | |
width: 32%; | |
} | |
/* ========================================================================== | |
/* -- Tablet Devices (Layout, Modifications, etc) | |
========================================================================== */ | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
.container { | |
width: 720px; | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
/* Tablet Grid | |
* For stacking full width columns, please use the new class .tablet-full | |
* New tablet columns have been added | |
*/ | |
.tablet-one { | |
width: 6.5%; | |
} | |
.tablet-two { | |
width: 15%; | |
} | |
.tablet-three { | |
width: 23.5%; | |
} | |
.tablet-four { | |
width: 32%; | |
} | |
.tablet-five { | |
width: 40.5%; | |
} | |
.tablet-six { | |
width: 49.0%; | |
} | |
.tablet-seven { | |
width: 57.5%; | |
} | |
.tablet-eight { | |
width: 66%; | |
} | |
.tablet-nine { | |
width: 74.5%; | |
} | |
.tablet-ten { | |
width: 83%; | |
} | |
.tablet-eleven { | |
width: 91.5%; | |
} | |
.tablet-twelve { | |
width: 100%; | |
} | |
.tablet-full { | |
clear: both; | |
float: none; | |
width: 100%; | |
margin-left: 0; | |
margin-right: 0; | |
margin-top: 1em; | |
} | |
.tablet-full:first-child { | |
margin-top: 0; | |
} | |
.notablet { | |
display: none; | |
} | |
.showtablet { | |
display: block; | |
} | |
} | |
/* End Tablet Media Query */ | |
/* ========================================================================== | |
/* -- Mobile Devices (Layout, Modifications, etc) | |
========================================================================== */ | |
@media only screen and (max-width: 720px) { | |
/* Mobile Grid | |
* For stacking full width columns, please use the new class .mobile-full | |
* New mobile columns have been added | |
*/ | |
.mobile-one { | |
width: 6.5%; | |
} | |
.mobile-two { | |
width: 15%; | |
} | |
.mobile-three { | |
width: 23.5%; | |
} | |
.mobile-four { | |
width: 32%; | |
} | |
.mobile-five { | |
width: 40.5%; | |
} | |
.mobile-six { | |
width: 49.0%; | |
} | |
.mobile-seven { | |
width: 57.5%; | |
} | |
.mobile-eight { | |
width: 66%; | |
} | |
.mobile-nine { | |
width: 74.5%; | |
} | |
.mobile-ten { | |
width: 83%; | |
} | |
.mobile-eleven { | |
width: 91.5%; | |
} | |
.mobile-twelve { | |
width: 100%; | |
} | |
.mobile-full { | |
clear: both; | |
float: none; | |
width: 100%; | |
margin: 1em 0 0 0; | |
} | |
.mobile-full:first-child { | |
margin-top: 0; | |
} | |
.container { | |
padding-left: 20px; | |
padding-right: 20px; | |
} | |
/* Mobile Tables */ | |
table th, | |
table td { | |
padding: 4px; | |
} | |
/* Mobile Forms */ | |
input[type=text], | |
input[type=password], | |
input[type=email], | |
input[type=search], | |
input[type=tel], | |
textarea { | |
width: 90%; | |
padding: 5%; | |
} | |
select { | |
width: 100%; | |
} | |
.nomobile { | |
display: none; | |
} | |
.showmobile { | |
display: block; | |
} | |
.two, | |
.three, | |
.four, | |
.five, | |
.six { | |
float: none; | |
width: 99%; | |
margin-bottom: 20px; | |
margin-left: 0; | |
} | |
} | |
/* End Mobile Media Query *//* 1.5 Forms, Labels and Inputs | |
========================================================================== */ | |
.fieldset { | |
margin: 1.5em 0; | |
} | |
legend { | |
font-family: PT Sans, Arial, sans-serif; | |
font-size: 32px; | |
font-size: 2rem; | |
line-height: normal; | |
width: 100%; | |
display: block; | |
border: 0; | |
*margin-left: -5px; | |
} | |
label { | |
font-weight: bold; | |
cursor: pointer; | |
} | |
.inline-field label { | |
display: inline-block; | |
*zoom: 1; | |
*display: inline; | |
margin-right: 1em; | |
} | |
.field { | |
padding: 0.2em 0; | |
} | |
.field label { | |
display: block; | |
} | |
.checkbox { | |
display: block; | |
position: relative; | |
line-height: normal; | |
padding: 0.2em 0; | |
} | |
.checkbox label { | |
display: block; | |
overflow: hidden; | |
*zoom: 1; | |
} | |
.checkbox input[type=checkbox], | |
.checkbox input[type=radio] { | |
float: left; | |
top: -2px; | |
position: relative; | |
margin-right: 1em; | |
} | |
/* Inputs (Text, Search, Email, etc) */ | |
input[type=text], | |
input[type=password], | |
input[type=email], | |
input[type=search], | |
input[type=tel], | |
input[type=file] { | |
outline: 0; | |
padding: 2px 3px; | |
height: 20px; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
vertical-align: middle; | |
font-size: 12px; | |
font-size: 0.75rem; | |
background-color: #ffffff; | |
color: #16202a; | |
border: 1px solid #040609; | |
resize: none; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 3px; | |
-webkit-border-bottom-left-radius: 3px; | |
-webkit-border-top-left-radius: 3px; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 3px; | |
-moz-border-radius-bottomleft: 3px; | |
-moz-border-radius-topleft: 3px; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
-webkit-transition: all 400ms ease-in-out; | |
-moz-transition: all 400ms ease-in-out; | |
-o-transition: all 400ms ease-in-out; | |
transition: all 400ms ease-in-out; | |
} | |
input[type=file] { | |
border: 0; | |
height: 15px; | |
} | |
input[type=button]::-moz-focus-inner, | |
input[type=submit]::-moz-focus-inner, | |
input[type=reset]::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
input[type="search"]::-webkit-search-cancel-button { | |
-webkit-appearance: none; | |
} | |
input[type=text]:focus, | |
input[type=password]:focus, | |
input[type=email]:focus, | |
input[type=search]:focus, | |
input[type=tel]:focus, | |
input[type=file]:focus { | |
border-color: #090f15; | |
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
-moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
-o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
input[type=submit], | |
input[type=button], | |
input[type=reset] { | |
line-height: normal; | |
cursor: pointer; | |
-webkit-appearance: none; | |
/* Remove Default Browser Behaviour for Safari */ | |
-moz-appearance: none; | |
/* Remove Default Browser Behaviour for Firefox */ | |
} | |
textarea { | |
font-size: 14px; | |
font-size: 0.875rem; | |
font-weight: bold; | |
background-color: #ffffff; | |
color: #16202a; | |
outline: 0; | |
vertical-align: top; | |
border: 2px solid #4b6c8e; | |
padding: 10px; | |
resize: none; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 3px; | |
-webkit-border-bottom-left-radius: 3px; | |
-webkit-border-top-left-radius: 3px; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 3px; | |
-moz-border-radius-bottomleft: 3px; | |
-moz-border-radius-topleft: 3px; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
-moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
-o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
textarea:focus { | |
border-color: #1abc9c; | |
} | |
select { | |
font-size: 14px; | |
font-size: 0.875rem; | |
color: #7a7a7a; | |
outline: 0; | |
padding: 7px; | |
line-height: normal; | |
display: inline-block; | |
*zoom: 1; | |
*display: inline; | |
vertical-align: middle; | |
border: 2px solid #4b6c8e; | |
resize: none; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 3px; | |
-webkit-border-bottom-left-radius: 3px; | |
-webkit-border-top-left-radius: 3px; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 3px; | |
-moz-border-radius-bottomleft: 3px; | |
-moz-border-radius-topleft: 3px; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
-webkit-transition: all 400ms ease-in-out; | |
-moz-transition: all 400ms ease-in-out; | |
-o-transition: all 400ms ease-in-out; | |
transition: all 400ms ease-in-out; | |
} | |
select[multiple] { | |
min-height: 100px; | |
border: 2px solid #4b6c8e; | |
vertical-align: top; | |
} | |
select, | |
input[type=text], | |
input[type=password], | |
input[type=email], | |
input[type=search], | |
input[type=tel] { | |
width: 280px; | |
} | |
textarea { | |
width: 260px; | |
} | |
table { | |
width: 100%; | |
border: 0; | |
color: #7a7a7a; | |
} | |
table th, | |
table td { | |
padding: 8px; | |
line-height: inherit; | |
border: 0; | |
} | |
table td p { | |
margin: 0; | |
padding: 0; | |
} | |
table th { | |
font-weight: 700; | |
background-color: #ffffff; | |
color: #d64553; | |
} | |
table tfoot td { | |
font-weight: 400; | |
} | |
table th { | |
width: 20%; | |
} | |
table td { | |
width: 80%; | |
} | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
table th, | |
table td { | |
padding: 4px; | |
margin: 0; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
} | |
} | |
@media only screen and (max-width: 720px) { | |
table th, | |
table td { | |
padding: 4px; | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
} | |
table td p { | |
font-weight: normal; | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
font-weight: 400; | |
margin: 0; | |
} | |
} | |
body { | |
color: #ffffff; | |
background: {color:Body Background} url('{image:Background Image}'); | |
} | |
/* Links */ | |
a { | |
color: #1abc9c; | |
text-decoration: none; | |
} | |
a:visited { | |
color: #1abc9c; | |
} | |
a:hover { | |
text-decoration: none; | |
color: #16a085; | |
} | |
a:active { | |
color: #d64553; | |
text-decoration: none; | |
} | |
h1, | |
h2, | |
h3, | |
h5 { | |
font-weight: 400; | |
text-transform: uppercase; | |
} | |
p { | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
font-weight: 300; | |
} | |
.navbar { | |
overflow: visible; | |
margin: 0 0 10px 0; | |
} | |
.navbar-inner { | |
min-height: 60px; | |
} | |
.navbar .container { | |
width: auto; | |
} | |
.nav { | |
list-style: none; | |
font-weight: normal; | |
} | |
.nav > li > a { | |
display: block; | |
} | |
.nav > li > a:hover, | |
.nav > li > a:focus { | |
text-decoration: none; | |
} | |
.navbar .nav { | |
position: relative; | |
left: 0; | |
display: block; | |
margin: 0; | |
float: right; | |
} | |
.navbar .nav > li { | |
float: left; | |
} | |
.navbar .nav > li > a { | |
float: none; | |
padding: 15px 15px 15px; | |
color: #bfbfbf; | |
text-decoration: none; | |
text-transform: uppercase; | |
} | |
.navbar .nav > li > a:focus, | |
.navbar .nav > li > a:hover { | |
color: #ffffff; | |
} | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
.navbar .container { | |
width: auto; | |
padding: 0; | |
} | |
.nav { | |
font-size: 12px; | |
font-size: 0.75rem; | |
font-weight: 400; | |
} | |
} | |
@media only screen and (max-width: 720px) { | |
.navbar { | |
display: block; | |
position: static; | |
} | |
.navbar .nav { | |
font-size: 12px; | |
font-size: 0.75rem; | |
font-weight: 400; | |
padding: 0; | |
float: right; | |
} | |
.navbar .nav > li > a { | |
padding: 7.5px 10px 7.5px; | |
} | |
.navbar-inner { | |
margin-right: 2%; | |
} | |
} | |
.sidebar-container { | |
background: {color:Background}; | |
color: {color:Text Color}; | |
height: 100%; | |
position: fixed; | |
top: 0; | |
z-index: 1000; | |
} | |
.sidebar-content { | |
padding:10px; | |
text-align: center; | |
} | |
.sidebar-heading { | |
font-size: 18px; | |
font-size: 1.125rem; | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.sidebar-about { | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
} | |
.sidebar-pic-background { | |
width: 80%; | |
height: 268px; | |
} | |
.sidebar-pic { | |
-webkit-border-top-right-radius: 100px; | |
-webkit-border-bottom-right-radius: 100px; | |
-webkit-border-bottom-left-radius: 100px; | |
-webkit-border-top-left-radius: 100px; | |
-moz-border-radius-topright: 100px; | |
-moz-border-radius-bottomright: 100px; | |
-moz-border-radius-bottomleft: 100px; | |
-moz-border-radius-topleft: 100px; | |
border-top-right-radius: 100px; | |
border-bottom-right-radius: 100px; | |
border-bottom-left-radius: 100px; | |
border-top-left-radius: 100px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
background-color: #1abc9c; | |
width: 90px; | |
height: 90px; | |
margin: -10px 0 15px; | |
} | |
.sidebar-nav { | |
text-align: center; | |
width: 60%; | |
} | |
ul.sidebar-nav { | |
list-style: none; | |
margin: 0px 0 40px 0px; | |
display: inline-block; | |
padding: 0; | |
} | |
ul.sidebar-nav li { | |
margin-top: 10px; | |
font-size: 14px; | |
font-size: 0.875rem; | |
} | |
ul.sidebar-nav li a { | |
background-color: #090f15; | |
border: 1px solid #202121; | |
font-weight: bold; | |
text-transform: uppercase; | |
color: #ffffff; | |
text-decoration: none; | |
padding: 3px; | |
display: block; | |
} | |
ul.sidebar-nav li a:hover, | |
ul.sidebar-nav li a:active { | |
background-color: #1abc9c; | |
border: 1px solid #1abc9c; | |
text-transform: uppercase; | |
color: #ffffff; | |
} | |
.sidebar-search i.icon-search { | |
position: relative; | |
right: 30px; | |
cursor: pointer; | |
color: #28425c; | |
font-size: 12px; | |
} | |
.sidebar-search .search-query { | |
margin-left: 5%; | |
padding: 4px 20px; | |
-webkit-border-top-right-radius: 20px; | |
-webkit-border-bottom-right-radius: 20px; | |
-webkit-border-bottom-left-radius: 20px; | |
-webkit-border-top-left-radius: 20px; | |
-moz-border-radius-topright: 20px; | |
-moz-border-radius-bottomright: 20px; | |
-moz-border-radius-bottomleft: 20px; | |
-moz-border-radius-topleft: 20px; | |
border-top-right-radius: 20px; | |
border-bottom-right-radius: 20px; | |
border-bottom-left-radius: 20px; | |
border-top-left-radius: 20px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
width: 150px; | |
vertical-align: middle; | |
border: 0; | |
background-color: #111c27; | |
color: #ffffff; | |
} | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
.sidebar-heading { | |
font-size: 14px; | |
font-size: 0.875rem; | |
} | |
.sidebar-about { | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 19px; | |
} | |
.sidebar-pic { | |
width: 40px; | |
height: 40px; | |
margin: 5px 0 5px; | |
} | |
.sidebar-nav { | |
text-align: center; | |
width: 60%; | |
} | |
ul.sidebar-nav { | |
margin: 0px 0 10px 0px; | |
} | |
ul.sidebar-nav li { | |
margin-top: 4px; | |
font-size: 12px; | |
font-size: 0.75rem; | |
} | |
ul.sidebar-nav li a { | |
font-weight: normal; | |
text-transform: uppercase; | |
padding: 0; | |
} | |
.sidebar-search i.icon-search { | |
top: 5px; | |
right: 25px; | |
font-size: 11px; | |
} | |
.sidebar-search .search-query { | |
margin-top: 10px; | |
margin-left: 15%; | |
width: 40%; | |
} | |
} | |
@media only screen and (max-width: 720px) { | |
.sidebar-container { | |
position: static; | |
z-index: auto; | |
top: 0; | |
margin: 0; | |
width: 100%; | |
} | |
.sidebar-heading { | |
font-size: 14px; | |
font-size: 0.875rem; | |
} | |
.sidebar-about { | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
} | |
.sidebar-pic { | |
width: 45px; | |
height: 45px; | |
margin: 5px 0 5px; | |
} | |
.sidebar-nav { | |
text-align: center; | |
width: 50%; | |
} | |
ul.sidebar-nav { | |
margin: 0px 0 30px 0px; | |
} | |
ul.sidebar-nav li { | |
margin-top: 7px; | |
font-size: 12px; | |
font-size: 0.75rem; | |
} | |
ul.sidebar-nav li a { | |
font-weight: normal; | |
text-transform: uppercase; | |
padding: 1px; | |
} | |
.sidebar-search i.icon-search { | |
display: none; | |
} | |
.sidebar-search .search-query { | |
margin-left: 0; | |
width: 42%; | |
margin-bottom: 20px; | |
} | |
} | |
.blog { | |
position: relative; | |
left: 23.5%; | |
width: 65.5%; | |
} | |
/* Timeline */ | |
.timeline { | |
margin: 20px 20px 0 -15%; | |
padding: 0; | |
list-style: none; | |
position: relative; | |
} | |
.timeline:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
width: 10px; | |
background: #1abc9c; | |
left: 20%; | |
margin-left: -10px; | |
} | |
.timeline > li { | |
position: relative; | |
margin: 0; | |
} | |
/* Notes*/ | |
.timeline > li .notes { | |
text-align: right; | |
color: #aaaaaa; | |
margin: 10px 0 -20px 0; | |
} | |
.timeline > li .notes span, | |
.timeline > li .notes i { | |
margin: 0; | |
padding-left: 4px; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
text-transform: uppercase; | |
} | |
.timeline > li .notes span a { | |
color: #aaaaaa; | |
text-decoration: none; | |
} | |
.timeline > li .notes span a:hover { | |
color: #c4c4c4; | |
} | |
/* Blog Post */ | |
.timeline > li .timeline_label { | |
margin: 0 0 15px 25%; | |
background: #ffffff; | |
color: #28394b; | |
padding: 2em; | |
position: relative; | |
-webkit-border-top-right-radius: 5px; | |
-webkit-border-bottom-right-radius: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
-webkit-border-top-left-radius: 5px; | |
-moz-border-radius-topright: 5px; | |
-moz-border-radius-bottomright: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
-moz-border-radius-topleft: 5px; | |
border-top-right-radius: 5px; | |
border-bottom-right-radius: 5px; | |
border-bottom-left-radius: 5px; | |
border-top-left-radius: 5px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
.timeline > li .timeline_label p { | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
} | |
.timeline > li .timeline_label p b { | |
color: #d64553; | |
} | |
.timeline > li .timeline_label p i { | |
color: #1abc9c; | |
} | |
.timeline > li .timeline_label .pic { | |
width: 100%; | |
} | |
.timeline > li .timeline_label h1, | |
.timeline_label h1 a { | |
margin: 0px; | |
padding: 0 0 5px 0; | |
border-bottom: 1px solid #e0e0e0; | |
font-size: 24px; | |
font-size: 1.5rem; | |
color: #39536d; | |
text-decoration: none; | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.timeline > li .timeline_label:after { | |
right: 100%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-right-color: #ffffff; | |
border-width: 10px; | |
top: 10px; | |
} | |
.timeline > li .timeline_label:last-child { | |
margin-bottom: 2.5em; | |
} | |
.timeline > li .timeline_label .video-container { | |
position: relative; | |
padding-bottom: 56.25%; | |
padding-top: 30px; | |
height: 0; | |
overflow: hidden; | |
} | |
.timeline > li .timeline_label .video-container iframe, | |
.timeline > li .timeline_label .video-container object, | |
.timeline > li .timeline_label .video-container embed { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
.timeline > li .timeline_label .audio-container { | |
margin: 0; | |
} | |
.timeline > li .timeline_label .audio-container iframe, | |
.timeline > li .timeline_label .audio-container object, | |
.timeline > li .timeline_label .audio-container embed { | |
width: 100%; | |
} | |
.timeline > li p.quote { | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
font-weight: bold; | |
font-style: italic; | |
color: #39536d; | |
} | |
.timeline > li p.author { | |
color: #d64553; | |
font-weight: bold; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 30px; | |
line-height: 1.875rem; | |
} | |
.timeline > li blockquote { | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
font-style: normal; | |
margin: 1.50em 0.20em; | |
padding: 0.10em 40px; | |
position: relative; | |
color: #6086ac; | |
} | |
.timeline > li blockquote a { | |
color: #39536d; | |
font-weight: bold; | |
text-decoration: none; | |
} | |
.timeline > li blockquote a:hover { | |
color: #16202a; | |
} | |
.timeline > li blockquote p { | |
margin: 0; | |
} | |
.timeline > li blockquote:before { | |
display: block; | |
content: "\201C"; | |
font-size: 106px; | |
font-size: 6.625rem; | |
position: absolute; | |
left: 0; | |
top: 25px; | |
color: #1abc9c; | |
} | |
.timeline > li .separator { | |
width: 100%; | |
height: 7px; | |
background: #ffffff url(http://static.tumblr.com/dpngoqb/nC3mub7it/sep.png) repeat-x; | |
} | |
.timeline > li .userpic { | |
float: left; | |
width: 30px; | |
height: 30px; | |
-webkit-border-top-right-radius: 100px; | |
-webkit-border-bottom-right-radius: 100px; | |
-webkit-border-bottom-left-radius: 100px; | |
-webkit-border-top-left-radius: 100px; | |
-moz-border-radius-topright: 100px; | |
-moz-border-radius-bottomright: 100px; | |
-moz-border-radius-bottomleft: 100px; | |
-moz-border-radius-topleft: 100px; | |
border-top-right-radius: 100px; | |
border-bottom-right-radius: 100px; | |
border-bottom-left-radius: 100px; | |
border-top-left-radius: 100px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
margin: 0 10px 10px 0; | |
} | |
.timeline > li .ask { | |
padding: 10px; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
background-color: #f6f7f7; | |
position: relative; | |
color: #16202a; | |
margin-top: 25px; | |
-webkit-border-top-right-radius: 20px; | |
-webkit-border-bottom-right-radius: 20px; | |
-webkit-border-bottom-left-radius: 20px; | |
-webkit-border-top-left-radius: 20px; | |
-moz-border-radius-topright: 20px; | |
-moz-border-radius-bottomright: 20px; | |
-moz-border-radius-bottomleft: 20px; | |
-moz-border-radius-topleft: 20px; | |
border-top-right-radius: 20px; | |
border-bottom-right-radius: 20px; | |
border-bottom-left-radius: 20px; | |
border-top-left-radius: 20px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
border-bottom: 1px solid #eceded; | |
} | |
.timeline > li .ask:after { | |
bottom: 100%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
} | |
.timeline > li .ask:after { | |
border-bottom-color: #f6f7f7; | |
border-width: 10px; | |
left: 5%; | |
margin-left: -10px; | |
} | |
.timeline > li a.username { | |
color: #d64553; | |
} | |
/* Icons, Reblog, Like */ | |
.timeline > li .timeline_icon { | |
width: 40px; | |
height: 40px; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
font-size: 1.4em; | |
line-height: 40px; | |
-webkit-font-smoothing: antialiased; | |
position: absolute; | |
color: #ffffff; | |
background: #1abc9c; | |
border-radius: 50%; | |
box-shadow: 0 0 0 8px #148f77; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: 0 0 0 -25px; | |
} | |
.timeline > li .timeline_like { | |
width: 30px; | |
height: 30px; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
font-size: 1em; | |
line-height: 33px; | |
-webkit-font-smoothing: antialiased; | |
position: absolute; | |
color: #ffffff; | |
background: #d64553; | |
border-radius: 50%; | |
box-shadow: 0 0 0 6px #be2a38; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: 60px 0 0 -20px; | |
} | |
.timeline > li .timeline_like:hover { | |
background: #db5a66; | |
box-shadow: 0 0 0 6px #d13040; | |
} | |
.timeline > li .timeline_like a, | |
.timeline > li .timeline_like a:visited, | |
.timeline > li .timeline_like a:hover, | |
.timeline > li .timeline_like a:active { | |
color: #ffffff; | |
} | |
.timeline > li .timeline_reblog { | |
width: 30px; | |
height: 30px; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
font-size: 1em; | |
line-height: 33px; | |
-webkit-font-smoothing: antialiased; | |
position: absolute; | |
color: #ffffff; | |
background: #16202a; | |
border-radius: 50%; | |
box-shadow: 0 0 0 6px #0d1319; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: 110px 0 0 -20px; | |
} | |
.timeline > li .timeline_reblog:hover { | |
background: #28394b; | |
box-shadow: 0 0 0 6px #0f161d; | |
} | |
.timeline > li .timeline_reblog a, | |
.timeline > li .timeline_reblog a:visited, | |
.timeline > li .timeline_reblog a:hover, | |
.timeline > li .timeline_reblog a:active { | |
color: #ffffff; | |
} | |
.timeline > li .timeline_disqus { | |
margin: 0 0 15px 25%; | |
background: #ffffff; | |
color: #28394b; | |
padding: 2em; | |
position: relative; | |
-webkit-border-top-right-radius: 5px; | |
-webkit-border-bottom-right-radius: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
-webkit-border-top-left-radius: 5px; | |
-moz-border-radius-topright: 5px; | |
-moz-border-radius-bottomright: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
-moz-border-radius-topleft: 5px; | |
border-top-right-radius: 5px; | |
border-bottom-right-radius: 5px; | |
border-bottom-left-radius: 5px; | |
border-top-left-radius: 5px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
.timeline > li .timeline_disqus:after { | |
left: 10px; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-bottom-color: #ffffff; | |
border-width: 10px; | |
top: -20px; | |
bottom: 100%; | |
} | |
.timeline > li .timeline_prev { | |
width: 20px; | |
height: 20px; | |
font-style: normal; | |
font-weight: bold; | |
font-variant: normal; | |
text-transform: none; | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
-webkit-font-smoothing: antialiased; | |
position: absolute; | |
color: #ffffff; | |
background: #1abc9c; | |
border-radius: 50%; | |
box-shadow: 0 0 0 6px #148f77; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: -20px 0 0 -15px; | |
} | |
.timeline > li .timeline_prev a, | |
.timeline > li .timeline_prev a:hover, | |
.timeline > li .timeline_prev a:active, | |
.timeline > li .timeline_prev a:visited { | |
color: #ffffff; | |
} | |
.timeline > li .timeline_next { | |
width: 20px; | |
height: 20px; | |
font-style: normal; | |
font-weight: bold; | |
font-variant: normal; | |
text-transform: none; | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
-webkit-font-smoothing: antialiased; | |
position: absolute; | |
color: #ffffff; | |
background: #1abc9c; | |
border-radius: 50%; | |
box-shadow: 0 0 0 6px #148f77; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: 20px 0 0 -15px; | |
} | |
.timeline > li .timeline_next a, | |
.timeline > li .timeline_next a:hover, | |
.timeline > li .timeline_next a:active, | |
.timeline > li .timeline_next a:visited { | |
color: #ffffff; | |
} | |
.timeline > li .timeline_prev:hover, | |
.timeline > li .timeline_next:hover { | |
background: #1dd2af; | |
box-shadow: 0 0 0 6px #17a689; | |
} | |
.timeline > li .timeline_end { | |
width: 10px; | |
height: 10px; | |
line-height: 20px; | |
position: absolute; | |
background: #16a085; | |
border-radius: 50%; | |
box-shadow: 0 0 0 4px #107360; | |
text-align: center; | |
left: 20%; | |
top: 0; | |
margin: 5px 0 0 -10px; | |
} | |
.timeline > li .credits { | |
color: #a9c1da; | |
font-weight: 300; | |
text-transform: uppercase; | |
font-size: 14px; | |
font-size: 0.875rem; | |
text-align: center; | |
margin: 0 0 20px 25%; | |
position: relative; | |
padding-top: 5px; | |
} | |
.timeline > li .credits a { | |
color: #a9c1da; | |
text-decoration: none; | |
} | |
.timeline > li .credits a:hover { | |
text-decoration: underline; | |
} | |
.timeline > li ul.tags { | |
margin-bottom: 20px; | |
list-style: none; | |
text-align: right; | |
} | |
.timeline > li .tags li { | |
display: inline; | |
margin: 0 5px 5px 0; | |
} | |
.timeline > li .tags li a, | |
.timeline > li .tags li a:visited, | |
.timeline > li .tags li a:active { | |
color: #16a085; | |
background-color: #edf1f5; | |
border: 1px solid #dddddd; | |
-webkit-border-top-right-radius: 5px; | |
-webkit-border-bottom-right-radius: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
-webkit-border-top-left-radius: 5px; | |
-moz-border-radius-topright: 5px; | |
-moz-border-radius-bottomright: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
-moz-border-radius-topleft: 5px; | |
border-top-right-radius: 5px; | |
border-bottom-right-radius: 5px; | |
border-bottom-left-radius: 5px; | |
border-top-left-radius: 5px; | |
-moz-background-clip: padding-box; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
font-size: 11px; | |
font-size: 0.6875rem; | |
text-decoration: none; | |
padding: 4px; | |
} | |
.timeline > li .tags li a:hover { | |
background-color: #f3f6f9; | |
border: 1px solid #eaeaea; | |
color: #1abc9c; | |
} | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
.blog { | |
position: relative; | |
left: 23.5%; | |
margin-left: 32.75px; | |
width: 70%; | |
} | |
.timeline { | |
margin: 20px 20px 0 -20%; | |
} | |
.timeline > li .timeline_time span { | |
font-size: 14px; | |
font-size: 0.875rem; | |
} | |
.timeline > li .timeline_label { | |
margin: 0 0 15px 27%; | |
} | |
.timeline > li .timeline_label p { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 23px; | |
line-height: 1.4375rem; | |
} | |
.timeline > li .timeline_label h1, | |
.timeline_label h1 a { | |
font-size: 20px; | |
font-size: 1.25rem; | |
} | |
.timeline > li p.quote { | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 26px; | |
line-height: 1.625rem; | |
} | |
.timeline > li p.author { | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
} | |
.timeline > li blockquote { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 23px; | |
line-height: 1.4375rem; | |
margin: 0.3em 0.3em; | |
padding: 0.20em 30px; | |
} | |
.timeline > li blockquote:before { | |
font-size: 86px; | |
font-size: 5.375rem; | |
top: 20px; | |
} | |
.timeline > li .ask { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
} | |
.timeline > li .timeline_label .audio-container { | |
position: relative; | |
padding-bottom: 21.25%; | |
padding-top: 30px; | |
height: auto; | |
overflow: hidden; | |
margin: 0; | |
} | |
} | |
@media only screen and (max-width: 720px) { | |
.blog { | |
position: static; | |
margin-left: 10%; | |
width: 89%; | |
} | |
.timeline { | |
position: relative; | |
margin: 0; | |
left: -5%; | |
} | |
.timeline:before { | |
display: none; | |
} | |
.timeline > li .timeline_icon { | |
position: relative; | |
float: none; | |
left: auto; | |
width: 30px; | |
height: 30px; | |
font-size: 1em; | |
line-height: 28px; | |
margin: 0 0 25px 14px; | |
} | |
.timeline > li .timeline_like { | |
left: 16%; | |
top: 0; | |
margin: 1px 0 0 0; | |
} | |
.timeline > li .timeline_reblog { | |
left: 28%; | |
top: 0; | |
margin: 1px 0 0 0; | |
} | |
.timeline > li .notes { | |
margin: 10px 0 0 0; | |
} | |
.timeline > li .notes span, | |
.timeline > li .notes i { | |
padding-left: 4px; | |
font-size: 10px; | |
font-size: 0.625rem; | |
} | |
.timeline > li .timeline_label { | |
margin: 30px 0 30px 0; | |
padding: 1em; | |
font-weight: 400; | |
} | |
.timeline > li .timeline_label:after { | |
right: auto; | |
left: 17px; | |
border-right-color: transparent; | |
border-bottom-color: #ffffff; | |
top: -20px; | |
} | |
.timeline > li .timeline_label p { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 21px; | |
line-height: 1.3125rem; | |
} | |
.timeline > li .timeline_label h1, | |
.timeline_label h1 a { | |
font-size: 17px; | |
font-size: 1.0625rem; | |
} | |
.timeline > li blockquote { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 21px; | |
line-height: 1.3125rem; | |
margin: 0.1em 0.2em; | |
padding: 0.20em 25px; | |
} | |
.timeline > li blockquote:before { | |
font-size: 61px; | |
font-size: 3.8125rem; | |
top: 15px; | |
} | |
.timeline > li p.quote { | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 22px; | |
line-height: 1.375rem; | |
} | |
.timeline > li p.author { | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
} | |
.timeline > li .ask { | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
} | |
.timeline > li .ask:after { | |
left: 10%; | |
margin-left: 0; | |
} | |
.timeline > li .timeline_prev { | |
float: left; | |
left: 0; | |
top: 0; | |
position: static; | |
margin: -20px 0 0 0; | |
} | |
.timeline > li .timeline_next { | |
position: static; | |
float: right; | |
left: 0; | |
top: 0; | |
margin: -20px 0 0 0; | |
clear: both; | |
} | |
.timeline > li .timeline_end { | |
display: none; | |
} | |
.timeline > li .credits { | |
position: static; | |
display: block; | |
margin: auto; | |
padding: 5px 0 5px 0; | |
font-size: 12px; | |
font-size: 0.75rem; | |
} | |
.timeline > li .timeline_label .audio-container { | |
position: relative; | |
padding-bottom: 40%; | |
padding-top: 30px; | |
height: auto; | |
overflow: hidden; | |
margin: 0; | |
} | |
} | |
@media only screen and (max-width: 430px) { | |
.timeline > li:first-child { | |
margin-top: 10%; | |
} | |
.timeline > li .timeline_icon, | |
.timeline > li .timeline_icon:hover { | |
background-color: #16202a; | |
-webkit-box-shadow: 0 0 0; | |
-moz-box-shadow: 0 0 0; | |
box-shadow: 0 0 0; | |
font-size: 1em; | |
} | |
.timeline > li .timeline_like, | |
.timeline > li .timeline_like:hover { | |
background-color: #16202a; | |
-webkit-box-shadow: 0 0 0; | |
-moz-box-shadow: 0 0 0; | |
box-shadow: 0 0 0; | |
font-size: 1em; | |
} | |
.timeline > li .timeline_reblog, | |
.timeline > li .timeline_reblog:hover { | |
background-color: #16202a; | |
-webkit-box-shadow: 0 0 0; | |
-moz-box-shadow: 0 0 0; | |
box-shadow: 0 0 0; | |
font-size: 1em; | |
} | |
} | |
/** | |
* BxSlider v4.0 - Fully loaded, responsive content slider | |
* http://bxslider.com | |
* | |
* Written by: Steven Wanderski, 2012 | |
* http://stevenwanderski.com | |
* (while drinking Belgian ales and listening to jazz) | |
* | |
* CEO and founder of bxCreative, LTD | |
* http://bxcreative.com | |
*/ | |
/** RESET AND LAYOUT | |
===================================*/ | |
.bx-wrapper { | |
position: relative; | |
margin: 0 0 20px 0; | |
padding: 0; | |
*zoom: 1; | |
height: auto; | |
} | |
.bx-wrapper img { | |
width: 100%; | |
display: block; | |
} | |
/** THEME | |
===================================*/ | |
.bx-wrapper .bx-viewport { | |
background: #ffffff; | |
} | |
.bx-wrapper .bx-pager, | |
.bx-wrapper .bx-controls-auto { | |
display: none; | |
} | |
/* LOADER */ | |
.bx-wrapper .bx-loading { | |
min-height: 50px; | |
background: url(images/bx_loader.gif) center center no-repeat #ffffff; | |
height: 100%; | |
width: 100%; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 2000; | |
} | |
/* PAGER */ | |
.bx-wrapper .bx-pager { | |
display: none; | |
} | |
.bx-wrapper .bx-pager .bx-pager-item, | |
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { | |
display: none; | |
} | |
/* DIRECTION CONTROLS (NEXT / PREV) */ | |
.bx-wrapper .bx-prev { | |
left: 0; | |
background-color: #16202a; | |
color: #ffffff; | |
-moz-opacity: 0.6; | |
-khtml-opacity: 0.6; | |
-webkit-opacity: 0.6; | |
opacity: 0.6; | |
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); | |
filter: alpha(opacity=60); | |
text-align: center; | |
font-size: 30px; | |
font-size: 1.875rem; | |
} | |
.bx-wrapper .bx-next { | |
right: 1px; | |
background-color: #16202a; | |
color: #ffffff; | |
-moz-opacity: 0.6; | |
-khtml-opacity: 0.6; | |
-webkit-opacity: 0.6; | |
opacity: 0.6; | |
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); | |
filter: alpha(opacity=60); | |
text-align: center; | |
font-size: 30px; | |
font-size: 1.875rem; | |
} | |
.bx-wrapper .bx-prev:hover { | |
-moz-opacity: 1; | |
-khtml-opacity: 1; | |
-webkit-opacity: 1; | |
opacity: 1; | |
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
filter: alpha(opacity=100); | |
} | |
.bx-wrapper .bx-next:hover { | |
-moz-opacity: 1; | |
-khtml-opacity: 1; | |
-webkit-opacity: 1; | |
opacity: 1; | |
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
filter: alpha(opacity=100); | |
} | |
.bx-wrapper .bx-controls-direction a { | |
position: absolute; | |
top: 40%; | |
outline: 0; | |
padding-top: 5px; | |
width: 40px; | |
height: 40px; | |
z-index: 9999; | |
text-decoration: none; | |
} | |
.bx-wrapper .bx-controls-direction a.disabled { | |
display: none; | |
} | |
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ | |
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { | |
text-align: left; | |
width: 80%; | |
} | |
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { | |
right: 0; | |
width: 35px; | |
} | |
/* IMAGE CAPTIONS */ | |
.bx-wrapper .bx-caption { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
background-color: #16202a; | |
width: 100%; | |
font-family: PT Sans, Arial, sans-serif; | |
-moz-opacity: 0.7; | |
-khtml-opacity: 0.7; | |
-webkit-opacity: 0.7; | |
opacity: 0.7; | |
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); | |
filter: alpha(opacity=70); | |
} | |
.bx-wrapper .bx-caption span { | |
color: #ffffff; | |
display: block; | |
font-size: 16px; | |
font-size: 1rem; | |
font-weight: 400; | |
padding: 10px; | |
} | |
/** Responsive Captions and Controls | |
===================================*/ | |
@media only screen and (min-width: 762px) and (max-width: 940px) { | |
.bx-wrapper .bx-caption span { | |
font-size: 14px; | |
font-size: 0.875rem; | |
font-weight: 400; | |
padding: 0 10px 5px 10px; | |
} | |
.bx-wrapper .bx-controls-direction a { | |
padding-top: 0; | |
width: 20px; | |
height: 33px; | |
top: 40%; | |
} | |
.bx-wrapper .bx-prev { | |
font-size: 20px; | |
font-size: 1.25rem; | |
} | |
.bx-wrapper .bx-next { | |
font-size: 20px; | |
font-size: 1.25rem; | |
} | |
} | |
@media only screen and (max-width: 720px) { | |
.bx-wrapper .bx-caption span { | |
font-size: 12px; | |
font-size: 0.75rem; | |
font-weight: 400; | |
padding: 0 5px 2px 5px; | |
} | |
.bx-wrapper .bx-controls-direction a { | |
padding-top: 0; | |
width: 20px; | |
height: 32px; | |
top: 35%; | |
} | |
.bx-wrapper .bx-prev { | |
font-size: 18px; | |
font-size: 1.125rem; | |
} | |
.bx-wrapper .bx-next { | |
font-size: 18px; | |
font-size: 1.125rem; | |
} | |
} | |
</style> | |
<style> | |
{CustomCSS} | |
</style> | |
<!-- FONT ICONS --> | |
<link rel="stylesheet" href="http://static.tumblr.com/dpngoqb/jrGmmjd99/fontello.css"> | |
<link rel="stylesheet" href="http://static.tumblr.com/dpngoqb/FNGmmjd9t/fontello-embedded.css"> | |
</head> | |
<body> | |
<!-- CONTENT--> | |
<div class="row"> | |
<!-- SIDEBAR--> | |
<div class="col three sidebar-container"> | |
<div class="sidebar-content"> | |
<section id="#about"> | |
<img src="{image:Profile Background}" class="sidebar-pic-background" alt="profile background"> | |
<img src="{PortraitURL-128}" class="sidebar-pic" alt="userpic"> | |
<h1 class="sidebar-heading">{Title}</h1> | |
{block:Description}<p class="sidebar-about">{Description}</p>{/block:Description} | |
</section> | |
<section id="#nav"> | |
<ul class="sidebar-nav"> | |
<li><a href="/">Home</a></li> | |
<li><a href="/random">Random</a></li> | |
{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages} | |
{block:ifExternalLinkURL}<li><a href="{text:External Link URL}">{text:External Link Title} | |
</a></li>{/block:ifExternalLinkURL} | |
</ul> | |
</section> | |
<section id="#search"> | |
<form class="sidebar-search"> | |
<input type="text" class="search-query" placeholder="Search" name="q" value="{SearchQuery}"> <i | |
class="icon-search"></i> | |
</form> | |
</section> | |
</div> <!-- sidebar-content --> | |
</div> | |
<!-- BLOG--> | |
<div class="col nine blog"> | |
<!--NAVIGATION--> | |
<div class="navbar clearfix"> | |
<div class="navbar-inner"> | |
<ul class="nav"> | |
<li><a href="/"><i class="icon-home"></i> Home</a></li> | |
<li><a href="/archive"><i class="icon-drive"></i> Archive</a></li> | |
{block:AskEnabled}<li><a href="/ask"><i class="icon-mail-alt"></i> Ask</a></li>{/block:AskEnabled} | |
{block:SubmissionsEnabled}<li><a href="/submit"><i class="icon-star"></i> Submit</a></li> | |
{/block:SubmissionsEnabled} | |
<li><a href="{RSS}"><i class="icon-rss"></i> Feed</a></li> | |
</ul> | |
</div> | |
</div> <!-- end of navbar--> | |
<ul class="timeline clearfix"> | |
{block:Posts} | |
{Block:Photo} | |
<!-- ========================================================================== | |
IMAGE POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-picture-1"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" class="pic" alt="{PhotoAlt}">{LinkCloseTag} | |
{block:Caption}<p>{Caption}</p> {/block:Caption} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth} {DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel} </a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/Block:Photo} | |
{block:Panorama} | |
<!-- ========================================================================== | |
PANORAMA POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-picture-1"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag} | |
{block:Caption}<p>{Caption}</p> {/block:Caption} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Panorama} | |
{block:Photoset} | |
<!-- ========================================================================== | |
PHOTOSET POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-picture"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
<section id="slider"> | |
<div class="bx-wrapper" style="max-width: 100%;"> | |
<div class="bx-viewport"> | |
<ul class="bxslider" style="width: auto%; position: relative; margin: 0; -webkit-margin-before: 0; -webkit-padding-start: 0; -webkit-margin-after: 0; list-style-type: none;"> | |
{block:Photos} <li> | |
<img src="{PhotoURL-500}" alt="{PhotoAlt}"> | |
{block:Caption} <div class="bx-caption"> | |
<span> {Caption}</span> | |
</div>{/block:Caption} | |
</li>{/block:Photos} | |
</ul> | |
</div> | |
</div> | |
</section> | |
{block:Caption}{Caption}{/block:Caption} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Photoset} | |
{block:Text} | |
<!-- ========================================================================== | |
TEXT POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-align-left"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1> | |
{/block:Title} | |
{Body} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Text} | |
{block:Quote} | |
<!-- ========================================================================== | |
QUOTE POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-quote"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
<p class="quote">{Quote}</p> | |
{block:Source}<p class="author"><i class="icon-right-open-mini"></i>{Source}</p> | |
{/block:Source} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Quote} | |
{block:Video} | |
<!-- ========================================================================== | |
VIDEO POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-video"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
<div class="video-container">{Video-500}</div> | |
{block:Caption}{Caption}{/block:Caption} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> {/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Video} | |
{block:Chat} | |
<!-- ========================================================================== | |
CHAT POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-chat"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
{block:Title} | |
<h1><a href="{Permalink}">{Title}</a></h1> | |
{/block:Title} | |
<table> | |
{block:Lines} | |
<tr> | |
<th>{block:Label}{Label}{/block:Label}</th> | |
<td><p>{Line}</p></td> | |
</tr> | |
{/block:Lines} | |
</table> | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> {/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Chat} | |
{block:Audio} | |
<!-- ========================================================================== | |
AUDIO POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-note"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
{block:ExternalAudio} <div class="audio-container"> | |
{ExternalAudioURL}</div>{/block:ExternalAudio} | |
{block:AudioEmbed} <div class="audio-container">{AudioEmbed} | |
</div>{/block:AudioEmbed} | |
{block:AudioPlayer} <div class="audio-container"> | |
{AudioPlayerGrey}</div>{/block:AudioPlayer} | |
{block:Caption}{Caption}{/block:Caption} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> {/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Audio} | |
{block:Link} | |
<!-- ========================================================================== | |
LINK POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-link"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
<h1><a href="{URL}" {Target}>{Name}</a></h1> | |
{block:Description}<p>{Description}</p> {/block:Description} | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Link} | |
{block:Answer} | |
<!-- ========================================================================== | |
ASK POST | |
========================================================================== */ | |
--> | |
<li> | |
<div class="timeline_icon"><i class="icon-chat-empty"></i></div> | |
<div class="timeline_like">{LikeButton color="white" size="14"}</div> | |
<div class="timeline_reblog"><p style="margin:2px 0 0 6px;";>{ReblogButton color="white" size="18"}</a></p></a></div> | |
<div class="timeline_label"> | |
<img src="{AskerPortraitURL-30}" class="userpic"><h1>{Asker} | |
asked</h1> | |
<div class="ask">{Question}</div> | |
<p>{Answer}</p> | |
{block:Answerer}<b>{Answerer}</b>{/block:Answerer} | |
<p>{Replies}</p> | |
{block:HasTags} | |
<ul class="tags"> | |
{block:Tags}<li><a href="{TagURL}">#{Tag}</a></li> {/block:Tags} | |
</ul> | |
{/block:HasTags} | |
<div class="separator"></div> | |
<div class="notes"> | |
{block:Date}<span><i class="icon-clock"></i> <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a></span> | |
{/block:Date} | |
{block:NoteCount} <span> <i class="icon-star"></i><a href="{Permalink}">{NoteCountWithLabel}</a></span> {/block:NoteCount} | |
<span><i class="icon-user"></i> posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></span> | |
{block:IfDisqusShortname}<span><i class="icon-comment-1"></i> <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></span> {/block:IfDisqusShortname} | |
</div> | |
</div> | |
</li> | |
{/block:Answer} | |
<li> | |
{block:Permalink}{block:Date} | |
<div class="timeline_disqus"> | |
<!-- ========================================================================== | |
DISQUS | |
========================================================================== */ | |
--> | |
{block:IfDisqusShortname} | |
<div id="disqus_thread"></div> | |
<script type="text/javascript"> | |
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ | |
var disqus_shortname = '{text:Disqus Shortname}'; | |
/* * * DON'T EDIT BELOW THIS LINE * * */ | |
(function() { | |
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; | |
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; | |
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); | |
})(); | |
</script> | |
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by | |
Disqus.</a></noscript> | |
{/block:IfDisqusShortname} | |
{block:PostNotes}{PostNotes}{/block:PostNotes} | |
</div> | |
{/block:Date}{/block:Permalink} | |
</li> | |
<script type="text/javascript"> | |
var disqus_shortname = '{text:Disqus Shortname}'; | |
(function () { | |
var s = document.createElement('script'); s.async = true; | |
s.type = 'text/javascript'; | |
s.src = '//' + disqus_shortname + '.disqus.com/count.js'; | |
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); | |
}()); | |
</script> | |
{/block:Posts} | |
{block:Pagination} | |
<!-- ========================================================================== | |
PAGINATION | |
========================================================================== */ | |
--> | |
<li> | |
{block:NextPage}<div class="timeline_next"><a href="{NextPage}"><i class="icon-right-open-mini"></i></a></div>{/block:NextPage} | |
{block:PreviousPage}<div class="timeline_prev"><a href="{PreviousPage}"><i class="icon-left-open-mini"></i></a></div>{/block:PreviousPage} | |
<div class="credits"> | |
{Title} {CopyrightYears} - Powered by <a href="www.tumblr.com">tumblr</a></a> | |
</div> | |
</li> | |
{/block:Pagination} | |
<li> | |
<div class="timeline_end"></div> | |
<div class="credits"></div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<!-- SCM Music Player http://scmplayer.net --> | |
<script type="text/javascript" src="http://scmplayer.net/script.js" | |
data-config="{'skin':'http://static.tumblr.com/83zgfej/nA4m1mgt5/skin16.css','volume':100,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Time Of Our Lives','url':'http://www.youtube.com/watch?v=J9xW36DB9l8'},{'title':'A Drop In The Ocean','url':'http://www.youtube.com/watch?v=LVsrP9OJ6PA'},{'title':'I Wouldn%27t Mind','url':'http://www.youtube.com/watch?v=55QoKSd78Xs'},{'title':'Give It All','url':'http://www.youtube.com/watch?v=EzueDvbBxak'},{'title':'BlackBirds','url':'http://www.youtube.com/watch?v=q_Kk3AxQZfs'},{'title':'Echo','url':'http://www.youtube.com/watch?v=oPuzpT2iCZU'},{'title':'Down','url':'http://www.youtube.com/watch?v=M8He7KJwhqc'},{'title':'Keep Me Watching','url':'http://www.youtube.com/watch?v=7aMZ318yuto'},{'title':'You And Me','url':'http://www.youtube.com/watch?v=27nHtyAeiUU'},{'title':'Perfect For Me','url':'http://www.youtube.com/watch?v=4PCAHTQIRJk'},{'title':'Everything','url':'http://www.youtube.com/watch?v=fjDojEOiMcE'}]}" ></script> | |
<!-- SCM Music Player script end --> | |
<!-- JavaScript Files --> | |
<script src="http://static.tumblr.com/dpngoqb/y5Ymugpgp/jquery-2.0.3.min.js"></script> | |
<script src="http://static.tumblr.com/dpngoqb/QhRmug6os/jquery.bxslider.min.js"></script> | |
<!-- Slider Script --> | |
<script> | |
$('.bxslider').bxSlider({ | |
mode: 'fade', | |
easing: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)', | |
captions: true | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment