API tools faq
paste
Advertisement
inmyb0nes

#05 Sempiternal

inmyb0nes
Apr 1st, 2013
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. Hey guys please don't remove the credit! Do whatever else you want with this but please don't remove the credit, cheers! x
  8.  
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#363636" />
  12. <meta name="color:Sidebar Background" content="#000000" />
  13. <meta name="color:Post" content="#000000" />
  14. <meta name="color:Text" content="#ffffff" />
  15. <meta name="color:Bold Text" content="#ffffff" />
  16. <meta name="color:Italic Text" content="#ffffff" />
  17. <meta name="color:Link" content="#be913e" />
  18. <meta name="color:Navigation Text" content="#000000" />
  19. <meta name="color:Navigation Hover" content="#013273" />
  20. <meta name="color:Navigation Text Hover" content="#ffffff" />
  21. <meta name="color:Scrollbar" content="#be913e" />
  22. <meta name="color:Scrollbar Background" content="#000000" />
  23. <meta name="color:Permalink" content="#be913e" />
  24. <meta name="color:Permalink background" content="#4d4d4d" />
  25. <meta name="color:Sempiternal Rings" content="#be913e" />
  26.  
  27. <meta name="font:Title" content="Giddyup Std" />
  28. <meta name="font:Body" content="Myriad Pro" />
  29.  
  30. <meta name="if:Bigger Post" content="1"/>
  31. <meta name="if:Show Caption" content="0"/>
  32. <meta name="if:Infinite Scrolling" content="0"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="image:Background" content=""/>
  36.  
  37. <meta name="text:Link 1" content="Link 1" />
  38. <meta name="text:Link 1 URL" content="" />
  39. <meta name="text:Link 2" content="Link 2" />
  40. <meta name="text:Link 2 URL" content="" />
  41. <meta name="text:Link 3" content="Link 3" />
  42. <meta name="text:Link 3 URL" content="" />
  43. <meta name="text:Link 4" content="Link 4" />
  44. <meta name="text:Link 4 URL" content="" />
  45. <meta name="text:Link 5" content="Link 5" />
  46. <meta name="text:Link 5 URL" content="" />
  47. <meta name="text:Link 6" content="Link 6" />
  48. <meta name="text:Link 6 URL" content="" />
  49.  
  50. <style type="text/css">
  51. {Custom CSS}
  52.  
  53. ::-webkit-scrollbar {width: 10px;}
  54.  
  55. ::-webkit-scrollbar-track-piece
  56. {background-color: {color:Scrollbar Background};}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical
  59. {width:8px; border:0px solid #fff;
  60. background-color: {color:Scrollbar};}
  61.  
  62. #tumblr_controls {
  63. top: 4.30% !important;
  64. margin: -28px 0 0 0;
  65. right: 1px !important;
  66. position: fixed !important;
  67. }
  68.  
  69. body{
  70. font-family: {text:Font};
  71. font-size:10px;
  72. letter-spacing:1px;
  73. background-color:{color:Background};
  74. background-image:url('{image:Background}');
  75. background-position: fixed;
  76. background-attachment:fixed;
  77. background-repeat:repeat;}
  78.  
  79. a
  80. {text-decoration:none;
  81. color:{color:Link};}
  82.  
  83. a:link, a:visited, a:active
  84. {text-decoration:none;
  85. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  86. }
  87. a:hover{
  88. color:{color:Links hover};
  89. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  90. }
  91.  
  92. blockquote{
  93. padding:3px;
  94. margin-top:3px;
  95. margin-bottom:3px;
  96. border-right:2px {color:border blockquote};
  97. background-color:{color:blockquote};
  98. }
  99.  
  100. #sidebar {
  101. position:fixed;
  102. top:50px;
  103. left:400px;
  104. width:250px;
  105. height:250px;
  106. padding:5px;
  107. text-align:left;
  108. font-family:candara;
  109. font-size:10px;
  110. background-color:{color:Sidebar Background};
  111. -moz-box-shadow: 4px 4px 15px #181818;
  112. -webkit-box-shadow: 4px 4px 15px #181818;
  113. box-shadow: 4px 4px 15px #181818;
  114. -moz-border-radius: 400px;
  115. -webkit-border-radius: 400px;
  116. border-radius: 400px;
  117. }
  118.  
  119. #sideimage img {
  120. min-width: 250px;
  121. min-height: 250px;
  122. max-height: 250px;
  123. max-width: 250px;
  124. margin-top: 0px;
  125. -moz-border-radius: 400px;
  126. -webkit-border-radius: 400px;
  127. border-radius: 400px;
  128. opacity:0.8;
  129. }
  130.  
  131.  
  132. .titles {
  133. font-size:17px;
  134. font-style:normal;
  135. font-weight:bold;
  136. font-family:Gabriola;
  137. text-align:centre;
  138. padding-left:7px;
  139. margin-left:5px;
  140. text-transform:small caps;
  141. color: {color:Page Title};
  142. padding:3px;
  143. }
  144.  
  145. #description {
  146. background-color:{color:Sidebar background};
  147. color:{color:text};
  148. text-align:center;
  149. line-height: 14px;
  150. font-family: {font:body};
  151. font-size:8px;
  152. letter-spacing:3px;
  153. width:190px;
  154. height:190px;
  155. margin-left:-230px;
  156. margin-top:-300px;
  157. padding:20px;
  158. -moz-border-radius: 400px;
  159. -webkit-border-radius: 400px;
  160. border-radius: 400px;
  161. -moz-box-shadow: 4px 4px 15px #181818;
  162. -webkit-box-shadow: 4px 4px 15px #181818;
  163. box-shadow: 4px 4px 15px #181818;
  164. }
  165.  
  166.  
  167. #sempiternal img {
  168. width: 230px;
  169. height: 230px;
  170. margin-top:-178px;
  171. margin-left:-20px;
  172. -moz-border-radius: 400px;
  173. -webkit-border-radius: 400px;
  174. border-radius: 400px;
  175. opacity:0.6;
  176. }
  177.  
  178. #sempiternal:hover img {
  179. width: 230px;
  180. height: 230px;
  181. margin-top:-178px;
  182. margin-left:-20px;
  183. -moz-border-radius: 400px;
  184. -webkit-border-radius: 400px;
  185. border-radius: 400px;
  186. opacity:0;
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. -o-transition: all 0.7s ease-in-out;
  190. -ms-transition: all 0.7s ease-in-out;
  191. }
  192.  
  193. #posts{
  194. {block:IfNotBiggerPost}
  195. width:400px;
  196. {/block:IfNotBiggerPost}
  197. {block:IfBiggerPost}
  198. width:500px;
  199. {/block:IfBiggerPost}
  200. margin-left:700px;
  201. margin-top:10px;
  202. font-size:10px;
  203. font-family:cambria;
  204. padding-left:5px;
  205. padding-top:5px;
  206. padding-bottom:5px;
  207. }
  208.  
  209. .post {
  210. {block:IfNotBiggerPost}
  211. width:400px;
  212. {/block:IfNotBiggerPost}
  213. {block:IfBiggerPost}
  214. width:500px;
  215. {/block:IfBiggerPost}
  216. padding:5px;
  217. margin-top:20px;
  218. margin-bottom:5px;
  219. font-family: {font:Body};
  220. font-size:10px;
  221. letter-spacing:1px;
  222. background-color:{color:Post};
  223. color:{color:Text};
  224. -moz-border-radius: 6px 6px 6px 6px;
  225. -webkit-border-radius: 6px 6px 6px 6px;
  226. border-radius: 6px 6px 6px 6px;
  227. -moz-box-shadow: 4px 4px 15px #181818;
  228. -webkit-box-shadow: 4px 4px 15px #181818;
  229. box-shadow: 4px 4px 15px #181818;
  230. }
  231.  
  232. .post img{ max-width:100%;}
  233.  
  234. b, em, strong{
  235. color: {color:Bold text};
  236. font-weight:bold;
  237. }
  238.  
  239. i, em {
  240. color: {color:Italic text};
  241. font-weight:lighter;
  242. font-style:italic;
  243. }
  244.  
  245. .audio{
  246. max-width:100px;
  247. margin-right:5px;
  248. }
  249.  
  250. .source{
  251. margin-left: 25px;
  252. }
  253.  
  254. .ask{
  255. background-color: {color:Ask background};
  256. padding:5px;
  257. font-family: {Font:Body};
  258. font-size:10px;
  259. }
  260.  
  261.  
  262. .links{
  263. padding:5px;
  264. margin-left:5px;
  265. }
  266.  
  267. .sa{
  268. font-size:13px;
  269. font-style:normal;
  270. font-weight:light;
  271. font-family:MS Sans Serif;
  272. text-align:left;
  273. padding-left:10px;
  274. margin-left:5px;
  275. padding:3px;
  276. }
  277.  
  278.  
  279. #menu{
  280. width: 87px;
  281. padding-top: 10px;
  282. padding-bottom: 30px;
  283. position: fixed;
  284. left: 100px;
  285. top: 20px;
  286. -moz-border-radius: 400px;
  287. -webkit-border-radius: 400px;
  288. border-radius: 400px;
  289. }
  290.  
  291. .menu {
  292. width:40px;
  293. display:block;
  294. height:40px;
  295. margin-bottom:-33px;
  296. margin-left:14px;
  297. text-align:center;
  298. padding-bottom:10px;
  299. padding-top:6px;
  300. padding-right:6px;
  301. padding-left:10px;
  302. text-decoration:none;
  303. color:{color:Navigation text};
  304. font-family:consolas;
  305. font-size:8px;
  306. letter-spacing:3px;
  307. border:3px solid {color:Sempiternal rings};
  308. -moz-border-radius: 50px;
  309. -webkit-border-radius: 50px;
  310. border-radius: 50px;
  311. -moz-box-shadow: 4px 6px 16px #181818;
  312. -webkit-box-shadow: 4px 6px 16px #181818;
  313. box-shadow: 4px 6px 16px #181818;
  314. }
  315.  
  316. .menu:hover{
  317. color:{color:Navigation text hover};
  318. margin-bottom:0px;
  319. letter-spacing:1px;
  320. }
  321.  
  322. #spt {
  323. background-color:{color:Sidebar background};
  324. width:90px;
  325. height:90px;
  326. margin-left:150px;
  327. margin-top:150px;
  328. padding:20px;
  329. -moz-border-radius: 400px;
  330. -webkit-border-radius: 400px;
  331. border-radius: 400px;
  332. -moz-box-shadow: 4px 4px 15px #181818;
  333. -webkit-box-shadow: 4px 4px 15px #181818;
  334. box-shadow: 4px 4px 15px #181818;
  335. }
  336.  
  337. .spt {
  338. width:127px;
  339. height:127px;
  340. margin-left:-18px;
  341. margin-top:-18px;
  342. }
  343.  
  344. .sptlink {
  345. width:100px;
  346. display:block;
  347. height:100px;
  348. margin-top:-90px;
  349. margin-left:-14px;
  350. text-align:center;
  351. padding-bottom:10px;
  352. padding-top:6px;
  353. padding-right:6px;
  354. padding-left:10px;
  355. text-decoration:bold;
  356. color:#ffffff;
  357. font-family:consolas;
  358. font-size:15px;
  359. letter-spacing:1px;
  360. }
  361.  
  362. #notes {
  363. background-color: {color:Permalink Background};
  364. font-family:consolas;
  365. font-size:9px;
  366. text-align:center;
  367. width:100px;
  368. margin-bottom:15px;
  369. padding:1px;
  370. letter-spacing:1px;
  371. }
  372.  
  373. .notes a {
  374. color: {color:Permalink};
  375. text-decoration: none;
  376. letter-spacing: 2px;
  377. }
  378.  
  379. </style>
  380.  
  381.  
  382. {block:IfInfiniteScrolling}
  383. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  384. {/block:IfInfiniteScrolling}
  385.  
  386. </head>
  387. <body>
  388.  
  389. <div id="menu">
  390. <a href="/" class="menu">home</a>
  391. <a href="/ask" class="menu">ask</a>
  392. <a href="http://safebeneaththesmoke.tumblr.com/" class="menu">theme</a>
  393. {block:IfLink1}<a href="{text:Link 1 URL}" class="menu">{text:Link 1}</a>{/block:IfLink1}
  394. {block:IfLink2}<a href="{text:Link 2 URL}" class="menu">{text:Link 2}</a>{/block:IfLink2}
  395. {block:IfLink3}<a href="{text:Link 3 URL}" class="menu">{text:Link 3}</a>{/block:IfLink3}
  396. {block:IfLink4}<a href="{text:Link 4 URL}" class="menu">{text:Link 4}</a>{/block:IfLink4}
  397. {block:IfLink5}<a href="{text:Link 5 URL}" class="menu">{text:Link 5}</a>{/block:IfLink5}
  398. {block:IfLink6}<a href="{text:Link 6 URL}" class="menu">{text:Link 6}</a>{/block:IfLink6}
  399. </div>
  400.  
  401.  
  402. {block:IfNotInfiniteScrolling}
  403. {block:Pagination}
  404. <center>
  405. {block:PreviousPage}
  406. <a href="{PreviousPage}"><big>←</big></a>
  407. {/block:PreviousPage}
  408. {block:NextPage}
  409. <a href="{NextPage}"><big>→</big></a>
  410. {/block:NextPage}
  411. </center>
  412. {/block:Pagination}
  413. {/block:IfNotInfiniteScrolling}
  414. </div>
  415.  
  416.  
  417. <div id="posts">
  418. <div style="position:center; top:80px; left:400px;">
  419.  
  420. {block:IfInfiniteScrolling}
  421. <div class="autopagerize_page_element">
  422. {/block:IfInfiniteScrolling}
  423.  
  424. {block:Posts}
  425.  
  426. <div class="post">
  427.  
  428.  
  429. {block:Text}
  430. {block:Title}
  431. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  432. {/block:Title}
  433. {Body}
  434. {/block:Text}
  435.  
  436.  
  437. {block:Photo}
  438. {block:IfBiggerPost}
  439. {LinkOpenTag}
  440. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  441. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  442. {linkCloseTag}
  443. {/block:IfBiggerPost}
  444.  
  445.  
  446. {block:IfNotBiggerPost}
  447. {LinkOpenTag}
  448. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  449. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  450. {linkCloseTag}
  451. {/block:IfNotBiggerPost}
  452.  
  453.  
  454. {block:IfShowCaption}
  455. {block:Caption}{Caption}{/block:Caption}
  456. {/block:IfShowCaption}
  457.  
  458. {block:IfNotShowCaption}{block:PermalinkPage}
  459. {block:Caption}{Caption}{/block:Caption}
  460. {block:PermalinkPage}{/block:IfNotShowCaption}
  461. {/block:Photo}
  462.  
  463. {block:Photoset}
  464.  
  465. {block:IfBiggerPost}
  466. {Photoset-500}
  467. {/block:IfBiggerPost}
  468.  
  469. {block:IfNotBiggerPost}
  470. {Photoset-400}
  471. {/block:IfNotBiggerPost}
  472.  
  473. {block:IfShowCaption}
  474. {block:Caption}{Caption}{/block:Caption}
  475. {/block:IfShowCaption}
  476.  
  477. {block:IfNotShowCaption}{block:PermalinkPage}
  478. {block:Caption}{Caption}{/block:Caption}
  479. {block:PermalinkPage}{/block:IfNotShowCaption}
  480. {/block:Photoset}
  481.  
  482. {block:Quote}
  483. <div class="links">❝{Quote}❞</div>
  484. {block:Source}
  485. <div class="source"> — {Source} </div>
  486. {/block:Source}
  487. {/block:Quote}
  488.  
  489. {block:Link}
  490. <div class="sa">
  491. &rarr; <a href="{URL}" {Target}>{Name}</a>
  492. </div>
  493. {block:Description}
  494. {Description}
  495. {/block:Description}{/block:Link}
  496.  
  497. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  498. {/block:Lines}
  499. {/block:Chat}
  500.  
  501. {block:Audio}
  502. <div style="width:100%; background-color:#000;">{AudioPlayerBlack}</div>
  503. {/block:Audio}
  504.  
  505. {block:Video}
  506.  
  507. {block:IfBiggerPost}
  508. {video-500}
  509. {/block:IfBiggerPost}
  510.  
  511. {block:IfNotBiggerPost}
  512. {video-400}
  513. {/block:IfNotBiggerPost}
  514.  
  515.  
  516. {block:Caption}{Caption}{/block:Caption}
  517. {/block:Video}
  518.  
  519. {block:Answer}
  520. <div class="ask">{Asker}: <big>❝</big>{Question}<big>❞</big></div>
  521. {Answer}
  522. </div>
  523. {/block:Answer}
  524. </div>
  525.  
  526. {block:IndexPage}
  527. <div id="notes"><div class="notes">
  528. {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{block:NoteCount}&nbsp;&nbsp;|&nbsp;&nbsp;{NoteCountWithLabel}{/block:NoteCount}</a>
  529. </div>{/block:IndexPage}
  530.  
  531. {/block:Posts}
  532.  
  533. <div id="sidebar">
  534. <div id="sideimage">
  535. <img src="{image:Sidebar}" alt="" />
  536. </div>
  537.  
  538. <div id="spt">
  539. <img src="http://24.media.tumblr.com/f9d241d08e1ee86ab9a7bf53ee8663a9/tumblr_mklbfjIT671sn2zgao1_400.png" class="spt">
  540. <a href="http://bringmethehorizon.co.uk" class="sptlink">BUY<br>SEMPITERNAL</a>
  541. </div>
  542.  
  543. <div id="description">
  544. {description}
  545. <div id="sempiternal">
  546. <img src="http://24.media.tumblr.com/e6a58bd3d78459486a292f8aba264164/tumblr_mkl8rfu40i1sn2zgao1_r3_400.png" alt="" width="190" height="190" />
  547. </div>
  548.  
  549. </body>
  550. </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!