Advertisement
ellie_carina

theme 01

May 7th, 2012
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.80 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html>
  4. <head>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <meta name="color:Background" content ="#EBE1BD"/>
  12. <meta name="image:Background" content=""/>
  13. <meta name="font:Text" content="Helvetica"/>
  14. <meta name="color:Text" content="#7C5A51"/>
  15. <meta name="color:Link" content="#D97A4C"/>
  16. <meta name="color:Link Hover" content="#82636b"/>
  17. <meta name="color:Header" content="#6F6059"/>
  18.  
  19. <meta name="font:title" content="helvetica"/>
  20. <meta name="font:body" content="helvetica" />
  21. <meta name="font:slinks" content="helvetica" />
  22.  
  23.  
  24. <meta name="image:Sidebar1" content="http://static.tumblr.com/rtx7s6z/CUqm3nd7d/tumblr_lw76noljs51qgg21a.jpg"/>
  25. <meta name="image:Sidebar2" content="http://static.tumblr.com/rtx7s6z/6NZm3nd6v/tumblr_lw76nwxk9a1qgg21a.jpg"/>
  26. <meta name="image:Sidebar3" content="http://static.tumblr.com/rtx7s6z/db6m3nd98/tumblr_lw76obbq2o1qgg21a.jpg"/>
  27. <meta name="image:Sidebar4" content="http://static.tumblr.com/rtx7s6z/Iulm3ndem/tumblr_lw76nbcvzv1qgg21a.jpg"/>
  28. <meta name="image:background" content="" />
  29.  
  30. <style type="text/css">
  31.  
  32. body {
  33. background-color: {color:Background};
  34. background-image: {image:Background};
  35. font-family: {font:Text};
  36. font-size: 12px;
  37. color: {color:Text};
  38. }
  39.  
  40. a {
  41. color: {color:Link};
  42. font-weight: bold;
  43. text-decoration: none;
  44. }
  45.  
  46. a:hover {
  47. color: {color:Link Hover};
  48. }
  49.  
  50. a img {
  51. border: 0px;
  52. }
  53.  
  54. .content {
  55. position: absolute;
  56. top: 10px;
  57. left: 347px;
  58. width: 500px;
  59. padding: 10px;
  60. background-color: white;
  61. -khtml-border-radius: 10px;
  62. -moz-border-radius: 10px;
  63. -webkit-border-radius: 10px;
  64. border-radius: 10px;
  65. }
  66.  
  67. .sidebar {
  68. position: fixed;
  69. top: 100px;
  70. left: 10px;
  71. width: 303px;
  72. padding: 10px;
  73. background-color: white;
  74. -khtml-border-radius: 10px;
  75. -moz-border-radius: 10px;
  76. -webkit-border-radius: 10px;
  77. border-radius: 10px;
  78. }
  79.  
  80. .post img {
  81. display: block;
  82. margin: 0 auto;
  83. }
  84.  
  85. .notesandtags {
  86. padding: 5px;
  87. border-top: 1px dotted #CCCCCC;
  88. margin-bottom: 5px;
  89. margin-top: 5px;
  90. }
  91.  
  92. .tags {
  93. font-size: 10px;
  94. float: right;
  95. text-transform: lowercase;
  96. }
  97.  
  98. .tag {
  99. font-weight: normal;
  100. margin-right: 2px;
  101. font-style: italic;
  102. }
  103.  
  104. .time {
  105. font-size: 10px;
  106. color: #666;
  107. text-transform: uppercase;
  108. font-weight: bold;
  109. }
  110.  
  111. h3 {
  112. font-size: 20px;
  113. margin: 0px;
  114. }
  115.  
  116. blockquote {
  117. font-size: 11px;
  118. background-color: #D97A4C;
  119. padding: 5px;
  120. border-left: 5px solid #CDFF46;
  121. margin: 5px;
  122. }
  123.  
  124. .quote {
  125. font-family: Garamond;
  126. font-size: 25px;
  127. font-style: italic;
  128. color: #D97A4C;
  129. }
  130.  
  131. .source {
  132. margin-left: 25px;
  133. }
  134.  
  135. .link {
  136. background-color: #D97A4C;
  137. color: white;
  138. padding: 5px;
  139. font-size: 16px;
  140. -moz-border-radius: 5px;
  141. -webkit-border-radius: 5px;
  142. font-weight: normal;
  143. font-style: italic;
  144. }
  145.  
  146. .link:hover {
  147. background-color: #CDFF46;
  148. color: #222222;
  149. }
  150.  
  151. ul.chat {
  152. margin: 0;
  153. padding: 0;
  154. }
  155.  
  156. .chat li {
  157. list-style-type: none;
  158. margin-left: 0px;
  159. padding: 3px;
  160. }
  161.  
  162. .chat li.odd {
  163. background-color: #CCCCCC;
  164. margin-bottom: 1px;
  165. color: #D97A4C;
  166. }
  167.  
  168. .chat li.even {
  169. background-color: #D97A4C;
  170. margin-bottom: 1px;
  171. color: #CCCCCC;
  172. }
  173.  
  174. .label {
  175. font-weight: bold;
  176. }
  177.  
  178. .title {
  179. font-size: 35px;
  180. font-family: Garamond;
  181. letter-spacing: -2px;
  182. color: #D97A4C;
  183. }
  184.  
  185. {CustomCSS}
  186. </style>
  187.  
  188. <title>{Title}</title>
  189.  
  190. </head>
  191.  
  192. <body>
  193.  
  194. <div class="content">
  195.  
  196. {block:Posts}
  197.  
  198.  
  199. {block:Text}
  200. <div class="post">
  201. {block:Title}
  202. <h3><a href="{Permalink}">{Title}</a></h3>
  203. {/block:Title}
  204. {Body}
  205. </div>
  206. {/block:Text}
  207.  
  208. {block:Photo}
  209. <div class="post">
  210. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  211. {block:Caption}
  212. <div class="caption">{Caption}</div>
  213. {/block:Caption}
  214. </div>
  215. {/block:Photo}
  216.  
  217. {block:Photoset}
  218. <div class="post">
  219. <center>{Photoset-500}</center>
  220. {block:Caption}
  221. <div class="caption">{Caption}</div>
  222. {/block:Caption}
  223. </div>
  224. {/block:Photoset}
  225.  
  226. {block:Quote}
  227. <div class="post">
  228. <span class="quote">"{Quote}"</span>
  229. {block:Source}
  230. <div class="source">– {Source}</div>
  231. {/block:Source}
  232. </div>
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <div class="post">
  237. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  238. {block:Description}
  239. <div class="description">{Description}</div>
  240. {/block:Description}
  241. </div>
  242. {/block:Link}
  243.  
  244. {block:Chat}
  245. <div class="post">
  246. {block:Title}
  247. <h3><a href="{Permalink}">{Title}</a></h3>
  248. {/block:Title}
  249. <ul class="chat">
  250. {block:Lines}
  251. <li class="{Alt} user_{UserNumber}">
  252. {block:Label}
  253. <span class="label">{Label}</span>
  254. {/block:Label}
  255. {Line}
  256. </li>
  257. {/block:Lines}
  258. </ul>
  259. </div>
  260. {/block:Chat}
  261.  
  262. {block:Video}
  263. <div class="post">
  264. <center>{Video-500}</center>
  265. {block:Caption}
  266. <div class="caption">{Caption}</div>
  267. {/block:Caption}
  268. </div>
  269. {/block:Video}
  270.  
  271. {block:Audio}
  272. <div class="post">
  273. {AudioPlayerBlack}
  274. {block:Caption}
  275. <div class="caption">{Caption}</div>
  276. {/block:Caption}
  277. </div>
  278. {/block:Audio}
  279.  
  280. <div class="notesandtags">
  281. <div class="time">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  282. <div class="tags">{block:Tags}/<a href="{TagURL}" class="tag">{Tag}</a>/ {/block:Tags} {block:NoteCount}{NoteCount} <font color="#FF038A">&hearts;</font>{/block:NoteCount}</div>
  283. </div>
  284. </div>
  285.  
  286. {/block:Posts}
  287. </div>
  288.  
  289. <div class="sidebar">
  290.  
  291. <div class="title"><center>{Title}</center></div><br>
  292.  
  293. <div class="simages"><center><img src="{image:Sidebar1}"/> <img src="{image:Sidebar2}"/><br><img src="{image:Sidebar3}"/> <img src="{image:Sidebar4}"/></center></div>
  294.  
  295.  
  296. {block:Title}<div id="posttitle">{Title}&nbsp;</div>{/block:Title}
  297. {block:Text}{Body}{/block:Text}
  298.  
  299. <p align="center">
  300. {block:AskEnabled}D97A4C // {/block:AskEnabled} {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> // {/block:SubmissionsEnabled} <a href="/">HOME</a> // <a href="/ask">ASK</a> // <a href="/links">CODE</a>
  301.  
  302. {block:Description}<p><center>{Description}</center>{/block:Description}
  303.  
  304. <p align="center">
  305.  
  306. {block:Pagination}
  307. {block:PreviousPage}
  308. <a href="{PreviousPage}">&#8592;</a>
  309. {/block:PreviousPage}
  310.  
  311. {block:JumpPagination length="5"}
  312. {block:CurrentPage}
  313. <span class="current_page">{PageNumber}</span>
  314. {/block:CurrentPage}
  315.  
  316. {block:JumpPage}
  317. <a class="jump_page" href="{URL}">{PageNumber}</a>
  318. {/block:JumpPage}
  319. {/block:JumpPagination}
  320.  
  321. {block:NextPage}
  322. <a href="{NextPage}">&#8594;</a>
  323. {/block:NextPage}
  324. {/block:Pagination}
  325.  
  326. </div>
  327.  
  328. </body>
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement