Advertisement
Guest User

Lavendel Theme

a guest
Feb 27th, 2012
1,421
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.50 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. T H E M E L A V E N D E L B Y
  7. C I A R A B E L L A . T U M B L R . C O M
  8.  
  9. NOTE: EDITING THIS THEME A BIT OR A LOT IS ABSOLUTELY
  10. ALLOWED, BUT CREDIT MUST ALWAYS CONTAIN WITHOUT EXCEPTIONS.
  11.  
  12. -->
  13.  
  14.  
  15. <html lang="en"><head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  17.  
  18. <!-- CHANGING THE COLORS -->
  19. <meta name="color:background" content="#FAF3F3"/>
  20. <meta name="color:border" content="#F0E5E5" />
  21. <meta name="color:nav border" content="#DFC0C0" />
  22. <meta name="color:bars" content="#F8EEEE" />
  23. <meta name="color:text" content="#A08888"/>
  24. <meta name="color:title" content="#D1B1B1"/>
  25. <meta name="color:link" content="#D1B1B1"/>
  26. <meta name="color:hover" content="#FFFFFF"/>
  27.  
  28. <!-- CHANGING THE FONTS -->
  29. <meta name="font:title" content="georgia" />
  30. <meta name="font:body" content="georgia" />
  31.  
  32. <!-- CHANGING THE IMAGES -->
  33. <meta name="image:background" content=""/>
  34. <meta name="image:side" content=""/>
  35.  
  36. <!-- CHANGING THE SIZES IN PX -->
  37. <meta name="text:font size" content="9px"/>
  38. <meta name="text:line height" content="11px"/>
  39.  
  40. <!-- IF SHOW BOXES -->
  41. <meta name="if:show autopager" content="0">
  42. <meta name="if:show simple navigation" content="0">
  43. <meta name="if:show side image" content="0">
  44. <meta name="if:show border around side image" content="1">
  45. <meta name="if:show title" content="1">
  46. <meta name="if:show archive" content="1">
  47. <meta name="if:show dotted border" content="1">
  48. <meta name="if:show random" content="1">
  49. <meta name="if:show rss" content="1">
  50. <meta name="if:show permalink bars" content="1">
  51.  
  52. <title>{Title}</title>
  53.  
  54. {block:ifshowautopager}
  55. <!-- INFINITE SCROLL CODES -->
  56. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  57. {/block:ifshowautopager}
  58.  
  59. <!-- TO TOP BUTTON FROM THEAMAZINGTUTORIALS.TUMBLR.COM // ARROW PICTURE BY CIARABELLA -->
  60. <style type="text/css">
  61. #toTop{
  62. position:fixed;
  63. bottom:10px;
  64. right:10px;
  65. cursor:pointer;
  66. background:url(http://static.tumblr.com/c9aohtu/I09lqc774/arrow_by_ciarabella.png) no-repeat;
  67. text-indent:-9999px;
  68. width:30px;
  69. height:30px;
  70. opacity: 0.4;
  71. }
  72. </style>
  73.  
  74. <style type="text/css"> {CustomCSS}
  75.  
  76. body{
  77. background: {color:Background} url({image:Background}) fixed repeat center;
  78. color:{color:text};
  79. font-family: {font:body};
  80. font-size: {text:font size};
  81. margin:0px;
  82. line-height: {text:line height};}
  83.  
  84. p {margin:0px; margin-top:6px;}
  85.  
  86. a img{border: 0px;}
  87. a img:hover{opacity: 0.7;}
  88.  
  89. a:active, a:link, a:visited{color:{color:Link}; text-decoration:none;}
  90. a:hover{color:{color:hover}; text-decoration:none;}
  91.  
  92. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  93.  
  94. .user_1 .label,
  95. .user_2 .label,
  96. .user_3 .label,
  97. .user_4 .label,
  98. .user_5 .label,
  99. .user_6 .label,
  100. .user_7 .label,
  101. .user_8 .label,
  102. .user_9 .label {color:{color:text};}
  103.  
  104. #postnotes{text-align: justify;}
  105. #postnotes blockquote{}
  106. .notes img{position:relative; width:10px; top:2px;}
  107.  
  108. div#ciarabella_side{
  109. padding: 10px; height:100%; background: #fff; float:left;
  110. position:fixed; margin-right:530px; width:210px;
  111. {block:ifshowdottedborder}border-right:1px dotted {color:nav border};
  112. {/block:ifshowdottedborder}}
  113.  
  114. div#ciarabella_centrum{
  115. width:750px; overflow:hidden;
  116. margin:auto; position:relative;}
  117.  
  118. div#ciarabella_part{
  119. width:500px; float:right; padding:10px;
  120. margin-bottom:0px; background: #ffffff;}
  121.  
  122. div#ciarabella_box{
  123. width:500px; padding:0px; margin-bottom:0px;
  124. -moz-border-radius:5px; -webkit-border-radius:5px;}
  125.  
  126. div#ciarabella_bars{
  127. display:block; font-family:{font:body}; padding:4px; letter-spacing:2px;
  128. border:1px solid {color:border}; font-size:10px; text-align:center;
  129. margin-top:5px; margin-bottom:5px; background:{color:bars};}
  130.  
  131. div#ciarabella_bars a:link{
  132. color:{color:text};}
  133.  
  134. div#ciarabella_bars a:hover{
  135. color:{color:bars};}
  136.  
  137. div#ciarabella_navigate a{
  138. width:200px; background:{color:bars}; display:block;
  139. text-align:right; float:left; padding:3px; margin-bottom:2px;
  140. margin-right:4px; position:relative; z-index:1;
  141. letter-spacing:2px; border-left:5px solid {color:nav border};}
  142.  
  143. div#ciarabella_navigate a:hover{
  144. width:80%; color:{color:bars}; display:block; padding:3px 0; z-index:2; }
  145.  
  146. .ciarabella_infinitescrolling{
  147. width:100px; height:20px; display:block; padding:3px 0; z-index:2;
  148. background: url(http://img685.imageshack.us/img685/6946/tumblrautopager.png) no-repeat
  149. top center;position:absolute; top:25px; right:1px;}
  150.  
  151. .ciarabella_titles{
  152. line-height:95%; font-family:{font:title}; font-size:18px; font-weight: italic;
  153. display: block; text-align:left; color:{color:title}; letter-spacing:-1px;}
  154.  
  155. ::-webkit-scrollbar {
  156. width: 14px;
  157. height:auto;
  158. background: #ffffff;
  159. border: 1pt solid {color:border};
  160. border-right: 0px;}
  161.  
  162. ::-webkit-scrollbar-corner {
  163. background: {color:bars};
  164. border-right: 0px;}
  165.  
  166. ::-webkit-scrollbar-button:vertical {
  167. height: 7px;
  168. display: block;
  169. background: {color:bars};
  170. border: 1pt solid {color:border};
  171. border-top: 0px;
  172. border-bottom: 0px;
  173. border-right: 0px;}
  174.  
  175. ::-webkit-scrollbar-button:horizontal {
  176. width: 7px; display: block; background: {color:bars};}
  177.  
  178. ::-webkit-scrollbar-thumb:vertical {
  179. background:#fff);
  180. border: 1px solid {color:border};
  181. border-right: 0px;}
  182.  
  183. ::-webkit-scrollbar-thumb:horizontal {background: #f2f2f2; border: 1px solid {color:border};
  184. border-bottom;}
  185.  
  186. ::-webkit-scrollbar-thumb {
  187. background: {color:bars};
  188. border-top: 1pt solid {color:border};}
  189.  
  190. ::-webkit-scrollbar-thumb:hover {
  191. background: {color:bars};
  192. cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur";);}
  193.  
  194. ::-webkit-scrollbar-track-piece {
  195. background: #ffffff; border-top: 1pt solid {color:border};
  196. border-bottom: 1pt solid {color:border};}
  197.  
  198. </style>
  199. <link rel="shortcut icon" href="{Favicon}">
  200. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  201. <meta name="viewport" content="width=320" />
  202. {block:Description}
  203. <meta name="description" content="{MetaDescription}" />
  204. {/block:Description}
  205. </head>
  206.  
  207.  
  208. <body>
  209. <a class="ciarabella_infinitescrolling" href="http://ciarabella.tumblr.com"></a>
  210. <div id="ciarabella_centrum">
  211. <div id="ciarabella_side">
  212.  
  213. {block:ifnotshowsideimage}
  214. <a href="/"><img src="{PortraitURL-128}" {block:ifshowborderaroundsideimage}width="80"{/block:ifshowborderaroundsideimage} {block:ifnotshowborderaroundsideimage}width="85"{block:ifnotshowborderaroundsideimage} style="margin-right:5px; float:left; {block:ifshowborderaroundsideimage} border:1px solid {color:border}; padding:3px; {/block:ifshowborderaroundsideimage} background:{color:bars}; margin-top:2px;"/></a>
  215. {/block:ifnotshowsideimage}
  216.  
  217. {block:ifshowsideimage}
  218. <center><a href="/"><img src="{image:side}" {block:ifshowborderaroundsideimage}width="200"{/block:ifshowborderaroundsideimage} {block:ifnotshowborderaroundsideimage}width="210"{block:ifnotshowborderaroundsideimage} style="margin-bottom:5px; float:left; {block:ifshowborderaroundsideimage} border:1px solid {color:border}; padding:4px; {/block:ifshowborderaroundsideimage} background:{color:bars};"/></a></center>
  219. {/block:ifshowsideimage}
  220.  
  221. {block:ifshowtitle}
  222. <span class="ciarabella_titles"><a href="/"><i>{Title}</i></a></span>
  223. {/block:ifshowtitle}
  224.  
  225. {Description}
  226.  
  227. <BR><BR>
  228.  
  229. {block:ifshowsimplenavigation}
  230. <a href="/">homepage</a>
  231. {block:ifshowarchive}// <a href="/archive">archives</a>{/block:ifshowarchive}
  232. {block:ifshowrandom}// <a href="/random">random post</a>{/block:ifshowrandom}
  233. {block:ifshowrss}/ <a href="{RSS}">RSS</a>{/block:ifshowrss}
  234. <a href="/ask">// message</a>
  235. {block:SubmissionsEnabled}// <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  236. {block:HasPages}{block:Pages}// <a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
  237. // <a href="http://ciarabella.tumblr.com">theme</a>
  238. {/block:ifshowsimplenavigation}
  239.  
  240. {block:ifnotshowsimplenavigation}
  241. <div id="ciarabella_navigate">
  242. <a href="/">homepage</a>
  243. {block:ifshowarchive}<a href="/archive">archives</a>{/block:ifshowarchive}
  244. {block:ifshowrandom}<a href="/random">random post</a>{/block:ifshowrandom}
  245. {block:ifshowrss}<a href="{RSS}">RSS</a>{/block:ifshowrss}
  246. <a href="/ask">message</a>
  247. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  248. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}
  249. <a href="http://ciarabella.tumblr.com">theme</a>
  250. </div>
  251. {/block:ifnotshowsimplenavigation}
  252.  
  253. {block:ifnotshowautopager}
  254. <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
  255. <center>
  256. {block:NextPage}<a href="{NextPage}">« older posts</a>{/block:NextPage}
  257. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/c9aohtu/bzllq9pt5/tiny_heart.jpg" border="none" style="margin-bottom:-1px;"/> newer posts »</a>{/block:PreviousPage}
  258. {block:PermalinkPagination}
  259. {block:NextPost}<a href="{NextPost}">« older post</a>{/block:NextPost}
  260. {block:PreviousPost} <a href="{PreviousPost}"><img src="http://static.tumblr.com/c9aohtu/bzllq9pt5/tiny_heart.jpg" border="none" style="margin-bottom:-1px;"/> newer post »</a>{/block:PreviousPost}
  261. {/block:PermalinkPagination}
  262. </center>
  263. {/block:ifnotshowautopager}
  264. </div>
  265.  
  266.  
  267.  
  268. <div id="ciarabella_part">
  269. {block:ifshowautopager}<div class="autopagerize_page_element">{/block:ifshowautopager}
  270.  
  271. {block:Posts}
  272. <div id="ciarabella_box">
  273. {block:Text}
  274. {block:Title}<span class="ciarabella_titles"><i>{Title}</i></span>{/block:Title}
  275. <span class="entrytext">{Body}</span>
  276. {/block:Text}
  277.  
  278. {block:Photo}
  279. {block:indexpage}
  280. {LinkOpenTag}<a href="{Permalink}" target="_blank"/>
  281. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="margin-bottom:-5px;"></a>
  282. {LinkCloseTag}
  283. {/block:indexpage}
  284. {block:permalinkpage}
  285. {LinkOpenTag}
  286. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="margin-bottom:-5px;">
  287. {LinkCloseTag}
  288. {/block:permalinkpage}
  289. {block:Caption}{Caption}{/block:Caption}
  290. {/block:Photo}
  291.  
  292. {block:Link}
  293. <a href="{URL}" class="ciarabella_titles"><i>{Name}</i></a>
  294. {block:Description}{Description}{/block:Description}
  295. {block:Link}
  296.  
  297. {block:Quote}
  298. <span class="ciarabella_titles"><i>{Quote}</i></span>
  299. {block:Source}{Source}{/block:Source}
  300. {/block:Quote}
  301.  
  302. {block:Chat}
  303. {block:Title}<span class="titles"><i>{Title}</i></span>{/block:Title}
  304. <ul class="chat">
  305. {block:Lines}
  306. <li class="user_{UserNumber}">
  307. {block:Label}
  308. <span class="label">{Label}</span>
  309. {/block:Label}
  310.  
  311. {Line}
  312. </li>
  313. {/block:Lines}
  314. </ul>
  315. {/block:Chat}
  316.  
  317. {block:Audio}
  318. <centeR><div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div
  319.  
  320. style="margin-top:8px; float:right;">
  321. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  322.  
  323. </div></div></centeR><BR>
  324. {block:Caption}{Caption}{/block:Caption}
  325. {/block:Audio}
  326.  
  327. {block:Video}<center>
  328. {Video-500}<BR>
  329. {block:Caption}{Caption}{/block:Caption}</center>
  330. {block:Video}
  331.  
  332. </div>
  333.  
  334. {block:ifshowpermalinkbars}
  335. <div id="ciarabella_bars"><a href="{Permalink}" target=_blank"/>
  336. {block:Date}posted on {DayOfMonthWithZero}/{MonthNumber}/{Year}{/block:Date}</a> <a href="{Permalink}" target=_blank"/>{block:NoteCount}<img src="http://static.tumblr.com/c9aohtu/bzllq9pt5/tiny_heart.jpg" border="none" style="margin-bottom:-1px;"/> {NoteCountWithLabel}{/block:NoteCount}</a> <img src="http://static.tumblr.com/c9aohtu/bzllq9pt5/tiny_heart.jpg" border="none" style="margin-bottom:-1px;"/> <a href="{ReblogURL}" target=_blank"/>reblog this</a>
  337. </div>
  338. {/block:ifshowpermalinkbars}
  339.  
  340. {block:PostNotes}
  341. {block:date}<b>date:</b> {month}, the {dayofmonth}{dayofmonthsuffix} in {year}.<br>{/block:date}
  342. {block:RebloggedFrom}
  343. <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>.<br>
  344. <b>originally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>.<br>
  345. {/block:RebloggedFrom}
  346. {block:NoteCount}<b>total notes:</b> {NoteCountWithLabel}.<br>{/block:NoteCount}
  347. {block:HasTags}<b>tags:</b> {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>{/block:HasTags}
  348.  
  349. <br>
  350.  
  351. <div id="postnotes">{PostNotes}</div>
  352.  
  353. <div align="right">
  354. {block:ContentSource}<br>
  355. <a href="{SourceURL}">
  356. <b>source:</b>
  357. {block:SourceLogo}
  358. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  359. {/block:SourceLogo}
  360.  
  361. {block:NoSourceLogo}
  362. {SourceLink}
  363. {/block:NoSourceLogo}
  364. </a>
  365. <BR>{/block:ContentSource}
  366. </div>
  367. {/block:PostNotes}
  368. {/block:Posts}
  369. {block:ifshowautopager}
  370. </div>
  371. {/block:ifshowautopager}
  372. </div>
  373. </div>
  374.  
  375. <a href="#" id="toTop">^ Scroll to Top </a>
  376.  
  377. </body>
  378. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement