API tools faq
paste
Advertisement
melaniesfantasie

ciarabella invincible theme code

melaniesfantasie
Feb 26th, 2012
1,125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.34 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3.  
  4. <html lang="en"><head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.  
  7. <!-- CHANGING THE COLORS -->
  8. <meta name="color:background" content="#FFFFFF"/>
  9. <meta name="color:box" content="#FCF2EE"/>
  10. <meta name="color:bars" content="#FFFAF8" />
  11. <meta name="color:bars border" content="#FFFFFF" />
  12. <meta name="color:border" content="#FFEBE2" />
  13. <meta name="color:centrum" content="#FFFFFF"/>
  14. <meta name="color:links" content="#C4A297"/>
  15. <meta name="color:nav text" content="#DFC3B7"/>
  16. <meta name="color:scroller" content="#F7DDD2"/>
  17. <meta name="color:scroller border" content="#FFFFFF"/>
  18. <meta name="color:text" content="#C0A49B"/>
  19. <meta name="color:text hover" content="#FFFFFF"/>
  20.  
  21. <!-- CHANGING THE FONTS -->
  22. <meta name="font:title" content="georgia" />
  23. <meta name="font:body" content="georgia" />
  24. <meta name="font:navigations" content="courier new" />
  25.  
  26. <!-- CHANGING THE IMAGES -->
  27. <meta name="image:background" content="http://static.tumblr.com/c9aohtu/nDtlqler6/laces.png"/>
  28. <meta name="image:side" content=""/>
  29.  
  30. <!-- CHANGING THE SIZES IN PX -->
  31. <meta name="text:font size" content="9px"/>
  32. <meta name="text:line height" content="11px"/>
  33.  
  34. <!-- IF SHOW BOXES -->
  35. <meta name="if:show autopager" content="0">
  36. <meta name="if:show simple navigation" content="0">
  37. <meta name="if:show side image" content="0">
  38. <meta name="if:show border around side image" content="1">
  39. <meta name="if:show title" content="1">
  40. <meta name="if:show archive" content="1">
  41. <meta name="if:show rss" content="1">
  42. <meta name="if:show permalink bars" content="1">
  43. <meta name="if:show random" content="1">
  44. <meta name="if:show faq" content="1">
  45. <meta name="if:show favorites" content="1">
  46. <meta name="if:show facebook" content="1">
  47. <meta name="if:show customized font" content="0">
  48.  
  49. <title>{Title}</title>
  50.  
  51. {block:ifshowautopager}
  52. <!-- INFINITE SCROLL CODES -->
  53. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  54. {/block:ifshowautopager}
  55.  
  56. <!-- TO TOP BUTTON -->
  57. <link href="http://static.tumblr.com/c9aohtu/QPclqdofm/back_to_top.css" media="screen" rel="stylesheet" type="text/css"/>
  58.  
  59. <!-- SCROLLER CODES BY LACETTE.TUMBLR.COM -->
  60.  
  61. <script type="text/javascript">
  62.  
  63. var _gaq = _gaq || [];
  64. _gaq.push(['_setAccount', 'UA-24605286-1']);
  65. _gaq.push(['_trackPageview']);
  66.  
  67. (function() {
  68. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  69. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  70. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  71. })();
  72.  
  73. </script>
  74.  
  75. <style type="text/css"> {CustomCSS}
  76.  
  77. body{
  78. background: {color:Background} url({image:Background}) fixed repeat center;
  79. color:{color:text};
  80. font-family: {font:body};
  81. font-size: {text:font size};
  82. margin:0px;
  83. line-height: {text:line height};}
  84.  
  85. .autopaging{
  86. font-family: Trebuchet MS; -moz-border-radius:4px; border-radius:4px;
  87. z-index:90; display:block; position:absolute; float:right; top:25px;
  88. right:3px; padding:5px; background: #000; opacity:.5; font-size:9px;
  89. line-height:11px;}
  90.  
  91. p {margin:0px; margin-top:6px;}
  92.  
  93. img{opacity: 0.5 border:0px;}
  94. a img{opacity: 0.5 border:0px; -webkit-transition-duration:1.5s;}
  95.  
  96. a:active, a:link, a:visited{color:{color:links}; text-decoration:none;}
  97. a:hover{color:{color:text hover}; opacity:.5;}
  98.  
  99. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  100.  
  101. .user_1 .label, .user_3 .label, .user_5 .label, .user_9 .label {
  102. color:{color:links}; font-weight:bold;}
  103.  
  104. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {
  105. color:{color:text}; font-weight:bold;}
  106.  
  107. #postnotes{text-align:left;}
  108. #postnotes blockquote{}
  109. .notes img{position:relative; width:10px; top:2px;}
  110.  
  111. div#ciarabella_side{
  112. padding:10px; background:{color:centrum}; float:right;
  113. position:fixed; margin-left:705px; margin-top:0px; width:260px; text-align:left;
  114. border-right:1px solid {color:border}; height:100%;}
  115.  
  116. div#ciarabella_centrum{
  117. width:1000px; overflow:hidden;
  118. margin:auto; position:relative;}
  119.  
  120. div#ciarabella_part{
  121. min-height:800px; padding:5px;
  122. width:500px; float:left; background:{color:centrum}; padding-top:10px;
  123. margin-bottom:0px; background:; margin-left:200px;
  124. border-left:1px solid {color:border}; border-right:1px solid {color:border};}
  125.  
  126. div#ciarabella_box{
  127. width:500px; padding:0px; margin-bottom:0px;}
  128.  
  129. .ciarabella_box a img{
  130. opacity:1;}
  131.  
  132. .ciarabella_box a img:hover{
  133. opacity:.5;}
  134.  
  135. div#ciarabella_bars{
  136. display:block; font-family:georgia; padding:1px; margin-top:5px; letter-spacing:1px;
  137. font-size:10px; text-align:center; padding-bottom:2px; padding-right:5px;
  138. margin-bottom:5px; background:{color:bars}; border:1px solid {color:border};
  139. }
  140.  
  141. div#ciarabella_bars a:link{color:{color:links};}
  142. div#ciarabella_bars a:hover{color:{color:box};}
  143.  
  144. div#ciarabella_navigate{
  145. width:185px; background:{color:centrum}; border-left:1px solid {color:border}; height:100%;
  146. font-family:{font:navigations}; text-align:right; font-size:10px; letter-spacing:4px;
  147. text-transform:uppercase; margin-top:0px;}
  148.  
  149. div#ciarabella_navigate a{
  150. width:100%; background:{color:bars};
  151. border:1px solid {color:border}; color:{color:nav text};}
  152.  
  153. div#ciarabella_navigate a:hover{
  154. width:100%; color:{color:bars};}
  155.  
  156. div#ciarabella_answers{
  157. background:{color:box}; padding:5px;}
  158.  
  159. div#ciarabella_nextpage{
  160. font-size:200%; font-family:{font:title};}
  161.  
  162. .ciarabella_infinitescrolling{
  163. width:100px; height:20px; display:block; padding:3px 0; z-index:2;
  164. background: url(http://img685.imageshack.us/img685/6946/tumblrautopager.png) no-repeat
  165. top center;position:absolute; top:25px; right:1px;}
  166.  
  167. .ciarabella_titles{
  168. line-height:95%; font-family:{font:title}; font-size:18px; letter-spacing:-1px;
  169. font-weight: italic; display: block; text-align:left; color:{color:links};}
  170.  
  171. ::-webkit-scrollbar {
  172. width: 10px;
  173. height:auto;
  174. background: {color:scroller border};
  175. border: 0pt solid {color:scroller border};
  176. border-right: 0px;
  177. opacity:.2;}
  178.  
  179. ::-webkit-scrollbar-corner {
  180. background: {color:scroller};
  181. border-right: 0px;}
  182.  
  183. ::-webkit-scrollbar-button:vertical {
  184. height: 3px;
  185. display: block;
  186. background: {color:scroller};
  187. border: 1pt solid {color:scroller border};
  188. border-top: 0px;
  189. border-bottom: 0px;
  190. border-right: 0px;}
  191.  
  192. ::-webkit-scrollbar-button:horizontal {
  193. width:3px; display: block; background:{color:scroller};}
  194.  
  195. ::-webkit-scrollbar-thumb:vertical {
  196. background:{color:scroller}; border-right: 0px;
  197. border: 1px solid {color:scroller border};
  198. border-right: 0px;}
  199.  
  200. ::-webkit-scrollbar-thumb:horizontal {
  201. background:{color:scroller}; border: 1px solid {color:scroller border;}
  202.  
  203. ::-webkit-scrollbar-thumb {
  204. background: {color:scroller};
  205. border-top: 1pt solid {color:scroller border};}
  206.  
  207. ::-webkit-scrollbar-thumb:hover {
  208. background: {color:scroller};}
  209.  
  210. ::-webkit-scrollbar-track-piece {
  211. background: {color:scroller border}; border-top: 1pt solid {color:scroller border};
  212. border-bottom: 1pt solid {color:scroller border};}
  213.  
  214. .tumblrAutoPager_page_separator,
  215. .tumblrAutoPager_page_info {display:none;}
  216.  
  217.  
  218. </style>
  219. <link rel="shortcut icon" href="{Favicon}">
  220. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  221. <link href="http://static.tumblr.com/c9aohtu/DeXlql36w/infinitescroll.css" media="screen" rel="stylesheet" type="text/css" />
  222. <link href="http://static.tumblr.com/c9aohtu/ViQlqlfjw/neverletgo_1_.ttf" media="screen" rel="stylesheet" type="text/css" />
  223. <link href="http://static.tumblr.com/c9aohtu/tuwlqmpf7/autopager.css" media="screen" rel="stylesheet" type="text/css" />
  224. <meta name="viewport" content="width=320" />
  225. {block:Description}
  226. <meta name="description" content="{MetaDescription}" />
  227. {/block:Description}
  228. </head>
  229.  
  230.  
  231. <body>
  232. <div id="ciarabella_centrum">
  233. {block:ifnotshowsimplenavigation}
  234. <div id="ciarabella_navigate">
  235. <a href="www.noamigono.tumblr.com">husband's tumblr</a>
  236. <a href="/">go to homepage</a>
  237. <a href="/basics">the basics</a>
  238. <a href="/disclaimer">disclaimer</a>
  239. <!-- !EDIT THIS PART INTO YOUR OWN LINK! -->
  240. <!-- !EDIT THIS PART INTO YOUR OWN LINK! -->
  241. <a href="/tagged/personal">personal</a>
  242. <!-- NOTE: --><!-- DO --><!-- NOT --><!-- REMOVE --><!-- ANY --><!-- CREDIT --></a>
  243. <div style="text-align:center; padding-top:10px; font-size:9px; font-family:georgia; text-transform:none; letter-spacing:0px;">
  244.  
  245.  
  246. </div></div>
  247. {/block:ifnotshowsimplenavigation}
  248.  
  249. <div id="ciarabella_side">
  250.  
  251. {block:ifnotshowsideimage}
  252. <a href="/"><img src="{PortraitURL-128}" width="90" style="margin-right:6px; float:left; background:{color:bars}; margin-top:2px;"/></a>
  253. {/block:ifnotshowsideimage}
  254. {block:ifshowsideimage}
  255. <center><a href="/"><img src="{image:side}" border="none" width="260" style="margin-bottom:5px; float:left; background:{color:bars};"/></a></center>
  256. {/block:ifshowsideimage}
  257. {block:ifshowtitle}
  258. <a href="/" class="ciarabella_titles"/><i>{Title}</i></a>
  259. {/block:ifshowtitle}
  260. <div style="min-height:75px; margin-bottom:10px;"/>
  261. {Description}
  262. </div>
  263.  
  264. {block:ifshowsimplenavigation} <BR>
  265. <center><a href="http://noamigono.tumblr.com">Husband's Tumblr</a> || <a href="/basics">Basics Page</a> || <a href="/disclaimer">Disclaimer Page</a></center>
  266. {/block:ifshowsimplenavigation}
  267. </div>
  268.  
  269. <div id="ciarabella_part">
  270. {block:ifshowautopager}<div class="autopagerize_page_element">{/block:ifshowautopager}
  271.  
  272. {block:Posts}
  273. <div id="ciarabella_box">
  274.  
  275. {block:Answer}
  276. <div id="ciarabella_answers">{Asker}: {Question}</div>
  277. <center>{Answer}</center>
  278. {/block:Answer}
  279.  
  280. {block:Audio}
  281. {AudioPlayerBlack}
  282. {FormattedPlayCount} plays
  283. {block:ExternalAudio}
  284. // <a href="{ExternalAudioURL}">Download?</a>
  285. {/block:ExternalAudio}
  286. <BR>
  287. {block:Caption}{Caption}{/block:Caption}
  288. {/block:Audio}
  289.  
  290. {block:Chat}
  291. {block:Title}<div class="titles"><i>{Title}</i></span>{/block:Title}
  292. {block:Lines}
  293. <li class="{Alt} user_{UserNumber}">
  294. {block:Label}
  295. <span class="label">{Label}</span>
  296. {/block:Label}
  297. {Line}
  298. </li>
  299. {/block:Lines}
  300.  
  301. {/block:Chat}
  302.  
  303. {block:Link}<a href="{URL}" class="ciarabella_titles"><i>{Name}</i></a>
  304. {block:Description}{Description}{/block:Description}{block:Link}
  305.  
  306. {block:Photo}
  307. {block:indexpage}{LinkOpenTag}<a class="ciarabella_box" href="{Permalink}" target="_blank"/>
  308. <img src="{PhotoURL-500}" border="none" title="theme Invincible by ciarabella" alt="" style="margin-bottom:-5px;"></a>{LinkCloseTag}{/block:indexpage}
  309. {block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-500}" border="none" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:permalinkpage}
  310. {block:Caption}{Caption}{/block:Caption}
  311. {/block:Photo}
  312.  
  313. {block:Quote}<div class="ciarabella_titles"><i>" {Quote} "</i></div>
  314. {block:Source}<div align="right" style="margin-right:20px; margin-top:5px;"/>— {Source}.</div>{/block:Source}{/block:Quote}
  315.  
  316. {block:Text}{block:Title}<a class="ciarabella_titles" href="{Permalink}" target="_blank"/><i>{Title}</i></a>{/block:Title}{Body}{/block:Text}
  317.  
  318. {block:Video}
  319. {Video-500}
  320. <BR>
  321. {block:Caption}{Caption}{/block:Caption}
  322. {block:Video}
  323. </div>
  324.  
  325. {block:indexpage}
  326. {block:ifshowpermalinkbars}
  327. <div id="ciarabella_bars">
  328. {block:Date}<a href="{Permalink}" target=_blank"/>
  329. posted {TimeAgo}</a>{/block:Date} <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> → <a href="{ReblogURL}" target=_blank"/></a>
  330. </div>
  331. {/block:ifshowpermalinkbars}
  332. {/block:indexpage}
  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" class="ciarabella_titles" style="font-size:200%; font-family:{font:title};"/><a href="{NextPage}">← older posts</a></div>{/block:NextPage}
  371.  
  372. {block:PreviousPage}<div align="right" class="ciarabella_titles" style="font-size:200%; margin-top:-11px; font-family:{font:title};"/><a href="{PreviousPage}">newer posts →</a></div>{/block:PreviousPage}
  373.  
  374. {block:PermalinkPagination}
  375.  
  376. {block:NextPost}<div align="left" class="ciarabella_titles" style="font-size:200%; font-family:{font:title};"/><a href="{NextPost}">← older post</a></div>{/block:NextPost}
  377.  
  378. {block:PreviousPost}<div align="right" class="ciarabella_titles" style="font-size:200%; margin-top:-11px; font-family:{font:title};"/><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 Invincible 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!