API tools faq
paste
Advertisement
LeviathanThemes

A Land Of Abominations

LeviathanThemes
Feb 8th, 2013
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Descripton}
  6. <link rel="shortcut icon" href="{Favicon}" />
  7.  
  8. <!----
  9.  
  10. THEME #004 - "A LAND OF ABOMINATIONS" - BY LEVIATHAN
  11.  
  12.  
  13. PLEASE:
  14. - DO NOT STEAL
  15. - DO NOT USE AS A BASE
  16. - DO NOT REMOVE THE THEME CREDIT
  17.  
  18.  
  19. IF ANY PROBLEMS ARISE, FEEL FREE TO MESSAGE ME AT LEVIATHAN.TUMBLR.COM
  20.  
  21.  
  22. THANKS AND ENJOY c:
  23.  
  24. --->
  25.  
  26. <!-- DEFAULT VARIABLES -->
  27.  
  28. <meta name="color:background" content="#F4F3F4"/>
  29. <meta name="color:sidebar colour" content="#111111"/>
  30. <meta name="color:text colour" content="#666666"/>
  31. <meta name="color:link colour" content="#b3aec1"/>
  32. <meta name="color:link hover" content="#eeeeee"/>
  33. <meta name="color:navigation link colour" content="#2a272b"/>
  34. <meta name="color:navigation link hover" content="#444444"/>
  35. <meta name="text:link1" content="link 1"/>
  36. <meta name="text:link2" content="link 2"/>
  37. <meta name="text:link3" content="link 3"/>
  38. <meta name="text:link1 url" content=" "/>
  39. <meta name="text:link2 url" content=" "/>
  40. <meta name="text:link3 url" content=" "/>
  41. <meta name="image:sidebar image" content="http://25.media.tumblr.com/tumblr_mekg79OpFj1qg076no1_250.gif"/>
  42.  
  43.  
  44. <!-- END DEFAULT VARIABLES -->
  45.  
  46. <style type="text/css">
  47. @import url(http://fonts.googleapis.com/css?family=BenchNine);
  48. @import url(http://fonts.googleapis.com/css?family=Share+Tech);
  49. @import url(http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC);
  50.  
  51. body {
  52. background-color:{color:background};
  53.  
  54. }
  55.  
  56. hr {
  57. border: 0;
  58. height: 0;
  59. border-top: 1px solid rgba(0, 0, 0, 0.1);
  60. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  61. }
  62.  
  63. iframe#tumblr_controls {
  64. right:3px !important;
  65. position: fixed !important;
  66. -webkit-transition: opacity 0.7s linear;
  67. opacity: 0.2;
  68. -webkit-transition: all 0.8s ease-out;
  69. -moz-transition: all 0.8s ease-out;
  70. transition: all 0.8s ease-out;
  71. }
  72.  
  73. blockquote {
  74. margin:5px 10px;
  75. padding:5px;
  76. border-left:solid 3px #f8f8f8;
  77. }
  78.  
  79. blockquote p {
  80. margin:1px 0px;
  81. padding:0px;
  82. }
  83.  
  84. blockquote img {
  85. max-width:450px;
  86. }
  87.  
  88.  
  89. #sidebar {
  90. float:left;
  91. position:fixed;
  92. width:35%;
  93. height:110%;
  94. margin-top:-10px;
  95. margin-left:-10px;
  96. background-color:{color:sidebar colour};
  97. }
  98.  
  99. #posts {
  100. margin-left:35%;
  101. font-size:10px;
  102. width:500px;
  103. }
  104.  
  105. #sbimg {
  106. position:absolute;
  107. width:245px;
  108. margin-left: auto;
  109. margin-right: auto;
  110. margin-top:-250px;
  111. z-index:0;
  112. clip:rect(0px 245px 270px 0px);
  113. overflow:hidden;
  114. }
  115.  
  116. #sbimg img {
  117. max-width:245px;
  118.  
  119. }
  120.  
  121. #post {
  122. margin:0px 0px 20px 40px;
  123. background-color:white;
  124. padding:20px;
  125. width:500px;
  126. box-shadow:0px 0px 5px #eee;
  127. opacity:.9;
  128. font-family:cambria;
  129. font-size:10px;
  130. overflow:hidden;
  131. color:{color:text colour};
  132. }
  133.  
  134. #info {
  135. text-transform:uppercase;
  136. font-family:benchnine;
  137. font-size:10px;
  138. letter-spacing:1px;
  139. }
  140.  
  141. a, a:active, a:visited {
  142. text-decoration:none;
  143. color:{color:link colour};
  144. }
  145.  
  146. a:hover {
  147. color:{color:link hover};
  148. }
  149.  
  150. #info {
  151. width:500px;
  152. margin-left:40px;
  153. text-align:center;
  154. color:#aaa;
  155. }
  156.  
  157. #tags {
  158. width:500px;
  159. margin-left:40px;
  160. margin-top:-3px;
  161. text-align:center;
  162. font-family:share tech;
  163. color:#aaa;
  164. }
  165.  
  166. #down {
  167. opacity:0;
  168. margin-top:-40px;
  169. margin-bottom:20px;
  170. -webkit-transition: all 0.6s ease-in-out;
  171. -moz-transition: all 0.6s ease-in-out;
  172. -o-transition: all 0.6s ease-in-out;
  173. -ms-transition: all 0.6s ease-in-out;
  174. transition: all 0.6s ease-in-out;
  175. }
  176.  
  177. #lala:hover #down {
  178. opacity:1;
  179. margin-top:-15px;
  180. -webkit-transition: all 0.6s ease-in-out;
  181. -moz-transition: all 0.6s ease-in-out;
  182. -o-transition: all 0.6s ease-in-out;
  183. -ms-transition: all 0.6s ease-in-out;
  184. transition: all 0.6s ease-in-out;
  185. }
  186.  
  187. #question {
  188. padding:40px;
  189. text-align:center;
  190. }
  191.  
  192. #asker {
  193. font-size:16px;
  194. text-transform:uppercase;
  195. font-family:benchnine;
  196. letter-spacing:1px;
  197. }
  198.  
  199. #pic {
  200. margin-top:-25px;
  201. }
  202.  
  203. #linkz {
  204. position:relative;
  205. font-family:benchnine;
  206. text-transform:uppercase;
  207. letter-spacing:0px;
  208. width:245px;
  209. margin-left: auto;
  210. margin-right: auto;
  211. margin-top:-170px;
  212. padding-left:40px;
  213. }
  214.  
  215. #linkz a {
  216. width:100px;
  217. font-size:10px;
  218. line-height:10px;
  219. letter-spacing:1px;
  220. display:block;
  221. margin-bottom:2px;
  222. }
  223.  
  224.  
  225. #about {
  226. position:relative;
  227. font-family:cambria;
  228. margin-top:350px;
  229. width:120px;
  230. background-color:white;
  231. height:190px;
  232. font-size:10px;
  233. line-height:9px;
  234. padding:20px;
  235. margin-left: auto;
  236. margin-right: auto;
  237. z-index:9999;
  238. opacity:0;
  239. color:#666;
  240. text-align:center;
  241. -webkit-transition: all 0.6s ease-in-out;
  242. -moz-transition: all 0.6s ease-in-out;
  243. -o-transition: all 0.6s ease-in-out;
  244. -ms-transition: all 0.6s ease-in-out;
  245. transition: all 0.6s ease-in-out;
  246. }
  247.  
  248. #blob {
  249. width:250px;
  250. margin-left: auto;
  251. margin-right: auto;
  252. }
  253.  
  254. #blob:hover #about {
  255. opacity:.8;
  256. -webkit-transition: all 0.6s ease-in-out;
  257. -moz-transition: all 0.6s ease-in-out;
  258. -o-transition: all 0.6s ease-in-out;
  259. -ms-transition: all 0.6s ease-in-out;
  260. transition: all 0.6s ease-in-out;
  261. }
  262.  
  263. #yolo {
  264. margin-left:40px;
  265. }
  266.  
  267. #next {
  268. position:relative;
  269. margin-top:130px;
  270. margin-left: auto;
  271. margin-right: auto;
  272. font-family:calibri;
  273. text-align:center;
  274. width:100px;
  275. height:40px;
  276. font-size:60px;
  277. }
  278.  
  279. #next a {
  280. color:{color:navigation link colour};
  281. }
  282.  
  283. #next a:hover {
  284. color:{color:navigation link hover};
  285. }
  286.  
  287.  
  288. #note img {
  289. width:10px;
  290. position:relative;
  291. top:1px;
  292. }
  293.  
  294. ol#note, #note li {
  295. width:490px;
  296. list-style:none;
  297. margin:0px 0 -1px 5px;
  298. padding:0px;
  299. }
  300.  
  301. #note {
  302. width:500px;
  303. font-size:9px;
  304. font-family:calibri;
  305. margin-top:40px;
  306. margin-bottom:20px;
  307. color:#ababab;
  308. }
  309.  
  310. #credit {
  311. position:fixed;
  312. right:15px;
  313. bottom:15px;
  314. font-family:calibri;
  315. font-size:11px;
  316. }
  317.  
  318. </style>
  319.  
  320. </head>
  321.  
  322. <body>
  323.  
  324. <!--begin main stuff -->
  325.  
  326. <div id="sidebar">
  327.  
  328. <div id="blob">
  329. <div id="yolo">
  330. <div id="about">
  331. {description}
  332. </div>
  333. </div>
  334.  
  335. <div id="sbimg">
  336. <img src="{image:sidebar image}">
  337. </div>
  338.  
  339. </div>
  340.  
  341. <div id="linkz"><a href="/">home</a><a href="/ask">ask</a><a href="{text:link1 url}">{text:link1}</a>
  342. <a href="{text:link2 url}">{text:link2}</a>
  343. <a href="{text:link3 url}">{text:link3}</a></div>
  344.  
  345.  
  346. <div id="next">
  347. {block:Pagination}
  348. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  349. {block:NextPage}<a href="{NextPage}">+</a>
  350. {/block:NextPage}
  351. {/block:Pagination}
  352. </div>
  353.  
  354. </div>
  355.  
  356.  
  357.  
  358.  
  359. <div id="posts">
  360. {block:Posts}
  361.  
  362. <div id="lala">
  363.  
  364. <div id="post">
  365.  
  366.  
  367. {block:Text}
  368. {block:Title}<h1>{Title}</h1>{/block:Title}
  369. {Body}
  370. {/block:Text}
  371.  
  372. {block:Photo}
  373. <img src="{PhotoURL-500}" />
  374. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  375. {/block:Photo}
  376.  
  377. {block:Photoset}
  378. {Photoset-500}
  379. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  380. {/block:Photoset}
  381.  
  382. {block:Quote}<div id="quote">
  383. {Quote}</div>
  384. <div id="from">
  385. {block:Source}- {Source}{/block:Source}</div>
  386. {/block:Quote}
  387.  
  388. {block:Link}
  389. <div id="link"><a href="{URL}" target="{Target}">{Name}</a></div>
  390. {block:Description}{Description}{/block:Description}
  391. {/block:Link}
  392.  
  393. {block:Chat}
  394. {block:Title}<h1>{Title}</h1>{/block:Title}
  395. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  396. {/block:Chat}
  397.  
  398. {block:Audio}<div id="music">{AudioPlayerWhite}</div>
  399. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  400. {/block:Audio}
  401.  
  402. {block:Video}
  403. {Video-500}
  404. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  405. {/block:Video}
  406.  
  407. {block:Answer}<div id="question"><div id="asker">{Asker} asked:</div>{Question}<br><br>
  408. <div id="ask"><hr><div id="pic"><img src="{AskerPortraitURL-40}"></div></div></div>
  409. {Answer}
  410. {/block:Answer}
  411.  
  412. </div>
  413.  
  414.  
  415. <div id="down">
  416.  
  417. <div id="info">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> - {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©</a> - {/block:ContentSource}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} - <a href="{ReblogURL}">reblog</a></div>
  418.  
  419.  
  420. <div id="tags">
  421.  
  422. {block:Tags}
  423. x<a href="{TagURL}">{Tag} </a>
  424. {/block:Tags}
  425.  
  426. </div>
  427.  
  428. </div>
  429.  
  430. </div>
  431.  
  432.  
  433. {block:PermalinkPage}
  434. {block:PostNotes}
  435. <div id="note">{PostNotes}</div>
  436. {/block:PostNotes}
  437. {block:PermalinkPage}
  438. {/block:Posts}
  439.  
  440.  
  441. </div>
  442.  
  443. <div id="credit"><a href="http://leviathan.tumblr.com/">THEME CREDIT</a>
  444. </div>
  445.  
  446. <!-- end main stuff -->
  447. </body>
  448. </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!