Advertisement
Guest User

Phoenix theme

a guest
Feb 27th, 2012
1,090
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.19 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. T H E M E P H O E N I X B Y
  6. C I A R A B E L L A . T U M B L R . C O M
  7.  
  8. NOTE: EDITING THIS THEME A BIT OR A LOT IS ABSOLUTELY
  9. ALLOWED BUT A-L-L CREDITS MUST ALWAYS CONTAIN WITHOUT ANY EXCEPTIONS.
  10.  
  11. -->
  12.  
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20.  
  21. <meta name="color:background" content="#EEE5DD"/>
  22. <meta name="color:bars" content="#FDF6F1" />
  23. <meta name="color:portrait border" content="#FDF6F1" />
  24. <meta name="color:centrum" content="#FFFFFF"/>
  25. <meta name="color:entrybox" content="#F0E4D9"/>
  26. <meta name="color:borders" content="#EEE5DD" />
  27. <meta name="color:text" content="#A38F7A"/>
  28. <meta name="color:links" content="#CAA798"/>
  29. <meta name="color:scroller" content="#E9DBD5"/>
  30. <meta name="color:scroller border" content="#FFFFFF"/>
  31. <meta name="color:top border navigation" content="#F1ECE9" />
  32. <meta name="color:navigate bar" content="#E6D6CB" />
  33.  
  34. <meta name="font:title" content="georgia" />
  35. <meta name="font:body" content="georgia" />
  36.  
  37. <meta name="image:background" content="http://static.tumblr.com/c9aohtu/0tLlqn2a8/laces.png"/>
  38. <meta name="image:side" content=""/>
  39. <meta name="image:side1" content=""/>
  40. <meta name="image:side2" content=""/>
  41.  
  42. <meta name="text:font size" content="9px"/>
  43. <meta name="text:line height" content="11px"/>
  44.  
  45. <meta name="if:show autopager" content="0">
  46. <meta name="if:show archive" content="1">
  47. <meta name="if:show random" content="1">
  48. <meta name="if:show navigate" content="1">
  49.  
  50. {block:ifshowautopager}
  51. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  52. {/block:ifshowautopager}
  53.  
  54. <!-- TO TOP BUTTON -->
  55. <link href="http://static.tumblr.com/c9aohtu/QPclqdofm/back_to_top.css" media="screen" rel="stylesheet" type="text/css"/>
  56.  
  57. <!-- SCROLLER CODES BY LACETTE.TUMBLR.COM -->
  58.  
  59. <style type="text/css"> {CustomCSS}
  60.  
  61. body{
  62. background: {color:background} url({image:background}) fixed repeat center;
  63. color:{color:text};
  64. font-family: {font:body};
  65. font-size: {text:font size};
  66. margin:0px;
  67. line-height: {text:line height};}
  68.  
  69. p {margin:0px; margin-top:6px;}
  70.  
  71. a img{border: 0px;}
  72. a img:hover{opacity: 0.7;}
  73.  
  74. a:active, a:link, a:visited{color:{color:links}; text-decoration:none;}
  75. a:hover{color:{color:text hover}; text-decoration:none;}
  76.  
  77. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  78.  
  79. .user_1 .label, .user_3 .label, .user_5 .label, .user_9 .label {
  80. color:{color:links}; font-weight:bold;}
  81.  
  82. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {
  83. color:{color:text}; font-weight:bold;}
  84.  
  85. #postnotes{text-align: justify;}
  86. #postnotes blockquote{}
  87. .notes img{position:relative; width:10px; top:2px;}
  88.  
  89. div#ciarabella_side{
  90. width:886px; overflow:hidden; margin:auto; position:relative; padding:5px;
  91. background:{color:centrum}; float:center; margin-bottom: 0px; margin-top:40px;}
  92.  
  93. div#ciarabella_part{
  94. margin:auto; float:center; position:relative; background:#fff url() left;
  95. width:894px; height:400px; padding:2px; padding-right:0px;
  96. overflow:scroll; overflow-x:hidden;
  97. {block:ifshowautopager}margin-bottom:40px;{/block:ifshowautopager}}
  98.  
  99. div#ciarabella_navigate{
  100. width:896px; background:{color:navigate bar}; display:block;
  101. font-family:'verdana'; text-align:left;
  102. border-bottom:0px solid {color:top border navigation};
  103. margin-bottom:3px; text-transform:uppercase; margin-right:4px;
  104. z-index:1; margin-top:-2px; font-size:9px; height:30px;
  105. border-top:2px solid {color:top border navigation}; padding-left:0px;
  106. float:center; position:relative; margin:auto; }
  107.  
  108. div#ciarabella_navigate a{
  109. display:block; text-align:center; float:left; padding:10px; margin-bottom:0px;
  110. position:relative; z-index:1; border-right:1px solid {color:top border navigation};
  111. letter-spacing:-1px; background:{color:navigate bar}; width:158px;}
  112.  
  113. div#ciarabella_navigate a:hover{
  114. display:block; text-align:center; float:left; padding:10px; margin-bottom:0px;
  115. position:relative; z-index:1; border-right:1px solid {color:top border navigation};
  116. letter-spacing:-1px; background:{color:top border navigation}; width:158px;}
  117.  
  118. div#ciarabella_box{
  119. overflow:hidden; float:left; {block:IndexPage} width:290px; height:180px;
  120. {/block:IndexPage} {block:permalinkpage} width:500px; height:100%; margin-bottom:10px;
  121. {/block:permalinkpage} margin:1px; padding:0px; background-color: {color:entrybox};
  122. -moz-border-radius:0px; -webkit-border-radius:0px;}
  123.  
  124. .ciarabella_titles{
  125. line-height:100%; font-family:{font:title}; font-size:12px; display:block;
  126. text-align: left; color: {color:text}; letter-spacing:0px;}
  127.  
  128. .tumblrAutoPager_page_separator,
  129. .tumblrAutoPager_page_info {display:none;}
  130.  
  131. ::-webkit-scrollbar {
  132. width:16px;
  133. height:auto;
  134. background: #fff;
  135. border: 1pt solid {color:scroller border};
  136. border-right: 0px;}
  137.  
  138. ::-webkit-scrollbar-corner {
  139. background: {color:scroller};
  140. border-right: 0px;}
  141.  
  142. ::-webkit-scrollbar-button:vertical {
  143. height: 7px;
  144. display: block;
  145. background: {color:scroller};
  146. border: 1pt solid {color:scroller border};
  147. border-top: 0px;
  148. border-bottom: 0px;
  149. border-right: 0px;}
  150.  
  151. ::-webkit-scrollbar-button:horizontal {
  152. width:7px; display: block; background:{color:scroller};}
  153.  
  154. ::-webkit-scrollbar-thumb:vertical {
  155. background:{color:scroller}; border-right: 0px;
  156. border: 1px solid {color:scroller border};}
  157.  
  158. ::-webkit-scrollbar-thumb:horizontal {
  159. background:{color:scroller}; border: 1px solid {color:scroller border;}
  160.  
  161. ::-webkit-scrollbar-thumb {
  162. background: {color:scroller};
  163. border-top: 1pt solid {color:scroller border};}
  164.  
  165. ::-webkit-scrollbar-thumb:hover {
  166. background: {color:scroller};}
  167.  
  168. ::-webkit-scrollbar-track-piece {
  169. background: #ffffff; border-top: 1pt solid {color:scroller border};
  170. border-bottom: 1pt solid {color:scroller border};}
  171.  
  172. </style>
  173. <link rel="shortcut icon" href="{Favicon}">
  174. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  175. <link href="http://static.tumblr.com/c9aohtu/iedlqok5d/autopaging.css" media="screen" rel="stylesheet" type="text/css"/>
  176. {block:Description}
  177. <meta name="description" content="{MetaDescription}" />
  178. {/block:Description}
  179. <meta name="viewport" content="width=820" />
  180. </head>
  181. <body>
  182. <a class="autopaging" title="Theme Phoenix by Ciarabella" style="color:#fff;" href="http://ciarabella.tumblr.com/" target="_blank"/>
  183. <!-- NOTE: -->Theme<!-- DO --> Phoenix<!-- NOT --> by<!-- REMOVE --> Ciarabella<!-- ANY CREDIT --></a><div id="ciarabella_side"/>
  184. <div style="margin-right:5px; float:left; border:1px solid {color:portrait border}; padding:3px; padding-bottom:1px; background:{color:entrybox}; overflow:hidden;">
  185. <div style="width:80px; overflow:hidden;">
  186. <img src="{image:side}" height="80" style="overflow:hidden;"/></div></div>
  187. <div style="margin-right:5px; float:left; border:1px solid {color:portrait border}; padding:3px; padding-bottom:1px; background:{color:entrybox}; overflow:hidden;">
  188. <div style="width:80px; overflow:hidden;">
  189. <img src="{image:side1}" height="80" style="overflow:hidden;"/></div></div>
  190. <div style="margin-right:5px; float:left; border:1px solid {color:portrait border}; padding:3px; padding-bottom:1px; background:{color:entrybox}; overflow:hidden;">
  191. <div style="width:80px; overflow:hidden;">
  192. <img src="{image:side2}" height="80" style="overflow:hidden;"/></div></div>
  193. <img src="{PortraitURL-128}" width="80" style="margin-right:5px; float:left; border:1px solid {color:portrait border}; padding:3px; background:{color:entrybox};"/>
  194. {Description}
  195. </div>
  196.  
  197. {block:ifshownavigate}
  198. <div id="ciarabella_navigate">
  199. <a title="theme Hermione by ciarabella" href="http://ciarabella.tumblr.com" style="border-left:1px solid {color:top border navigation};">
  200. <!-- NOTE: -->t<!-- DO -->h<!-- NOT -->e<!-- REMOVE -->m<!-- ANY -->e<!-- CREDIT --></a>
  201. <a href="/">homepage</a>
  202. {block:ifshowarchive}<a href="/archive">archive</a>{/block:ifshowarchive}
  203. {block:ifshowrandom}<a href="/random">random</a>{/block:ifshowrandom}
  204. {block:AskEnabled}<a href="/ask"> / message</a>{/block:AskEnabled}
  205. <a href="/favorites">favorites</a>
  206. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  207. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages} {/block:HasPages}
  208. </div>
  209. {/block:ifshownavigate}
  210.  
  211. <div id="ciarabella_part">
  212.  
  213.  
  214.  
  215. {block:ifshowautopager}<div class="autopagerize_page_element">{/block:ifshowautopager}
  216. {block:Posts}
  217. <div id="ciarabella_box">
  218.  
  219. {block:Text}{block:Title}<div class="ciarabella_titles"><i>{Title}</i></div>{/block:Title}
  220. {Body}{/block:Text}
  221.  
  222. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  223.  
  224. {block:Photo}{block:IndexPage}<center>
  225. <a href="{reblogurl}" target="_blank"><img src="{PhotoURL-400}" width="310" alt="{PhotoAlt}"/></a></center>{/block:IndexPage}
  226.  
  227. {block:PermalinkPage}
  228. {LinkOpenTag}
  229. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  230. {block:Caption}{Caption}{/block:Caption}
  231. {LinkCloseTag}
  232. {/block:PermalinkPage}
  233.  
  234. {block:Caption}{Caption}{/block:Caption}
  235. {/block:Photo}
  236.  
  237. {block:Link}
  238. <a href="{URL}" class="ciarabella_titles"><i>{Name}</i></a>
  239. {block:Description}{Description}{/block:Description}
  240. {block:Link}
  241.  
  242. {block:Quote}
  243. <div class="ciarabella_titles"><i>" {Quote} "</i></div>
  244. {block:Source}<div align="right" style="margin-right:10px; margin-top:5px;"/>— {Source}.</div>{/block:Source}
  245. {/block:Quote}
  246.  
  247. {block:Chat}
  248. {block:Title}<div class="ciarabella_titles">{Title}</div>{/block:Title}
  249. <ul class="chat">
  250. {block:Lines}
  251. <li class="user_{UserNumber}">
  252. {block:Label}
  253. <span class="label">{Label}</span>
  254. {/block:Label}
  255. {Line}
  256. </li>
  257. {/block:Lines}
  258. </ul>
  259. {/block:Chat}
  260.  
  261. {block:Audio}
  262. <centeR><div style="width:250px; height:20px;"><div style="float:left;">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><tiny>
  263. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  264.  
  265. </tiny></div></div></centeR><BR>
  266. {block:Caption}{Caption}{/block:Caption}
  267. {/block:Audio}
  268.  
  269. {block:Video}<center>
  270. {Video-250}<BR>
  271. {block:Caption}{Caption}{/block:Caption}</center>
  272. {block:Video}
  273.  
  274. {block:PostNotes}
  275. <center>
  276. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  277.  
  278. {block:HasTags}
  279. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  280. {block:RebloggedFrom}
  281. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  282. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  283. </center>
  284. <BR>
  285. <div id="postnotes">{PostNotes}</div><br>
  286.  
  287. <center>{block:ContentSource}
  288. <br><a href="{SourceURL}">
  289. {lang:Source}:
  290. {block:SourceLogo}
  291. <img src="{BlackLogoURL}" width="{LogoWidth}"
  292. height="{LogoHeight}" alt="{SourceTitle}" />
  293. {/block:SourceLogo}
  294. {block:NoSourceLogo}
  295. {SourceLink}
  296. {/block:NoSourceLogo}
  297. </a>
  298. {/block:ContentSource}</center>
  299.  
  300. {/block:PostNotes}
  301. </div>
  302. {/block:Posts}
  303. {block:ifshowautopager}</div>{/block:ifshowautopager}
  304. </div>
  305.  
  306. {block:ifnotshowautopager}
  307. <div style="background:{color:centrum}; position:relative; float:center; margin:auto; width:894px; padding-bottom:5px; margin-bottom:40px;">
  308. <center>
  309. <i>
  310. {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}
  311.  
  312. {block:PreviousPage}<div align="right" class="ciarabella_titles" style="float:right; font-size:200%; margin-top:-17px; font-family:{font:title};"/><a href="{PreviousPage}">newer posts ?</a></div>{/block:PreviousPage}
  313.  
  314. {block:PermalinkPagination}
  315.  
  316. {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}
  317.  
  318. {block:PreviousPost}<div align="right" class="ciarabella_titles" style="float:right; font-size:200%; margin-top:-17px; font-family:{font:title};"/><a href="{PreviousPost}">newer post ?</a></div>{/block:PreviousPost}
  319.  
  320. {/block:PermalinkPagination}
  321. </i>
  322. </center></div>
  323. {/block:ifnotshowautopager}
  324.  
  325.  
  326.  
  327. <a title="theme Phoenix by ciarabella" href="#" class="ciarabella_to_top"
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement