API tools faq
paste
Advertisement
ErisNotEros

Theme: Halloween

ErisNotEros
Oct 1st, 2014
3,506
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17.  
  18. <meta name="color:Main Colour" content="#ff7f00" />
  19.  
  20. <meta name="if:Infinite Scroll" content="0" />
  21. <meta name="if:Show Home Link" content="1" />
  22.  
  23. <meta name="select:Title Font" content="cevicheone" title="Ceviche One" />
  24. <meta name="select:Title Font" content="creepster" title="Creepster" />
  25. <meta name="select:Title Font" content="jollylodger" title="Jolly Lodger" />
  26. <meta name="select:Title Font" content="metalmania" title="Metal Mania" />
  27. <meta name="select:Title Font" content="nosifer" title="Nosifer" />
  28.  
  29.  
  30.  
  31. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36. <link href="https://fonts.googleapis.com/css?family=Ceviche+One|Creepster|Jolly+Lodger|Metal+Mania|Nosifer" rel="stylesheet">
  37.  
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. body {background-color:#1a1a1a; color:#ffffff; font-family:Helvetica,Arial,sans-serif; font-size:14px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0;}
  44.  
  45. img {max-width:100%; border:0;}
  46. a {text-decoration:none; color:{color:Main Colour};}
  47. a:hover {color:#444444}
  48. h1 {font-size:40px; margin:0 0 10px; letter-spacing:-3px; line-height:100%;}
  49. ol, ul {margin:3px 0 3px -15px;}
  50. blockquote {margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 2px #ffffff;}
  51. .clear {clear:both;}
  52.  
  53.  
  54. a, a:hover, #links a:hover .title {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
  55.  
  56. #links a:hover {-webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; transition:all 0s ease-in-out;}
  57.  
  58.  
  59. #head {background:{color:Main Colour} url(https://static.tumblr.com/ar04e8q/4Wgncr2ef/bg3.png) no-repeat center top; width:100%; height:300px; position:relative; overflow:hidden;}
  60. #head img {display:block;}
  61. #head .grass {height:75px; width:100%; background:url(https://static.tumblr.com/ar04e8q/KSSncqy4y/grass.png) repeat-x center bottom; position:absolute; bottom:0; z-index:2;}
  62. #head .sun {background:#ffffff url(https://static.tumblr.com/ar04e8q/t6Vncr2uy/moon.png) no-repeat center center; width:250px; height:250px; position:absolute; bottom:-35px; left:50%; margin-left:100px; box-shadow:0 0 20px 20px #ffffff; z-index:1; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  63. #head .inner {height:300px; width:900px; position:relative; margin:auto; z-index:3;}
  64. #head .tree {position:absolute; bottom:0; right:0;}
  65. #head .bats1 {position:absolute; top:40px; left:-228px;}
  66. #head .bats2 {position:absolute; top:20px; right:-204px;}
  67. #head .description {position:absolute; top:88px; left:0px; color:#1a1a1a; font-size:14px; width:512px;}
  68. #head a.title {display:block; color:#1a1a1a; font-size:75px; font-family:'Times New Roman',Times,serif; position:absolute; top:0; left:0; letter-spacing:-3px; white-space:nowrap;}
  69. #head .nosifer {font-family:'Nosifer'!important;}
  70. #head .jollylodger {font-family:'Jolly Lodger'!important;}
  71. #head .metalmania {font-family:'Metal Mania'!important;}
  72. #head .creepster {font-family:'Creepster'!important;}
  73. #head .cevicheone {font-family:'Ceviche One'!important; font-size:85px!important;}
  74.  
  75.  
  76.  
  77. #head .description a {color:#1a1a1a; font-weight:bold;}
  78. #head .description a:hover {text-decoration:underline;}
  79.  
  80.  
  81.  
  82. #links {width:1028px; margin:auto; position:relative; top:-90px; z-index:4;}
  83. #links a {display:none; position:relative; width:139px; height:144px; margin:0 -10px 0;}
  84. #links a .colour {display:block; position:absolute; background-color:{color:Main Colour}; width:90px; height:75px; top:50px; left:25px;}
  85. #links a .image {display:block; width:100%; height:100%; position:relative; z-index:2; background-image:url(https://static.tumblr.com/ar04e8q/Pnkncr9j4/pumpkin01.png);}
  86. #links a .title {width:100%; text-align:center; position:absolute; bottom:-20px; left:0; color:{color:Main Colour}; font-weight:bold; font-size:16px;}
  87.  
  88. #links a:hover {top:1px;}
  89. #links a:hover .title {color:#444444;}
  90.  
  91.  
  92.  
  93. #links a:nth-child(1) {display:inline-block;}
  94.  
  95. #links a:nth-child(2) {display:inline-block; width:157px; height:137px;}
  96. #links a:nth-child(2) .colour {width:90px; height:80px; top:45px; left:35px;}
  97. #links a:nth-child(2) .image {background-image:url(https://static.tumblr.com/ar04e8q/e6Xncrab6/pumpkin02.png);}
  98.  
  99. #links a:nth-child(3) {display:inline-block; width:158px; height:145px; }
  100. #links a:nth-child(3) .colour {width:85px; height:75px; top:55px; left:35px;}
  101. #links a:nth-child(3) .image {background-image:url(https://static.tumblr.com/ar04e8q/remncraqb/pumpkin03.png);}
  102.  
  103. #links a:nth-child(4) {display:inline-block; width:148px; height:141px;}
  104. #links a:nth-child(4) .colour {width:85px; height:70px; top:50px; left:30px;}
  105. #links a:nth-child(4) .image {background-image:url(https://static.tumblr.com/ar04e8q/ITQncrauu/pumpkin04.png);}
  106.  
  107. #links a:nth-child(5) {display:inline-block; width:129px; height:150px;}
  108. #links a:nth-child(5) .colour {width:90px; height:85px; top:50px; left:20px;}
  109. #links a:nth-child(5) .image {background-image:url(https://static.tumblr.com/ar04e8q/KgQncrb0o/pumpkin05.png);}
  110.  
  111. #links a:nth-child(6) {display:inline-block; width:145px; height:128px;}
  112. #links a:nth-child(6) .colour {width:80px; height:65px; top:50px; left:35px;}
  113. #links a:nth-child(6) .image {background-image:url(https://static.tumblr.com/ar04e8q/Exkncrb3l/pumpkin06.png);}
  114.  
  115. #links a:nth-child(7) {display:inline-block; width:138px; height:151px;}
  116. #links a:nth-child(7) .colour {width:75px; height:65px; top:60px; left:30px;}
  117. #links a:nth-child(7) .image {background-image:url(https://static.tumblr.com/ar04e8q/HXDncrb8u/pumpkin07.png);}
  118.  
  119. #links a:nth-child(8) {display:inline-block; width:146px; height:146px;}
  120. #links a:nth-child(8) .colour {width:70px; height:85px; top:50px; left:40px;}
  121. #links a:nth-child(8) .image {background-image:url(https://static.tumblr.com/ar04e8q/Wrbncrbbo/pumpkin08.png);}
  122.  
  123. #links a:nth-child(odd) {-webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg);}
  124. #links a:nth-child(even) {-webkit-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg);}
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. #content {width:900px; margin:auto; padding:50px 0 100px;}
  133.  
  134. #post {width:700px; padding:0px; margin:0 0 200px; position:relative;}
  135. #post .top {width:100%; height:250px; background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, {color:Main Colour} 0%, #1a1a1a 100%); background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, {color:Main Colour} 0%, #1a1a1a 100%); background-image: -o-radial-gradient(center bottom, ellipse farthest-side, {color:Main Colour} 0%, #1a1a1a 100%); background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 486, color-stop(0, {color:Main Colour}), color-stop(1, #1a1a1a)); background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, {color:Main Colour} 0%, #1a1a1a 100%); background-image: radial-gradient(ellipse farthest-side at center bottom, {color:Main Colour} 0%, #1a1a1a 100%);}
  136. #post .top img {display:block;}
  137. #post .line {height:7px; border-bottom:solid 5px {color:Main Colour}; margin-bottom:10px;}
  138.  
  139. #post img.photo {display:block; width:100%; height:auto;}
  140. #post h1.quote {display:inline; font-weight:normal; font-style:italic;}
  141. #post ul.chat {list-style-type:none; margin-left:-40px;}
  142. #post ul.chat li {padding:5px 15px;}
  143. #post ul.chat li:nth-child(odd) {background-color:#222222;}
  144. #post h1.link {background-color:{color:Main Colour}; padding:10px; text-align:center;}
  145. #post h1.link a {color:#1a1a1a;}
  146. #post h1.link a:hover {color:#242424;}
  147. #post .question {border:solid 5px {color:Main Colour}; padding:25px; color:{color:Main Colour}; margin-bottom:65px; position:relative; font-weight:bold; -webkit-border-bottom-right-radius:50px; -webkit-border-bottom-left-radius:50px; -moz-border-radius-bottomright:50px; -moz-border-radius-bottomleft:50px; border-bottom-right-radius:50px; border-bottom-left-radius:50px;}
  148. #post .question span {display:block; border-left:solid 5px {color:Main Colour}; border-bottom:solid 5px transparent; width:58px; height:60px; position:absolute; left:65px; bottom:-65px; background-color:#1a1a1a;}
  149. #post .question span span {width:0px; height:88px; border-style:solid; border-width:5px; border-color:transparent {color:Main Colour} transparent transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position:absolute; bottom:-20px; left:21px; background-color:transparent;}
  150. #post .asker, #post .asker a {color:{color:Main Colour};}
  151. #post .asker a:hover {color:#444444;}
  152. #post .album {width:200px; height:200px; padding:20px; border:solid 5px {color:Main Colour}; float:left; margin-right:20px;}
  153. #post .album .art {width:200px; height:200px; background-color:#222222;}
  154. #post .album .art img {width:200px; height:200px; display:block;}
  155.  
  156.  
  157.  
  158. #side {width:180px; padding-left:20px; position:absolute; top:250px; left:700px;}
  159. #side a {color:#ffffff;}
  160. #side a:hover {color:#444444;}
  161. #side a.notes {color:{color:Main Colour}; font-size:40px; font-weight:bold; letter-spacing:-3px; white-space:nowrap;}
  162. #side a.notes:hover {color:#444444;}
  163.  
  164. #post .top {display:none;}
  165. #post #side {top:0;}
  166.  
  167. h1.pagination {text-align:center; font-size:120px;}
  168.  
  169. #notecontainer {padding:40px 0 60px;}
  170. #notecontainer ol {list-style-type:none; margin-left:0; padding:0; text-align:center;}
  171. #notecontainer ol:before {content:"Notes:"; font-size:40px; font-weight:bold;}
  172. #notecontainer li {padding:5px 0}
  173. #notecontainer img.avatar {display:none;}
  174. #notecontainer blockquote {margin:0; border:0;}
  175. #notecontainer blockquote a {color:#444444;}
  176.  
  177. a.credit {display:block; width:24px; height:24px; position:fixed; bottom:5px; right:5px; z-index:99; background:url(https://static.tumblr.com/1b424551fa0cf765c96000625d8333e7/ar04e8q/IXcpog6eu/tumblr_static_72okfia78oowwkwww8wswk0oc.png) no-repeat; opacity:0.2;}
  178. a.credit:hover {opacity:0.4;}
  179.  
  180.  
  181. {CustomCSS}
  182.  
  183. </style>
  184.  
  185. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  186.  
  187. </head>
  188. <body>
  189. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  190. <!-- Do not remove the credit -->
  191.  
  192.  
  193.  
  194. <div id="head">
  195. <div class="grass"></div>
  196. <div class="sun"></div>
  197. <div class="inner">
  198. <img class="tree" src="https://static.tumblr.com/ar04e8q/9UEncqyka/tree.png" />
  199. <img class="bats1" src="https://static.tumblr.com/ar04e8q/za4ncr110/bats1.png" />
  200. <img class="bats2" src="https://static.tumblr.com/ar04e8q/Lt0ncr129/bats2.png" />
  201. <a class="title {select:Title Font}" href="/">{Title}</a>
  202. <div class="description">{Description}</div>
  203. </div>
  204.  
  205. </div>
  206.  
  207. <div id="links">
  208. {block:IfShowHomeLink}
  209. <a href="/">
  210. <span class="colour"></span>
  211. <span class="image"></span>
  212. <span class="title">Home</span>
  213. </a>
  214. {/block:IfShowHomeLink}
  215. {block:AskEnabled}
  216. <a href="/ask">
  217. <span class="colour"></span>
  218. <span class="image"></span>
  219. <span class="title">{AskLabel}</span>
  220. </a>
  221. {/block:AskEnabled}
  222. {block:SubmissionsEnabled}
  223. <a href="/submit">
  224. <span class="colour"></span>
  225. <span class="image"></span>
  226. <span class="title">{SubmitLabel}</span>
  227. </a>
  228. {/block:SubmissionsEnabled}
  229. {block:HasPages}{block:Pages}
  230. <a href="{URL}">
  231. <span class="colour"></span>
  232. <span class="image"></span>
  233. <span class="title">{Label}</span>
  234. </a>
  235. {/block:Pages}{/block:HasPages}
  236. </div>
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. <div id="content">
  245. <div class="autopagerize_page_element">
  246. {block:Posts}
  247. <div id="post">
  248. <div class="top"><img src="https://static.tumblr.com/ar04e8q/5uyncrf2q/posttop.png" /></div>
  249.  
  250. {block:Photo}
  251. <div class="line"></div>
  252. {LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" />{LinkCloseTag}
  253. {block:Caption}{Caption}{/block:Caption}
  254. {/block:Photo}
  255.  
  256. {block:Photoset}
  257. <div class="line"></div>
  258. {Photoset-700}
  259. {block:Caption}{Caption}{/block:Caption}
  260. {/block:Photoset}
  261.  
  262. {block:Video}
  263. <div class="line"></div>
  264. {Video-700}
  265. {block:Caption}{Caption}{/block:Caption}
  266. {/block:Video}
  267.  
  268. {block:Audio}
  269. <div class="line"></div>
  270. <div class="album">
  271. <div class="art">
  272. {block:AlbumArt}
  273. <img src="{AlbumArtURL}" />
  274. {/block:AlbumArt}
  275. </div>
  276. </div>
  277. {AudioPlayerWhite}
  278. {block:PlayCount}<br /><br />{PlayCountWithLabel}{/block:PlayCount}
  279. {block:Artist}<br /><br />Artist:&nbsp;{Artist}{/block:Artist}
  280. {block:Album}<br /><br />Album:&nbsp;{Album}{/block:Album}
  281. {block:TrackName}<br /><br />Track Name:&nbsp;{TrackName}{/block:TrackName}
  282. <br class="clear" />
  283. {block:Caption}{Caption}{/block:Caption}
  284. {/block:Audio}
  285.  
  286. {block:Quote}
  287. <div class="line"></div>
  288. <h1 class="quote">“{Quote}”</h1>
  289. {block:Source}—&nbsp;{Source}{/block:Source}
  290. {/block:Quote}
  291.  
  292. {block:Text}
  293. <div class="line"></div>
  294. {block:Title}<h1>{Title}</h1>{/block:Title}
  295. {Body}
  296. {/block:Text}
  297.  
  298. {block:Answer}
  299. <div class="question">{Question}<span><span></span></span></div>
  300. <h1 class="asker">{Asker}</h1>
  301. {Answer}
  302. {block:Answer}
  303.  
  304. {block:Chat}
  305. <div class="line"></div>
  306. {block:Title}<h1>{Title}</h1>{/block:Title}
  307. <ul class="chat">
  308. {block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}
  309. </ul>
  310. {/block:Chat}
  311.  
  312. {block:Link}
  313. <h1 class="link"><a href="{URL}">{Name}</a></h1>
  314. {block:Description}{Description}{/block:Description}
  315. {/block:Link}
  316.  
  317. {block:Date}
  318. <div id="side">
  319. <a class="notes" href="{Permalink}">{NoteCountWithLabel}</a>
  320. <br />
  321. <br /><a href="{Permalink}">{TimeAgo}</a>
  322. {block:ContentSource}<br />Source:&nbsp;<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  323. {block:RebloggedFrom}<br />Reblogged From:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  324.  
  325. {block:HasTags}<br />
  326. {block:Tags}<br /><a href="{TagURL}">#&nbsp;{Tag}</a>&nbsp; {/block:Tags}
  327. {/block:HasTags}
  328. </div>
  329. {/block:Date}
  330.  
  331. {block:PostNotes}
  332. <div id="notecontainer">{PostNotes}</div>
  333. {/block:PostNotes}
  334.  
  335. </div> <!--post-->
  336. {/block:Posts}
  337. </div> <!--autopagerize_page_element-->
  338.  
  339. {block:IfNotInfiniteScroll}
  340. {block:Pagination}
  341. <h1 class="pagination">
  342. {block:PreviousPage}
  343. <a href="{PreviousPage}">«</a>
  344. {block:NextPage} &nbsp;&nbsp;&nbsp; {/block:NextPage}
  345. {/block:PreviousPage}
  346. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  347. </h1>
  348. {/block:Pagination}
  349. {/block:IfNotInfiniteScroll}
  350.  
  351. </div> <!--content-->
  352.  
  353. </body>
  354. </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!