API tools faq
paste
Advertisement
jaceherondaling

Theme #3

jaceherondaling
Apr 20th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.66 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. _______________________________________________________________________
  3.  
  4. ► THEME MADE BY ANA @ ANACRESTA.TUMBLR.COM
  5.  
  6. [THEME #3]
  7. If you have any questions, message me for help.
  8.  
  9. DO NOT STEAL
  10. - DO NOT REDISTRIBUTE
  11. - DO NOT REMOVE CREDIT
  12. - DO NOT USE AS A BASE CODE
  13. (and all this stuff)
  14. Thanks :)
  15. _______________________________________________________________________
  16. -->
  17.  
  18.  
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31. <meta name="color:blockquote" content="#333333" />
  32. <meta name="color:background" content="#ffffff" />
  33. <meta name="color:link hover" content="#7d7d7d" />
  34. <meta name="color:link" content="#213f52" />
  35. <meta name="color:text" content="#000000" />
  36. <meta name="color:info bg" content="#e7f2f7" />
  37. <meta name="color:info border" content="#97c5e0" />
  38. <meta name="color:header background" content="#ffffff" />
  39. <meta name="color:header border" content="#222222" />
  40. <meta name="color:ask background" content="#f1f1f1" />
  41.  
  42. <meta name="image:background" content="" />
  43. <meta name="image:header" content="" />
  44. <meta name="image:sidebar" content="" />
  45.  
  46. <meta name="if:FadingImages" content="0"/>
  47. <meta name="if:BlackNavigation" content="0"/>
  48. <meta name="if:SidebarImageBorder" content="0"/>
  49. <meta name="if:RoundSidebar" content="0"/>
  50.  
  51. <meta name="text:Link1URL" content=""/>
  52. <meta name="text:Link2URL" content=""/>
  53. <meta name="text:Link3URL" content=""/>
  54. <meta name="text:Link4URL" content=""/>
  55. <meta name="text:Link1" content="Link 1"/>
  56. <meta name="text:Link2" content="Link 2"/>
  57. <meta name="text:Link3" content="Link 3"/>
  58. <meta name="text:Link4" content="Link 4"/>
  59.  
  60. <meta name="text:Header Title" content="Your header title goes here." />
  61.  
  62. </head>
  63. <style>
  64. body {
  65. background:url({image:background}) {color:background};
  66. padding:0px;
  67. margin:0px;
  68. font-family:Arial, Helvetica, sans-serif;
  69. color:{color:first color};
  70. font-size:12px;
  71. }
  72.  
  73. a {
  74. color:{color:link};
  75. text-decoration:none;
  76. -webkit-transition: all 0.5s ease-in-out;
  77. -moz-transition: all 0.5s ease-in-out;
  78. -o-transition: all 0.5s ease-in-out;
  79. transition: all 0.5s ease-in-out;
  80. }
  81.  
  82. a:hover {
  83. color:{color:link hover};
  84. }
  85.  
  86. blockquote {
  87. border-left:5px solid {color:blockquote};
  88. padding-left:5px;
  89. }
  90.  
  91. header {
  92. background:{color:header background};
  93. display:block;
  94. text-align:center;
  95. height:200px;
  96. border-bottom:5px solid {color:header border} ;
  97. }
  98.  
  99. header img {
  100. display:block;
  101. margin:0px;
  102. max-width:100%;
  103. height:200px;
  104. }
  105.  
  106. #htitle {position:absolute; width:1000px; text-align:left; top:160px; font-family:'Satisfy', serif; font-size:50px; color:{color:header border}; letter-spacing:-1px; word-spacing:1px; height:41px; overflow:hidden; line-height:50px; margin-left:20px;}
  107.  
  108. /*fading images */
  109. {block:ifFadingImages}
  110. #content img, .html_photoset {
  111. opacity:.7;
  112. -webkit-transition: all 0.5s ease-in-out;
  113. -moz-transition: all 0.5s ease-in-out;
  114. -o-transition: all 0.5s ease-in-out;
  115. transition: all 0.5s ease-in-out;
  116. }
  117.  
  118. #content img:hover, .html_photoset:hover {
  119. opacity:1;
  120. }
  121.  
  122. #content img, .html_photo {
  123. opacity:.7;
  124. -webkit-transition: all 0.5s ease-in-out;
  125. -moz-transition: all 0.5s ease-in-out;
  126. -o-transition: all 0.5s ease-in-out;
  127. transition: all 0.5s ease-in-out;
  128. }
  129.  
  130. #content img:hover, .html_photo:hover {
  131. opacity:1;
  132. }
  133. {/block:ifFadingImages}
  134.  
  135.  
  136. #wrap {
  137. margin: auto;
  138. width: 860px;
  139. height: auto;
  140. display: inline-block;
  141. padding: 20px;
  142. background-color: {color:background};
  143. margin-top: 3px;
  144. }
  145.  
  146.  
  147. h1 {
  148. font-family:'Satisfy', serif;
  149. text-align:center;
  150. font-size:20px;
  151. font-weight:lighter;
  152. letter-spacing:0px;
  153. line-height:16px;
  154. }
  155.  
  156. h2 {
  157. font-family:'Satisfy', serif;
  158. padding:5px;
  159. font-size:20px;
  160. font-weight:lighter;
  161. letter-spacing:0px;
  162. color:{color:Link};
  163. }
  164.  
  165. h3 {
  166. padding:3px;
  167. text-indent:9px;
  168. font-family:'Satisfy';
  169. font-size:20px;
  170. text-transform:none;
  171. letter-spacing:0px;
  172. font-weight:normal;
  173. padding-top:3px;
  174. line-height:110%;
  175. }
  176.  
  177. #sidebar {
  178. position:fixed;
  179. top:80px;
  180. left:100px;
  181. width:190px;
  182. padding:5px;
  183. margin-top:130px;
  184. }
  185.  
  186. #sidebar img {
  187. width:190px;
  188. text-align:center;
  189. {block:ifSidebarImageBorder}border:3px solid {color:header border};{/block:ifSidebarImageBorder}
  190. {block:ifRoundSidebar}border-radius:100%;{/block:ifRoundSidebar}
  191. }
  192.  
  193. #description {
  194. padding:10px;
  195. color:{color:text};
  196. font-size:9px;
  197. text-align:justify;
  198. font-family:{font:Body};
  199. }
  200.  
  201. #pagination {
  202. background:black;
  203. color:white;
  204. text-align:center;
  205. }
  206.  
  207.  
  208.  
  209.  
  210. #entries {
  211. font-size:10px;
  212. margin-left:10px;
  213. margin-top:5px;
  214. float: right;
  215. text-align: justify;
  216. }
  217.  
  218. #post {
  219. font-size:10px;
  220. padding: 5px;
  221. margin-bottom:30px;
  222. width: 500px;
  223. color:{color:Body};
  224. text-align: left;
  225. overflow:hidden;
  226. }
  227.  
  228. .info {
  229. height:15px;
  230. float:center;
  231. padding-top:4px;
  232. margin-top:10px;
  233. opacity:0.8;
  234. text-align:center;
  235. font-size:8px;
  236. font-family:arial;
  237. letter-spacing:1px;
  238. background-color: {color:Info BG};
  239. background-image:url('{image:Info BG}');
  240. color:{color:Link};
  241. border-top: 1px solid {color:Info Border};
  242. width: 500px;
  243. text-transform:uppercase;
  244. transition-duration: 0.6s;
  245. -moz-transition-duration: 0.6s;
  246. -webkit-transition-duration: 0.6s;
  247. -o-transition-duration: 0.6s; }
  248.  
  249. .info a {
  250. font-size:7px; }
  251.  
  252. .info:hover {
  253. opacity:1.0;
  254. transition-duration: 0.6s;
  255. -moz-transition-duration: 0.6s;
  256. -webkit-transition-duration: 0.6s;
  257. -o-transition-duration: 0.6s; }
  258.  
  259.  
  260. /*TAGS*/
  261. #tags {
  262. text-transform:lowercase;
  263. font-size:9px;
  264. text-align:left;
  265. padding-top:10px;
  266. line-height:150%;
  267. opacity:0;
  268. -webkit-transition:all .5s ease-in-out;
  269. -moz-transition:all .5s ease-in-out;
  270. transition:all .5s ease-in-out;
  271. }
  272.  
  273. #post:hover #tags {
  274. opacity:1;
  275. -webkit-transition:all 1s ease-in-out;
  276. -moz-transition:all 1s ease-in-out;
  277. transition:all 1s ease-in-out;
  278. }
  279.  
  280.  
  281.  
  282.  
  283. .album {position:absolute; width:100px; height:100px;}
  284. .album img {width:100px; height:100px;}
  285. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px;}
  286. .audio b, i {color:{color:text};}
  287. .aplay {overflow:hidden; width:27px; height:80px; opacity:1; padding-top:40px; padding-left:35px; }
  288. .acap {height:100px; }
  289. .acapp {text-align:right; margin-left:100px; padding-top:35px; width:400px; background-color:{color:background}; color:{color:text}; height:65px;}
  290. .acapp b, i {color:{color:text};}
  291.  
  292.  
  293.  
  294. .ask {
  295. padding:5px;
  296. background:{color:Ask background};
  297. }
  298.  
  299.  
  300. #credit a{
  301. position:fixed;
  302. right:3px;
  303. bottom:3px;
  304. padding:4px;
  305. background:white;
  306. font-size:11px;
  307. color:black;
  308. -moz-transition-duration:1s;
  309. -webkit-transition-duration:1s;
  310. -o-transition-duration:1s;
  311. }
  312.  
  313. #credit a:hover {
  314. opacity:1;
  315. color:white;
  316. background:black;
  317. -moz-transition-duration:1s;
  318. -webkit-transition-duration:1s;
  319. -o-transition-duration:1s;
  320. }
  321.  
  322.  
  323. </style>
  324. <body>
  325.  
  326. <!-- header -->
  327. <header>
  328. <center>
  329. <!-- header image -->
  330. <img src="{image:header}" />
  331. </center>
  332. <div id="htitle">{text:Header Title}</div>
  333. </header>
  334.  
  335. <div id="wrap">
  336. <div id="sidebar">
  337. <a href="/"><img src="{image:Sidebar}"/></a>
  338. <br><br>
  339.  
  340. {block:ifnotBlackNavigation}<center>
  341. <FORM>
  342. <SELECT NAME=categories
  343. onchange="location.href=(form.categories.options[form.categories.selectedIndex].value)"
  344. STYLE="font-family: arial; font-size:8pt; color: #000000; border: 1px solid #000000; background: #ffffff; padding:1px; width: 180px;">
  345. <option value="/">Navigation</option><br />
  346. <option value="/">Home</option><br>
  347. <option value="/ask">Message</option><br>
  348. {block:IfLink1}<option value="{text:Link1URL}">{text:Link1}</option><br>{/block:IfLink1}
  349. {block:IfLink2}<option value="{text:Link2URL}">{text:Link2}</option><br>{/block:IfLink2}
  350. {block:IfLink3}<option value="{text:Link3URL}">{text:Link3}</option><br>{/block:IfLink3}
  351. {block:IfLink4}<option value="{text:Link4URL}">{text:Link4}</option><br>{/block:IfLink4}
  352. </SELECT>
  353. </FORM>
  354. </center>{/block:ifnotBlackNavigation}
  355.  
  356. {block:ifBlackNavigation}<center>
  357. <FORM>
  358. <SELECT NAME=categories
  359. onchange="location.href=(form.categories.options[form.categories.selectedIndex].value)"
  360. STYLE="font-family: arial; font-size:8pt; color: #ffffff; border: 1px solid #ffffff; background: #000000; padding:1px; width: 180px;">
  361. <option value="/">Navigation</option><br />
  362. <option value="/">Home</option><br>
  363. <option value="/ask">Message</option><br>
  364. {block:IfLink1}<option value="{text:Link1URL}">{text:Link1}</option><br>{/block:IfLink1}
  365. {block:IfLink2}<option value="{text:Link2URL}">{text:Link2}</option><br>{/block:IfLink2}
  366. {block:IfLink3}<option value="{text:Link3URL}">{text:Link3}</option><br>{/block:IfLink3}
  367. {block:IfLink4}<option value="{text:Link4URL}">{text:Link4}</option><br>{/block:IfLink4}
  368. </SELECT>
  369. </FORM>
  370. </center>{/block:ifBlackNavigation}
  371.  
  372.  
  373. <div id="description">
  374. {block:Description}{Description}{/block:Description}
  375. </div>
  376.  
  377. <center>
  378. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} // {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</center>
  379.  
  380.  
  381. </div>
  382.  
  383. <div id="entries">
  384. {block:Posts}
  385. <div id="post">
  386.  
  387. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  388.  
  389. {block:Quote}<h3>“{Quote}” </h3>
  390. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  391.  
  392. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name} →</h2></a>
  393. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  394.  
  395. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  396. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  397.  
  398. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  399. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  400.  
  401.  
  402.  
  403. {block:Audio}
  404. {block:AlbumArt}
  405. <div class="album"><img src="{AlbumArtURL}"></div>
  406. {/block:AlbumArt}
  407. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  408. <div class="acap"><div class="acapp"><span style="font-family:'Satisfy', serif; font-weight:lighter; font-size:18px;">{block:TrackName}<b><font size="4">{TrackName}</font></b></span>{/block:TrackName}{block:Artist}<br><b>Artist: </b><i>{Artist}</i>{/block:Artist}{block:Album}<br><b>Album: </b><i>{Album}</i>{/block:Album}</div></div>
  409. {block:Caption}{Caption}{/block:Caption}
  410. {/block:Audio}<BR>
  411.  
  412. {block:Answer}
  413. <div class="ask">
  414. <b><i>{Asker}</i> asked:</b> {question}
  415. </div>
  416. {Answer}
  417. {/block:Answer}
  418.  
  419.  
  420. <div class="info">
  421. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  422. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">source</a>{block:ContentSource}){/block:RebloggedFrom}<br></div>
  423.  
  424. <div id="tags">
  425. {block:HasTags}{block:Tags}#&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  426.  
  427.  
  428. </div>
  429. {/block:Posts}
  430.  
  431. {block:PostNotes}{PostNotes}{/block:PostNotes}
  432.  
  433. </div>
  434. </div>
  435.  
  436. <div id="credit"><a href="http://anacresta.tumblr.com">AC</a></div>
  437.  
  438. </body>
  439. </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!