The Tumblr Theme

Only available on StudyMode
  • Download(s) : 77
  • Published : March 4, 2013
Open Document
Text Preview
{Title}

{block:Description}{/block:Description}

iframe#tumblr_controls {
position: fixed!important;
right: 3px!important;
}
::-webkit-scrollbar-thumb:vertical {
height: 100px;
background: {color:Scrollbar};
}
::-webkit-scrollbar {
height: 10px;
width: 10px;
background: {color:Scrollbar BG};
}
::selection, ::-moz-selection {
background-color: #f9f9f9;
color: #888;
}
body {
margin: 0;
background: {color:Background} url({image:Background}) repeat fixed; color: {color:Post Font};
font: {text:Post Font Size}px '{text:Main Font}', garamond;
}
a {
color: {color:Link};
text-decoration: none;
border: 0;
}
#container {
width: 750px;
background: {color:Post BG};
margin: 0 auto;
}
#entry {
{block:If400px}width: 400px; padding: 20px 40px;{/block:If400px} {block:If500px}width: 500px; padding: 20px 15px;{/block:If500px} line-height: 14px;
}
#entry img {
border: 0;
{block:If400px}max-width: 400px;{/block:If400px}
}
{block:IndexPage}#entry img, .photoset {
{block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
{block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ * filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale} {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
{block:IfNotGrayscaleWithHover}{block:IfGrayscale} filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ * filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover} -webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
#entry img:hover, .photoset:hover {
{block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
{block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none; -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale} }{/block:IndexPage}
#header {
width: 750px;
margin: 0 auto;
}
#header img {
width: 750px;
}
#menu {
width: 750px;
background: {color:Menu Link BG};
text-align: center;
padding: 8px 0;
margin-top: -3px;
}
#menu a {
color: {color:Menu Link};
font: {text:Menu Link Font Size}px {font:Secondary Font};
margin: 0 30px;
letter-spacing: 2px;
text-transform: uppercase;
}
#menu a:hover {
color: {color:Menu Link Hover};
}
#sidebar {
{block:If400px}width: 210px; padding: 20px 40px;{/block:If400px} {block:If500px}width: 190px; padding: 20px;{/block:If500px}
float: right;
}
#desc {
text-align: justify;
line-height: 14px;
}
h1 {
font-size: {text:Post Title Font Size}px;
font-style: italic;
font-weight: lighter;
letter-spacing: 2px;
text-align: center;
text-transform: lowercase;
color: {color:Title};
}
h1 a {
color: {color:Title}
}
h2 {
font-size: {text:Sidebar Title Font Size}px;
font-style: italic;
letter-spacing: 2px;
text-align: center;
text-transform: lowercase;
color: {color:Title};
}
blockquote {
border-left: 1px solid #eee;
margin: 0 15px;
padding: 0 5px;
}
blockquote blockquote {
margin: 0px 0px 4px 10px;
}
img {
max-width: 100%;
}
pre {
width: 100%;
overflow: auto;
}
#nav {
margin-top: 15px;
text-align: center;
}
#nav a {
{block:If400px}width: 99px;{/block:If400px}
{block:If500px}width: 89px;{/block:If500px}
display: inline-block;
text-align: center;
background: {color:Sidebar Link BG};
color: {color:Sidebar Link};
margin: 1px;
padding: 2px;
letter-spacing: 2px;
text-transform: uppercase;
font: 8px {font:Secondary Font};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#nav a:hover {
background: {color:Menu Link BG};
color: {color:Menu Link};
}
#pg {...
tracking img