API tools faq
paste
Advertisement
befuddlement

eighth theme

befuddlement
May 2nd, 2013
12,836
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.48 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. <head>
  4.  
  5. <!--- obligatory theft warning:if you steal this theme i will send a llama to eat you. please don’t remove the credit. theme by hannah at athlstan.tumblr.com --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:text" content="#999999"/>
  13. <meta name="color:link" content="#bdbdbd"/>
  14. <meta name="color:link hover" content="#000000"/>
  15. <meta name="color:link2" content="#a4a4a4"/>
  16. <meta name="color:link2 hover" content="999999"/>
  17. <meta name="color:border" content="#f8f8f8"/>
  18. <meta name="color:sidetext" content="8f8f8f"/>
  19. <meta name="color:bold" content="#000000"/>
  20. <meta name="color:scroll" content="eeeeee"/>
  21.  
  22. <meta name="image:lsidebar" content=""/>
  23.  
  24. <meta name="if:400px posts" content="0" />
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="home" />
  28. <meta name="text:Link2" content="/ask" />
  29. <meta name="text:Link2 Title" content="ask" />
  30. <meta name="text:Link3" content="" />
  31. <meta name="text:Link3 Title" content="" />
  32. <meta name="text:Link4" content="" />
  33. <meta name="text:Link4 Title" content="" />
  34. <meta name="text:Link5" content="" />
  35. <meta name="text:Link5 Title" content="" />
  36.  
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  39.  
  40. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  41. <style>
  42. div#qTip {
  43. padding: 4px;
  44. border-right-width: 2px;
  45. border-bottom-width: 2px;
  46. display: none;
  47. font: 8px cambria;
  48. text-align: left;
  49. position: absolute;
  50. margin-top:7px;
  51. z-index: 1000;
  52. background: #ffffff;
  53. color:{color:text};
  54. border-radius: 1px;
  55. text-transform:uppercase;
  56. letter-spacing: 1px;
  57. }
  58. </style>
  59.  
  60. <script type="text/javascript"
  61. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  62.  
  63. <style type="text/css">
  64.  
  65. /*--- S C R O L L B A R ---*/
  66.  
  67. ::-webkit-scrollbar, ::-webkit-scrollbar-corner{background-color:#ffffff;width:5px;height:5px;}
  68. ::-webkit-scrollbar-thumb{background:{color:scroll};}
  69.  
  70. /*--- B A S E ---*/
  71.  
  72. body {
  73. margin-top:0px;
  74. color:{color:text};
  75. font-family: baskerville;
  76. font-size:10px;
  77. line-height:110%;
  78. }
  79.  
  80. a:link, a:visited, a:active {
  81. color: {color:link};
  82. text-decoration: none;
  83. font-weight: normal;
  84. -webkit-transition: opacity 0.7s linear;
  85. opacity: 0.7s;
  86. -webkit-transition: all 0.6s ease-out;
  87. -moz-transition: all 0.6s ease-out;
  88. transition: all 0.6s ease-out;
  89. }
  90.  
  91. a:hover {
  92. color: {color:link hover};
  93. text-decoration: none;
  94. font-weight: normal;
  95. -webkit-transition: opacity 0.7s linear;
  96. opacity: 0.7s;
  97. -webkit-transition: all 0.6s ease-out;
  98. -moz-transition: all 0.6s ease-out;
  99. transition: all 0.6s ease-out;
  100. }
  101.  
  102. b {
  103. color:{color:bold};
  104. }
  105.  
  106. h1 {
  107. font-size:10px;
  108. letter-spacing:3px;
  109. line-height:170%;
  110. text-transform:lowercase;
  111. font-style:normal;
  112. font-weight:normal;
  113. }
  114.  
  115. h2 {
  116. font-size:10px;
  117. line-height:130%;
  118. text-shadow:#eeeeee 0px 1px 1px;
  119. letter-spacing:2px;
  120. padding-left:10px;
  121. padding-right:10px;
  122. text-transform:lowercase;
  123. font-style:italic;
  124. font-weight:normal;
  125. text-align:justify;
  126. }
  127.  
  128. {block:IfNot400pxPosts}
  129. h3 {
  130. font-family:cambria;
  131. font-size:8px;
  132. line-height:130%;
  133. text-shadow:#eeeeee 0px 1px 1px;
  134. letter-spacing:2px;
  135. padding-left:10px;
  136. padding-right:10px;
  137. text-transform:uppercase;
  138. font-weight:normal;
  139. background-color:#f8f8f8;
  140. padding:6px 5px;
  141. margin-top:0px;
  142. margin-left:41px;
  143. width:448px;
  144. min-height:30px;
  145. }
  146. {/block:IfNot400pxPosts}
  147.  
  148.  
  149. {block:If400pxPosts}
  150. h3 {
  151. font-family:cambria;
  152. font-size:8px;
  153. line-height:130%;
  154. text-shadow:#eeeeee 0px 1px 1px;
  155. letter-spacing:2px;
  156. padding-left:10px;
  157. padding-right:10px;
  158. text-transform:uppercase;
  159. font-weight:normal;
  160. background-color:#f8f8f8;
  161. padding:6px 5px;
  162. margin-top:0px;
  163. margin-left:41px;
  164. width:348px;
  165. min-height:30px;
  166. }
  167. {/block:If400pxPosts}
  168.  
  169. {block:IfNot400pxPosts}
  170. blockquote {
  171. padding:0px 10px 0px 5px;
  172. margin-left:5px;
  173. width:475px;
  174. overflow:hidden;
  175. border-left: 1px solid #f8f8f8;
  176. }
  177. {/block:IfNot400pxPosts}
  178.  
  179. {block:If400pxPosts}
  180. blockquote {
  181. padding:0px 10px 0px 5px;
  182. margin-left:5px;
  183. width:375px;
  184. overflow:hidden;
  185. border-left: 1px solid #f8f8f8;
  186. }
  187. {/block:If400pxPosts}
  188.  
  189. /*--- S I D E ---*/
  190.  
  191. #sidebar {
  192. position:fixed;
  193. margin-top:130px;
  194. }
  195.  
  196. #side {
  197. margin-left:200px;
  198. padding:10px 10px 15px 10px;
  199. }
  200.  
  201. #lsidebar {
  202. width:100px;
  203.  
  204. }
  205.  
  206. #lsidebar img {
  207. width: 120px;
  208. padding:10px;
  209. border:1px solid {color:border};
  210. -webkit-transition: opacity 0.7s linear;
  211. opacity: 0.7s;
  212. -webkit-transition: all 0.6s ease-out;
  213. -moz-transition: all 0.6s ease-out;
  214. transition: all 0.6s ease-out
  215. }
  216.  
  217. #lsidebar img:hover {
  218. opacity:.9;
  219. -webkit-transition: opacity 0.7s linear;
  220. opacity: 0.7s;
  221. -webkit-transition: all 0.6s ease-out;
  222. -moz-transition: all 0.6s ease-out;
  223. transition: all 0.6s ease-out;
  224. }
  225.  
  226.  
  227. /*--- D E S C R I P T I O N ---*/
  228.  
  229. #desc {
  230. width:111px;
  231. margin-top:7px;
  232. margin-left:-5px;
  233. font-size:8.5px;
  234. font-family:georgia;
  235. font-style:italic;
  236. text-align:justify;
  237. color:{color:sidetext};
  238. border-top:1px solid #f8f8f8;
  239. border-bottom:1px solid #f8f8f8;
  240. background-image:url('http://static.tumblr.com/sqlgzwf/A3mmm55tr/bright_lace.jpg');
  241. text-transform:lowercase;
  242. padding:7px 20px;
  243. }
  244.  
  245.  
  246.  
  247. /*--- N A V I G A T I O N ---*/
  248.  
  249. #sidelink {
  250. text-align:center;
  251. margin-left:5px;
  252. margin-top:7px;
  253. }
  254.  
  255. #sidelink a {
  256. padding:3px;
  257. font-family:cambria;
  258. line-height:8px;
  259. font-size:7.5px;
  260. color:{color:link2};
  261. letter-spacing: 2px;
  262. text-align:center;
  263. text-transform: uppercase;
  264. -webkit-transition: opacity 0.7s linear;
  265. opacity: 0.7s;
  266. -webkit-transition: all 0.6s linear;
  267. -moz-transition: all 0.6s linear;
  268. transition: all 0.6s linear}
  269.  
  270. #sidelink a:hover {
  271. text-transform:lowercase;
  272. font-size:9px;
  273. color:#131313;
  274. -webkit-transition: opacity 0.7s linear;
  275. opacity: 0.7s;
  276. -webkit-transition: all 0.6s linear;
  277. -moz-transition: all 0.6s linear;
  278. transition: all 0.6s linear;
  279. }
  280.  
  281. /*--- P A G I N A T I O N ---*/
  282.  
  283. #pagination {
  284. {block:IfNot400pxPosts}width:500px;{/block:IfNot400pxPosts}
  285. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  286. margin-left:220px;
  287. padding-top:10px;
  288. height:20px;
  289. text-align:center;
  290. background-color:#ffffff;
  291. font-size:20px;
  292. bottom:0px;
  293. position:fixed;
  294. -webkit-transition: opacity 0.7s linear;
  295. opacity: 0.7s;
  296. -webkit-transition: all 0.6s linear;
  297. -moz-transition: all 0.6s linear;
  298. transition: all 0.6s linear;
  299. }
  300.  
  301.  
  302. #pagination a:hover {
  303. color:{color:link hover};
  304. }
  305.  
  306. /*--- E N T R I E S ---*/
  307.  
  308. #entries {
  309. {block:IfNot400pxPosts}width:500px;{/block:IfNot400pxPosts}
  310. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  311. top:5px;
  312. text-align:left;
  313. margin-left:420px;
  314. padding-top:50px;
  315. }
  316.  
  317. #post {
  318. {block:IfNot400pxPosts}width:500px;{/block:IfNot400pxPosts}
  319. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  320. margin-bottom:35px;
  321. padding:10px;
  322. border:0px solid {color:border};
  323. }
  324.  
  325. /*--- I N F O ---*/
  326.  
  327. .info {
  328. color:{color:link2};
  329. background-image:url('http://static.tumblr.com/sqlgzwf/A3mmm55tr/bright_lace.jpg');
  330. border-top:1px solid #f8f8f8;
  331. border-bottom:1px solid #f8f8f8;
  332. margin-top:3px;
  333. {block:IfNot400pxPosts}width:495px;{/block:IfNot400pxPosts}
  334. {block:If400pxPosts}width:395px;{/block:If400pxPosts}
  335. font-family:cambria, georgia;
  336. font-size:8px;
  337. margin-left:-1px;
  338. text-transform:uppercase;
  339. text-align:center;
  340. padding: 1px 3px 2px 3px;
  341. line-height:12px;
  342. height:12px;
  343. letter-spacing: 1px;
  344. -webkit-transition: opacity 0.7s linear;
  345. opacity: 0.7s;
  346. -webkit-transition: all 0.6s ease-out;
  347. -moz-transition: all 0.6s ease-out;
  348. transition: all 0.6s ease-out;
  349. }
  350.  
  351. .info a:link {
  352. color:{color:link2};
  353. padding:3px;
  354. }
  355.  
  356. .info a:hover {
  357. color:{color:link2 hover};
  358. background-color:{color:border};
  359. -webkit-transition: opacity 0.7s linear;
  360. opacity: 0.7s;
  361. -webkit-transition: all 0.6s ease-out;
  362. -moz-transition: all 0.6s ease-out;
  363. transition: all 0.6s ease-out;
  364. }
  365.  
  366.  
  367.  
  368. /*--- T A G S ---*/
  369.  
  370.  
  371. .tags {
  372. color:{color:link}
  373. margin-bottom: 10px;
  374. font-size: 9px;
  375. font-family:cambria, georgia;
  376. font-style: italic;
  377. text-align:center;
  378. line-height:10px;
  379. text-transform:lowercase;
  380. padding:4px;
  381. -webkit-transition: opacity 0.7s linear;
  382. opacity: 0.7s;
  383. -webkit-transition: all 0.6s ease-in;
  384. -moz-transition: all 0.6s ease-in;
  385. transition: all 0.6s ease-in;
  386.  
  387. .tags a {
  388. padding-:2px;
  389. }
  390.  
  391. .tags a:hover {
  392. color: {color:linkhover}
  393. letter-spacing:1px;
  394. -webkit-transition: opacity 0.7s linear;
  395. opacity: 0.7s;
  396. -webkit-transition: all 0.6s ease-in;
  397. -moz-transition: all 0.6s ease-in;
  398. transition: all 0.6s ease-in;
  399. }
  400.  
  401.  
  402. /*--- C R E D I T ---*/
  403.  
  404. .credit a {
  405. padding:5px;
  406. color:{color:link};
  407. background-color:#000000;
  408. border:1px solid #000000;
  409. -webkit-transition: opacity 0.7s linear;
  410. opacity: 0.7s;
  411. -webkit-transition: all 0.6s ease-in;
  412. -moz-transition: all 0.6s ease-in;
  413. transition: all 0.6s ease-in;
  414. }
  415.  
  416. .credit a:hover {
  417. background-color:{color:sidelinkshov};}
  418. border:1px solid #131313;
  419. }
  420.  
  421. /*--- O T H E R ---*/
  422.  
  423. #ask {
  424. float:left;
  425. margin-right:5px;
  426. }
  427.  
  428.  
  429. .qsource {
  430. text-align:right;
  431. }
  432.  
  433.  
  434. .playerbutton {
  435. width:20px;
  436. height:20px;
  437. overflow:hidden;
  438. }
  439.  
  440.  
  441. .player {
  442. opacity:.5;
  443. padding:0px 5px 5px 0px;
  444. margin-top:23px;
  445. margin-left:53px;
  446. background-color: #ffffff;
  447. position: absolute;
  448. z-index: 1000;
  449. }
  450.  
  451.  
  452. .audio{
  453. position:absolute;
  454. width:20px;
  455. height:20px;
  456. }
  457.  
  458.  
  459. .albumcover{
  460. width:50px;
  461. height:50px;
  462. position:absolute;
  463. margin-left:30px;
  464. padding:10px;
  465. border:1px solid #f2f2f2;
  466. background-color:#ffffff;
  467. }
  468.  
  469.  
  470. .albumcover img{
  471. float:left;
  472. opacity:1;
  473. width:50px;
  474. }
  475.  
  476.  
  477. .audioinfo{
  478. {block:IfNot400pxPosts}width:450px;{/block:IfNot400pxPosts}
  479. {block:If400pxPosts}width:350px;{/block:If400pxPosts}
  480. background-color:#f8f8f8;
  481. height: 40px;
  482. margin-top:17px;
  483. display:block;
  484. text-align: left;
  485. padding-left: 50px;
  486. }
  487.  
  488. .text {
  489. {block:IfNot400pxPosts}max-width:500px;{/block:IfNot400pxPosts}
  490. {block:If400pxPosts}max-width:400px;{/block:If400pxPosts}
  491. overflow:hidden;}
  492.  
  493. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; text-transform: normal;text-align: left; font-style: normal;}
  494.  
  495. ol.notes li.note {padding: 3px;}
  496.  
  497. ol.notes li.note img.avatar {vertical-align: -6px; margin-left:21px; margin-right: 10px; width: 18px; height: 18px; padding:5px; border:1px solid {color:border};}
  498.  
  499. ol.notes li.note span.action {font-style: normal;}
  500.  
  501. ol.notes li.note .answer_content {font-weight: normal;}
  502.  
  503. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  504.  
  505. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  506.  
  507.  
  508.  
  509.  
  510. {CustomCSS}</style>
  511.  
  512.  
  513. </head><body>
  514.  
  515. </div></div>
  516.  
  517.  
  518.  
  519. <div id="sidebar">
  520. <div id="side">
  521.  
  522.  
  523. </br>
  524. <div id="lsidebar">
  525.  
  526. <a href="/"><img src="{image:lsidebar}" /></a>
  527.  
  528. </div>
  529.  
  530. <div id="sidelink">
  531. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">i.</a>{/block:ifLink1}
  532. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">ii</a>{/block:ifLink2}
  533. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">iii.</a>{/block:ifLink3}
  534. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">iv.</a>{/block:ifLink4}
  535. {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">v.</a>{/block:ifLink5}
  536. </div>
  537.  
  538. <div id="desc">
  539. {Description}
  540. </div>
  541.  
  542. <div id="pagination">
  543. {block:Pagination}<div class="pagination">
  544. {block:PreviousPage}<a href="{PreviousPage}"><big>↚</big></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  545. {block:NextPage}<a href="{NextPage}"><big>↛</big></a> {/block:NextPage}
  546. </div>{/block:Pagination}
  547. </div>
  548. </div>
  549.  
  550.  
  551.  
  552. </div>
  553. </br>
  554.  
  555.  
  556.  
  557. </div>
  558.  
  559.  
  560. <div id="entries">{block:Posts}<div id="post">
  561. {block:ContentSource}
  562. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  563. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  564. {/block:SourceLogo}
  565. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  566. {/block:ContentSource}
  567.  
  568. {block:Text}<h1><center>{block:Title}{Title}{/block:Title}</center></h1>{Body}{/block:Text}
  569.  
  570. {block:IfNot400pxPosts}{block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" border="0" ></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IfNot400pxPosts}
  571.  
  572. {block:If400pxPosts}{block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="400px" border="0" ></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:If400pxPosts}
  573.  
  574. {block:IfNot400pxPosts}{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IfNot400pxPosts}
  575.  
  576.  
  577. {block:If400pxPosts}{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:If400pxPosts}
  578.  
  579. {block:Quote}<h2>"{Quote}"</h2>
  580. {block:Source}<div class="qsource"> —{Source}</div>{/block:Source}{/block:Quote}
  581.  
  582. {block:Link}<h1><center><a href="{URL}" {Target}>{Name} →</a></center></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  583.  
  584. {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}<div style="line-height:14.5px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  585.  
  586. {block:Audio}
  587. <div class="audio">
  588. <div class="player"><div class="playerbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  589. <div class="albumcover"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="albumcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  590. <div class="audioinfo">
  591. </div><br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  592.  
  593. {block:Video}
  594. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  595. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  596. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  597.  
  598. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="padding:5px;border:1px solid #f2f2f2; width:30px;"></div><h3><b>{Asker} asked:</b> {Question}</h3>{Answer}{/block:Answer}
  599.  
  600.  
  601. <div class="info">{block:Date}posted <a href="{Permalink}">{ShortMonth} {DayofMonth}</a> {/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>/<a href="{ReblogRootURL}">origin</a>{/block:RebloggedFrom} {block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}</div>
  602. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}{/block:HasTags}
  603. </div>
  604. </div>
  605.  
  606.  
  607.  
  608.  
  609. {block:PostNotes}{PostNotes}{/block:PostNotes}
  610. {/block:Posts}
  611.  
  612. <div style="text-align:right; position:fixed; bottom:15px; right:15px;"><div class="credit"><a href="http://athlstan.tumblr.com/">TH</a></div></div>
  613.  
  614.  
  615.  
  616. </div>
  617.  
  618. </body></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!