API tools faq
paste
Advertisement
hellmouths

THEME #011: HUNTRESS

hellmouths
Mar 1st, 2013
6,017
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by hellmouths (tumblr)
  4. don't steal, restribute or copy
  5.  
  6. -->
  7.  
  8.  
  9. <html>
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  15.  
  16. <!-- IMAGES -->
  17. <meta name="image:sidebar" content="">
  18. <meta name="image:background" content="">
  19.  
  20. <!-- CUSTOM COLORS -->
  21. <meta name="color: background" content="#ffffff">
  22. <meta name="color: text" content="#414141">
  23. <meta name="color: link" content="#818181">
  24. <meta name="color: hover" content="#000000">
  25. <meta name="color: scrollbar" content="#d5d5d5">
  26. <meta name="color: border" content="#f0f0f0">
  27. <meta name="color: sidebar" content="#000000">
  28. <meta name="color: description" content="#ffffff">
  29. <meta name="color: menu background" content="#161616">
  30. <meta name="color: menu link border" content="#ffffff">
  31. <meta name="color: blog title" content="#000000">
  32. <meta name="color: post date" content="#555555">
  33. <meta name="color: description" content="#ffffff">
  34. <meta name="color: pagination" content="#000000">
  35.  
  36. <!-- BLOCKS -->
  37. <meta name="if:Hover Posts for Info" content="1">
  38. <meta name="if:Hover Sidebar for Description" content="1">
  39. <meta name="if:Display Tags Under Post" content="0">
  40. <meta name="if:Display Tags Next to Post" content="1">
  41.  
  42. <meta name="if:Show Link 1" content="1">
  43. <meta name="if:Show Link 2" content="1">
  44. <meta name="if:Show Link 3" content="1">
  45. <meta name="if:Show Link 4" content="1">
  46. <meta name="if:Show Link 5" content="1">
  47. <meta name="if:Show Link 6" content="1">
  48. <meta name="if:Show Link 7" content="1">
  49. <meta name="if:Show Link 8" content="1">
  50. <meta name="if:Show Link 9" content="1">
  51.  
  52. <!-- LINKS -->
  53. <meta name="text:Link 1 URL" content="">
  54. <meta name="text:Link 1" content="">
  55. <meta name="text:Link 2 URL" content="">
  56. <meta name="text:Link 2" content="">
  57. <meta name="text:Link 3 URL" content="">
  58. <meta name="text:Link 3" content="">
  59. <meta name="text:Link 4 URL" content="">
  60. <meta name="text:Link 4" content="">
  61. <meta name="text:Link 5 URL" content="">
  62. <meta name="text:Link 5" content="">
  63. <meta name="text:Link 6 URL" content="">
  64. <meta name="text:Link 6" content="">
  65. <meta name="text:Link 7 URL" content="">
  66. <meta name="text:Link 7" content="">
  67. <meta name="text:Link 8 URL" content="">
  68. <meta name="text:Link 8" content="">
  69. <meta name="text:Link 9 URL" content="">
  70. <meta name="text:Link 9" content="">
  71.  
  72. <!-- FONTS -->
  73. <meta name="text:Main Font" content="Calibri">
  74. <meta name="text: Blog Title Font" content="Playfair Display">
  75. <meta name="text: Post Info Font" content="Playfair Display">
  76. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  77.  
  78.  
  79. </head>
  80. <style>
  81. /* SCROLLBAR */
  82.  
  83. ::-webkit-scrollbar {width:3px; height:auto; background:transparent;}
  84. ::-webkit-scrollbar-corner {background:{color: scrollbar};}
  85. ::-webkit-scrollbar-thumb:vertical {background:{color: scrollbar};}
  86. ::-webkit-scrollbar-thumb:horizontal {background:{color: scrollbar};}
  87.  
  88.  
  89.  
  90.  
  91.  
  92. /* BODY, LINKS, ETC. */
  93.  
  94. body {
  95. background: {color: background} url('{image:background}') repeat;
  96. color: {color: text};
  97. font-family: {text:Main Font};
  98. font-size:10px; }
  99.  
  100. a {
  101. color: {color: link};
  102. text-decoration: none;
  103. -webkit-transition: all 0.2s ease-out;
  104. -o-transition: all 0.2s ease-out;
  105. -webkit-transition: all 0.2s ease-out;
  106. -moz-transition: all 0.2s ease-out;}
  107.  
  108. a:hover {
  109. color: {color: hover};
  110. -webkit-transition: all 0.2s ease-out;
  111. -o-transition: all 0.2s ease-out;
  112. -webkit-transition: all 0.2s ease-out;
  113. -moz-transition: all 0.2s ease-out;}
  114.  
  115.  
  116. blockquote {
  117. margin-left:10px;
  118. font-style:italic;
  119. padding-left:10px;
  120. border-left:6px solid {color: border}; }
  121.  
  122. small { font-size:10px; }
  123.  
  124.  
  125. #wrap {
  126. width:760px;
  127. margin:auto 60% auto 15%;
  128. float:center;
  129. }
  130.  
  131.  
  132.  
  133. /* SIDEBAR, SIDEBAR IMAGE + DESCRIPTION */
  134.  
  135. #sidebar {
  136. width:auto;
  137. float:left;
  138. position:fixed;
  139. margin-top:-10px;
  140. height:400px;
  141. background-color: {color:sidebar};
  142. }
  143.  
  144.  
  145.  
  146. #simage {
  147. margin:auto;
  148. float:center; }
  149.  
  150.  
  151. #simage img {
  152. width:200px;
  153. height:auto; }
  154.  
  155.  
  156.  
  157.  
  158. #desc {
  159. position:absolute;
  160. font-style:italic;
  161. padding:15px 15px;
  162. width:130px;
  163. margin:20px;
  164. margin-top:200px;
  165. height:90px;
  166. text-align: justify;
  167. {block:ifHoverSidebarforDescription}opacity:0;
  168. {/block:ifHoverSidebarforDescription}
  169. overflow:auto;
  170. background-color: {color: description};
  171. -webkit-transition: all 0.2s ease-out;
  172. -o-transition: all 0.2s ease-out;
  173. -webkit-transition: all 0.2s ease-out;
  174. -moz-transition: all 0.2s ease-out;
  175. }
  176.  
  177.  
  178. #simage:hover #desc {
  179. opacity:1;
  180. -webkit-transition: all 0.2s ease-out;
  181. -o-transition: all 0.2s ease-out;
  182. -webkit-transition: all 0.2s ease-out;
  183. -moz-transition: all 0.2s ease-out; }
  184.  
  185.  
  186. .desc-links {
  187. margin-top:10px;
  188. padding:5px 0px 8px;
  189. text-align:center; }
  190.  
  191. .desc-links a {
  192. padding:2px 7px;
  193. font-size:9px;
  194. color:{color: background};
  195. background-color:{color: menu background}; }
  196.  
  197.  
  198.  
  199. /* TITLE + MAIN LINKS */
  200.  
  201.  
  202. #top {
  203. margin-top:30px;
  204. width:550px;
  205. margin-left:270px;
  206. position:absolute; }
  207.  
  208.  
  209.  
  210. #menu {
  211. text-align: left;
  212. width:400px;
  213. float:left; }
  214.  
  215.  
  216. #menu a {
  217. padding:3px 5px;
  218. margin:0 10px 0 0;
  219. font-size: 7px;
  220. letter-spacing: 1px;
  221. text-transform: uppercase;
  222. border: 3px double transparent;
  223. -webkit-transition: all 0.2s ease-out;
  224. -o-transition: all 0.2s ease-out;
  225. -webkit-transition: all 0.2s ease-out;
  226. -moz-transition: all 0.2s ease-out; }
  227.  
  228.  
  229. #menu a:hover {
  230. color:{color: background};
  231. background-color: {color: menu background};
  232. -webkit-transition: all 0.2s ease-out;
  233. -o-transition: all 0.2s ease-out;
  234. -webkit-transition: all 0.2s ease-out;
  235. -moz-transition: all 0.2s ease-out; }
  236.  
  237.  
  238. #blogtitle {
  239. width:340px;
  240. margin-right:10px;
  241. margin-top:5px;
  242. font-family: 'Playfair Display';
  243. border-bottom:1px solid {color: border};
  244. font-style:italic;
  245. float:left;
  246. text-align: left;
  247. font-size:15px;
  248. color:{color: blog title};
  249. padding-bottom:3px;
  250. margin-bottom: 10px; }
  251.  
  252.  
  253. #blogtitle a { color:{color: blog title}; }
  254. #blogtitle a:hover { color:{color: hover}; }
  255.  
  256.  
  257.  
  258.  
  259. /* POSTS */
  260.  
  261.  
  262. #entry {
  263. float:right;
  264. margin-top:120px;
  265. padding-top:40px; }
  266.  
  267. .post {
  268. width:500px;
  269. background-color:transparent;
  270. margin-bottom:80px;
  271. overflow:hidden; }
  272.  
  273. .post blockquote img {
  274. width:500px;
  275. max-height:400px; }
  276.  
  277. .title {
  278. font-size:15px;
  279. font-family:{text: Blog Title Font};
  280. margin:5px 0 15px 5px;
  281. font-style:italic;
  282. letter-spacing:1px;}
  283.  
  284. .quote {
  285. font-size:14px;
  286. font-style:italic;
  287. text-align:center; }
  288.  
  289. .source {
  290. width:400px;
  291. float:center;
  292. margin:auto;
  293. margin-top:10px;
  294. padding-top:10px;
  295. text-align:center;
  296. border-top:3px double {color: border}; }
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303. /* ASK POSTS */
  304.  
  305.  
  306. .asker {
  307. font-size: 7px;
  308. letter-spacing: 1px;
  309. line-height: 100%;
  310. text-align: center;
  311. text-transform: uppercase;
  312. }
  313.  
  314. .asker a:link, .asker a:active, .asker a:visited {
  315. font-size: 7px;
  316. letter-spacing: 1px;
  317. line-height: 100%;
  318. text-align: center;
  319. text-transform: uppercase;
  320. }
  321.  
  322. .asker a:hover {
  323. font-size: 7px;
  324. letter-spacing: 1px;
  325. line-height: 100%;
  326. text-align: center;
  327. text-transform: uppercase;
  328. }
  329.  
  330. .question {
  331. font-family: {text:Blog Title Font};
  332. font-size: 10px;
  333. font-style:italic;
  334. }
  335.  
  336.  
  337.  
  338.  
  339. /* AUDIO POSTS */
  340.  
  341. .audio {
  342. height:60px;
  343. padding:5px;
  344. margin-bottom:55px; }
  345.  
  346. .audio-album {
  347. position:absolute;
  348. width:110px; }
  349.  
  350. .audio-player {
  351. opacity:0.1;
  352. filter:alpha(opacity=90);
  353. border:30px solid {color: background};
  354. width:25px;
  355. height:25px;
  356. overflow:hidden;
  357. position:absolute;
  358. z-index:2;
  359. margin-left:13px;
  360. margin-top:13px; }
  361.  
  362. .audio-info {
  363. margin-top:-5px;
  364. position:relative;
  365. margin-left:120px;
  366. line-height:180%;
  367. padding:4px; }
  368.  
  369. .audio:hover .audio-player { opacity:0.7; }
  370.  
  371.  
  372.  
  373.  
  374. /* DATE, TAGS, NOTES */
  375.  
  376. .postdate{
  377. font-style:italic;
  378. margin-left:530px;
  379. width:90px;
  380. line-height:14px;
  381. position:absolute;
  382. text-align:center;
  383. font-family:{text:Post Info Font};
  384. background-color:transparent;
  385. padding:0px 0px 8px 0px;
  386. border-bottom:1px solid {color: border};
  387. }
  388.  
  389.  
  390. {block:ifDisplayTagsUnderPost}
  391.  
  392. .tags {
  393. margin-top:10px;
  394. width:500px;
  395. position:absolute;
  396. border-top:1px solid {color: border};
  397. padding-top:5px;
  398. text-align:left;
  399. font-family:{text:Post Info Font};
  400. background-color:transparent;
  401. font-size:8px;
  402. letter-spacing:1px;
  403. font-style:italic;
  404. text-transform:lowercase;
  405. }
  406.  
  407. span.taghead { display:none; }
  408. a.tag + span.taghead { display:inline; }
  409.  
  410. {/block:ifDisplayTagsUnderPost}
  411.  
  412.  
  413. .info {
  414. width: 90px;
  415. font-style:italic;
  416. line-height:14px;
  417. margin-left:530px;
  418. position:absolute;
  419. margin-top:60px;
  420. text-transform:lowercase;
  421. font-size:9px;
  422. padding:1px;
  423. text-align: center;
  424. {block:ifHoverPostsforInfo}opacity:0;{/block:ifHoverPostsforInfo}
  425. -webkit-transition: all 0.2s ease-out;
  426. -o-transition: all 0.2s ease-out;
  427. -webkit-transition: all 0.2s ease-out;
  428. -moz-transition: all 0.2s ease-out;
  429. }
  430.  
  431. .post:hover .info { opacity:1;
  432. -webkit-transition: all 0.2s ease-out;
  433. -o-transition: all 0.2s ease-out;
  434. -webkit-transition: all 0.2s ease-out;
  435. -moz-transition: all 0.2s ease-out;}
  436.  
  437.  
  438. .postdate em{font-size:12px; top:10px; letter-spacing:1px; }
  439. .postdate span{color:{color:Post Date}; font-size:9px; top:1px;}
  440. .postdate span2{color:{color:Post Date}; font-size:11px; top:1px;}
  441. .postdate span3{color:{color:Post Date}; font-size:9px; }
  442.  
  443.  
  444.  
  445.  
  446. /* PAGINATION */
  447.  
  448. #pagi {
  449. position:absolute;
  450. text-align:center;
  451. width:200px;
  452. margin-top:510px;
  453. height:20px;
  454. padding-top:4px;
  455. font-size:12px;
  456. font-style:italic;
  457. font-family:{text:Blog Title Font};
  458. }
  459.  
  460. #pagi a {
  461. color:{color: pagination};
  462. margin:0px 10px; }
  463.  
  464.  
  465.  
  466.  
  467. /* POST NOTES */
  468.  
  469. .notes img{display:none;}
  470. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 10px 5px; padding:0px}
  471.  
  472.  
  473.  
  474.  
  475. /* CREDIT */
  476.  
  477. .credit {
  478. float:left;
  479. right: 10px;
  480. padding:5px;
  481. font-size: 8px;
  482. background-color:transparent;
  483. border:1px solid {color: border};
  484. text-transform:uppercase;
  485. position: fixed;
  486. bottom: 10px;}
  487.  
  488.  
  489. </style>
  490. <body>
  491.  
  492. <div class="credit"><a href="http://hellmouths.tumblr.com/">HM THEMES</a></div>
  493.  
  494.  
  495. <div id="wrap">
  496.  
  497.  
  498.  
  499. <div id="sidebar">
  500.  
  501. <div id="simage">
  502.  
  503.  
  504. <div id="desc">
  505.  
  506. {description}
  507.  
  508. <div class="desc-links">
  509. {block:ifShowLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifShowLink6}
  510. {block:ifShowLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifShowLink7}
  511. {block:ifShowLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifShowLink8}
  512. {block:ifShowLink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>{/block:ifShowLink9}
  513. </div>
  514.  
  515. </div>
  516.  
  517.  
  518. <div id="pagi">
  519. {block:Pagination}
  520. {block:PreviousPage}
  521. <a href="{PreviousPage}">back</a>
  522. {/block:PreviousPage}
  523. {block:NextPage}
  524. <a href="{NextPage}">next</a>
  525. {/block:NextPage}
  526. {/block:Pagination}
  527. </div>
  528.  
  529. <img src="{image:sidebar}">
  530.  
  531.  
  532.  
  533. </div>
  534.  
  535. </div>
  536.  
  537.  
  538.  
  539.  
  540.  
  541. <div id="top">
  542.  
  543. <div id="blogtitle"><a href="/">{Title}</a></div>
  544.  
  545. <div id="menu">
  546. {block:ifShowLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifShowLink1}
  547. {block:ifShowLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifShowLink2}
  548. {block:ifShowLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifShowLink3}
  549. {block:ifShowLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifShowLink4}
  550. {block:ifShowLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifShowLink5}
  551. </div>
  552.  
  553. </div>
  554.  
  555.  
  556.  
  557.  
  558. <div id="entry">
  559.  
  560. {block:Posts}
  561.  
  562.  
  563.  
  564. <div class="post">
  565. <div class="postdate">
  566. <em><a href="{Permalink}">{DayOfWeek}</a></em><br>
  567. <span>{Month} {Year}</span><br>
  568. <span3>{block:NoteCount}<a href="{Permalink}"><i>{NoteCountWithLabel}</i></a>{/block:NoteCount}</span3>
  569. </div>
  570. <div class="info">
  571. <span3>{block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> · {/block:RebloggedFrom}<a href="{SourceURL}">source</a><br>{/block:ContentSource}</span3>
  572.  
  573. {block:ifDisplayTagsNexttoPost}
  574. {block:HasTags}{block:Tags}#<a class="tag" href="{TagURL}">{Tag}</a><br>{/block:Tags} {/block:HasTags}
  575. {/block:ifDisplayTagsNexttoPost}
  576. </div>
  577.  
  578.  
  579.  
  580. {block:Text}
  581. {block:Title}
  582. <div class="title"><a href="{Permalink}">{Title}</a></div>
  583. {/block:Title}
  584. {Body}
  585. {/block:Text}
  586.  
  587. {block:Photo}
  588. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  589. {block:Caption}
  590. <div class="caption">{Caption}</div>
  591. {/block:Caption}
  592. {/block:Photo}
  593.  
  594. {block:Photoset}
  595. <center>{Photoset-500}</center>
  596. {block:Caption}
  597. <div class="caption">{Caption}</div>
  598. {/block:Caption}
  599. {/block:Photoset}
  600.  
  601. {block:Quote}
  602. <div class="quote">"{Quote}"</div>
  603. {block:Source}
  604. <div class="source">{Source}</div>
  605. {/block:Source}
  606. {/block:Quote}
  607.  
  608. {block:Link}
  609. <center><div class="title"><a href="{URL}" class="link" {Target}>{Name}</a></div></center>
  610. {block:Description}
  611. {Description}
  612. {/block:Description}
  613. {/block:Link}
  614.  
  615. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<p>
  616. <div style="margin:-10px 0px;">
  617. {block:Lines}<div style="padding:7px 3px; border-bottom: 1px solid {color: border}; ">{block:Label}<span style="color: {color: link}; text-transform: uppercase; letter-spacing: 1px;">{Label}</span>{/block:Label}&nbsp;{Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
  618.  
  619. {block:Video}
  620. <center>{Video-500}</center>
  621. {block:Caption}
  622. {Caption}
  623. {/block:Caption}
  624. {/block:Video}
  625.  
  626. {block:Answer}
  627.  
  628.  
  629. <center>
  630.    
  631. <div style="color:;" class="question">{Question}</div></center>
  632.  
  633.  
  634. <div class="asker" style="font-size: 7px; color:{color: background};
  635. text-transform: uppercase; height: 20px; background-color:{color: menu background}; line-height: 20px; text-align: right; padding-right: 70px;">ASKED BY {Asker}</div><div style="text-align:justify;">
  636.  
  637. <div style="margin-top:-45px; padding-left:20px;"><img src="{AskerPortraitURL-40}"></div>
  638. {Answer}
  639.  
  640.  
  641. </div>
  642. {/block:Answer}
  643.  
  644.  
  645. {block:Audio}
  646. <div class="audio">
  647. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  648. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  649.  
  650. <div class="audio-info">
  651. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  652. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  653. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  654. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  655. </div></div>
  656. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  657. {/block:Audio}
  658.  
  659.  
  660. {block:ifDisplayTagsUnderPost}
  661. <div class="tags">{block:HasTags}tagged: {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags} {/block:HasTags}</div>
  662. {/block:ifDisplayTagsUnderPost}
  663.  
  664. {block:PostNotes}
  665. <div style="height:30px; width:100%; "></div>
  666. {PostNotes}
  667. {/block:PostNotes}
  668.  
  669. </div>
  670. {/block:Posts}
  671.  
  672.  
  673. </div>
  674.  
  675. </div>
  676.  
  677. </body>
  678.  
  679. </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!