API tools faq
paste
Advertisement
jaceherondaling

Theme #2

jaceherondaling
Feb 18th, 2014
635
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!--
  15.  
  16. Theme #2 by Ana (http://anacresta.tumblr.com)
  17.  
  18. - DO NOT STEAL
  19. - DO NOT REDISTRIBUTE
  20. - DO NOT REMOVE CREDIT
  21. - DO NOT USE AS A BASE CODE
  22. (and all this stuff)
  23. Thanks :)
  24.  
  25. -->
  26.  
  27.  
  28. <!-- VARIABLES -->
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar Image" content="" />
  32. <meta name="image:big sidebar" content="" />
  33.  
  34. <meta name="color:Background" content="#fdf3ee" />
  35. <meta name="color:Text" content="#beb3a4" />
  36. <meta name="color:Bold" content="#ffffff" />
  37. <meta name="color:Italic" content="#222222" />
  38. <meta name="color:Link" content="#a09280" />
  39. <meta name="color:Content BG" content="#ffffff" />
  40. <meta name="color:Content Border" content="#ebebeb" />
  41. <meta name="color:Info BG" content="#f8f1e8" />
  42. <meta name="color:Info Border" content="#ebddcb" />
  43. <meta name="color:sidebar border" content="#fafafa" />
  44.  
  45. <meta name="text:Text Size" content="10px" />
  46.  
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link1URL" content="http://" />
  49. <meta name="text:Link2" content="" />
  50. <meta name="text:Link2URL" content="http://" />
  51. <meta name="text:Link3" content="" />
  52. <meta name="text:Link3URL" content="http://" />
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. /* MAIN */
  58.  
  59. body {
  60. background-color:{color:Background};
  61. background-image: url('{image:Background}');
  62. color:{color:Text};
  63. font-family: 'Libre Baskerville';
  64. font-size: {text:Text Size};
  65. margin: 0px;
  66. padding: 0px;}
  67.  
  68. a:link, a:active {
  69. text-decoration:none;
  70. color: {color:Link}; }
  71.  
  72. a:visited {
  73. text-decoration:none;
  74. color: {color:Link}; }
  75.  
  76. a:hover {
  77. text-decoration:none;
  78. color: {color:Bold};
  79. font-style:italic;}
  80.  
  81. b, strong, .strong {color:{color:Bold};}
  82.  
  83. blockquote {
  84. border-left:2px solid {color:Text};
  85. padding-left:6px; }
  86.  
  87. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  88.  
  89. i, em, .em {color:{color:Italic};}
  90.  
  91. /* CONTENT */
  92.  
  93. .contentwhole {
  94. width:520px;
  95. margin-left:500px;
  96. height:100%;}
  97.  
  98. .content {
  99. width: 500px;
  100. height: auto;
  101. padding:10px;
  102. margin-top:20px;
  103. background-color: {color:Content BG};
  104. border:1px solid {color:Content Border};}
  105.  
  106. .info {
  107. height:15px;
  108. float:center;
  109. padding-top:4px;
  110. margin-top:10px;
  111. opacity:0.8;
  112. text-align:center;
  113. font-size:7px;
  114. font-family:arial;
  115. letter-spacing:1px;
  116. background-color: {color:Info BG};
  117. background-image:url('{image:Info BG}');
  118. color:{color:Link};
  119. border-top: 1px solid {color:Info Border};
  120. border-bottom: 1px solid {color:Info Border};
  121. width: 500px;
  122. text-transform:uppercase;
  123. transition-duration: 0.6s;
  124. -moz-transition-duration: 0.6s;
  125. -webkit-transition-duration: 0.6s;
  126. -o-transition-duration: 0.6s; }
  127.  
  128. .info a {
  129. font-size:7px; }
  130.  
  131. .info:hover {
  132. opacity:1.0;
  133. transition-duration: 0.6s;
  134. -moz-transition-duration: 0.6s;
  135. -webkit-transition-duration: 0.6s;
  136. -o-transition-duration: 0.6s; }
  137.  
  138. .ttitle {
  139. text-align:center;
  140. font-size:18px;
  141. letter-spacing:1px;
  142. font-family:'Libre Baskerville', serif;
  143. font-style:italic;
  144. }
  145.  
  146. .album {position:absolute; width:100px; height:100px;}
  147. .album img {width:100px; height:100px;}
  148. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px;}
  149. .audio b, i {color:{color:text};}
  150. .aplay {overflow:hidden; width:27px; height:80px; opacity:1; padding-top:40px; padding-left:35px; }
  151. .acap {height:100px; }
  152. .acapp {text-align:center; margin-left:100px; padding-top:35px; width:400px; background-color:{color:background}; color:{color:text}; height:65px;}
  153. .acapp b, i {color:{color:text};}
  154.  
  155. #ask {
  156. background-color:{color:content bg};
  157. text-align:justify;
  158. line-height:160%;
  159. color:{color:text};
  160. padding:5px;
  161. padding-bottom:10px;
  162. padding-top:3px;
  163. border-bottom: 1px solid {color:Info Border};
  164. }
  165.  
  166. #asker {
  167. color:{color:link};
  168. }
  169.  
  170. #asker img {
  171. margin-left:-2px;
  172. margin-bottom:-15px;
  173. padding:3px;
  174. padding-bottom:5px;
  175. }
  176.  
  177. #ans {
  178. text-align:left;
  179. padding:0px;
  180. color:{color:text};
  181. }
  182.  
  183. /* TAGS */
  184.  
  185. #extraslinks a {
  186. display:block;
  187. font-size:6pt;
  188. margin-bottom:2px;
  189. padding:5px;
  190. width:50px;
  191. margin-left:-7px;
  192. letter-spacing:0px;
  193. text-align:left;
  194. font-family:'Libre Baskerville';
  195. text-shadow:none;
  196. text-transform:uppercase;
  197. color: {color:Bold}; }
  198.  
  199. #extraslinks a:hover {
  200. background-color: {color:Text};
  201. color: {color:Background};
  202. text-shadow:none;
  203. text-decoration:none;
  204. text-align:left;
  205. -webkit-transition: opacity 0.7s linear;
  206. -webkit-transition: all 0.7s ease-out;
  207. -moz-transition: all 0.7s ease-out;
  208. transition: all 0.7s ease-out;}
  209.  
  210.  
  211. .extras {
  212. width:100px;
  213. z-index:2000;
  214. padding:0px;
  215. letter-spacing:0;}
  216.  
  217. .push {
  218. background:transparent;
  219. opacity:0;
  220. margin-top:0px;
  221. text-align:left;
  222. margin-left:520px;
  223. position:absolute;
  224. -webkit-transition: opacity 0.7s linear;
  225. -webkit-transition: all 0.7s ease-out;
  226. -moz-transition: all 0.7s ease-out;
  227. transition: all 0.7s ease-out;}
  228.  
  229. .extras:hover .push {
  230. opacity:1.0;
  231. margin-left:540px;
  232. -webkit-transition: opacity 0.7s linear;
  233. -webkit-transition: all 0.7s ease-out;
  234. -moz-transition: all 0.7s ease-out;
  235. transition: all 0.7s ease-out;}
  236.  
  237.  
  238. .tags {
  239. opacity:0.9;
  240. width:150px;
  241. }
  242.  
  243.  
  244. /* SIDEBAR */
  245.  
  246. #title {
  247. width:190px;
  248. position:fixed;
  249. text-align:left;
  250. left:195px;
  251. color:{color:title};
  252. font-family:'Libre Baskerville', serif;
  253. font-style:italic;
  254. font-size:23px;
  255. }
  256.  
  257.  
  258. #sidebar {
  259. width:200px;
  260. position:fixed;
  261. top:80px;
  262. text-align:left;
  263. background-color:transparent;
  264. padding: 2px 0px 2px 0px;
  265. left:185px;
  266. height:auto;}
  267.  
  268. #description {
  269. width:190px;
  270. position:fixed;
  271. text-align:left;
  272. font-family:'Libre Baskerville';
  273. font-size:10px;
  274. left:195px;
  275. }
  276.  
  277. #sidebarimg {
  278. background-image:url('{image:Sidebar Image}');
  279. background-repeat:no-repeat;
  280. width:200px;
  281. height:200px;
  282. margin-bottom:10px;
  283. opacity:1.0;
  284. overflow:auto;
  285. border:5px solid {color:sidebar border};}
  286.  
  287. #sidebarbig {
  288. position:fixed;
  289. top:0px;
  290. left:0px;
  291. width:145px;
  292. background-repeat:repeat;
  293. border-right:5px solid {color:sidebar border};
  294. }
  295.  
  296. #sidebarbig img {
  297. width:145px;
  298. }
  299.  
  300.  
  301. #pagination {
  302. text-align:center;
  303. width:100px;
  304. top:50%;
  305. font-family:'Libre Baskerville';
  306. letter-spacing:2px;
  307. font-size:14px;
  308. position:fixed;
  309. margin-left:1200px;}
  310.  
  311. .links {
  312. margin-top:5px;
  313. margin-bottom:5px;
  314. line-height:15px;
  315. letter-spacing:0px;
  316. font-weight:bold;
  317. font-size:8px;
  318. margin-left:20px;
  319. font-family:'Libre Baskerville';
  320. text-transform:uppercase;
  321. text-align:left;
  322. padding-top:5px;
  323. padding-bottom:5px;
  324. }
  325.  
  326. .links a {
  327. height:10px;
  328. line-height:10px;
  329. padding:5px;
  330. }
  331.  
  332.  
  333.  
  334. </style>
  335. <body>
  336.  
  337. <div id="sidebarbig"><img src="{image:big sidebar}"></div>
  338. <div id="sidebar">
  339. <div align="center">
  340. <a href="/"><div id="title">{Title}</div></a>
  341. <br><br>
  342. <a href="/"><div id="sidebarimg"></div></a>
  343. <div class="links">
  344. <a href="/ask">ask</a>
  345. {block:ifLink1}&nbsp;•&nbsp;<a href="{text:Link1URL}">{text:Link1}</a>&nbsp;•&nbsp;{/block:ifLink1}
  346. {block:ifLink2} <a href="{text:Link2URL}">{text:Link2}</a>&nbsp;•&nbsp;{/block:ifLink2}
  347. {block:ifLink3} <a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  348. </div>
  349. <div id="description">{Description}</div>
  350. <p>
  351. </div> <!-- END SIDE INFO -->
  352. </div> <!-- END SIDE IMG -->
  353. </div> <!-- END DIV LEFT -->
  354. </div> <!-- END SIDEBAR -->
  355. </div> <!-- IDK WHAT THIS IS -->
  356.  
  357. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  358.  
  359. <div class="contentwhole">
  360. {block:Posts}
  361.  
  362. <div class="extras">
  363.  
  364. <div class="push">
  365. <div id="extraslinks">
  366.  
  367. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  368. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  369. {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
  370.  
  371. </div> <!-- END EXTRA LINKS -->
  372.  
  373. <div class="tags">
  374.  
  375. {block:HasTags}{block:Tags}
  376. <a href="{TagURL}">#{Tag}</a><br />
  377. {/block:Tags}{/block:HasTags}
  378.  
  379. </div> <!-- END TAGS -->
  380. </div> <!-- END PUSH -->
  381.  
  382.  
  383.  
  384. <div class="content">
  385. {block:Text}
  386. {block:Title}
  387. <a href="{Permalink}" class="ttitle">{Title}</a>
  388. {/block:Title}
  389. {Body}
  390. {/block:Text}
  391.  
  392. {block:Photo}
  393. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Photo}
  396.  
  397. {block:Photoset}
  398. {Photoset-500}
  399. {block:Caption}{Caption}{/block:Caption}
  400. {/block:Photoset}
  401.  
  402. {block:Quote}
  403. <div class="ttitle">{Quote}</div><p>
  404. {block:Source}- {Source}{/block:Source}
  405. {/block:Quote}
  406.  
  407. {block:Link}
  408. <a href="{URL}" target="{Target}" class="ttitle"> {Name} →</a>
  409. {block:Description} {Description} {/block:Description}
  410. {/block:Link}
  411.  
  412. {block:Chat}
  413. {block:Title} {Title} {/block:Title}
  414. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  415.  
  416. {/block:Lines}
  417. {/block:Chat}
  418.  
  419.  
  420. {block:Audio}
  421. {block:AlbumArt}
  422. <div class="album"><img src="{AlbumArtURL}"></div>
  423. {/block:AlbumArt}
  424. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  425. <div class="acap"><div class="acapp">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
  426. {block:Caption}{Caption}{/block:Caption}
  427. {/block:Audio}<BR>
  428.  
  429.  
  430. {block:Video}
  431. {Video-500}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:Video}
  434.  
  435. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}" style="border-radius:10px;-moz-border-radius:10px;"> {Asker}: {Question}</div></div><div id="ans">{Answer}</div>{/block:answer}
  436.  
  437. <div class="info">
  438. {block:Date}posted {TimeAgo}{/block:Date}
  439. {block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount}</a>
  440. </div> <!--END INFO -->
  441.  
  442. {block:PermalinkPage}
  443.  
  444. {block:PostNotes}
  445. {PostNotes}
  446. {/block:PostNotes}
  447. {/block:PermalinkPage}
  448.  
  449.  
  450.  
  451. </div> <!-- END CONTENT -->
  452.  
  453. {/block:Posts}
  454. </div> <!-- END CONTENT WHOLE -->
  455.  
  456. <div style="position:fixed;bottom:2px; right:3px; font-size:10px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://anacresta.tumblr.com/">AC</a></center></div>
  457.  
  458. </body>
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!