API tools faq
paste
Advertisement
zoxella

Theme 01 - Simplicity

zoxella
Jan 11th, 2014
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.06 KB | None | 0 0
raw download clone embed print report
  1. <!------------- theme made by @zoxella for personal use -------------->
  2. <!--- ✿ Do not remove credit
  3. ✿ Do not claim as your own
  4. ✿ Do not redistribute as your own
  5. ✿ Do not use as a base to make other themes
  6. ✿ Enjoy using my theme xx -------------------------------------->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#b7b7b7"/>
  24. <meta name="color:Link" content="#b7b7b7"/>
  25. <meta name="color:Link Hover" content="#cccccc"/>
  26. <meta name="color:Borders" content="#f8f8f8"/>
  27. <meta name="color:Scrollbar Thumb" content="#b7b7b7"/>
  28. <meta name="color:Scrollbar Track" content="#ffffff"/>
  29. <meta name="color:Sidelinks" content="#DBA9C0"/>
  30. <meta name="color:Sidelinks Hover" content="#dba9c0"/>
  31.  
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Background" content=""/>
  34.  
  35. <meta name="if:Small Cursor" content="1"/>
  36. <meta name="if:Coloured Scrollbar" content="0"/>
  37.  
  38. <meta name="text:Link 1 Title" content="Link 1"/>
  39. <meta name="text:Link 1 URL" content="/"/>
  40. <meta name="text:Link 2 Title" content="Link 2"/>
  41. <meta name="text:Link 2 URL" content="/"/>
  42. <meta name="text:Link 3 Title" content="Link 3"/>
  43. <meta name="text:Link 3 URL" content="/"/>
  44. <meta name="text:Link 4 Title" content="Link 4"/>
  45. <meta name="text:Link 4 URL" content="/"/>
  46. <meta name="text:Sidebar Margin Top" content="80"/>
  47.  
  48. <style type="text/css">
  49.  
  50. /* basics */
  51.  
  52.  
  53. {block:IfSmallCursor}
  54. body{background-image:url('{image:Background}');
  55. background-attachment: fixed;
  56. background-repeat: repeat;
  57. background-color: {color:Background};
  58. margin-left:0px;
  59. margin-top:0px;
  60. color:{color:Text};
  61. font-family:arial;
  62. font-size:9px;
  63. line-height:100%;
  64. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  65.  
  66. a{text-decoration:none;
  67. color:{color:Link};
  68. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  69.  
  70. a:hover {color:{color:Link Hover};
  71. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  72. {block:IfSmallCursor}
  73.  
  74. {block:IfNotSmallCursor}
  75. body{background-image:url('{image:Background}');
  76. background-attachment: fixed;
  77. background-repeat: repeat;
  78. background-color: {color:Background};
  79. margin-left:0px;
  80. margin-top:0px;
  81. color:{color:Text};
  82. font-family:arial;
  83. font-size:9px;
  84. line-height:100%;}
  85.  
  86. a{text-decoration:none;
  87. color:{color:Link};}
  88.  
  89. a:hover {color:{color:Link Hover};}
  90. {block:IfNotSmallCursor}
  91.  
  92. img{border:none;}
  93.  
  94. blockquote{padding-left:5px;
  95. border-left:2px solid {color:Borders};
  96. width: 500px;}
  97.  
  98. /* entries */
  99.  
  100. #postmargin{
  101. margin-left:500px;
  102. padding-top:30px;
  103. margin-bottom: 10px;
  104. width: 500px;}
  105.  
  106. .posts{width: 500px;
  107. word-wrap:break-word;
  108. padding:10px;
  109. margin-top:10px;
  110. background-color:{color:Background};}
  111.  
  112. .posts img{max-width:100%;}
  113.  
  114. .posts iframe{max-width:100%;}
  115.  
  116. #ptitle {background-color: {color:Borders};
  117. font-size: 8px;
  118. text-transform: uppercase;
  119. padding: 15px;
  120. text-align: center;
  121. letter-spacing: 1px;}
  122.  
  123. #info{width:488px;
  124. margin-top:7px;
  125. padding-bottom:10px;
  126. font-size: 8px;
  127. letter-spacing: 1px;
  128. height:auto;
  129. text-align:left;
  130. background-color:{color:Background};
  131. text-transform: uppercase;
  132. padding: 5px;
  133. border-top: 1px solid #f8f8f8;}
  134.  
  135. #postnotes li {
  136. list-style-type: none;
  137. border-bottom: 1px solid {color:Borders};
  138. text-align: left;
  139. padding: 8px;
  140. margin-left: -35px;}
  141.  
  142. /* sidebar */
  143.  
  144. #sidebar {width: 200px;
  145. position: fixed;
  146. margin-left: 240px;
  147. margin-top: {text:Sidebar Margin Top}px;
  148. background-color: {color:Background};}
  149.  
  150. #sidebarimage img {max-width: 200px;
  151. height: auto;}
  152.  
  153. #sidelinks {font-size: 9px;
  154. text-transform: lowercase;
  155. letter-spacing: 1px;
  156. text-align: center;
  157. margin-top: 8px;
  158. border-top: 1px solid {color:Borders};
  159. padding: 8px;}
  160. #sidelinks a{color: {color:Sidelinks};}
  161. #sidelinks a:hover {color: {color:Sidelinks Hover};
  162. text-decoration: underline;}
  163.  
  164. #description {text-align: center;
  165. border-bottom: 1px solid {color:Borders};
  166. padding: 8px;
  167. margin-top: -13px;}
  168.  
  169. #pagination {text-align: center;
  170. font-size: 9px;}
  171.  
  172. /* other */
  173.  
  174. #themage {right: -1px; bottom: -1px;
  175. text-transform: uppercase;
  176. letter-spacing: 1px;
  177. font-size: 8px;
  178. position: fixed;
  179. padding: 5px;}
  180.  
  181. {block:IfColouredScrollbar}
  182. ::-webkit-scrollbar{height: 10px;
  183. width: 5px;}
  184. ::-webkit-scrollbar-thumb{background-color:{color:Scrollbar Thumb};}
  185. ::-webkit-scrollbar-track{background-color:{color:Scrollbar Track};}
  186. {/block:IfColouredScrollbar}
  187.  
  188. {CustomCSS}</style></head><body>
  189.  
  190. <div id="sidebar">
  191. <div id="sidebarimage">
  192. <img src="{image:Sidebar}"></div>
  193. <div id="sidelinks">
  194. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  195. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  196. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  197. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  198.  
  199. </div><br>
  200. <div id="description">
  201. {Description}
  202. </div><br>
  203. <div id="pagination">
  204. {block:Pagination}
  205. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  206. {block:JumpPagination length="5"}{block:CurrentPage}
  207. <span class="current_page">{PageNumber}</span>
  208. {/block:CurrentPage}
  209. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  210. {/block:JumpPagination}
  211. {block:NextPage}<a href="{NextPage}">+</a> {/block:NextPage}
  212. {/block:Pagination}
  213. </div>
  214. </div>
  215.  
  216. <div id="postmargin">{block:Posts}<div class="posts">
  217.  
  218. <div style="width:500px;">
  219. {block:Text}
  220. {block:Title}<div id="ptitle">{Title}</div>{/block:Title}
  221. {Body}
  222. {/block:Text}</div>
  223.  
  224. {block:Photo}
  225. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  226. {block:Caption}{Caption}{/block:Caption}
  227. {/block:Photo}
  228.  
  229. {block:Photoset}
  230. {Photoset-500}
  231. {block:Caption}{Caption}{/block:Caption}
  232. {/block:Photoset}
  233.  
  234. {block:Quote}
  235. <div id=ptitle>
  236. "{Quote}"
  237. </div>
  238. {block:Source} —{Source}{/block:Source}
  239. {/block:Quote}
  240.  
  241. {block:Link}
  242. <div id="ptitle">
  243. <a href="{URL}" {Target}>{Name}</a>
  244. </div>
  245. {block:Description}{Description}{/block:Description}
  246. {/block:Link}
  247.  
  248. {block:Chat}
  249. {block:Title}<t>{Title}</t>{/block:Title}
  250. {block:Lines}
  251. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  252. {/block:Lines}
  253. {/block:Chat}
  254.  
  255. {block:Audio}
  256. {AudioPlayerWhite}
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Audio}
  259.  
  260. {block:Video}
  261. {Video-500}
  262. {block:Caption}{Caption}{/block:Caption}
  263. {/block:Video}
  264.  
  265. {block:Answer}
  266. <div id="ptitle">
  267. <div style="text-transform:lowercase; letter-spacing:0px; font-size:9px;"><b>{Asker}</b>: {Question}</div></div><br>{Answer}
  268. {/block:Answer}
  269.  
  270. <div id="info">
  271.  
  272. {block:Date}
  273. <a href="{Permalink}">{TimeAgo}</a> <font style="font-family:arial;color:{color:Sidelinks};">♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
  274. {/block:Date}
  275.  
  276. <div style="text-transform:uppercase;float:right">
  277. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  278. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  279. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  280. {/block:SourceLogo}
  281. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  282. {/block:ContentSource}
  283. {block:ContentSource} / <a href="{ContentSource}">source</a>{/block:ContentSource}</div>
  284.  
  285. {block:HasTags}<div style="margin-top:3px;text-transform:lowercase;font-size:9px;">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp{/block:Tags}</div>{/block:HasTags}
  286.  
  287. {block:PermalinkPage}
  288. <div id="postnotes">
  289. {block:PostNotes}{PostNotes}{/block:PostNotes}
  290. </div>
  291. {/block:PermalinkPage}
  292.  
  293. </div>
  294.  
  295. </div>{/block:Posts}</div>
  296.  
  297. <!------------------ keep the credit intact please ♥ ------------------->
  298.  
  299. <div id="themage"><a href="http://zoxella.tumblr.com">theme</a></div>
  300.  
  301. </body></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!