Browse Source

Initial commit

master
Nicole Mirea 4 years ago
commit
aa53be4ddd
17 changed files with 1967 additions and 0 deletions
  1. +70
    -0
      README.md
  2. +397
    -0
      code/all-nighter.html
  3. +199
    -0
      code/bucharest.html
  4. +294
    -0
      code/dot-blog_theme.html
  5. +0
    -0
      code/gray_days.html
  6. +197
    -0
      code/gvk.html
  7. +347
    -0
      code/hover_theme.html
  8. +222
    -0
      code/monopixel.html
  9. +241
    -0
      code/with_style.html
  10. BIN
      screenshots/all-nighter.png
  11. BIN
      screenshots/bucharest.png
  12. BIN
      screenshots/dot-blog_theme.png
  13. BIN
      screenshots/gray_days.png
  14. BIN
      screenshots/gvk.png
  15. BIN
      screenshots/hover_theme.png
  16. BIN
      screenshots/monopixel.png
  17. BIN
      screenshots/with_style.png

+ 70
- 0
README.md View File

@ -0,0 +1,70 @@
# Tumblr Themes
**Warning: A lot of these themes are quite buggy!** I made all of these between 2010 and 2014. As such, they do not reflect my current web design / front-end development abilities.
I also do not intend to develop these any further myself, but if you are so inclined, feel free to submit a pull request and I'll look it over.
## Installation
Unless Tumblr changes dramatically from here on out, here's how to do it as of February 2017:
1. Copy the entire text of the theme you want from the "code" folder in this repo
2. Visit https://www.tumblr.com/customize/{yourblogurlname}
3. Click on "Edit HTML"
4. Select all, then replace with the code you copied.
Some themes can also be installed from the Tumblr's official theme repository, as noted below.
## Details
### ALL-NIGHTER
![ALL-NIGHTER screenshot](screenshots/all-nighter.png)
Meant to format your posts in MLA style. Extreme (bad) skeuomorphism. I remember making this intentionally ugly. [Also available on Tumblr's official theme repository.](https://www.tumblr.com/theme/9998)
### Bucharest
![Bucharest screenshot](screenshots/bucharest.png)
Drab colors/background can be changed. Chat posts don't render very well in this one. [Also available on Tumblr's official theme repository.](https://www.tumblr.com/theme/32806)
### .blog theme
![.blog theme screenshot](screenshots/dot-blog_theme.png)
### gray days
![gray days screenshot](screenshots/gray_days.png)
Chronologically first. [Also available on Tumblr's official theme repository.](https://www.tumblr.com/theme/9564)
### gvk
![gvk screenshot](screenshots/gvk.png)
Tumblr's theme repository rejected this one because it didn't meet their "aesthetic standards." I still can't see what was so bad about it.
### Hover Theme
![hover theme screenshot](screenshots/hover_theme.png)
Most customizable of these themes; you can even pick a tag whose posts you want to hide from the output. Features (and in fact relies on) infinite scroll.
### Monopixel
![monopixel screenshot](screenshots/monopixel.png)
### With Style
![With Style screenshot](screenshots/with_style.png)
Background can be changed, among other things. Can be made less skeuomorphic. [Also available on Tumblr's official theme repository.](https://www.tumblr.com/theme/30634)
## "If these are so old/awful, why post them (now)?"
Good question!
* I am 90% sure I won't be pursuing a career in web design, so I feel confident that these won't be held against me.
* A lot of these themes were only "bad" because they couldn't handle mobile very well. Tumblr recently (ok, a couple years ago) introduced special mobile-only theming, which fixes this issue.
* It's been a while since I've had the time/energy to make things for fun and this is me getting back into it.

+ 397
- 0
code/all-nighter.html View File

@ -0,0 +1,397 @@
<!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">
<head>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>
{Title}
{block:PostTitle} / {PostTitle}{/block:PostTitle}
{block:TagPage} / {Tag}{/block:TagPage}
</title>
<!-- DEFAULT COLORS -->
<meta name="color:Ink" content="#000000"/>
<meta name="color:Highlighter" content="#ffff00"/>
<style type="text/css" media="screen">
html, body {
background-image: url("http://static.tumblr.com/cfbevoa/68bl23chy/2338077775_89d903381a_b.jpg");
background-repeat: repeat;
font-family:Times New Roman, Times, serif;
margin:0;
} img {
border:0px;
} ul, ol {
list-style-position:inside;
} a {
color:inherit;
text-decoration:underline;
} a:hover {
background-color:{color:Highlighter};
} #rightarrow a , #leftarrow a {
text-align:center;
margin:0 auto;
padding-bottom:50px;
background-color:transparent;
} #rightarrow {
float:right;
} #leftarrow {
float:left;
} .notworktop {
background-color:#FFFFFF;
border-bottom: solid 20px {color:Highlighter};
box-shadow:inset 0px 0px 15px #000000;
-moz-box-shadow:inset 0px 0px 15px #000000;
-webkit-box-shadow:inset 0px 0px 15px #000000;
font-family:Courier New, American Typewriter, Courier, Monaco, Sans-Serif;
padding-top:20px;
padding-bottom:10px;
text-align:right;
width:100%;
z-index:-100;
} h1 {
background-color:transparent;
color:#9F9F9F;
font-size:70px;
font-weight:500;
letter-spacing:30px;
text-decoration:none;
text-transform:uppercase;
padding-bottom:-20px;
padding-top:20px;
margin-top:0px;
} h2 {
color:black;
font-size:25px;
font-weight:400;
padding-right:30px;
margin-top:-40px;
} .linklinks {
font-family:Courier New, American Typewriter, Courier, Monaco, Sans-Serif;
font-size:14px;
padding-top:20px;
text-transform:uppercase;
} #coffee {
float:left;
padding:0px;
z-index:3;
} #allposts {
list-style-type:none;
margin:0 auto;
width:850px;
} .post {
background-color:#FFFFFF;
box-shadow: 2px 2px 3px #000000;
-moz-box-shadow: 2px 2px 3px #000000;
-webkit-box-shadow: 2px 2px 3px #000000;
margin-top:75px;
margin-bottom:75px;
padding:0px 100px 100px 100px;
z-index:2
} .text {
text-indent:50px;
} .heading, h3, .noteheader, .source {
text-transform:capitalize;
text-indent:0px;
} .text, h3, h2.quote, .heading, .noteheader, .source, .quotesource, ol, ul {
color:{color:Ink};
font-size:14px;
font-weight:400;
line-height:2;
} h3, .centerme {
text-align:center;
} .centerme {
padding-top:12px;
padding-bottom:12px;
} blockquote, h2.quote {
text-indent:0px!important;
} blockquote {
padding-left:50px;
} h2.quote {
padding-left:100px;
font-style:italic;
} p, h3, h2.quote, blockquote, .heading, ul, ol, li, .source, .quotesource {
margin-top:0px;
margin-bottom:0px;
} .noteheader {
text-align:right;
padding-top:50px!important;
} .cited {
margin-left:-50px;
padding-left:50px;
text-indent:-50px;
} .source, .quotesource {
text-align:right;
} ol.notes {
list-style-type:none;
} ol.notes li.note {
line-height:2;
} ol.notes li.note img.avatar {
display:none;
} ol.notes li.note blockquote {
margin-left:-50px;
} ol.notes li.note blockquote a {
text-decoration: none;
} h3#notes {
padding-top:100px;
} #byline {
vertical-align:middle;
margin-top:-50px;
font-size:20px;
font-weight:600;
text-align:center;
opacity:0.6;
color:#000000
{CustomCSS}
</style>
</head>
<body>
<img id="coffee" src="http://static.tumblr.com/cfbevoa/Nd2l258yw/all-nighter_coffee-cup.png"/>
<div class="notworktop">
<a href="/"><h1>{Title}</h1></a>
<h2 id="description">{block:Description}{Description}{/block:Description}
<div class="linklinks">
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a> : {/block:Pages}
{/block:HasPages}
<a href="/archive">archive</a> :
{block:AskEnabled}<a href="/ask">{AskLabel}</a> : {/block:AskEnabled}
<a href="/mobile">mobile</a> :
<a href="/random">random</a> :
<a href="{RSS}">rss</a>
{block:SubmissionsEnabled} : <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
{block:TagPage}<p class="linklinks">
/ You are on the <a href="{TagURL}">{Tag}</a> page.</p>
{/block:TagPage}
</div></h2>
</div>
<div id="allposts">
{block:Posts}
{block:Text}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
{block:Title}
<h3>{Title}</h3>
{/block:Title}
<div class="text">{Body}</div>
</div>
{/block:Text}
{block:Photo}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<div class="centerme">{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}</div>
{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Photoset}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<div class="centerme">{Photoset-500}</div>
{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}
{block:Quote}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<h2 class="quote">{Quote}</h2>
{block:Source}
<p class="quotesource">({Source})</p>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<h3>&rarr; <a href="{URL}" {Target}>{Name}</a></h3>
{block:Description}
<div class="text">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Audio}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<div class="centerme">{AudioPlayerBlack}</div>
{block:Artist}<p class="source">({Artist})</p>{/block:Artist}
{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<div class="centerme">{Video-500}</div>
{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
{block:Chat}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div> <h3>{Title}</h3>
<div class="text">
{block:Lines}
<p>{block:Label}<strong>{Label}</strong>{/block:Label}
{Line}</p>
{/block:Lines}
</div>
</div>
{/block:Chat}
{block:Answer}
<div class="post">
<div class="noteheader">Notes <a href="{Permalink}">{NoteCount}</a></div>
<div class="heading">
<p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
{block:HasTags}
<p>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>
{/block:HasTags}
{block:Date}
<p>{DayOFMonth} {Month} {Year}</p>
{/block:Date}
</div>
<h2 class="quote">{Question}</h2>
<p class="source">({Asker})</p>
<div class="text">{Answer}</div>
</div>
{/block:Answer}
{/block:Posts}
{block:PostNotes}
<div class="post">
<h3 id="notes">Notes</h3>
<div class="cited">{PostNotes}</div>
</div>
{/block:PostNotes}
{block:Pagination}
{block:PreviousPage}<div id="rightarrow"><a href="{PreviousPage}"><img src="http://static.tumblr.com/cfbevoa/Qe7l2hw5h/all-nighter_rightarrow.png" alt="Newer Posts"></a></div>{/block:PreviousPage}
{/block:Pagination}
<div class="linklinks"><div id="byline"><a href="http://tumblr.com/theme/9998">all-nighter theme</a></div></div>
{block:Pagination}
{block:NextPage}<div id="leftarrow"><a href="{NextPage}"><img src="http://static.tumblr.com/cfbevoa/6PAl2hw50/all-nighter_leftarrow.png" alt="Older Posts"></a></div>{/block:NextPage}
{/block:Pagination}
</div>
</body>
</html>

+ 199
- 0
code/bucharest.html View File

@ -0,0 +1,199 @@
<!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>&laquo; {Title} &raquo;</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}
<!-- CUSTOM COLORS -->
<meta name="color:Background" content="#949491"/>
<meta name="color:Link" content="#534b58"/>
<meta name="color:Post background" content="#F0F0F0"/>
<meta name="color:Title" content="#F0F0F0"/>
<meta name="color:Description" content="#F0F0F0"/>
<meta name="color:Post top bar" content="#bbb9af"/>
<meta name="color:Text" content="#000000"/>
<meta name="font:Title" content="Baskerville, Georgia, serif" />
<meta name="font:Description" content="Baskerville, Georgia, serif" />
<meta name="font:Text" content="Baskerville, Georgia, serif" />
<meta name="text:Title Size" content="100" />
<meta name="text:Title Letterspacing" content="0" />
<meta name="if:Fixed title" content="1" />
<meta name="if:Italicize title" content="1" />
<style type="text/css">
body {
margin:0px;
background-color:{color:Background};
} .header {
{block:ifFixedTitle}position:fixed;{/block:ifFixedTitle}
top:0px;
width:100%;
z-index:9999;
background-color:{color:Background};
} a {
color:{color:Link};
} div.title, a.title {
color:{color:Title}!important;
font:{block:IfItalicizeTitle}italic{/block:IfItalicizeTitle} 100px {font:Title};
{block:ifTitleSize}font-size:{text:TitleSize}px; {/block:ifTitleSize}
letter-spacing:-10px;
{block:ifTitleLetterspacing}letter-spacing:{text:TitleLetterspacing}px;{/block:ifTitleLetterspacing}
padding-top:40px;
padding-bottom:0px;
text-align:center!important;
text-decoration: overline;
text-transform:uppercase;
} div#navbar {
color:{color:Description};
font:italic 14px {font:Title};
padding:15px 0px;
border-top:solid 1px {color:Description};
border-bottom:solid 1px {color:Description};
width:500px;
margin:0 auto;
text-align:center;
text-transform:uppercase;
} div#description, div#credit {
color:{color:Description};
font:14px {font:Description};
padding:30px 0px;
} #contents {
z-index:0;
width:500px;
margin:0 auto;
position:relative;
{block:ifFixedTitle}top:205px;{/block:ifFixedTitle}
} .post {
margin-top:10px;
background-color: {color:Post background};
color: {color:Text};
padding:20px 25px;
font: 12px {font:Text};
} .posttop {
width:480px;
background-color:{color:Post top bar};
color:{color:Post background};
margin-top:-20px;
margin-left:-25px;
text-transform:uppercase;
text-align:center;
font: 14px {font:Description};
padding:10px;
} .posttop a, #navbar a, a.title {
text-decoration:none;
color:inherit;
} a:hover{
text-decoration:underline!important;
} .postbody {
padding-top:20px;
} .postbody .tittle {
font:bold 16px {font:Description};
text-align:center;
text-transform:uppercase;
} .postbody blockquote {
border-left:solid 2px {color:Background};
padding-left:10px;
margin-left:27px;
} .photo img, .video .tittle, .video, .audio, .photo .tittle {
margin-top:-20px;
margin-left:-25px;
width:500px;
z-index:0!important;
} .quote .tittle {
text-transform:none;
padding-bottom:20px;
} .label {
text-align:right;
font-style:italic;
} a.title:hover {text-decoration:none!important;
} ol.notes {
list-style-type:none;
margin-top:-20px;
padding:0px;
} .audio .tittle, .video .tittle {
z-index:0!important;
} #arrowright {
margin-left:50px;
} #credit {
color:{color:Background}!important;
} {CustomCSS}
</style>
</head>
<body>
<div class="header">
<div class="title">{Title}</div>
<div id="navbar">
<a href="/">{lang:Home}</a> -
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a> - {/block:Pages}
{/block:HasPages}
{block:AskEnabled}<a href="/ask">{AskLabel}</a> - {/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> - {/block:SubmissionsEnabled}
<a href="/archive">{lang:Archive}</a> -
<a href="RSS">{lang:RSS}</a>
</div>
</div>
<div id="contents">
<div id="description">{block:Description}{Description}{/block:Description}</div>
{block:Posts}<div class="post">
<div class="posttop">
&laquo; {block:Date}<a href="{Permalink}">{PostType}</a> | <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}</a> {/block:Date}&raquo;
</div>
<div class="postbody"><span class="{PostType}">
{block:Text}
<div class="tittle">{block:Title}{Title}{/block:Title}</div>
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" {PhotoAlt}>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="tittle">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="tittle"><i>&bdquo;{Quote}&rdquo;</i></div>
{block:Source}&mdash;{Source}{/block:Source}
{/block:Quote}
{block:Link}
<div class="tittle"><i><a href="{URL}" target="{Target}">{Name}</a></i></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<div class="tittle">{Title}</div>{/block:Title}
{block:Lines}
<div class="label">{block:Label}{Label}{/block:Label}</div>
&mdash; {Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
<div class="tittle">{AudioPlayer}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Video}
<div class="tittle">{Video-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
</span></div>
</div>{/block:Posts}
{block:PostNotes}
<div class="post"><div class="postbody">
{PostNotes}
</div></div>
{/block:PostNotes}
{block:Pagination}
{block:NextPage}
<a href="{NextPage}" title="{lang:Older entries}" class="title">&laquo;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}" title="{lang:Newer entries}" class="title"><span id="arrowright"> &raquo;</div></a>
{/block:PreviousPage}
{/block:Pagination}
<div id="credit">bucharest theme by nimirea</div>
</div>
</body>
</html>

