Advertisement
unfdrew

Theme 04

Sep 9th, 2012
1,615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
  1. <!---- Theme by usmiles. Don't copy, or claim it as yours. ---->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:ImageBorder" content="#fdfcfc"/>
  13. <meta name="color:Left Border" content="#dbdada"/>
  14. <meta name="color:Entries" content="#ffffff"/>
  15. <meta name="color:Bottompost" content="#f6f8eb"/>
  16. <meta name="color:Font" content="#beb7b7"/>
  17. <meta name="color:Description" content="#A7A1A1"/>
  18. <meta name="color:Title" content="#ffffff"/>
  19. <meta name="color:Link" content="#b7c095"/>
  20. <meta name="color:Sidebar Link" content="#857878"/>
  21. <meta name="color:Pagination Link" content="#9b9191"/>
  22. <meta name="color:Link Hover" content="#F0E5E5"/>
  23. <meta name="color:Sidebar" content="#c9c7c7"/>
  24. <meta name="color:Nav" content="#faf7f7"/>
  25. <meta name="color:Nav Hover" content="#F7F3F3"/>
  26. <meta name="color:Scrollbar" content="#b6be63"/>
  27.  
  28. <meta name="font:Body" content="Calibri"/>
  29. <meta name="font:Title" content="Arial"/>
  30. <meta name="font:Quote" content="Georgia"/>
  31. <meta name="font:Links" content="Calibri"/>
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:SideImage" content=""/>
  35. <meta name="image:Left background" content="http://media.tumblr.com/tumblr_m9xizqXFr91qinbs4.jpg"/>
  36.  
  37. <meta name="text:background position" content="bottom right"/>
  38.  
  39. <meta name="text:Link1 Title" content="link 1" />
  40. <meta name="text:Link1 Url" content="/" />
  41. <meta name="text:Link2 Title" content="link 2" />
  42. <meta name="text:Link2 Url" content="/" />
  43. <meta name="text:Link3 Title" content="link 3" />
  44. <meta name="text:Link3 Url" content="/" />
  45. <meta name="text:Link4 Title" content="link 4" />
  46. <meta name="text:Link4 Url" content="/" />
  47.  
  48. <style type="text/css">
  49.  
  50. body{color:{color:Font}; background: {color:Background} url('{image:Background}') no-repeat fixed {text:Background Position}; text-align:justify; font-family:{font:Body}; font-size:10px;}
  51.  
  52. a:link, a:active, a:visited {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  53. a:hover {color:{color:Link Hover};-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  54.  
  55. #entries{margin-left:455px; width:510px; padding-top:35px;}
  56.  
  57. #side {margin-left:55px; margin-top:-10px; position:fixed; height:100%; padding-left:20px; padding-right:25px; padding-top:200px; background-color:{color:sidebar};}
  58.  
  59. #lefty {margin-left:-10px; margin-top:-10px; position:fixed; height:100%; width:50px; color:{color:left border}; background: {color:left border} url('{image:left Background}') repeat fixed; border-right: solid 5px {color:left border};}
  60.  
  61. #side:hover .sh{opacity:0.4; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  62.  
  63. #side:hover .nav a{opacity:0.8; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  64.  
  65. #side:hover .blogtitle {opacity:0.8; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  66.  
  67. #sideimg {margin-left: 20px; margin-top:0px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  68. #sideimg img{background-color:{color:imageborder}; max-width:200px; border-radius:3px 3px 0px 0px; border: 10px {color:imageborder} solid;}
  69.  
  70.  
  71. #linky {text-align:center; width:220px; margin-top:-10px; margin-left:20px; background-color:{color:imageborder}; padding-top:2px; padding-bottom:2px; border-radius: 0px 0px 3px 3px;}
  72. #linky a{font-family:{font:links}; text-transform:uppercase; color:{color:sidebar link}; font-size:7px;}
  73. #linky a:hover{border-bottom: 1px solid {color:font}}
  74.  
  75. #descrip {width: 210px; padding: 0px 10px 0px 10px; margin-top: -5px; margin-left:20px; font-family:arial; height: auto; font:9px georgia; text-align:center; color:{color:Description}; border-radius: 0px 0px 0px 0px; background-color:{color:sidebar};}
  76. #descrip a{color:{color:sidebar link};}
  77.  
  78. .sh{margin-top:10px; height:200px; width:200px; -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; background-color:{color:nav}; position:fixed; opacity:0; margin-left:30px;}
  79.  
  80. .triangle {font-size:30px; color:{color:imageborder}; margin-top:-10px; margin-left:27px;}
  81.  
  82. .nav {width:210px; position:fixed; margin-left:30px; margin-top:70px; text-align:center;}
  83. .nav a{text-transform:uppercase; font-family:Courier New; display:block; margin-bottom:2px; width:100px; height:10px; padding:3px 5px 3px 5px; font-size:9px; text-decoration:none; opacity:0; -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border-bottom: 2px solid {color:font}; color:{color:font}; background-color:{color:nav};}
  84. .nav a:hover{background-color:{color:nav hover};}
  85.  
  86. .blogtitle {text-transform:uppercase; font-size:16px; font-family:{font:title}; color:{color:title}; text-align:center; margin-bottom:10px; opacity:0; -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; width:210px; margin-left:0px;}
  87.  
  88. #pagination{border-top: solid 1px {color:imageborder}; margin-top:20px; margin-botton:4px; margin-left:20px; width:220px; color:{color:sidebar link}; font-size:11px; text-transform:uppercase; font-family:calibri; text-align:center;}
  89. #pagination a{color:{color:pagination link}; padding:3px 6px 3px 6px; margin-top:5px; text-align:center;}
  90. #pagination span {padding:3px 6px 3px 6px;}
  91.  
  92. #bottompost{width: 480px; text-transform:uppercase; text-align: center; font-size:8px; padding:2px 10px 5px 10px; border-top:2px solid {color:font}; background-color:{color:bottompost}; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  93. #bottompost a{color:{color:Link}; font-family: {font:body};}
  94. #bottompost a:hover{color: {color:Link Hover}}
  95.  
  96. #tags{padding-left:3px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  97. #tags a{opacity:0.5; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  98. #tags a:hover{opacity:0.5; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  99.  
  100. .title{font-size: 10px; letter-spacing: 4px; fony-style:italic; color:{color:title}; font-family:{font:title};}
  101.  
  102. #posts{background-color:{color:entries}; margin-bottom:5px; margin-top:0px; overflow:hidden; padding: 5px 0px 0px 0px;}
  103. #posts:hover #tags a{opacity:1;}
  104. #posts:hover #tags a:hover{opacity:1}
  105.  
  106. #posttitle{font-family:{font:Title}; color:{color:Font}; text-transform:none; font-size:13px; line-height:12px; font-weight:normal; margin:0px; padding:3px; margin-left:8px;}
  107.  
  108. #notes{background-color:{color:entries}; width:510px; margin-bottom:15px;}
  109.  
  110. #notess{width:500px; background-color:{color:entries}; padding:3px 7px 3px 7px;}
  111.  
  112. #source {text-align:left; font-size:09px;}
  113.  
  114. #info{padding:none; text-align:center; line-height:10px; width: 510px; float: center; font-family:{font:Body}; text-transform:none; text-align:center}
  115.  
  116. .cred {float:right; margin-right:15px;}
  117.  
  118. #themecredit{right:10px; bottom:10px; position:fixed;}
  119.  
  120. blockquote {margin-left:5px; border-left:2px {color:Link Hover} solid; margin:1px 6px 1px 10px}
  121.  
  122. p{margin-top:5px; margin-bottom:5px;}
  123.  
  124. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:{color:entries}; border-left:3px solid {color:Link Hover};}
  125.  
  126. .postalign{text-align:justify; padding:0px 10px 5px 10px;}
  127.  
  128. .question{background: {color:entries}; font-size: 10px; font-weight:bold; color: {color:Font}; padding: 10px;}
  129.  
  130. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Font};margin-bottom:0px;
  131. padding: 7px;}
  132.  
  133. .asker{text-transform: none; padding-bottom:0px; font-size: 11px;}
  134.  
  135. .answer{padding:4px;}
  136.  
  137. .chat {line-height: 10px; list-style: none }
  138. .chat ul {list-style: none; padding: 0px; line-height:15px;}
  139. .person1 {color: {color:link}; }
  140. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Font}}
  141. .person2 {color: {color:link} }
  142. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Font}}
  143.  
  144. .quote{font-family:{font:Quote}; font-size:13px; color: {color:Font}; font-style:italic;}
  145.  
  146. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  147.  
  148. </style>
  149. <style type="text/css">{CustomCSS}
  150.  
  151. ::-webkit-scrollbar {height:12px; width: 10px; background: {color:entries};}
  152. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; -moz-border-radius: 0px; border-radius: 0px;}
  153.  
  154. a:link ::-moz-selection {text-shadow: 2px 2px 3px {color:link};}
  155. ::selection {text-shadow: 2px 2px 3px {color:link};}
  156.  
  157. </style>
  158. </head>
  159.  
  160. <div id="lefty">
  161.  
  162. <div id="side">
  163.  
  164. <div class="sh"></div>
  165.  
  166. <div class="nav">
  167.  
  168. <div class="blogtitle"><center>{title}</center></div>
  169. <center>{block:IfLink1title}<a href="{text:link1 url}">{text:link1 title}</a>{/block:IfLink1title}</center>
  170. <center>{block:IfLink2title}<a href="{text:link2 url}">{text:link2 title}</a>{/block:IfLink2title}</center>
  171. <center>{block:IfLink3title}<a href="{text:link3 url}">{text:link3 title}</a>{/block:IfLink3title}</center>
  172. <center>{block:IfLink4title}<a href="{text:link4 url}">{text:link4 title}</a>{/block:IfLink4title}</center>
  173. </div>
  174.  
  175. <div id="sideimg"><img src="{image:sideimage}"></div>
  176.  
  177. <div id="linky">
  178. <a href="/">refresh</a> -
  179. <a href="/ask">message</a> -
  180. <a href="/archive">archive</a></div>
  181.  
  182. <div class="triangle">&#9660;</div>
  183.  
  184. <div id="descrip">{block:description}{description}{/block:description}
  185. </div>
  186.  
  187.  
  188. <div id="pagination">
  189.  
  190. {block:Pagination}
  191.  
  192. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  193. {block:JumpPagination length="5"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage}
  194. <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}
  195.  
  196. {block:NextPage} <a href="{NextPage}">»</a> {/block:NextPage}
  197. {/block:Pagination}
  198. </div></div></div>
  199.  
  200.  
  201.  
  202. <div id="entries">
  203. {block:Posts}
  204. <div id="posts">
  205.  
  206. {block:Text}
  207. <div class="postalign">
  208. {block:Title}
  209. <div id="posttitle">{Title}</div>
  210. {/block:Title}
  211. {Body}
  212. </div>
  213. {/block:Text}
  214.  
  215.  
  216. {block:Photo}
  217. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  218. <div class="postalign">{block:Caption}{Caption}{/block:Caption}</div>
  219. {/block:Photo}
  220.  
  221. {block:Photoset}
  222. <center>{Photoset-500}</center><div class="postalign">{block:Caption}{Caption}{/block:Caption}
  223. </div>
  224. {/block:Photoset}
  225.  
  226.  
  227. {block:Quote}
  228. <div class="postalign">
  229. <div class="quote">❝{Quote}❞</div>
  230. {block:Source}
  231. <div id="source">(—— {Source})</div>
  232. </div>
  233. {/block:Source}
  234. {/block:Quote}
  235.  
  236. {block:Answer}<div class="postalign">
  237. <div class="ask">
  238. <div class="asker"><img src="{AskerPortraitURL-30}" width="22" align="left" style="margin-right:5px; margin-top:5px;" /><i>{Asker}</i> asked:</div> {Question}</div>
  239. <div class="answer">{Answer}</div>
  240. </div>
  241. {/block:Answer}
  242.  
  243. {block:Link}
  244. <div class="postalign">
  245. <div id="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  246.  
  247. {block:Description}
  248. {Description}
  249. {/block:Description}
  250. </div>
  251. {/block:Link}
  252.  
  253. {block:Chat}
  254. <div class="postalign">
  255. {block:Title}<div id="posttitle">{Title}</div>
  256. {/block:Title}
  257.  
  258. <div class="chat"><ul>{block:Lines}
  259. <li class="person">{block:Label}
  260. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  261. </div>
  262. {/block:Chat}
  263.  
  264. {block:Video}
  265.  
  266. {Video-500}
  267. <div class="postalign">
  268. {block:Caption}{Caption}{/block:Caption}
  269. </div>
  270. {/block:Video}
  271.  
  272. {block:Audio}<div class="postalign">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" style="margin-right:5px" align="left"/>{/block:AlbumArt}{AudioPlayerBlack}
  273. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div>{/block:Audio}
  274.  
  275. <div id="info"><div id="bottompost">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  276.  
  277. {block:ContentSource}<a href="{SourceURL}">(©{SourceTitle})</a>{/block:ContentSource}
  278.  
  279. <div id="tags">
  280. {block:HasTags} {block:Tags}
  281. #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}{block:NotReblog}{ReblogParentName}{/block:NotReblog}</div></div></div></div><BR>
  282. {/block:Posts}
  283.  
  284. {block:PostNotes}
  285. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  286. {/block:PostNotes}
  287.  
  288. </div>
  289.  
  290. <div id="themecredit"><a href="http://usmiles.tumblr.com" target="_blank">© theme</a></div>
  291.  
  292. </body>
  293. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement