tumblr theme

Download Tumblr Theme

Post on 29-Nov-2015

13 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

Theme code for Tumblr

TRANSCRIPT

{Title} body { background-image: url('{image:background}'); background-color: {color:background}; background-attachment: fixed; background-repeat: {text:Background Repeat}; color: {color:text}; margin: 0; } @font-face { font-family: "heather"; src: url('http://static.tumblr.com/7fjp0ap/yh5mcyonf/heather_.ttf');} @font-face { font-family: "neverwinter"; src: url('http://static.tumblr.com/7fjp0ap/G1tml9bjr/neverwinter.ttf');} @font-face { font-family: "matura"; src: url('http://static.tumblr.com/7fjp0ap/iHXml9bd9/maturasc.ttf');} ::-webkit-scrollbar-thumb { background-color: {color:desctext}; height: 5px; width: 8px; } ::-webkit-scrollbar { height: 5px; width: 8px; background-color: {color:sidebarbackground}; } a{ color: {color:normallink}; text-decoration: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } a:hover{ color: {color:normallinkhover}; text-decoration: none; } #sidebar{ position: fixed; overflow:hidden; left: 20px; top: 0px; bottom:0px; width:400px; text-align: center; padding: 1px; padding-bottom:0px; background-color: {color:sidebarbackground}; font-family: consolas; font-size: 10px; } .border1{ position:fixed; left:422px; top:0px; bottom:0px; width:4px; } .border1x{ display:block; width:100%; height:25%; } .border2{ position:fixed; left:16px; top:0px; bottom:0px; width:4px; } #descbox0{ width: 294px; padding: 3px; border: 1px solid {color:desctext}; margin-top:20px; display:inline-block; text-align:center; margin-left:3px; } #descbox{ width: 272px; padding: 10px; border: 1px solid {color:desctext}; color: {color:desctext}; font-family: calibri; font-size: 11px; display:inline-block; text-align:center; } #descbox a{ color: {color:desclink}; } #navibox{ margin-top:20px; width: 302px; display:inline-block; margin-bottom:10px; margin-left:4px; } #navibox a{ text-transform: none; display: block; float:left; width: 25%; padding:3px; padding-left:0px; padding-right:0px; text-align: center; font-family: calibri; font-size: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #titlebox{ display: inline-block; margin-top:30px; font-size: 25px; letter-spacing:1px; line-height:20px; font-family: neverwinter; width: 292px; padding: 5px; margin-left:3px; background-color: {color:BlogTitleBackground}; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #titlebox a{ color: {color:blogtitle}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #titlebox a:hover{ color: {color:blogtitlehover}; } #pagi{ display:inline-block; margin-top: 5px; font-size: 20px; margin-bottom:5px; font-family: calibri; z-index: 999; } #pagi a{ color:{color:pagination}; } #posts{ {block:ifBigPosts}width: 530px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 430px;{/block:ifNotBigPosts} margin-left: 490px; margin-bottom: 40px; } img.center { display: block; margin-left: auto; margin-right: auto; } #entry{ {block:ifBigPosts}width: 520px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts} position:relative; margin-top: 30px; z-index:999999; overflow: hidden; background-color: ; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .entry{ {block:ifBigPosts}width: 500px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts} text-align: left; position:relative; padding: 10px; padding-bottom:0px; z-index:999999; font-family: calibri; font-size: 12px; overflow: hidden; background-color: {color:entrybackground}; color: {color:text}; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .entry img{ {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts} {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts} {block:ifFadingPhoto} opacity: 0.7; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; {/block:ifFadingPhoto} } {block:ifFadingPhoto} .entry img:hover{ opacity: 1; } .photosetfade { opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; } .photosetfade:hover { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 0.9; } {/block:ifFadingPhoto} {block:ifMonochrome} .mono{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; } .mono:hover{ filter: none; -webkit-filter: grayscale(0%); } {/block:ifMonochrome} .entry b, strong{ color: {color:Bold}; } b,strong{ color: {color:Bold}; } .entry i, em{ color: {color:Italic}; } .entry a{ color: {color:NormalLink}; text-decoration: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .entry a:hover{ color: {color:NormalLinkHover}; text-decoration: none; } .entry h1 a{ color: {color:normallink}; } blockquote{ border-left: 5px solid {color:blockquoteborder}; font-size: 12px; padding-left:10px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; margin:5px; text-align:justify; } .entry blockquote img{ max-width: 90%; margin-left: 3px; } #quote{ color: {color:Quote}; padding: 15px; font-family: heather; letter-spacing: 1px; line-height: 10px; } #perma{ margin-bottom:-2px; margin-left:-10px; {block:ifBigPosts}width: 520px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts} margin-top: 10px; display: inline-block; background-color: {color:navi4background}; } #perma a{ font-family: calibri; font-size: 9px; letter-spacing: 1px; display:block; float:left; width:32%; text-align:center; height:100%; padding: 2px; font-style: none; } #entry:hover #tags{ margin-top:0px; height:25px; overflow:auto; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; } #tags{ font-family: calibri; font-size: 9px; letter-spacing: 1px; width: 100px; margin-top: -6px; padding: 3px; {block:ifBigPosts}width: 520px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts} position:relative; overflow:hidden; height:0px; color: {color:Tagtext}; background: transparent; z-index:-1; text-align: left; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; } #tags a{ color: {color:TagLink}; font-style: none; } #tags a:hover { color: {color:TagLinkHover}; font-style: none; } .permalink { font-family: calibri; font-size: 10px; color: {color:Text}; text-transform: uppercase; text-align: center; {block:ifBigPosts}width: 514px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 414px;{/block:ifNotBigPosts} margin-top: 20px; margin-bottom: 10px; margin-left: -10px; float: left; background-color: {color:entrybackground}; } .permalink b { color: {color:Bold}; font-weight: normal; } #date { color: {color:text}; } .permalink a { color: {color:NormalLink}; text-decoration: none; } .title{ color: {color:posttitle}; margin-bottom:10px; padding-top: 5px; padding-bottom: 5px; font-size: 28px; font-family: matura; line-height: 100%; letter-spacing: 2px; text-transform: none; text-align: center; border-bottom: 1px {color:Text} solid; } .ask { {block:ifBigPosts}width: 480px;{/block:ifBigPosts} {block:ifNotBigPosts}width: 380px;{/block:ifNotBigPosts} display: inline-block; padding: 10px; line-height: 10px; text-align: justify; background-color: {color:askbackground}; font-family: comic; color: {color:asktext}; font-size