+ 294
- 0
code/dot-blog_theme.html View File

@ -0,0 +1,294 @@
<!DOCTYPE html>
<html lang="en" />
<head>
<meta charset = "utf-8" />
<link rel="shortcut icon" href="{Favicon}" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="color:Navbar Color" content="#FFF"/>
<meta name="color:Link Posts" content="#000"/>
<meta name="color:Quote Posts" content="#02B0F5"/>
<meta name="color:Chat Label Color" content="#B23EFA"/>
<meta name="if:Show Note Counts" content="0"/>
<meta name="if:Show Tags On Index Pages" content="1"/>
<meta name="if:Shadow On Navbar" content="1"/>
<meta name="text:Website URL" content=""/>
<meta name="text:Github Username" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Footer" content=""/>
<title>{Title}</title>
<style>
body {
color:black;
font:12px Monaco, Courier New, Courier;
text-align:left;
margin:0;
width:100%;
height:100%;
}
a {
color:inherit;
text-decoration:underline;
}
#left_arrow a, #right_arrow a, #right_arrow a:hover, #left_arrow a:hover {
text-decoration:none;
font-size:80px;
z-index:3;
margin-top:-10px;
color:black;
background-color:white;
}
.post .txt a, #nav a, #footer a {
padding:3px;
}
a:hover {
color:white;
background-color:black;
}
/* custom link hover colors */
a.rss:hover { background-color: #FFA526; }
a.ask:hover { background-color: #878787; }
a.github:hover { background-color: #B963DB; }
a.twitter:hover { background-color: #55ACEE; }
a.website:hover { background-color: green; }
#left_arrow {
float:left;
padding-left:20px;
}
#right_arrow {
float:right;
padding-right:20px;
}
#header {
text-align:center;
margin:0 auto;
width:100%;
position:fixed;
top:-1px;
background-color:white;
text-transform:lowercase;
z-index:2;
}
#title a, #title {
font-size:24px;
padding:6px;
text-decoration:none;
font-weight:bold;
}
#subtitle {
color: #878787;
} #nav {
padding:6px;
margin-top:6px;
background-color:{color:Navbar Color};
{block:ifShadowOnNavbar}box-shadow:0px 5px 10px -5px rgba(0,0,0,0.3);{/block:ifShadowOnNavbar}
}
#main {
position:relative;
top:150px;
z-index:1;
height=100%;
}
#tag_title{
font-size:20px;
z-index:-1;
float:left;
position:fixed;
margin:120px 10px;
color:#DEDEDE;
width:100px;
}
.post {
max-width:420px;
margin:0 auto;
padding:10px;
color:#878787;
padding-bottom:70px;
}
.post a:hover {
background-color:#878787;
}
.post img {
width:100%;
}
blockquote {
border-left: 1px solid #878787;
margin-left:10px;
padding-left:10px;
}
.quote {
color: #FFFFFF;
font-size:20px;
padding:0.5em;
margin-bottom:8px;
background-color:{color:Quote Posts};
}
.quote.medium {font-size:16px;}
.quote.long { font-size:14px; }
.quest, .link a {
background-color:black;
color:white;
}
span.chat-label {
color:white;
padding:.3em;
font-size:0.75em;
display:inline-block;
background-color:{color:Chat Label Color};
}
.link {
text-align:center;
font-weight:bold;
font-size:20px;
text-transform:lowercase;
color:black;
}
.link a {
padding:8px;
width:auto;
background-color:{color:Link Posts};
line-height:36px;
}
.link:hover, .link a:hover, img a:hover{
background-color:white;
color:black;
text-decoration:none;
}
.date p {
font-size:10px;
text-transform:lowercase;
margin:2px 0;
}
.date a {
display:inline-block;
padding: 2px 4px;
}
ol.notes {
list-style-type:none;
color:#BABABA;
font-size:10px;
padding-left:0;
}
ol.notes li.note {
padding:2px;
}
ol.notes li.note img.avatar {
display:none;
}
#footer {
position:relative;
right:5px;
bottom:-110px;
}
#footer, .date {
color:#BABABA;
text-align:right;
padding:10px;
}
#footer a:hover, .date a:hover, .notes a:hover {
background-color:#BABABA;
color:white;
}
{CustomCSS}
</style>
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
</head>
<body>
<div id="header">
<div id="title"><a href="/">{Title}</a></div>
{block:Description}<div id="subtitle">{Description}</div>{/block:Description}
<div id="nav">
{block:HasPages}
{block:Pages}<a href="{URL}" class="{Label}">{Label}</a> {/block:Pages}
{block:HasPages}
{block:AskEnabled}<a href="/ask" class="ask">{AskLabel}</a>{/block:AskEnabled}
<a href="{RSS}" class="rss">RSS</a>
{block:ifGithubUsername}
<a href="http://github.com/{text:Github Username}" class="github">github</a>
{/block:ifGithubUsername}
{block:ifTwitterUsername}
<a href="http://twitter.com/{text:Twitter Username}" class="twitter">twitter</a>
{/block:ifTwitterUsername}
{block:ifWebsiteURL}
<a href="{text:WebsiteURL}" class="website">www</a>
{/block:ifWebsiteURL}
</div>
</div>
<div id="main">
{block:TagPage}<div id="tag_title">#{Tag}</div>{/block:TagPage}
{block:Posts}<div class="post">
{block:Text}
{block:Title}<div class="link">{Title}</div>{/block:Title}
<div class="txt">{Body}</div>
{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset-400}
{block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote {Length}">{Quote}</div>
{block:Source}<div class="txt">&mdash;{Source}</div>{/block:Source}
{/block:Quote}
{block:Chat}
{block:Title}<div class="link">{Title}</div>{/block:Title}
{block:Lines}<p class="chat-line">{block:Label}<span class="chat-label">{Label}</span>{/block:Label} {Line}</p>{/block:Lines}
{/block:Chat}
{block:Audio}
{block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
{block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
{/block:Audio}
{block:Video}
{Video-400}
{block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name}</a></div>
{block:Description}<div class="txt">{Description}</div>{/block:Description}
{/block:Link}
{block:Ask}
<p>{Asker}: <span class="quest">{Question}</span></p>
<div class="txt">{Answer}</div>
{/block:Ask}
{block:Date}<div class="date"><p><a href="{Permalink}">{DayOfMonthWithZero}{ShortMonth}{ShortYear} @ {12Hour}.{Minutes}{AmPm}</a>
{block:ifShowNoteCounts}{block:NoteCount} || {NoteCountWithLabel}{/block:NoteCount}{/block:ifShowNoteCounts}</p>
{block:PermalinkPage}{block:HasTags}<p>{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>{/block:HasTags}{/block:PermalinkPage}
{block:ifShowTagsOnIndexPages}{block:IndexPage}{block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>{/block:HasTags}{/block:IndexPage}{/block:ifShowTagsOnIndexPages}
</div>{/block:Date}
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>{/block:Posts}
</div>
<div id="footer">{block:ifFooter}{text:Footer}{/block:ifFooter}</div>
</body>
</html>

+ 0
- 0
code/gray_days.html View File


+ 197
- 0
code/gvk.html View File

@ -0,0 +1,197 @@
<!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">
<!--
v1.0 // 20 March 2012
-->
<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="if:Center description" content="1" />
<meta name="if:International date format" content="1" />
<meta name="if:Round icon" content="0" />
<meta name="font:Body" content="Helvetica Neue, Helvetica, Arial, sans serif"/>
<meta name="color:Accent" content="#C0C0C0" />
<style type="text/css">
body {
width:100%;
height:100%;
font:14px {font:Body};
text-align:left;
margin:0 auto;
line-height:1.40;
color:#000000;
}a {
text-decoration:none;
color:{color:Accent};
}.singlepost a:hover{text-decoration:underline;
}#title{
position:absolute;
color:{color:Accent};
font-size:40px;
width:100%;
text-align:center;
top:44px;
}#sidebar{
width:130px;
text-align:center;
padding-right:39px;
border-right:1px solid {color:Accent};
position:fixed;
top:150px;
left:50px;
z-index:4;}
{block:IfRoundIcon}
#sidebar img{
background:url("{PortraitURL-96}") no-repeat;}
{/block:IfRoundIcon}
{block:ifNotCenterDescription}#description{
text-align:right;}{/block:IfNotCenterDescription}
#sidebar ul{
text-transform:uppercase;
list-style-type:none;
text-align:right;
padding-top:20px;
}#navigation{
margin-top:-14px;
}#links{
color:{color:Accent};
font-weight:bold;
}#sidebar ul a:link, #sidebar ul a:visited{
text-decoration:none;
}#sidebar ul a:hover:before{
content:"← ";
}#sidebar ul a:hover{
text-decoration:none;
}#sidebar img{
padding-bottom:28px;
}#posts{
width:500px;
height:100%;
margin-left:264px;
margin-top:130px;
}.singlepost{
width:400px;
padding-top:20px;
}.postinfo{
font-size:12px;
text-align:right;
padding-bottom:20px;
padding-top:10px;
border-bottom:1px solid {color:Accent};
}.postinfo a{
color:{color:Accent};
}a.permalink:hover:before{
content: "∞";
}a.permalink:hover{
text-decoration:none;
}.posttitle{
text-transform:uppercase;
}.posttitle a:hover:after{
content:" →";
}.posttitle a:hover{
text-decoration:none;
}.quote{
font-style:italic;
width:375px;
}.quotesource{
text-align:right;
padding-top:10px;
}.question{
font-style:italic;
} #footer{
padding:28px;
margin-top:96px;
{block:PermalinkPage}margin-top:275px;{/block:PermalinkPage}
text-align:right;
color:#FFFFFF;
background-color:{color:Accent};
} #footer a {
color:#FFFFFF;
text-decoration:underline;
} a.tag:hover{
text-decoration:underline;
} ol.notes {
list-style-type:none;
padding-top:20px;
margin-left:-40px;
} .singlepost blockquote {
border-left:1px solid {color:Accent};
margin-left:10px;
padding-left:10px;
} #credit {
color:{color:Accent};
}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<div id="title"><a href="/" alt="{Title}">{Title}</a></div>
<div id="sidebar">
{block:IfNotRoundIcon}<img src="{PortraitURL-96}" alt="{Title}"/>{/block:IfNotRoundIcon}
{block:IfRoundIcon}<img src="http://static.tumblr.com/cfbevoa/7AFm17yb8/circleborder.png" alt="{Title}"/>{/block:IfRoundIcon}
{block:Description}<div id="description">{Description}</div>{/block:Description}
<ul id="links">
<li><a href="/" alt="{lang:Home}">{lang:Home}</a></li>
{block:HasPages}{block:Pages}<li><a href="{URL}" alt="{SubmitLabel}">{Label}</a></li>{/block:Pages}{/block:HasPages}
{block:AskEnabled}<li><a href="/ask" alt="Ask">Ask</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit" alt="{AskLabel}">Submit</a></li>{/block:SubmissionsEnabled}
<li><a href="/archive" alt="{lang:Archive}">{lang:Archive}</a></li>
<li><a href="{RSS}" alt="{lang:RSS}">{lang:RSS}</a></li>
</ul>
{block:Pagination}<ul id="navigation">
{block:NextPage}<li><a href="{NextPage}">{lang:Next}</a></li>{/block:NextPage}
{block:PreviousPage}<li><a href="{PreviousPage}">{lang:Previous}</a></li>{/block:PreviousPage}
</ul>{/block:Pagination}
</div>
<div id="posts">{block:Posts}<div class="singlepost">
{block:Text}
<div class="posttitle">{block:Title}{Title}{/block:Title}</div>
{Body}
{/block:Text}
{block:Photo}
<div class="photo">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:HighRes}href="{PhotoURL-HighRes}"{/block:HighRes}>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}</div>
{/block:Photo}
{block:Photoset}
{Photoset-400}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}<div class="quotesource">—{Source}</div>{/block:Source}
{/block:Quote}
{block:Link}
<div class="posttitle" {Target}><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
<div class="posttitle">{Title}</div>
{block:Lines}<p>{block:Label}{Label} {/block:Label}{Line}</p>{/block:Lines}
{/block:Chat}
{block:Audio}
{AudioPlayer}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Video}
{Video-400}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}
<div class="question">{Asker}: {Question}</div>
{Answer}
{/block:Answer}
{block:Date}<div class="postinfo"><a href="{Permalink}" class="permalink"> {block:NoteCount}{NoteCount} &#183;{/block:NoteCount} {block:IfInternationalDateFormat}{DayOfMonthWithZero}.{MonthNumberWithZero}{/block:IfInternationalDateFormat}{block:IfNotInternationalDateFormat}{MonthNumberWithZero}.{DayOfMonthWithZero}{/block:IfNotInternationalDateFormat}.{ShortYear}</a>{block:PermalinkPage}{block:HasTags}<div class="tags">—{block:Tags}</br><a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
</div>{/block:Date}
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>{/block:Posts}</div>
</div>
<div id="footer">{Title}</br>Copyright {CopyrightYears} &#183; {lang:Powered by Tumblr 2}
<div id="credit">gvk theme by nimirea</div>
</div>
</body>
</html>

