API tools faq
paste
Advertisement
hellmouths

theme #13: nemesis

hellmouths
May 27th, 2013
4,978
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. codes by hellmouths
  4.  
  5. don't copy, steal or redistribute
  6.  
  7. -->
  8.  
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  17.  
  18. <!-- COLORS -->
  19.  
  20. <meta name="color:Scrollbar" content="#000000">
  21. <meta name="color:Scrollbar Background" content="#ffffff">
  22. <meta name="color:Background" content="#ffffff">
  23. <meta name="color:Main Font" content="#222222">
  24. <meta name="color:Link" content="#2b2b2b">
  25. <meta name="color:Link Hover" content="#000000">
  26. <meta name="color:Border" content="#efefef">
  27. <meta name="color:Top Bar" content="#ffffff">
  28.  
  29.  
  30. <!-- BLOCKS -->
  31.  
  32. <meta name="if:No Background Repeat" content="1">
  33. <meta name="if:Hide Blog Title" content="0">
  34. <meta name="if:500 Width Posts" content="0">
  35.  
  36.  
  37. <!-- LINKS -->
  38.  
  39. <meta name="text:Link 1 URL" content="URL HERE">
  40. <meta name="text:Link 1" content="LINK TITLE">
  41. <meta name="text:Link 2 URL" content="URL HERE">
  42. <meta name="text:Link 2" content="LINK TITLE">
  43. <meta name="text:Link 3 URL" content="URL HERE">
  44. <meta name="text:Link 3" content="LINK TITLE">
  45. <meta name="text:Link 4 URL" content="URL HERE">
  46. <meta name="text:Link 4" content="LINK TITLE">
  47. <meta name="text:Link 5 URL" content="URL HERE">
  48. <meta name="text:Link 5" content="LINK TITLE">
  49.  
  50.  
  51. <!-- FONTS -->
  52.  
  53. <meta name="text:Menu Font" content="Playfair Display">
  54. <meta name="text:Main Font" content="Times">
  55. <meta name="text:Title Font" content="Playfair Display">
  56.  
  57.  
  58. <!-- IMAGES -->
  59.  
  60. <meta name="image:Top Bar" content="http://static.tumblr.com/747hq6z/qcMmngu6m/13danneel2.png">
  61. <meta name="image:Background" content="">
  62. <meta name="text:Background Position" content="bottom left">
  63.  
  64.  
  65.  
  66. <!-- SCRIPT CODES -->
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  70.  
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title],a[title],img[title]").style_my_tooltips({
  75. tip_follows_cursor:"true",
  76. tip_delay_time:100,
  77. tip_fade_speed:100,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84.  
  85. </head>
  86. <style>
  87.  
  88. /* SCROLLBAR */
  89.  
  90. ::-webkit-scrollbar { width:3px; height:auto; background:{color:Scrollbar Background};}
  91. ::-webkit-scrollbar-corner { background:{color:Scrollbar};}
  92. ::-webkit-scrollbar-thumb:vertical { background:{color:Scrollbar};}
  93. ::-webkit-scrollbar-thumb:horizontal { background:{color:Scrollbar};}
  94.  
  95.  
  96. body {
  97. background-color: {color:Background};
  98. background-image: url('{image:Background}');
  99. background-repeat: {block:IfNoBackgroundRepeat}no-repeat{/block:IfNoBackgroundRepeat};
  100. background-attachment:fixed;
  101. background-position: {text:Background Position};
  102. color:{color:Main Font};
  103. font-family:{text:Main Font};
  104. font-size:10px;
  105. margin:0;
  106. line-height: 150%; }
  107.  
  108. a { color:{color:Link};
  109. text-decoration: none;
  110. -webkit-transition: all 0.5s ease-out;
  111. -o-transition: all 0.5s ease-out;
  112. -webkit-transition: all 0.5s ease-out;
  113. -moz-transition: all 0.5s ease-out; }
  114.  
  115. a:hover { color:{color:Link hover};
  116. -webkit-transition: all 0.5s ease-out;
  117. -o-transition: all 0.5s ease-out;
  118. -webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out; }
  120.  
  121.  
  122. blockquote { margin:10px; padding:0 10px; border-left: 1px solid {color:Border}; }
  123. small { font-size:10px; }
  124.  
  125.  
  126.  
  127.  
  128. /* CONTENT */
  129.  
  130. .wrap { width:500px; margin:320px auto 60px auto; padding-bottom:30px; float: center; }
  131.  
  132. .topper {
  133. background-color: {color:Top Bar};
  134. width:100%;
  135. margin: auto;
  136. padding-top:70px;
  137. padding-bottom: 40px;
  138. top:0;
  139. height:auto;
  140. position: fixed; }
  141.  
  142. .topcontent { width:400px; margin:auto;}
  143.  
  144.  
  145.  
  146. .toptitle { font-size:14px; font-family:{text:Title Font}; font-style:italic; padding-bottom: 10px; {block:IfHideBlogTitle}display:none;{/block:IfHideBlogTitle}; }
  147.  
  148.  
  149. #topimage {
  150. margin:auto;
  151. text-align: center;
  152. min-height:120px;
  153. margin-bottom: 5px; }
  154.  
  155.  
  156. #topimage img {
  157. width: 400px;
  158. height: 120px; }
  159.  
  160.  
  161. .about {
  162. width:200px;
  163. text-align: justify;
  164. margin:auto;
  165. opacity:0;
  166. max-height: 60px;
  167. overflow: auto;
  168. padding:10px 13px;
  169. margin-top: -90px;
  170. background-color: rgba(255,255,255,0.84);
  171. position: relative;
  172. -webkit-transition: all 0.5s ease-out;
  173. -o-transition: all 0.5s ease-out;
  174. -webkit-transition: all 0.5s ease-out;
  175. -moz-transition: all 0.5s ease-out; }
  176.  
  177.  
  178. .topper:hover .about { opacity:1;
  179. -webkit-transition: all 0.5s ease-out;
  180. -o-transition: all 0.5s ease-out;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out; }
  183.  
  184.  
  185.  
  186. .links { width:200px; position:fixed; margin-left:200px; text-align: right; border-bottom: 1px solid {color:Border};
  187. -webkit-transition: all 0.5s ease-out;
  188. -o-transition: all 0.5s ease-out;
  189. -webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out; }
  191.  
  192. .links a {
  193. display: inline-block;
  194. padding: 5px;
  195. font-size:10px;
  196. letter-spacing:0px;
  197. width:16px;
  198. font-size:8px;
  199. text-transform: uppercase;
  200. font-family: {text:Menu Font};
  201. -webkit-transition: all 0.5s ease-out;
  202. -o-transition: all 0.5s ease-out;
  203. -webkit-transition: all 0.5s ease-out;
  204. -moz-transition: all 0.5s ease-out;
  205. }
  206.  
  207. .links a:hover {
  208. color:{color:Link hover}; }
  209.  
  210.  
  211.  
  212.  
  213. #entries { width:500px; margin-top:80px; }
  214.  
  215.  
  216. .post { {block:If500WidthPosts}width:500px;{/block:if500WidthPosts} {block:ifNot500WidthPosts}width:400px;{/block:ifNot500WidthPosts} margin:10px auto 60px auto; overflow:hidden; }
  217.  
  218.  
  219. .caption { margin:10px 0; }
  220.  
  221.  
  222. .title { font-size:14px; font-family:{text:Title Font}; font-style:italic; }
  223.  
  224.  
  225. .quote {
  226. font-size:12px;
  227. font-family:{text:Title Font};
  228. font-style:italic;
  229. text-align:center; }
  230.  
  231. .source {
  232. padding:5px;
  233. text-align:center;
  234. display:block;
  235. width:200px;
  236. margin:10px auto;
  237. border-top:1px solid {color:Border}; }
  238.  
  239.  
  240. .post-info {
  241. margin:20px 0;
  242. padding: 5px 3px;
  243. max-width: 100%;
  244. text-transform: lowercase;
  245. border-top:1px solid {color:Border}; }
  246.  
  247. .date {
  248. text-transform:uppercase;
  249. letter-spacing:1px;
  250. font-style:normal;
  251. font-size:8px; }
  252.  
  253.  
  254. .tags {
  255. text-align: center;
  256. font-style: italic;
  257. opacity: 0;
  258. -webkit-transition: all 0.1s ease-out;
  259. -o-transition: all 0.1s ease-out;
  260. -webkit-transition: all 0.1s ease-out;
  261. -moz-transition: all 0.1s ease-out; }
  262.  
  263. .tags a {
  264. padding-right: 2px; }
  265.  
  266. .tags a:after {
  267. content: ","; }
  268.  
  269. .tags a:last-child:after {
  270. content:none; }
  271.  
  272.  
  273. .post:hover .tags { opacity:1;
  274. -webkit-transition: all 0.1s ease-out;
  275. -o-transition: all 0.1s ease-out;
  276. -webkit-transition: all 0.1s ease-out;
  277. -moz-transition: all 0.1s ease-out; }
  278.  
  279.  
  280.  
  281. /* AUDIO POSTS !!!CHANGE!!! */
  282.  
  283. .aud {
  284. width:100%;
  285. background-color:#f3f3f3;
  286. background-image: url('http://static.tumblr.com/747hq6z/un0mk8g22/subtle_grunge.png');
  287. background-attachment:repeat;
  288. background-color:; }
  289.  
  290. .aud2{
  291. height:26px;
  292. width:6.5%;
  293. margin-left: 45%;
  294. overflow:hidden;
  295. opacity:.75;}
  296.  
  297.  
  298.  
  299.  
  300. /* ASKS */
  301.  
  302. .ques {
  303. display:block;
  304. margin-bottom: 20px;
  305. padding:0px;}
  306.  
  307.  
  308. .asker {
  309. background: url('http://static.tumblr.com/747hq6z/mlOmnawge/subtle_white_feathers.png') repeat;
  310. width:400px;
  311. letter-spacing: 1px;
  312. font-size:9px;
  313. text-align: center;
  314. padding:7px 5px;
  315. text-transform: uppercase; }
  316.  
  317. .zach {
  318. padding:10px 0;
  319. border-top: 1px solid {color:Border};
  320. font-size:11px;
  321. font-style:italic; }
  322.  
  323.  
  324.  
  325.  
  326. /* PAGINATION */
  327.  
  328. #nan {
  329. width:400px;
  330. margin-left:60px;
  331. font-size:10px;
  332. letter-spacing:0px;
  333. font-family: arial;
  334. text-transform:lowercase;
  335. text-align:center;
  336. font-style:normal;
  337. opacity:1;
  338. padding-top:1%;
  339. padding-bottom:22%;
  340. }
  341.  
  342.  
  343.  
  344.  
  345. /* POST NOTES */
  346.  
  347. .notes img { display:none; }
  348. ol.notes, .notes li { width:490px; list-style:none; margin:0px 0 10px 5px; padding:0px; }
  349.  
  350.  
  351.  
  352. /* HOVER TITLE */
  353.  
  354. #s-m-t-tooltip{
  355. font-size:8px;
  356. text-align:center;
  357. letter-spacing: 1px;
  358. width:auto;
  359. padding:3px 7px;
  360. text-transform: uppercase;
  361. margin-top:10px;
  362. margin-left:10px;
  363. border:1px solid #efefef;
  364. background-color: white;
  365. position:absolute;
  366. z-index:1000;
  367. display:none;
  368. }
  369.  
  370.  
  371.  
  372.  
  373.  
  374. </style>
  375. <body>
  376.  
  377. <!-- CREDIT -->
  378. <div style="position:fixed; text-align:right; bottom:0; right:0; padding:10px;">
  379. <i><a href="http://hmthemes.tumblr.com">hmthemes</a></i></div>
  380. <!-- END CREDIT -->
  381.  
  382.  
  383.  
  384.  
  385. <div class="topper">
  386. <div class="topcontent">
  387.  
  388. <div class="toptitle"><a href="/">{Title}</a></div>
  389.  
  390. <div id="topimage">
  391. <img src="{image:Top Bar}">
  392. <div class="about">{Description}</div>
  393. </div>
  394.  
  395. <div class="links">
  396. <a href="{text:Link 1 URL}" title="{text:Link 1}">i</a>
  397. <a href="{text:Link 2 URL}" title="{text:Link 2}">ii</a>
  398. <a href="{text:Link 3 URL}" title="{text:Link 3}">iii</a>
  399. <a href="{text:Link 4 URL}" title="{text:Link 4}">iv</a>
  400. <a href="{text:Link 5 URL}" title="{text:Link 5}">v</a>
  401. </div>
  402.  
  403.  
  404. </div>
  405. </div>
  406.  
  407.  
  408.  
  409.  
  410. <div class="wrap">
  411.  
  412.  
  413.  
  414. <div id="entries">
  415.  
  416. {block:Posts}
  417.  
  418. <div class="post">
  419.  
  420.  
  421.  
  422. {block:Text}
  423. {block:Title}
  424. <div class="title"><a href="{Permalink}">{Title}</a></div>
  425. {/block:Title}
  426. {Body}
  427. {/block:Text}
  428.  
  429. {block:Photo}
  430. <center>
  431. {block:if500WidthPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500WidthPosts}
  432. {block:ifNot500WidthPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:ifNot500WidthPosts}</center>
  433. {block:Caption}
  434. <div class="caption">{Caption}</div>
  435. {/block:Caption}
  436. {/block:Photo}
  437.  
  438. {block:Photoset}
  439. <center>{block:if500WidthPosts}{Photoset-500}{/block:if500WidthPosts}
  440. {block:ifNot500WidthPosts}{Photoset-400}{/block:ifNot500WidthPosts}</center>
  441. {block:Caption}
  442. <div class="caption">{Caption}</div>
  443. {/block:Caption}
  444. {/block:Photoset}
  445.  
  446. {block:Quote}
  447. <div class="quote">"{Quote}"</div>
  448. {block:Source}
  449. <div class="source">{Source}</div>
  450. {/block:Source}
  451. {/block:Quote}
  452.  
  453. {block:Link}
  454. <center><div class="title"><a href="{URL}" class="link" {Target}>{Name}</a></div></center>
  455. {block:Description}
  456. {Description}
  457. {/block:Description}
  458. {/block:Link}
  459.  
  460. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<p>
  461. <div style="margin:-10px 0px;">
  462. {block:Lines}<div style="padding:7px 3px; border-bottom: 1px solid {color:border}; ">{block:Label}<span style="text-transform: uppercase; letter-spacing: 1px;">{Label}</span>{/block:Label}&nbsp;{Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
  463.  
  464. {block:Video}
  465. <center>{block:if500WidthPosts}{Video-500}{/block:if500WidthPosts}
  466. {block:ifNot500WidthPosts}{Video-400}{/block:ifNot500WidthPosts}</center>
  467. {block:Caption}
  468. {Caption}
  469. {/block:Caption}
  470. {/block:Video}
  471.  
  472. {block:Answer}
  473. <div class="ques">
  474.  
  475. <div class="zach">{Question}</div>
  476. <div class="asker">{Asker}</div>
  477. </div>
  478.  
  479. <div class="answer">{Answer}</div>
  480.  
  481. {/block:Answer}
  482.  
  483.  
  484. {block:Audio}
  485. <div style="border-top:1px solid #fff;"></div>
  486. <div class="aud"><div class="aud2"><center>{AudioPlayerWhite}</center></div></div><div style="border-top:1px solid #fff;"></div>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  487. {/block:Audio}
  488.  
  489.  
  490.  
  491. <div class="post-info">
  492.  
  493. <div class="date">
  494. {block:Date}
  495. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount} ∙ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{/block:Date}
  496.  
  497. <span style="float:right;">
  498. {block:ContentSource}<a href="{SourceURL}">origin</a> {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<br>{/block:ContentSource}
  499. </span>
  500.  
  501. </div>
  502.  
  503. {block:HasTags}
  504. <div class="tags">
  505. {block:Tags}
  506. <a href="{TagURL}">{Tag}</a>
  507. {/block:Tags}
  508. </div>
  509. {/block:HasTags}
  510. </div>
  511.  
  512.  
  513.  
  514. {block:PostNotes}
  515. <div style="height:30px; width:100%; "></div>
  516. {PostNotes}
  517. {/block:PostNotes}
  518.  
  519.  
  520.  
  521. </div>
  522.  
  523. {/block:Posts}
  524.  
  525. </div>
  526.  
  527.  
  528.  
  529. <div id="nan">
  530. {block:indexpage}
  531. {block:PreviousPage}
  532. <a href="{PreviousPage}">⇠</a>&nbsp;
  533. {/block:PreviousPage}{CurrentPage} of {TotalPages}
  534. {block:NextPage}
  535. &nbsp;<a href="{NextPage}">⇢</a>
  536. {/block:NextPage}
  537. {/block:Pagination}
  538. {/block:indexpage}
  539. </div>
  540.  
  541.  
  542.  
  543. </div>
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551. </body>
  552. </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!