API tools faq
paste
Advertisement
melaniesfantasie

ciarabella amaranthus theme code

melaniesfantasie
Feb 26th, 2012
454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.59 KB | None | 0 0
raw download clone embed print report
  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 A M A R A N T H U S 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 ANY 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="#FAF4F0"/>
  20. <meta name="color:background centrum" content="#FFFFFF"/>
  21. <meta name="color:bars" content="#FDF6F1" />
  22. <meta name="color:bars border" content="#FAECE3" />
  23. <meta name="color:links" content="#CAA798"/>
  24. <meta name="color:scroller" content="#E9DBD5"/>
  25. <meta name="color:scroller border" content="#FFFFFF"/>
  26. <meta name="color:text" content="#AC9380"/>
  27. <meta name="color:text hover" content="#FFFFFF"/>
  28.  
  29. <!-- CHANGING THE FONTS -->
  30. <meta name="font:title" content="georgia" />
  31. <meta name="font:body" content="georgia" />
  32.  
  33. <!-- CHANGING THE IMAGES -->
  34. <meta name="image:background" content="http://static.tumblr.com/c9aohtu/Ibslqdpmb/woodddd.png"/>
  35. <meta name="image:side" content=""/>
  36.  
  37. <!-- CHANGING THE SIZES IN PX -->
  38. <meta name="text:font size" content="9px"/>
  39. <meta name="text:line height" content="11px"/>
  40.  
  41. <!-- IF SHOW BOXES -->
  42. <meta name="if:show autopager" content="0">
  43. <meta name="if:show simple navigation" content="0">
  44. <meta name="if:show side image" content="0">
  45. <meta name="if:show border around side image" content="1">
  46. <meta name="if:show title" content="1">
  47. <meta name="if:show archive" content="1">
  48. <meta name="if:show dotted border" content="1">
  49. <meta name="if:show random" content="1">
  50. <meta name="if:show rss" content="1">
  51. <meta name="if:show permalink bars" content="1">
  52.  
  53. <title>{Title}</title>
  54.  
  55. {block:ifshowautopager}
  56. <!-- INFINITE SCROLL CODES -->
  57. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  58. {/block:ifshowautopager}
  59.  
  60. <!-- TO TOP BUTTON -->
  61. <link href="http://static.tumblr.com/c9aohtu/QPclqdofm/back_to_top.css" media="screen" rel="stylesheet" type="text/css"/>
  62.  
  63. <!-- SCROLLER CODES BY LACETTE.TUMBLR.COM -->
  64.  
  65. <script type="text/javascript">
  66.  
  67. var _gaq = _gaq || [];
  68. _gaq.push(['_setAccount', 'UA-24605286-1']);
  69. _gaq.push(['_trackPageview']);
  70.  
  71. (function() {
  72. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  73. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  74. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  75. })();
  76.  
  77. </script>
  78.  
  79. <style type="text/css"> {CustomCSS}
  80.  
  81. body{
  82. background: {color:Background} url({image:Background}) fixed repeat center;
  83. color:{color:text};
  84. font-family: {font:body};
  85. font-size: {text:font size};
  86. margin:0px;
  87. line-height: {text:line height};}
  88.  
  89. p {margin:0px; margin-top:6px;}
  90.  
  91. a img{border: 0px;}
  92. a img:hover{opacity: 0.7;}
  93.  
  94. a:active, a:link, a:visited{color:{color:links}; text-decoration:none;}
  95. a:hover{color:{color:text hover}; text-decoration:none;}
  96.  
  97. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  98.  
  99. .user_1 .label, .user_3 .label, .user_5 .label, .user_9 .label {
  100. color:{color:links}; font-weight:bold;}
  101.  
  102. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {
  103. color:{color:text}; font-weight:bold;}
  104.  
  105. #postnotes{text-align: justify;}
  106. #postnotes blockquote{}
  107. .notes img{position:relative; width:10px; top:2px;}
  108.  
  109. div#ciarabella_side{
  110. padding: 10px; height:100%; background:{color:background centrum}; float:right;
  111. position:fixed; margin-left:520px; width:280px;
  112. {block:ifshowdottedborder}border-left:1px dotted {color:links};
  113. {/block:ifshowdottedborder}}
  114.  
  115. div#ciarabella_centrum{
  116. width:800px; overflow:hidden;
  117. margin:auto; position:relative;}
  118.  
  119. div#ciarabella_part{
  120. width:500px; float:left; padding:10px;
  121. margin-bottom:0px; background:{color:background centrum};}
  122.  
  123. div#ciarabella_box{
  124. width:500px; padding:0px; margin-bottom:0px;
  125. -moz-border-radius:5px; -webkit-border-radius:5px;}
  126.  
  127. div#ciarabella_bars{
  128. display:block; font-family:{font:body}; padding:4px; letter-spacing:2px;
  129. border:1px solid {color:bars border}; font-size:10px; text-align:center;
  130. margin-top:6px; margin-bottom:8px; background:{color:bars};}
  131.  
  132. div#ciarabella_bars a:link{
  133. color:{color:text};}
  134.  
  135. div#ciarabella_bars a:hover{
  136. color:{color:bars};}
  137.  
  138. div#ciarabella_navigate a{
  139. width:270px; background:{color:bars}; display:block;
  140. text-align:right; float:left; padding:3px; margin-bottom:3px;
  141. margin-right:4px; position:relative; z-index:1;
  142. letter-spacing:2px; border-left:5px solid {color:links};}
  143.  
  144. div#ciarabella_navigate a:hover{
  145. border-right:5px solid {color:links}; color:{color:bars}; display:block;
  146. padding-left:10px; padding:3px 0; z-index:2;}
  147.  
  148. .ciarabella_infinitescrolling{
  149. width:100px; height:20px; display:block; padding:3px 0; z-index:2;
  150. background: url(http://img685.imageshack.us/img685/6946/tumblrautopager.png) no-repeat
  151. top center;position:absolute; top:25px; right:1px;}
  152.  
  153. .ciarabella_titles{
  154. line-height:95%; font-family:{font:title}; font-size:18px; font-weight: italic;
  155. display: block; text-align:left; color:{color:links}; letter-spacing:-1px;}
  156.  
  157. ::-webkit-scrollbar {
  158. width: 15px;
  159. height:auto;
  160. background: #fff;
  161. border: 1pt solid {color:scroller border};
  162. border-right: 0px;}
  163.  
  164. ::-webkit-scrollbar-corner {
  165. background: {color:scroller};
  166. border-right: 0px;}
  167.  
  168. ::-webkit-scrollbar-button:vertical {
  169. height: 7px;
  170. display: block;
  171. background: {color:scroller};
  172. border: 1pt solid {color:scroller border};
  173. border-top: 0px;
  174. border-bottom: 0px;
  175. border-right: 0px;}
  176.  
  177. ::-webkit-scrollbar-button:horizontal {
  178. width:7px; display: block; background:{color:scroller};}
  179.  
  180. ::-webkit-scrollbar-thumb:vertical {
  181. background:{color:scroller}; border-right: 0px;
  182. border: 1px solid {color:scroller border};}
  183.  
  184. ::-webkit-scrollbar-thumb:horizontal {
  185. background:{color:scroller}; border: 1px solid {color:scroller border;}
  186.  
  187. ::-webkit-scrollbar-thumb {
  188. background: {color:scroller};
  189. border-top: 1pt solid {color:scroller border};}
  190.  
  191. ::-webkit-scrollbar-thumb:hover {
  192. background: {color:scroller};}
  193.  
  194. ::-webkit-scrollbar-track-piece {
  195. background: #ffffff; border-top: 1pt solid {color:scroller border};
  196. border-bottom: 1pt solid {color:scroller 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" title="theme Amaranthus by ciarabella" 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:bars 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="270"{/block:ifshowborderaroundsideimage} {block:ifnotshowborderaroundsideimage}width="280"{block:ifnotshowborderaroundsideimage} style="margin-bottom:5px; float:left; {block:ifshowborderaroundsideimage} border:1px solid {color:bars 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. <div style="min-height:75px; margin-bottom:10px;"/>
  226. {Description}
  227. </div>
  228.  
  229. {block:ifnotshowsimplenavigation}
  230. <form name="jump">
  231. <select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO" style="width:280px; color:{color:text}; font-size:{text:font size}; font-family:{font:body}; background:{color:scroller};"/>
  232. <option value="/">navigation</option>
  233. <option value="/ask">Message</option>
  234. <option value="/captures">Captures</option>
  235. {block:ifshowrandom}<option value="/random">random post</option>{/block:ifshowrandom}
  236. {block:ifshowrss}<option value="/RSS">RSS</option>{/block:ifshowrss}
  237. {block:SubmissionsEnabled}<option value="/submit">{SubmitLabel}</option>{/block:SubmissionsEnabled}
  238. {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}
  239. <option value="http://ciarabella.tumblr.com/">
  240. <!-- NOTE: -->t<!-- DO -->h<!-- NOT -->e<!-- REMOVE -->m<!-- ANY -->e<!-- CREDIT --></option>
  241. </select>
  242. </form>
  243. {/block:ifnotshowsimplenavigation}
  244.  
  245. <BR>
  246.  
  247. {block:ifshowsimplenavigation}
  248. <a title="homepage" href="/">homepage</a>
  249. {block:ifshowarchive}// <a href="/archive">archives</a>{/block:ifshowarchive}
  250. {block:ifshowrandom}// <a href="/random">random post</a>{/block:ifshowrandom}
  251. {block:ifshowrss}/ <a href="{RSS}">RSS</a>{/block:ifshowrss}
  252. <a title="theme Amaranthus by ciarabella" href="/ask">// message</a>
  253. {block:SubmissionsEnabled}// <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  254. {block:HasPages}{block:Pages}// <a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}
  255. // <a href="http://ciarabella.tumblr.com">theme</a>
  256. {/block:ifshowsimplenavigation}
  257.  
  258. </div>
  259.  
  260.  
  261.  
  262. <div id="ciarabella_part">
  263. {block:ifshowautopager}<div class="autopagerize_page_element">{/block:ifshowautopager}
  264.  
  265. {block:Posts}
  266. <div id="ciarabella_box">
  267. {block:Text}
  268. {block:Title}<a class="ciarabella_titles" href="{Permalink}" target="_blank"/><i>{Title}</i></a>{/block:Title}
  269. <span class="entrytext">{Body}</span>
  270. {/block:Text}
  271.  
  272. {block:Photo}
  273. {block:indexpage}
  274. {LinkOpenTag}<a href="{Permalink}" target="_blank"/>
  275. <img src="{PhotoURL-500}" title="theme Amaranthus by ciarabella" alt="" style="margin-bottom:-5px;"></a>
  276. {LinkCloseTag}
  277. {/block:indexpage}
  278. {block:permalinkpage}
  279. {LinkOpenTag}
  280. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="margin-bottom:-5px;">
  281. {LinkCloseTag}
  282. {/block:permalinkpage}
  283. {block:Caption}{Caption}{/block:Caption}
  284. {/block:Photo}
  285.  
  286. {block:Link}
  287. <a href="{URL}" class="ciarabella_titles"><i>{Name}</i></a>
  288. {block:Description}{Description}{/block:Description}
  289. {block:Link}
  290.  
  291. {block:Quote}
  292. <span class="ciarabella_titles"><i>" {Quote} "</i></span>
  293. {block:Source}<div align="right" style="margin-right:20px; margin-top:5px;"/>— {Source}.</div>{/block:Source}
  294. {/block:Quote}
  295.  
  296. {block:Chat}
  297. {block:Title}<span class="titles"><i>{Title}</i></span>{/block:Title}
  298. <ul class="chat">
  299. {block:Lines}
  300. <li class="user_{UserNumber}">
  301. {block:Label}
  302. <span class="label">{Label}</span>
  303. {/block:Label}
  304.  
  305. {Line}
  306. </li>
  307. {/block:Lines}
  308. </ul>
  309. {/block:Chat}
  310.  
  311. {block:Audio}
  312. <centeR><div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerBlack}</div><div
  313.  
  314. style="margin-top:8px; float:right;">
  315. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  316.  
  317. </div></div></centeR><BR>
  318. {block:Caption}{Caption}{/block:Caption}
  319. {/block:Audio}
  320.  
  321. {block:Video}<center>
  322. {Video-500}<BR>
  323. {block:Caption}{Caption}{/block:Caption}</center>
  324. {block:Video}
  325.  
  326. </div>
  327.  
  328. {block:ifshowpermalinkbars}
  329. <div id="ciarabella_bars"><a href="{Permalink}" target=_blank"/>
  330. {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>
  331. </div>
  332. {/block:ifshowpermalinkbars}
  333.  
  334. {block:PostNotes}
  335. {block:date}<b>date:</b> {month}, the {dayofmonth}{dayofmonthsuffix} in {year}.<br>{/block:date}
  336. {block:RebloggedFrom}
  337. <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>.<br>
  338. <b>originally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>.<br>
  339. {/block:RebloggedFrom}
  340. {block:NoteCount}<b>total notes:</b> {NoteCountWithLabel}.<br>{/block:NoteCount}
  341. {block:HasTags}<b>tags:</b> {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>{/block:HasTags}
  342.  
  343. <br>
  344.  
  345. <div id="postnotes">{PostNotes}</div>
  346.  
  347. <div align="right">
  348. {block:ContentSource}<br>
  349. <a href="{SourceURL}">
  350. <b>source:</b>
  351. {block:SourceLogo}
  352. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  353. {/block:SourceLogo}
  354.  
  355. {block:NoSourceLogo}
  356. {SourceLink}
  357. {/block:NoSourceLogo}
  358. </a>
  359. <BR>{/block:ContentSource}
  360. </div>
  361. {/block:PostNotes}
  362. {/block:Posts}
  363. {block:ifshowautopager}
  364. </div>
  365. {/block:ifshowautopager}
  366.  
  367. {block:ifnotshowautopager}
  368. <center>
  369. <i>
  370. {block:NextPage}<div align="left" style="font-size:200%;"/><a href="{NextPage}">« older posts</a></div>{/block:NextPage}
  371.  
  372. {block:PreviousPage}<div align="right" style="font-size:200%; margin-top:-11px;"/><a href="{PreviousPage}">newer posts »</a></div>{/block:PreviousPage}
  373.  
  374. {block:PermalinkPagination}
  375.  
  376. {block:NextPost}<div align="left" style="font-size:200%;"/><a href="{NextPost}">« older post</a></div>{/block:NextPost}
  377.  
  378. {block:PreviousPost}<div align="right" style="font-size:200%; margin-top:-11px;"/><a href="{PreviousPost}">newer post »</a></div>{/block:PreviousPost}
  379.  
  380. {/block:PermalinkPagination}
  381. </i>
  382. </center>
  383. {/block:ifnotshowautopager}
  384.  
  385. </div>
  386. </div>
  387.  
  388. <a title="theme Amaranthus by ciarabella" href="#" class="ciarabella_to_top" style="opacity:0.4;"></a>
  389.  
  390. </body>
  391. </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!