+ 347
- 0
code/hover_theme.html View File

@ -0,0 +1,347 @@
<!DOCTYPE html>
<html>
<head>
<title>{Title}
{block:PostTitle}: {PostTitle}{/block:PostTitle}
</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}"/>
<meta name="image:Background" content=""/>
<meta name="image:Header" content=""/>
<meta name="font:Body" content="Courier New,Futura, Helvetica Neue"/>
<meta name="font:Titles" content="Courier New,Futura, Helvetica Neue"/>
<meta name="font:Bar" content="Courier New,Futura, Helvetica Neue"/>
<meta name="if:Rollover color by post type" content="1"/>
<meta name="if:Rollover color by reblog" content="0"/>
<meta name="if:Keep background of posts with your special tag opaque" content="0"/>
<meta name="if:Fade transitions" content="1"/>
<meta name="if:Transparent header background" content="0"/>
<meta name="if:Show tags on index pages" content="0"/>
<meta name="text:Maximum Post Width" content="600px"/>
<meta name="color:Text Color" content="#000000"/>
<meta name="color:Text Rollover Color" content="#FFFFFF"/>
<meta name="color:Bar Background" content="#000000"/>
<meta name="color:General Background" content="#FFFFFF"/>
<meta name="color:Header Background" contetn="transparent"/>
<meta name="color:Fallback Post Background" content="#000000"/>
<meta name="color:Text Post Background" content="#E97F02"/>
<meta name="color:Photo Post Background" content="#e4afd4"/>
<meta name="color:Quote Post Background" content="#84114A"/>
<meta name="color:Link Post Background" content="#26AAE3"/>
<meta name="color:Chat Post Background" content="#FC191D"/>
<meta name="color:Audio Post Background" content="#8A9B0F"/>
<meta name="color:Video Post Background" content="#3DA6AC"/>
<meta name="color:Answer Post Background" content="#FBB829"/>
<meta name="color:Reblog Post Background" content="#BABABA"/>
<meta name="color:Special Tag Background" content="#F0F0F0"/>
<meta name="text:Special Tag Name" content="no_spaces_must_start_with_letter"/>
{/block:Description}
<style type="text/css" media="screen">
body {
background:{color:General Background}{block:IfBackgroundImage} url({image:Background}) no-repeat fixed center{/block:IfBackgroundImage};
background-size:cover;
color:{color:Text Color};
font-size:1rem;
font-family:{font:Body};
margin:0px;
padding:0px;
text-align:left;
} a {
color:inherit;
font-style:normal;
text-decoration:underline;
} a:hover {
font-style:italic;
cursor:pointer;
} img#header {
display:block;
margin:0 auto;
} h1#header {
font-family:{font:Titles};
font-size:3rem;
text-align:center;
}
hr.tumblrAutoPager_page_separator, div.tumblrAutoPager_page_info {
display:none;
}
div.wrapper-in {
margin:0 auto;
max-width:600px;
{block:ifMaximumPostWidth}max-width:{text:Maximum Post Width};{/block:ifMaximumPostWidth}
padding:25px 12px;
} div.wrapper-in div.post-title {
font-family:{font:Titles};
font-size:2.2rem;
font-weight:bold;
margin-bottom:1rem;
} div.wrapper-in div.post-info {
color:transparent;
font-size:.7rem;
text-align:center;
text-transform:uppercase;
}div.wrapper-in blockquote {
border-left:2px solid transparent;
padding-left:10px;
margin-left:15px;
margin-right:0;
} img.photo, div.video-player *, div.audio-player *, div.post-info, iframe {
width:100%!important;
} .audio-player * {
height:auto!important;
margin:0 auto;
}
/* hide posts tagged "hidethis" */
div.wrapper-out.hidethis {
display:none;
}
div#tags {
{block:IndexPage}{block:ifNotShowTagsOnIndexPages}display:none;{/block:ifNotShowTagsOnIndexPages}{/block:IndexPage}
padding-top:0.5rem;
}
ol.notes {list-style-type:none;}
ol.notes img {margin-right:5px;}
div.chat-line {
margin-bottom:1rem;
}
span.chat-label {
font-weight:bold;
}
div.wrapper-out.quote div.quote{
font-family:{font:Titles};
font-size:1.5rem;
font-weight:bold;
margin-bottom:10px;
}
div.wrapper-out.answer div.question {
border-bottom:1px dashed transparent;
}
div.wrapper-out.answer:hover div.question, div.wrapper-out.answer.perma div.question {
border-bottom-color:{color:Text Rollover Color};
}
div.wrapper-out:hover blockquote, div.wrapper-out.perma blockquote {
border-left-color:{color:Text Rollover Color};
}
/*roll-over colors*/
div.wrapper-out:hover, div.wrapper-out.perma {
color:{color:Text Rollover Color};
background:{color:Fallback Post Background};
}
div.wrapper-out:hover div.post-info, div.wrapper-out.perma div.post-info { color:{color:Text Rollover Color}; }
{block:IfHeaderImage}div#header {
background:{color:Header Background};
{block:ifTransparentHeaderBackground}
background:transparent;
{/block:ifTransparentHeaderBackground}
padding:20px 0;
}{/block:IfHeaderImage}
{block:IfFadeTransitions}div.wrapper-out:hover, div.wrapper-out {
-webkit-transition: background 0.4s linear, color 0.2s linear;
-moz-transition: background 0.4s linear, color 0.2s linear;
-o-transition:background 0.4s linear, color 0.2s linear;
transition: background 0.4s linear, color 0.2s linear;
}{/block:IfFadeTransitions}
{block:IfRolloverColorByPostType}
div.wrapper-out.text:hover, div.wrapper-out.text.perma { background:{color:Text Post Background}; }
div.wrapper-out.photo:hover, div.wrapper-out.photo.perma { background:{color:Photo Post Background}; }
div.wrapper-out.quote:hover, div.wrapper-out.quote.perma { background:{color:Quote Post Background}; }
div.wrapper-out.link:hover, div.wrapper-out.link.perma { background:{color:Link Post Background}; }
div.wrapper-out.chat:hover, div.wrapper-out.chat.perma { background:{color:Chat Post Background}; }
div.wrapper-out.audio:hover, div.wrapper-out.audio.perma { background:{color:Audio Post Background}; }
div.wrapper-out.video:hover, div.wrapper-out.video.perma { background:{color:Video Post Background}; }
div.wrapper-out.answer:hover, div.wrapper-out.answer.perma { background:{color:Answer Post Background}; }
{/block:IfRolloverColorByPostType}
{block:IfRolloverColorByReblog}
div.wrapper-out.reblog:hover, div.wrapper-out.reblog.perma { background:{color:Reblog Post Background}; }
{/block:IfRolloverColorByReblog}
{block:IfSpecialTagName}
div.wrapper-out.{text:Special Tag Name}:hover, div.wrapper-out.{text:Special Tag Name}.perma { background:{color:Special Tag Background}; }
{/block:IfSpecialTagName}
{block:IfKeepBackgroundOfPostsWithYourSpecialTagOpaque}
div.wrapper-out.{text:Special Tag Name}, div.wrapper-out.{text:Special Tag Name}:hover, div.wrapper-out.{text:Special Tag Name}.perma { background:{color:Special Tag Background}; }
{/block:IfKeepBackgroundOfPostsWithYourSpecialTagOpaque}
/* a div walks into a bar */
div.autopagerize_page_element {
margin-bottom:2.4rem;
}
div#bar{
background-color:{color:Bar Background};
font-family:{font:Bar};
position:fixed;
padding:.5rem 0 0 0;
width:100%;
/*height:2rem;*/
bottom:0;
z-index:100;
text-align:center;
text-transform:lowercase;
}
div#bar span{
background-color:{color:General Background};
color:{color:Text Color};
display:inline-block;
vertical-align:top;
padding:.2rem .5rem;
margin:0 0 .5rem 0;
}
div#bar div#description {
max-width:600px;
{block:ifMaximumPostWidth}max-width:{text:Maximum Post Width};{/block:ifMaximumPostWidth}
text-transform:none;
margin:0 auto;
display:none;
}
{CustomCSS}
</style>
<!--<script type="text/javascript" src="http://static.tumblr.com/nsrxbhx/jCTmy67zh/jquery-1.10.2.min.js"></script>-->
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
<script type="text/javascript">
function toggle(divname) {
var div = document.getElementById(divname);
if (div.style.display == "block")
div.style.display = "none";
else div.style.display = "block";
}
</script>
</head>
<body>
<div id="bar">
<span id='home'><a href='/'>{lang:Home}</a></span>
{block:Description}<span id='about'><a onclick="toggle('description')">{lang:About}</a></span>{/block:Description}
{block:HasPages}
{block:Pages}<span class='page'><a href='{URL}'>{Label}</a></span> {/block:Pages}
{/block:HasPages}
{block:AskEnabled}<span class='ask-link'><a href='/ask'>?????</a></span>{/block:AskEnabled}
{block:SubmissionsEnabled}<span class='submit-link'><a href='/submit'>Submit</a></span>{/block:SubmissionsEnabled}
{block:Description}<div id='description'><span>{Description}</span></div>{/block:Description}
</div>
<div id='header'><a href='/'>{block:IfHeaderImage}<img id='header' src='{image:Header}'/>{/block:IfHeaderImage}
</a>
<h1 id='header'>{Title}</h1>
</div>
<div class="autopagerize_page_element">
{block:Posts}
<div class="{PostType} {TagsAsClasses} wrapper-out {block:PermalinkPage}perma{/block:PermalinkPage}">
<div class="wrapper-in">
{block:Text}
{block:Title}
<div class='post-title'>{Title}</div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}<img class='photo' src='{PhotoURL-HighRes}' alt='{PhotoAlt}'/>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class='quote'>&ldquo;{Quote}&rdquo;</div>
{block:Source}<div class='quote-source'>&mdash;{Source}</div>{/block:Source}
{/block:Quote}
{block:Link}
<div class='post-title'><a href={URL} class='link' {target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<div class='post-title'>{Title}</div>
{/block:Title}
{block:Lines}
<div class='chat-line chat-user{UserNumber}'>
{block:Label}<span class='chat-label'>{Label} </span>{/block:Label}
{Line}
</div>
{/block:Lines}
{/block:Chat}
{block:Audio}
<div class='audio-player'>
{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Video}
<div class='video-player'>{VideoEmbed-700}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}
<div class='question'>
<div class='asker'>{Asker}:</div>
{Question}
</div>
{block:Answerer}<div class='answerer'>{Answerer}</div>{/block:Answerer}
{Replies}
{/block:Answer}
<div class='post-info'>
{block:Date}<span>{DayOfMonth} {ShortMonth} {Year} ({block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{12Hour}:{Minutes} {AmPm}{block:IndexPage}</a>{/block:IndexPage}) </span> {/block:Date}
{block:NoteCount}<span>{NoteCountWithLabel} </span>{/block:NoteCount}
{block:HasTags}<div id='tags'>
{block:Tags}<span><a href='{TagURL}'>&#35;{Tag}</a> </span>{/block:Tags}
</div>{/block:HasTags}
</div>
</div>
</div>
{/block:Posts}
{block:PostNotes}
<div class='wrapper-in'>{PostNotes}</div>
{/block:PostNotes}
</div>
</body>
</html>

+ 222
- 0
code/monopixel.html View File

@ -0,0 +1,222 @@
<!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}
{block:PostTitle}: {PostTitle}{/block:PostTitle}
{block:TagPage}: {Tag}{/block:TagPage}
</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:Content" content="#000">
<meta name="font:Content" content="Helvetica Neue, Tahoma, Helvetica, Arial, sans-serif">
<meta name="image:Background" content="" />
<style type="text/css" media="screen">
body {
background:#FFFFFF url('{image:Background}') fixed;
color:{color:Content};
font:12px {font:Content};
margin:0px;
zoom:1;
} img, img a {
border:0px;
} #wrapper {
background-color:#FFFFFF;
width:800px;
height:100%;
} a, ol.notes li a {
text-decoration:none;
color:{color:Content};
font-weight:bold;
} a:hover {
text-decoration:underline;
} ul#menu {
border-left:1px solid #000000;
list-style-type:none;
margin:0px 200px 0px;
padding:100px 25px 0px;
text-transform:uppercase;
} ul#menu a, .postcontent a {
font-weight:normal;
} #menu li {
padding-left:0px;
} #desctitle {
margin:100px 0px 100px 228px;
width:500px;
} #title {
text-transform:uppercase;
color:#000000;
} #desc {padding-left:25px;
opacity:.60; filter: alpha(opacity = 60); zoom:1;
} .postwrapper {
margin:0px 0px 100px;
width:727px;
} .sideinfo {
border-right:1px solid #000000;
padding-top:26px;
padding-right:10px;
text-align:right;
text-decoration:none;
width:194px;
height:30px;
} .sideinfo a, #pagination2 a {
opacity:.50; filter: alpha(opacity = 50); zoom:1;
font-weight:normal;
text-decoration:none;
} .sideinfo a:hover, #pagination2 a:hover {
opacity:1.0; filter: alpha(opacity = 100); zoom:1;
text-decoration:none;
} .postcontent {
padding-left:28px;
margin-left:200px;
margin-top:-56px;
} .posttitle {
text-transform:uppercase;
position:absolute;
opacity:1.0; filter: alpha(opacity = 100); zoom:1;
} .quotesource {
text-align:right;
opacity:.60; filter: alpha(opacity = 60); zoom:1;
} .albumart img {
width:207px;
margin-bottom:-27px;
z-index:-1;
} .postbody, .quotesource {
padding-top:13px;
} .postbody, .linkdesc {
opacity:.70; filter: alpha(opacity = 70); zoom:1;
} .postbody a, .quotesource a, .linkdesc a {
font-weight:bold!important;
} .postphoto img {
padding-top:0px;
} .askerr {
position:absolute;
margin-top:-26px;
} #tags {
padding:50px 0px;
text-align:right;
text-transform:lowercase;
margin-right:0px;
opacity:.40; filter: alpha(opacity = 40); zoom:1;
} .tag+.tag:before {
content:", "
} ol.notes {
border-left:1px solid #000000;
list-style-type:none;
margin-left:-24px;
margin-bottom:-105px;
padding-bottom:105px;
} ol.notes li {
padding-left:0px;
margin-left:-17px;
opacity:.50; filter: alpha(opacity = 50); zoom:1
} .thirty {opacity:.30; filter: alpha(opacity = 30); zoom:1;
} .forty {opacity:.40; filter: alpha(opacity = 40); zoom:1;
} .fifty {opacity:.50; filter: alpha(opacity = 50); zoom:1;
} .sixty {opacity:.60; filter: alpha(opacity = 60); zoom:1;
} .seventy {opacity:.70; filter: alpha(opacity = 70); zoom:1;
} .eighty {opacity:.80; filter: alpha(opacity = 80); zoom:1;
} .evenline {opacity:1.0; filter: alpha(opacity = 100); zoom:1;
} .oddline {opacity:.70; filter: alpha(opacity = 70); zoom:1;
} .postwrapper2 {
margin-bottom:0px;
width:704px;
} #pagination {
padding-bottom:100px;
} a.link {
text-transform:uppercase;
opacity:1.0; filter: alpha(opacity = 100); zoom:1;
} .linkdesc {
margin-top:0px;
}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<ul id="menu">
<li class="thirty"><a href="http://nimirea.tumblr.com">theme</a></li>
<li class="forty"><a href="{RSS}">{lang:RSS}</a></li>
<li class="fifty"><a href="/archive">{lang:Archive}</a></li>
{block:AskEnabled}<li class="sixty"><a href="/ask">{AskLabel}</li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li class="sixty"><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<li class="eighty"><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
<li class="seventy"><a href="/">{lang:Home}</a></li>
</ul>
<div id="desctitle">
<div id="title"><b>{Title}</b>{block:TagPage} | {Tag}{/block:TagPage}</div>
{block:Description}<div id="desc" class="seventy">{Description}</div>{block:Description}
</div>
{block:Posts}
<div class="postwrapper">
<div class="sideinfo">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:Date}{TimeAgo}</br>{/block:Date}
&#8756; {block:NoteCount}{NoteCount}{/block:NoteCount}{block:IndexPage}</a>{/block:IndexPage}
</div>
<div class="postcontent">
{block:Text}
<div class="posttitle"> {block:Title}{Title}{/block:Title}</div>
<div class="postbody">{Body}</div>
{/block:Text}
{block:Photo}
<div class="postphoto">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{/block:Photo}
{block:Photoset}
<div class="postphoto">{Photoset-500}</div>
{block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quotetitle">{Quote}</div>
{block:Source}<div class="quotesource">{Source}</div>{/block:Source}
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}>&#8756; {Name}</a>
{block:Description}<div class="linkdesc" class="postbody">{Description}</div>{/block:Description}
{/block:Link}
{block:Chat}
<div class="posttitle"> {block:Title}{Title}{/block:Title}</div>
<div class="postbody" style="padding-top:26px;">{block:Lines}<div class="{Alt}line">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}</div>
{/block:Chat}
{/block:Audio}
<div class="postphoto">
{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}
{AudioPlayerGrey}
</div>
<div class="postbody">
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}<div class="video">
{Video-500}</div>
{/block:Video}
{block:Answer}
<div class="posttitle" class="askerr">{Asker}:</div>
<div class="postbody">
<blockquote>{Question}</blockquote>
{Answer}</div>
{/block:Answer}
{block:PermalinkPage}
{block:HasTags}<div id="tags">{Lang:Filed under}:</br>
{block:Tags}<span class="tag"><a href="{TagURL}">{Tag}</a></span>{/block:Tags}
</div>{/block:HasTags}
{/block:PermalinkPage}
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
</div>
{/block:Posts}
{block:Pagination}
<div class="postwrapper2">
{block:NextPage}
<div class="sideinfo" id="pagination"><a href="{NextPage}">OLDER</a></div>
{/block:NextPage}
{block:PreviousPage}
<div class="postcontent"><div id="pagination2"><a href="{PreviousPage}">NEWER</a></div></div>
{/block:PreviousPage}
</div>
{/block:Pagination}
</div>
</body>
</html>

