Examples Of Theme Coding

Submitted By marilyn96
Words: 1374
Pages: 6

Theme Coding

{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}

body { color: #2F2F2F; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 10px 10px 10px 210px; }

a { color: #2F2F2F; text-decoration: underline; }

a:hover { background-color: {color:LinkBackground}; }

ol, ul { padding: 8px 0 0 15px; }

h2 { font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 21px; text-shadow: #919191 1px 1px 2px; }

a.title { color: #2F2F2F; text-decoration: none; }

h2 + a.timestamp { line-height: 30px; }

p { margin: 0; padding: 0 0 8px 0; }

h2 + p { padding: 8px 0 8px 0; }

p + ul { padding: 0 0 8px 15px; }

p + blockquote { margin: 0 0 8px 0; } em { font-style: italic; } strong { font-weight: bold; }

blockquote { border-left: 1px solid #EFEFEF; margin: 8px 0; padding: 0 0 0 15px; }

blockquote > p:first-child { padding: 0; }

pre code { font-family: 'Courier New', Courier, monospace; background: #EFEFEF; }

#header { width: 200px; position: fixed; bottom: 10px; left: 10px; }

#header p { margin: 0; padding: 0 0 8px 0; }

#header a.header { color: #2F2F2F; text-decoration: none; }

#header a.header:hover, #portrait a:hover, a.title:hover { background-color: transparent !important; }

#portrait { width: 42px; height: 42px; background-image: url({PortraitURL-40}); position: fixed; top: 10px; left: 10px; }

#portrait a.mask { width: 42px; height: 42px; background-image: url(http://static.tumblr.com/thpaaos/yAZklzau3/sprite-mask-portrait.png); background-repeat: no-repeat; background-position: top; position: relative; display: block; }

#portrait:hover a.mask { background-position: bottom; }

#pagination { width: 200px; border-bottom: 1px solid #EFEFEF; margin: 0 0 3px 0; padding: 0 0 8px 0; overflow: hidden; }

#pagination .count { width: 100px; float: left; }

#pagination .buttons { width: 90px; text-align: right; float: right; }

#pagination .buttons a { text-decoration: none; }

#pagination .buttons a span.underline { text-decoration: underline; }

form#search { border-bottom: 1px solid #EFEFEF; margin: 0 0 8px 0; }

form#search input.button { display: none; }

form#search input.text { width: 184px; background: url(http://static.tumblr.com/thpaaos/3JQklzbvh/search.png) no-repeat; border-width: 0px; margin: 0 0 12px 0; padding: 0 0 0 16px; }

.column { width: 410px; margin: 0 0 0 50px; float: left; }

.column .post { margin: 0 0 35px 0; } .column .post img { max-width: 100%; }

a.timestamp, a.tag { color: #2F2F2F; font-size: 9px; text-decoration: none; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; }

a.tag span.pound { font-size: 12px; }

.caption { padding: 8px 0; }

.caption p:first-child { padding: 0 0 8px 0; }

.media { border: 1px solid #EFEFEF; padding: 4px; }

.media.audio { width: 207px; }

a.link {