Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description"
content="{MetaDescription}" />{/block:Description}

<meta name="color:Background" content="#ffffff"/>

<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Accent" content="#EDD4DC" />
<meta name="color:Accent 2" content="#EDD4DC" />
<meta name="color:Sidebar Links" content="#b8b8b8"/>
<meta name="color:Description Text" content="#b8b8b8"/>
<meta name="color:Gradient 1" content="#ff89e9" />
<meta name="color:Gradient 2" content="#05abe0" />
<meta name="color:Border" content="#dddddd"/>
<meta name="color:Tags" content="#a8a8a8"/>

<meta name="color:Tags hover" content="#EDD4DC" />
<meta name="color:Quote" content="#CDD0BB" />
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:Scrollbar Bg" content="#ffffff"/>
<meta name="color:Answer Backg" content="#000000"/>
<meta name="color:Chat" content="#ffffff" />
<meta name="color:Chat 2" content="#ffffff" />
<meta name="image:Sidebar" content=""/>

<meta name="image:Background" content=""/>
<meta name="text:Title unbolded" content="" />

<meta name="text:Title bolded" content="" />
<meta name="text:Link 1" content="" />

<meta name="text:Link 1 Text" content="" />
<meta name="if:Show Link 1" content="1" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800,300'
rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}
::-webkit-scrollbar {
height:9px;
width:4px;
background-color:{color:ScrollbarBg};
}
body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:arial;
font-size:9px;
line-height:16px;
text-align:justify;
background-image:url('{image:Background}');
}
a{
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:Post Links};
-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transitionduration:0.6s;
}
img {
border:none;
}
blockquote {padding:3px 0 3px 15px;

border-left:1px solid {color:text};
margin-left:30px;
}
blockquote blockquote{padding:3px 0 3px 15px;
border-left:1px solid {color:text};
margin-left:30px;
}
blockquote a {
background-color:{color:Accent};
color:{color:Background};
text-decoration:underline;
}
blockquote a:hover {
color:{color:Text};
background-color:{color:Background};
}
blockquote blockquote a {
font-style:italic;
letter-spacing:-1px;
font-family:!important times;
}
h1 {
font-size: 13px;
font-weight: bold;
color:{color:Accent 2} !important;
text-transform: uppercase;
letter-spacing: 0.3em;
text-transform:uppercase;
font-family: Century Gothic, calibri;
font-style:none;
line-height:10px;
text-align:left;
padding:0px;
}
h1 a {
color:{color:Accent 2};
}
.quote {
font-size:9px;
font-family: sans-serif;
background-color:{color:Quote};
padding:5px;
width:480px;
}
#qsource h2 {
color:{color:quote};
font-family:'Maven Pro';
font-size: 25px;
COLOR: #c1c1c1;
letter-spacing: 1px;
}
a:hover {
color:{color:Hover};
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}
/*ENTRIES*/
#entries {
padding:20px;
width:500px;
overflow:hidden;
margin-left:380px;
margin-top:5px;
font-size:9px;
font-family: sans-serif;
letter-spacing:0px;
}
#entries b {
color:{color:Accent};
}
#post {
width:500px;
padding-bottom:40px;
padding:30px;
margin:0 0 40px 0;
opacity:.8;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
#post:hover img {
opacity:1;
}
/*#entries a {
}
#entries a:hover {
background-color:{color:Background};
}*/
/*SIDEBAR*/
#sidebar {
position:fixed;
margin-top:80px;
margin-left:90px;
width:150px;
}
#sidebarimage {
width: 150px;
height:150px;
}
#sidebarimage img {
width:150px;
height:150px;
margin-top:164px;
padding:3px;
}
.grid {
overflow: hidden;
margin: 0;
padding: 3em 0 0 0;
width: 100%;
list-style: none;
text-align: center;
}
/* Common style */
.grid figure {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
margin: -0.135em;
/*width: 33.333%;*/
height: 150px;
width:150px;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.grid figure img {

position: relative;
display: block;
min-height: 100%;
opacity: 0.8;
}
.grid figure figcaption {

padding: 2em;
color: #fff;
text-transform: uppercase;
/*
font-size: 0.938em;*/
/*font-size: 0.668em;*/
font-size: 0.737em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
.grid figure figcaption::before,

.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,

.grid figure a {
position: absolute;
top: 0;
left: 0;
/*width: 100%;
height: 100%;*/
}
/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */
.grid figure a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-size: 1.5em;
font-family: 'Raleway', Arial, sans-serif;
font-weight: 300;
}
.grid figure h2 span {

font-weight: 800;
}
.grid figure h2,

.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
#overlay {
width:150px; height:150px; background-color:blue;
position:absolute;
}
/*---------------*/
/***** Roxy *****/
/*---------------*/
figure.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0
100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
figure.effect-roxy img {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
/*
width:230px;*/
/*
margin-top:-60px;*/
margin-top:-35px;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-50px,0,0);
figure.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 25px;
bottom: 30px;
left: 25px;
border: 1px solid #fff;
content: '';
margin:0 auto;
opacity: 0;
}
figure.effect-roxy figcaption {
/*margin-left:-20px;
margin: auto -5%;
width:50%;
padding: 4em;*/
width:50%;
z-index:444444;
opacity:0;
/*background-image: linear-gradient(bottom, #000000 0%, #e7dde2
100%); background-image: -o-linear-gradient(bottom, #000000 0%, #e7dde2
100%); background-image: -moz-linear-gradient(bottom, #000000 0%,

#e7dde2 100%); background-image: -webkit-linear-gradient(bottom,
#000000 0%, #e7dde2 100%); background-image: -ms-lineargradient(bottom, #000000 0%, #e7dde2 100%);*/
/* webkit example *
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(50,50,50,0.1)),
to(rgba(80,80,80,0.05)), color-stop(0.05,#333333)
);
/* mozilla example - FF3.6+ *

background-image: -moz-linear-gradient(
rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%
);
/* approximately a 33% opacity on blue *

filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
/* IE8 uses -ms-filter for whatever reason... *

-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);*/
margin: auto; /*padding:4em;*/ padding:5.5em;
figure.effect-roxy h2 {
padding: 10px 0 10px 0;
-webkit-transition: -webkit-transform 0.40s;
font-size: 1.5em;
}
figure.effect-roxy p {
opacity: 0;
}
figure.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#thing {
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%,
rgba(72,76,97,0.3) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%,
rgba(72,76,97,0.3) 75%);
z-index:33333;
opacity:0;
width:150px; height:150px;
position:absolute;
}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p,
figure.effect-roxy:hover figcaption,
figure.effect-roxy:hover #thing{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.links {
width:140px;
padding: 5px;
text-align:center;
position:fixed;
text-transform:lowercase;
margin-top:7px;
margin-left:0px;
.links a {
font-family:times;
width:94px;
padding:3px;
font-size:8px;
letter-spacing:0px;
color:{color:Sidebar Links};
}
#description {
text-align:justify;
font-size:9px;
position:fixed;
width:130px;
padding:10px;
margin-left:-5px;
text-transform:none;
color:{color:Description Text};
}
#pagination {
font-style:bold;
padding:2px;
font-family:'arial';
letter-spacing:0px;
font-size:9px;
text-align:center;
padding:2px;
margin-top:10px;
}
/*POST INFO
@font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: local('Maven Pro Regular'), local('MavenProRegular'),
url(http://themes.googleusercontent.com/static/fonts/mavenpro/v5/MG9KbUZ
FchDs94Tbv9U-pbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
font-family: 'Maven Pro2';
font-style: normal;
font-weight: 900;
src: local('Maven Pro Black'), local('MavenProBlack'),
url(http://themes.googleusercontent.com/static/fonts/mavenpro/v5/91TwiFzqeL1F7Kh91APwaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
#info {
width:500px;
text-align:center;
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:7px;
font-style:none;
padding:1px;
line-height:10px;
border-top:1px solid;
border-color:{color:Border};
}
#info a {
text-align:center;
}
#info a:hover {
color:{color:Hover}
}
#tags {
float:left;
width:489px;
margin-top:-7px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
}
#tags a {
letter-spacing:0px;
font-size:8px;
text-align:center;
font-family:'CALIBRI';
text-decoration:none;
display:inline-block;
color:#ddd;
}
#tags a:hover {
background-color:#fff;
color:{color:Hover};
}*/
@font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: local('Maven Pro Regular'), local('MavenProRegular'),
url(http://themes.googleusercontent.com/static/fonts/mavenpro/v5/MG9KbUZ
FchDs94Tbv9U-pbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
font-family: 'Maven Pro2';
font-style: normal;
font-weight: 900;
src: local('Maven Pro Black'), local('MavenProBlack'),
url(http://themes.googleusercontent.com/static/fonts/mavenpro/v5/91TwiFzqeL1F7Kh91APwaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
#info { width:500px;font-size:7px; margin-bottom:5px; color:{color:post

info}; }
.boxy {color:{color:post info accent}; line-height:13px; font-size:12px;
float:left; padding-right:5px; }
#info a {color:{color:post info};}
#tags {
width:489px;
/*text-align:center;
font-size:7px;
font-family:'Libre Baskerville';
font-weight:400italic;
text-transform:lowercase;*/
/*font-family:times;
font-size:9px;
font-style:italic;
letter-spacing:-1px;*/
text-align:left;
position:absolute;
font-size:9px;
letter-spacing:-.5px;
font-family:arial;
margin-top:0px;
display:inline;
#tags a {
display:inline;
color:{color:Tags};
}
#tags a:hover {
color:{color:Tags hover} !important;
}
.date a{
padding:3px 3px 3px 3px;
}
#date {
text-align:center;
/*font-family:times;
font-size:8px;*/
font-size:8px;
margin-bottom:5px;
margin-top:5px;
}
#date a {
.date a:hover {
opacity:.9;
}
.infoscene {
/*QUESTION*/
#asker {
color:#fcfcfc;
padding:14px;
font-family:'arial';
font-size:11px;
letter-spacing:0px;
text-align:left;
margin-top:0px;
line-height:100%;
background-color:{color:Answer Backg}
}
/*CREDIT*/
#cred {
position:fixed;
font-family:'Calibri';
font-size:8px;
right:9px;
bottom:9px;
padding:4px;
letter-spacing:1px;
}
/*.tumblr_audio_player {
position:absolute; width:60px; height:60px; margin-left:-70px;
opacity:.4;
}
.tumblr_audio_player:hover {
opacity:1; margin-left:-70px;
}
.audio {
background-color:blue;
}
.trackdetails {
width: auto;
border-left: 1px solid {color:Border};
margin-left: 0px;
height: 40px;
padding:10px;
line-height:150%;
}
.trackdetails b {
}
.trackdetails u {
padding:2px;
font:10px times; font-style:italic;
}*/
#audio {
height:auto;
min-height:60px;
padding-bottom:13px;
}
.cover {
position:absolute;
z-index:1;
width:60px;
height:60px;
border-radius:100px;
}
.cover img {
float:left;
width:60px;
height:60px;
background-color:{color:bg};
padding:5px;
}
.button {
width:19px;
height:20px;
overflow:hidden;
position:relative;
z-index:1000;
margin-top:22px;
margin-left:21px;
text-align:center;
margin-top:4px;
margin-left:5px;
-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out
#audio:hover .box {
opacity:1;
}
.box {
opacity:.3;
width:35px;
height:35px;
margin-top:18px;
margin-left:18px;
background:#fff;
position:absolute;
z-index:1000;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}
.box:hover {
opacity:1.0;
width:35px;
height:35px;
margin-top:18px;
margin-left:18px;
background:#fff;
position:absolute;
z-index:1000;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}
.capbox {
padding:20px;
margin-left:82px;
height:auto;
min-height:35px;
background-color: {color:background};
border-left: 1px solid #e9e9e9;
text-align:left;
width:320px;
}
.trackdetails {
text-align:left;
width:320px;
border-left: 1px solid {color:Border};
height: 40px;
padding:15px;
margin-left:80px;
line-height:150%;
}
.trackdetails b {
}
.trackdetails u {
padding:2px;
font:10px times; font-style:italic;
}
/*chat*/
ul.chat {
font-family:arial;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.chat li {
list-style-type: none;
margin-left: 0px;
padding: 4px;
}
label .chat li.odd {
background-color:{color:chat 2};
}
label .chat li.even {
/* font-style:italic;*/
background-color:{color:chat};
ul.chat, .chat ol, .chat li {

list-style:none;
margin:0px;
padding:2px;
}
.label {
font-weight:700;
background-color:{color:chat bg};
margin-right:5px;
}
{CustomCSS}</style></head><body>
<div id="sidebar">
<div class="grid">
<figure class="effect-roxy">
<div id="thing"></div>
<img class="sidebarimage" src="{image:Sidebar}">
<figcaption>
<h2>{text:Title unbolded} <span>{text:Title bolded}</span></h2>

</figcaption>
</figure>

</div>
<div class="links">
<a href="/">Home</a>
<a href="/ask">Ask</a>
{block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1
Text}</a>{/block:IfShowLink1}
<div id="description">{Description}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a
href="{PreviousPage}">new</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>
</div>
<div id="entries">
{block:Posts}
<div id="post">
{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Photoset}{Photoset-500}{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}
{block:Quote}<div class="quote">"{Quote}"</div>
{block:Source}<div class="qsource"><h2> {Source}</h2></div>
{/block:Source}{/block:Quote}
{block:Link}<h1><a href="{URL}"
{Target}>{Name}</a></h1>{block:Description}{Description}
{/block:Description}{/block:Link}
{block:Chat}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="lab"><b>{Label}</b></span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Audio}
<div id="audio">
<div class="cover">
<img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
</div>
{block:AlbumArt}
<div class="cover">
<img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="box">
<div class="button">
{block:AudioPlayer}
{AudioPlayerWhite}
{/block:AudioPlayer}
</div></div>
<div class="trackdetails">
{block:TrackName}<u>{TrackName}</u>{/block:TrackName}
{block:Artist} by <b>{Artist}</b>{/block:Artist}<br/>

{block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br/>
<b>PLAYS:</b> {FormattedPlayCount}</div>
{block:Caption}<div
class="acaption">{Caption}</div>{/block:Caption}</div>
{/block:Audio}
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}<div id="asker">{Question} <span style="textalign:lowercase; color:#fcfcfc;font-style:italic;

"><b><i>{Asker}</i></b><br></span> </div><left><div
style="padding:4px;margin-top:3px;font-size:11px;"><font
face="arial">{Answer}</font></div>{/block:Answer}

<div id="info">
<div id="date">
<div style=" background-color:{color:Background};
display:inline;">{block:NoteCount}<a
href="{Permalink}">{NoteCount}</a>N
{/block:NoteCount}<a href="{Permalink}" style="background-color:
{color:Accent}; color:{color:Background};
padding:1px;">{Month}  {DayOfMonth}
{DayOfMonthSuffix}</a>
{block:RebloggedFrom}  ·  <a
href="{ReblogParentURL}"
title="{ReblogParentName}">v</a>{block:ContentSource} - <a
href="{SourceURL}"
title="{ReblogRootName}">s</a>{/block:ContentSource}
{/block:RebloggedFrom}
  ·  <a href="{ReblogURL}"
target="_blank">reblog</a>
</div></div>
<div class="u" style="width:500px; height:1px; background-color:

{color:Border}; margin:-13px 0 0px 0;"></div>
{block:HasTags}<div id="tags" style="margin:8px 0 0 0px;">
{block:Tags}#<a href="/tagged/{Tag}" style="color:

{color:Tags};">{Tag}</a>   {/block:Tags}
</div>{block:HasTags}

</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div
id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>
<br><br><br><br>
<div id="cred">
<a href="http://dylannobbrien.tumblr.com/">THEME</a>
</div>
</div>
</body></html>

Theme

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Theme

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

<!---THEME BASE by hawtornes | tumblr

<meta name="color:Background" content="#ffffff"/>

<meta name="color:Tags" content="#a8a8a8"/>

<meta name="image:Sidebar" content=""/>

<meta name="text:Title unbolded" content="" />

<meta name="text:Link 1" content="" />

blockquote {padding:3px 0 3px 15px;

.grid figure img {

.grid figure figcaption {

.grid figure figcaption::before,

.grid figure figcaption,

/* Anchor will cover the whole item by default */

.grid figure h2 span {

.grid figure h2,

100%); background-image: -moz-linear-gradient(bottom, #000000 0%,

/* mozilla example - FF3.6+ *

/* approximately a 33% opacity on blue *

/* IE8 uses -ms-filter for whatever reason... *

#info { width:500px;font-size:7px; margin-bottom:5px; color:{color:post

ul.chat, .chat ol, .chat li {

{block:Answer}<div id="asker">{Question} <span style="textalign:lowercase; color:#fcfcfc;font-style:italic;

<div class="u" style="width:500px; height:1px; background-color:

{block:HasTags}<div id="tags" style="margin:8px 0 0 0px;">

{block:Tags}#<a href="/tagged/{Tag}" style="color:

<!--<div class="infoscene" style="margin:5px 0 0 0; position:absolute;">

You might also like