+ 241
- 0
code/with_style.html View File

@ -0,0 +1,241 @@
<!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">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="{MetaDescription}" />
<meta name="image:Background" content="http://static.tumblr.com/cfbevoa/Qwjlmlj86/_mg_0383.jpg"/>
<meta name="image:Logo"/>
<meta name="font:Titles" content="Georgia, Baskerville, serif"/>
<meta name="font:Description" content="Georgia, Baskerville, serif"/>
<meta name="font:Navigation" content="Helvetica Neue, Helvetica, Arial, sans-serif"/>
<meta name="font:Body" content="Helvetica Neue, Helvetica, Arial, sans-serif"/>
<meta name="color:Background" content="#85A5AD"/>
<meta name="color:Blog Title" content="#404040"/>
<meta name="color:Blog Title shadow" content="#e5e5ee"/>
<meta name="color:Description" content="#404040"/>
<meta name="color:Post Title" content="#404040"/>
<meta name="color:Text" content="#404040"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Navigation Links" content="#404040"/>
<meta name="color:Navigation Links Hover" content="#e5e5ee"/>
<meta name="if:Underline links on mouseover" content="1"/>
<meta name="if:Show note counts" content="0"/>
<meta name="if:Show RSS link" content="1"/>
<meta name="if:Show link to random post" content="0"/>
<style type="text/css">
body {background:{color:Background} url('{image:Background}') fixed; text-align:center;
} a, a:visited {
text-decoration:none;
color:{color:Links};
{block:ifUnderlineLinksOnMouseover}} a:hover {text-decoration:underline{/block:ifUnderlineLinksOnMouseover}
} img {
border:none;
-moz-outline-style:none;
} blockquote {
font-style:italic;
} .header {
color:{color:Description};
} #footer {
margin:30px;
font:bolder 10px {font:Navigation};
color:#787878;
} .title, .title a {
color:{color:Blog Title};
font: italic bold 60px {font:Titles};
{block:IfNotLogoImage}margin-top:210px;{/block:IfNotLogoImage}
text-shadow: 0px 1px 0px #e5e5ee;
filter: Shadow(Color=#e5e5ee,
Direction=135,