API tools faq
paste
Advertisement
Guest User

Theme #1 by iz0mbie

a guest
Apr 19th, 2012
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.87 KB | None | 0 0
raw download clone embed print report
  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.  
  5. <head>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13.  
  14. <meta name="color:Background" content ="#0182ac"/>
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:Header" content=""/>
  17. <meta name="font:Text" content="Helvetica"/>
  18. <meta name="color:Text" content="#333333"/>
  19. <meta name="color:Link" content="#2EB3FE"/>
  20. <meta name="color:Link Hover" content="#006c87"/>
  21. <meta name="color:Header" content="#0182ac"/>
  22. <meta name="color:Border" content="#131313"/>
  23. <meta name="color:Content" content="#ffffff"/>
  24.  
  25.  
  26.  
  27. <!-- CSS Styles -->
  28.  
  29. <style type="text/css">
  30.  
  31. body {
  32. background-color: {color:Background};
  33. background-image: {image:Background};
  34. font-family: {font:Text};
  35. font-size: 12px;
  36. color: {color:Text};
  37. }
  38.  
  39. a {
  40. color: {color:Link};
  41. font-weight: bold;
  42. text-decoration: none;
  43. }
  44.  
  45. a:hover {
  46. color: {color:Link Hover};
  47. }
  48.  
  49. a img {
  50. border: 0px;
  51. }
  52.  
  53. a.install {
  54. width: 96px;
  55. height: 20px;
  56. background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  57. display: block;
  58. position: absolute;
  59. top: 26px;
  60. right: 3px;
  61. }
  62.  
  63.  
  64. .container {
  65. position: relative;
  66. margin-left: auto;
  67. margin-right: auto;
  68. width: 700px;
  69. }
  70.  
  71. .content {
  72. position: relative;
  73. top: -20px;
  74. width: 550px;
  75. padding: 10px;
  76. background-color: {color:Content};
  77. border: 7px solid {color:Border};
  78. -moz-border-radius: 5px;
  79. -webkit-border-radius: 5px;
  80. }
  81.  
  82. .sidebar {
  83. position: absolute;
  84. left: 577px;
  85. top: 25px;
  86. width: 155px;
  87. padding: 10px;
  88. background-color: {color:Content};
  89. border: 7px solid {color:Border};
  90. -moz-border-radius: 5px;
  91. -webkit-border-radius: 5px;
  92. }
  93.  
  94. .post img {
  95. display: block;
  96. margin: 0 auto;
  97. }
  98.  
  99. .notesandtags {
  100. padding: 5px;
  101. border-top: 1px solid #777777;
  102. margin-bottom: 30px;
  103. margin-top: 5px;
  104. }
  105.  
  106. .tags {
  107. font-size: 10px;
  108. float: left;
  109. text-transform: lowercase;
  110. }
  111.  
  112. .tag {
  113. font-weight: normal;
  114. margin-right: 2px;
  115. font-style: italic;
  116. }
  117.  
  118. .time {
  119. font-size: 10px;
  120. color: #666;
  121. text-transform: lowercase;
  122. font-weight: bold;
  123. }
  124.  
  125. h3 {
  126. font-size: 20px;
  127. margin: 0px;
  128. }
  129.  
  130. blockquote {
  131. font-size: 11px;
  132. background-color: #EEEEEE;
  133. padding: 5px;
  134. border-left: 5px solid #000000;
  135. margin: 5px;
  136. }
  137.  
  138. .quote {
  139. font-family: Georgia;
  140. font-size: 18px;
  141. font-style: italic;
  142. color: #777777;
  143. }
  144.  
  145. .source {
  146. margin-left: 25px;
  147. }
  148.  
  149. .link {
  150. background-color: #0182ac;
  151. color: white;
  152. padding: 5px;
  153. font-size: 16px;
  154. -moz-border-radius: 5px;
  155. -webkit-border-radius: 5px;
  156. font-weight: normal;
  157. font-style: italic;
  158. }
  159.  
  160. .link:hover {
  161. background-color: #006c87;
  162. color: #222222;
  163. }
  164.  
  165. ul.chat {
  166. margin: 0;
  167. padding: 0;
  168. }
  169.  
  170. .chat li {
  171. list-style-type: none;
  172. margin-left: 0px;
  173. padding: 3px;
  174. }
  175.  
  176. .chat li.odd {
  177. background-color: #CCCCCC;
  178. margin-bottom: 1px;
  179. color: #222222;
  180. }
  181.  
  182. .chat li.even {
  183. background-color: #222222;
  184. margin-bottom: 1px;
  185. color: #CCCCCC;
  186. }
  187.  
  188. .label {
  189. font-weight: bold;
  190. }
  191.  
  192. .title {
  193. margin-left: 10px;
  194. margin-bottom: 10px;
  195. font-size: 20px;
  196. font-family: Georgia;
  197. letter-spacing: -2px;
  198. color: #00c6ff;
  199. }
  200.  
  201. .header {
  202. margin-top: 10px;
  203. margin-bottom: 20px;
  204. padding-bottom: 20px;
  205. border-bottom: 2px dashed #777777;
  206. }
  207.  
  208.  
  209. .sidebar ul {
  210. margin-left: -10px;
  211. list-style-type: square;
  212. font-size: 14px;
  213. }
  214.  
  215. {CustomCSS}
  216. </style>
  217.  
  218. </head>
  219.  
  220. <body>
  221.  
  222.  
  223.  
  224. <!-- Start HTML -->
  225.  
  226. <div class="container">
  227. <div class="content">
  228.  
  229. <!-- Header Image -->
  230.  
  231. {block:IfHeaderImage}<a href="/"><img class="header" src="{image:Header}"/></a>{/block:IfHeaderImage}
  232. {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}
  233.  
  234.  
  235. <!-- Different Types of Posts/Main Content -->
  236.  
  237. {block:Posts}
  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} →</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}{/block:NoteCount}</div>
  323. </div>
  324. </div>
  325.  
  326. {/block:Posts}
  327.  
  328. <!-- Navigation -->
  329.  
  330. <center>
  331. {block:Pagination}
  332. <hr>
  333. {block:PreviousPage}
  334. <a href="{PreviousPage}">< Previous</a>
  335. {/block:PreviousPage}
  336.  
  337. {block:JumpPagination length="5"}
  338. {block:CurrentPage}
  339. <span class="current_page">{PageNumber}</span>
  340. {/block:CurrentPage}
  341.  
  342. {block:JumpPage}
  343. <a class="jump_page" href="{URL}">{PageNumber}</a>
  344. {/block:JumpPage}
  345. {/block:JumpPagination}
  346.  
  347. {block:NextPage}
  348. <a href="{NextPage}">Next ></a>
  349. {/block:NextPage}
  350. {/block:Pagination}
  351.  
  352. </center>
  353.  
  354. </div>
  355.  
  356.  
  357.  
  358. <!-- Start Sidebar -->
  359.  
  360.  
  361. <div class="sidebar">
  362.  
  363.  
  364. <!-- Title -->
  365.  
  366. <div class="title">{Title}</div>
  367.  
  368. <center><img src="{PortraitURL-128}"></center>
  369.  
  370.  
  371. <!-- Pages -->
  372.  
  373. <ul>
  374. <li>{block:AskEnabled}<a href="/ask">{AskLabel}</a> {/block:AskEnabled} </li>
  375. <li><a href="TWITTERLINK">Twitter</a> </li>
  376. <li><a href="/submit">Submit</a> </li>
  377. <li><a href="/archive">Archive</a> </li>
  378. </ul>
  379.  
  380.  
  381. <!-- Description -->
  382.  
  383. <center>
  384. {block:Description}<p>{Description}{/block:Description}
  385.  
  386.  
  387. <!-- Navigation -->
  388.  
  389. {block:Pagination}
  390. <hr>
  391. {block:PreviousPage}
  392. <a href="{PreviousPage}">< Previous</a>
  393. {/block:PreviousPage}
  394.  
  395. {block:JumpPagination length="5"}
  396. {block:CurrentPage}
  397. <span class="current_page">{PageNumber}</span>
  398. {/block:CurrentPage}
  399.  
  400. {block:JumpPage}
  401. <a class="jump_page" href="{URL}">{PageNumber}</a>
  402. {/block:JumpPage}
  403. {/block:JumpPagination}
  404.  
  405. {block:NextPage}
  406. <a href="{NextPage}">Next ></a>
  407. {/block:NextPage}
  408. {/block:Pagination}
  409.  
  410. </center>
  411.  
  412.  
  413. </div>
  414. <div id="top">
  415. <a href="http://iz0mbie.tumblr.com/" target="new">THEME</a>&nbsp;&nbsp;<i>by</i>&nbsp;&nbsp;<a href="http://iz0mbie.tumblr.com/" target="new">iz0mbie</a>
  416. </div>
  417. </body>
  418. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!