Advertisement
ladystrade

Theme #01

Jul 3rd, 2012
6,346
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.30 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.  
  6.  
  7. <!--theme by ladystrade.tumblr.com, please do not remove credit!-->
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="color:Background" content ="#ffffff"/>
  16. <meta name="color:Title" content ="#ccb9ca"/>
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="color:Text" content="#a4a2a5"/>
  19. <meta name="color:Link" content="#c3bac4"/>
  20. <meta name="color:Link Hover" content="#eae3eb"/>
  21.  
  22. <meta name="text:link 1" content="link 1" />
  23. <meta name="text:link 1 url" content="/" />
  24. <meta name="text:link 2" content="link 2" />
  25. <meta name="text:link 2 url" content="/" />
  26. <meta name="text:link 3" content="link 3" />
  27. <meta name="text:link 3 url" content="/" />
  28. <meta name="text:link 4" content="link 4" />
  29. <meta name="text:link 4 url" content="/" />
  30. <meta name="text:link 5" content="link 5" />
  31. <meta name="text:link 5 url" content="/" />
  32.  
  33. <style type="text/css">
  34.  
  35. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ededed; }
  36.  
  37. ::-webkit-scrollbar-thumb { background-color: #797979; -webkit-border-radius: 1ex; }
  38.  
  39. @font-face {
  40. font-family: "jennasue";
  41. src: url(http://static.tumblr.com/pfarbl3/5UJm6lqx5/jennasue_2.ttf);
  42. }
  43.  
  44. body {
  45. background-color: {color:Background};
  46. font-family: calibri;
  47. font-size: 11px;
  48. color: {color:Text};
  49. }
  50.  
  51. a {
  52. color: {color:Link};
  53. text-decoration: none;
  54. }
  55.  
  56. a:hover {
  57. color: {color:Link Hover};
  58. }
  59.  
  60. a img {
  61. border: 0px;
  62. }
  63.  
  64. .content {
  65. position: absolute;
  66. top: 10px;
  67. left: 490px;
  68. width: 500px;
  69. padding: 10px;
  70. background-color: none;
  71. }
  72.  
  73. .sidetitle {
  74. font-family: jennasue;
  75. font-size:32px;
  76. text-align: center;
  77. color: {color: title};
  78. text-transform:lowercase;
  79. letter-spacing:2px;
  80. line-height:100%;}
  81.  
  82. .sidebar {
  83. position: fixed;
  84. top: 190px;
  85. left: 200px;
  86. width: 250px;
  87. padding: 10px;
  88. background: none;
  89. }
  90.  
  91. .sidebarimg {
  92. margin-top: -5px;
  93. }
  94.  
  95. .sidelinks {
  96. font-family: calibri;
  97. font-size:11px;
  98. text-align: center;
  99. margin-top: -18px;
  100. color:#d7cdd9;
  101. text-transform:uppercase;
  102. letter-spacing:0px;
  103. line-height:100%;
  104. border-bottom: 1px dotted {color:linkcolor}
  105. }
  106.  
  107. .sidelinks2 {
  108. font-family: calibri;
  109. font-size:11px;
  110. text-align: center;
  111. margin-top: -5px;
  112. color:#d7cdd9;
  113. text-transform:uppercase;
  114. letter-spacing:0px;
  115. line-height:100%;}
  116.  
  117. .sidedescription {
  118. margin-top: -10px
  119. }
  120.  
  121.  
  122. .post img {
  123. display: block;
  124. margin: 0 auto;
  125. }
  126.  
  127. .notesandtags {
  128. padding: 5px;
  129. border-top: 1px dotted #CCCCCC;
  130. margin-bottom: 5px;
  131. margin-top: 5px;
  132. }
  133.  
  134. .tags {
  135. font-size: 10px;
  136. float: right;
  137. text-transform: lowercase;
  138. }
  139.  
  140. .tag {
  141. font-weight: normal;
  142. margin-right: 2px;
  143. font-style: italic;
  144. }
  145.  
  146. .time {
  147. font-size: 10px;
  148. color: #aeaeae;
  149. text-transform: uppercase;
  150. font-weight: bold;
  151. }
  152.  
  153. h3 {
  154. font-size: 20px;
  155. margin: 0px;
  156. }
  157.  
  158. blockquote {
  159. font-size: 11px;
  160. background-color: #EEEEEE;
  161. padding: 3px;
  162. border-left: 5px solid #c8c8c8;
  163. margin: 3px;
  164. }
  165.  
  166. .quote {
  167. font-family: Georgia;
  168. font-size: 18px;
  169. font-style: italic;
  170. color: #a0a0a0;
  171. }
  172.  
  173. .source {
  174. margin-left: 25px;
  175. }
  176.  
  177. .link {
  178. color: {color:link};
  179. padding: 5px;
  180. font-size: 16px;
  181. -moz-border-radius: 5px;
  182. -webkit-border-radius: 5px;
  183. font-weight: normal;
  184. font-style: italic;
  185. }
  186.  
  187. .link:hover {
  188. color: {color:link hover};
  189. }
  190.  
  191. ul.chat {
  192. margin: 0;
  193. padding: 0;
  194. }
  195.  
  196. .chat li {
  197. list-style-type: none;
  198. margin-left: 0px;
  199. padding: 3px;
  200. }
  201.  
  202. .chat li.odd {
  203. background-color: #f9f9f9;
  204. margin-bottom: 1px;
  205. color: #cdcdcd;
  206. }
  207.  
  208. .chat li.even {
  209. background-color: #eeeded;
  210. margin-bottom: 1px;
  211. color: #c5c5c5;
  212. }
  213.  
  214. .label {
  215. font-weight: bold;
  216. }
  217.  
  218. .title {
  219. font-size: 30px;
  220. font-family: Georgia;
  221. letter-spacing: -2px;
  222. color: #FF038A;
  223. }
  224.  
  225. {CustomCSS}
  226. </style>
  227.  
  228. <title>{Title}</title>
  229.  
  230. </head>
  231.  
  232. <body>
  233.  
  234. <div class="content">
  235.  
  236. {block:Posts}
  237.  
  238.  
  239. {block:Text}
  240. <div class="post">
  241. {block:Title}
  242. <h3><a href="{Permalink}">{Title}</a></h3>
  243. {/block:Title}
  244. {Body}
  245. </div>
  246. {/block:Text}
  247.  
  248. {block:Photo}
  249. <div class="post">
  250. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  251. {block:Caption}
  252. <div class="caption">{Caption}</div>
  253. {/block:Caption}
  254. </div>
  255. {/block:Photo}
  256.  
  257. {block:Photoset}
  258. <div class="post">
  259. <center>{Photoset-500}</center>
  260. {block:Caption}
  261. <div class="caption">{Caption}</div>
  262. {/block:Caption}
  263. </div>
  264. {/block:Photoset}
  265.  
  266. {block:Quote}
  267. <div class="post">
  268. <span class="quote">"{Quote}"</span>
  269. {block:Source}
  270. <div class="source">– {Source}</div>
  271. {/block:Source}
  272. </div>
  273. {/block:Quote}
  274.  
  275. {block:Link}
  276. <div class="post">
  277. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  278. {block:Description}
  279. <div class="description">{Description}</div>
  280. {/block:Description}
  281. </div>
  282. {/block:Link}
  283.  
  284. {block:Chat}
  285. <div class="post">
  286. {block:Title}
  287. <h3><a href="{Permalink}">{Title}</a></h3>
  288. {/block:Title}
  289. <ul class="chat">
  290. {block:Lines}
  291. <li class="{Alt} user_{UserNumber}">
  292. {block:Label}
  293. <span class="label">{Label}</span>
  294. {/block:Label}
  295. {Line}
  296. </li>
  297. {/block:Lines}
  298. </ul>
  299. </div>
  300. {/block:Chat}
  301.  
  302. {block:Video}
  303. <div class="post">
  304. <center>{Video-500}</center>
  305. {block:Caption}
  306. <div class="caption">{Caption}</div>
  307. {/block:Caption}
  308. </div>
  309. {/block:Video}
  310.  
  311. {block:Audio}
  312. <div class="post">
  313. {AudioPlayerBlack}
  314. {block:Caption}
  315. <div class="caption">{Caption}</div>
  316. {/block:Caption}
  317. </div>
  318. {/block:Audio}
  319.  
  320. <div class="notesandtags">
  321. <div class="time">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  322. <div class="tags">{block:Tags}#<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {block:NoteCount}{NoteCount} <font color={color:text}>notes</font>{/block:NoteCount}</div>
  323. </div></div>
  324. {/block:Posts}
  325.  
  326. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  327.  
  328. </div></div>
  329.  
  330. <div class="sidebar">
  331.  
  332. <div class="sidetitle">{Title}</div>
  333.  
  334. <p align="center">
  335. <div class="sidelinks"><a href='/'>HOME</a> · <a href="/ask">ASKBOX</a> · <a href="http://ladystrade.tumblr.com">THEME</a></div>
  336.  
  337. <p align="center"><div class='sidebarimg'><img src="{image:Sidebar}"></div>
  338.  
  339. <p align="center">
  340. <div class="sidelinks2"><a href='{text:link 1 url}'>{text:link 1}</a> · <a href='{text:link 2 url}'>{text:link 2}</a> · <a href='{text:link 3 url}'>{text:link 3}</a> · <a href='{text:link 4 url}'>{text:link 4}</a> · <a href='{text:link 5 url}'>{text:link 5}</a></div>
  341.  
  342. <div class="sidedescription">{block:Description}<p>{Description}{/block:Description}</div>
  343.  
  344. <p align="center">
  345.  
  346. {block:Pagination}
  347. {block:PreviousPage}
  348. <a href="{PreviousPage}"> << </a>
  349. {/block:PreviousPage}
  350.  
  351. {block:JumpPagination length="5"}
  352. {block:CurrentPage}
  353. <span class="current_page">{PageNumber}</span>
  354. {/block:CurrentPage}
  355.  
  356. {block:JumpPage}
  357. <a class="jump_page" href="{URL}">{PageNumber}</a>
  358. {/block:JumpPage}
  359. {/block:JumpPagination}
  360.  
  361. {block:NextPage}
  362. <a href="{NextPage}"> >> </a>
  363. {/block:NextPage}
  364. {/block:Pagination}
  365.  
  366. </div>
  367.  
  368. </body>
  369. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement