API tools faq
paste
Advertisement
oflothlorien

thm6

oflothlorien
Aug 19th, 2014
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.  
  5. <!-- This is a theme by Oflothlorien
  6. Theme Six: Hell & Back
  7. RULES:
  8. - Do not steal
  9. - Do not use as a base
  10. - Do not remove the credit
  11. -->
  12.  
  13. <title>{Title}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  18.  
  19. <meta name="color:background" content="#fff" />
  20. <meta name="color:title" content="#000000" />
  21. <meta name="color:description" content="#000000"/>
  22. <meta name="color:link" content="#000000"/>
  23. <meta name="color:text" content="#000000"/>
  24. <meta name="color:mainlink" content="#000000"/>
  25. <meta name="color:scrollbar" content="#000000"/>
  26. <meta name="color:scrollbarbackground" content="#000000"/>
  27. <meta name="color:linkhover" content="#000000"/>
  28.  
  29. <meta name="image:backgroundimage" content=""/>
  30.  
  31. <meta name="text:link1" content="one"/>
  32. <meta name="text:link1 url" content="/"/>
  33. <meta name="text:link2" content="two"/>
  34. <meta name="text:link2 url" content="/"/>
  35. <meta name="text:link3" content="three"/>
  36. <meta name="text:link3 url" content="/"/>
  37. <meta name="text:link4" content="four"/>
  38. <meta name="text:link4 url" content="/"/>
  39.  
  40. <style type="text/css">
  41. body {
  42. background-color: {color:background};
  43. font-family:cambria;
  44. font-size:11px;
  45. letter-spacing:0.1px;
  46. color:{color:text};
  47. background-image:{image:backgroundimage} no-repeat center center fixed;
  48. -webkit-background-size: cover;
  49. -moz-background-size: cover;
  50. -o-background-size: cover;
  51. background-size: cover;
  52. background-attachment: fixed;
  53. }
  54.  
  55. a {
  56. color: {color:link};
  57. text-decoration: none;
  58. outline:none;
  59. -moz-outline-style:none;
  60. transition:all 3s ease;
  61. }
  62.  
  63. a:hover {
  64. color:{color:linkhover};
  65. background-color: transparent;
  66. text-decoration: none;
  67. }
  68.  
  69. blockquote {
  70. margin-left:10px;
  71. padding-left:5px;
  72. border-left:1px solid;
  73. color: {color:text};
  74. }
  75.  
  76. #posts {
  77. float: left;
  78. margin-top: 10px;
  79. margin-left:300px;
  80. background-color: {color:background};
  81. width:510px;
  82. padding:15px;
  83. }
  84.  
  85. #post {
  86. width: 500px;
  87. padding: 13px;
  88. text-align: justify;
  89. position: relative;
  90. margin-bottom:55px;
  91. background-color: {color:background};
  92. }
  93.  
  94. #sidebar {
  95. margin-left: 900px;
  96. margin-top: 400px;
  97. width: 200px;
  98. position: fixed;
  99. }
  100.  
  101.  
  102. #title {
  103. width: 200px;
  104. padding: 0px;
  105. font-family: poiret one;
  106. text-transform: uppercase;
  107. letter-spacing: 0.5px;
  108. font-size: 30px;
  109. text-align: right;
  110. color: {color:title};
  111. background-color: {color:background};
  112. -webkit-transition: all 0.5s ease-in;
  113. -moz-transition: all 0.5s ease-in;
  114. transition: all 0.5s ease-in;
  115. }
  116.  
  117. #title a{
  118. color: {color:title};
  119. }
  120.  
  121. #title a:hover {
  122. color:{color:linkhover};
  123. letter-spacing: 0.5px;
  124. -webkit-transition: all 0.5s ease-out;
  125. -moz-transition: all 0.5s ease-out;
  126. transition: all 0.5s ease-out;
  127. }
  128.  
  129. #title .description {
  130. z-index:999999999999999999999999999999999999999;
  131. width: 200px;
  132. padding-top: 5px;
  133. padding-bottom: 20px;
  134. margin-left: 0px;
  135. text-transform: lowercase;
  136. text-align: right;
  137. font-family: cambria;
  138. color: {color:description};
  139. background-color: {color:background};
  140. font-size: 11px;
  141. ;filter: alpha(opacity = 0);
  142. opacity:0;
  143. -webkit-transition: all 0.8s ease-in;
  144. -moz-transition: all 0.8s ease-in;
  145. transition: all 0.8s ease-in;
  146. }
  147.  
  148. #title:hover .description {
  149. margin-top:0px;
  150. margin-left: 0px;
  151. -webkit-transition: all 0.8s ease-out;
  152. -moz-transition: all 0.8s ease-out;
  153. transition: all 0.8s ease-out;
  154. filter: alpha(opacity = 100);
  155. filter: alpha(opacity = 100);
  156. opacity:100;
  157. }
  158.  
  159. #mainlinks {
  160. width: 200px;
  161. margin-top: 0px;
  162. padding-top: 5px;
  163. padding-right: 0px;
  164. margin-top: 0px;
  165. text-align: right;
  166. font-family: calibri;
  167. color: {color:mainlink};
  168. background-color: {color:background};
  169. word-spacing: 10px;
  170. letter-spacing: 1px;
  171. font-size: 10px;
  172. }
  173.  
  174. #mainlinks a{
  175. color:{color:mainlink};
  176. }
  177.  
  178. #mainlinks a:hover{
  179. color:{color:linkhover};
  180. }
  181.  
  182. h1 {
  183. text-align:center;
  184. text-transform:uppercase;
  185. font-size:12px;
  186. color:{color:link};
  187. font-weight: bold;
  188. background:;
  189. font-family:cambria;
  190. line-height:15px;
  191. }
  192.  
  193. #pagination{
  194. margin-top: 0px;
  195. padding: 0px;
  196. font-family: cambria;
  197. width: 200px;
  198. font-size: 15px;
  199. letter-spacing: 1px;
  200. word-spacing: 5px;
  201. text-align: right;
  202. background: {color:bakcground};
  203. text-transform: lowercase;
  204. }
  205.  
  206. #pagination a{
  207. color: {color:link};
  208. text-decoration: none;
  209. }
  210.  
  211. #pagination a:hover{
  212. color: {color:linkhover};
  213. }
  214.  
  215.  
  216. .quote {
  217. text-align:left;
  218. font-size: 12px;
  219. font-family: cambria;
  220. text-transform: uppercase;
  221. line-height: 21px;
  222. color: {color:text};
  223. text-indent:2px;
  224. padding: 3px 5px 5px 5px;
  225. margin-top:-2px;
  226. }
  227.  
  228. .quotesource {
  229. text-transform:none;
  230. font-family:cambria;
  231. font-size:12px;
  232. height:auto;
  233. text-align:right;
  234. color:{color:link};
  235. display:block;
  236. font-weight:bold;
  237. font-style:italic;
  238. padding-bottom:10px;
  239. }
  240.  
  241. .quotesource a {
  242. color:{color:link};
  243. }
  244.  
  245. .chat {
  246. line-height: 13px;
  247. list-style: none
  248. }
  249.  
  250. .chat ul {
  251. line-height: 13px;
  252. list-style: none;
  253. padding: 5px;
  254. line-height:14px;
  255. }
  256.  
  257. .person1 {
  258. color: {color:text};
  259. padding: 2px;
  260. }
  261.  
  262. .person1 .label {
  263. font-weight: bold;
  264. text-decoration:none;
  265. color:{color:text};
  266. }
  267.  
  268. .person2 {
  269. color: {color:text};
  270. padding: 2px;
  271. }
  272. .person2 .label {
  273. text-decoration:none;
  274. font-weight: bold;
  275. color:{color:text};
  276. }
  277.  
  278. #thor {
  279. }
  280. #thor a{
  281. opacity:100;
  282. }
  283. #thor .jane {
  284. z-index:999999999999999999999999999999999999999;
  285. padding:4px;
  286. text-align:right;
  287. background:{color:background};
  288. text-transform:uppercase;
  289. font-size:8px;
  290. color:{color:text};
  291. width:490px;
  292. font-family:cambria;
  293. ;filter: alpha(opacity = 0);
  294. opacity:0;
  295. -webkit-transition: all 0.5s ease-out;
  296. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  297. }
  298.  
  299. #thor:hover .jane {
  300.  
  301. }
  302.  
  303. .jane a{
  304. text-transform:uppercase;
  305. font-size:8px;
  306. }
  307.  
  308. #post:hover .jane{
  309. margin-top:0px;
  310. margin-left: 0px;
  311. -webkit-transition: all 0.8s ease-out;
  312. -moz-transition: all 0.8s ease-out;
  313. transition: all 0.8s ease-out;
  314. filter: alpha(opacity = 100);
  315. filter: alpha(opacity = 100);
  316. opacity:100;
  317. }
  318.  
  319.  
  320. ol.notes {
  321. list-style: none;
  322. width:500px;
  323. margin-left:-40px;
  324. }
  325.  
  326. ol.notes a {
  327. color:{color:text};
  328. text-shadow:1px 1px 0px #fff;
  329. }
  330. ol.notes li.note {
  331. margin-bottom: 2px;
  332. padding: 2px;
  333. text-transform: lowercase;
  334. line-height: 20px;
  335. width:500px; ;
  336. text-shadow:1px 1px 0px #fff;
  337. border-bottom:1px solid #fafafa;
  338. }
  339.  
  340. ol.notes li.note img.avatar {
  341. vertical-align: -2px;
  342. margin-right: 10px;
  343. width:16px;
  344. height: 16px;
  345. }
  346.  
  347. ol.notes li.note .answer_content {
  348. font-weight: normal;
  349. }
  350. ol.notes li.note blockquote {
  351. display: none;
  352. }
  353.  
  354. ::-webkit-scrollbar-thumb {
  355. background-color: {color:scrollbar};
  356. border: 0px solid #fff;
  357. height:auto;
  358. }
  359.  
  360. ::-webkit-scrollbar {
  361. height:5px;
  362. width:5px;
  363. background-color: {color:scrollbarbackground};
  364. border:4px solid #fff;
  365. }
  366.  
  367. ::-moz-selection {
  368. background-color:{color:text};
  369. }
  370.  
  371. ::selection {
  372. background-color:{color:text};color:{color:background};
  373. }
  374.  
  375. .audioinfo {
  376. padding:10px;
  377. color:#555555; }
  378.  
  379. .ask {
  380. background-color: #fff;
  381. padding: 5px;
  382. border-bottom: 1px solid #f1f1f1;
  383. text-transform: none;
  384. }
  385.  
  386. .answer {
  387. background-color: {color:background};
  388. padding: 5px;
  389. text-transform: none;
  390. }
  391.  
  392. #credit{
  393. position: fixed;
  394. right: 0px;
  395. bottom: -5px;
  396. color: {color:text};
  397. font-family: cambria;
  398. text-transform: lowercase;
  399. margin: 4px;
  400. font-size: 9px;
  401. letter-spacing: 1px;
  402. padding: 8px;
  403. }
  404.  
  405. #credit a{
  406. color: {color:link};
  407. text-decoration: none;
  408. }
  409.  
  410. #credit a:hover{
  411. color: {color:linkhover};
  412. text-decoration:none;
  413. }
  414.  
  415. </style>
  416. </head>
  417.  
  418. <body>
  419.  
  420. <div id="credit"><a href="http://fangcrn.tumblr.com/">fangcrn</a></div>
  421.  
  422. <div id="sidebar">
  423. <div id="title"><a href="/">{title}</a>
  424. <div id="mainlinks">
  425. {block:iflink1}
  426. <a href="{text:link1 url}">{text:link1}</a>
  427. {/block:IfLink1}
  428. {block:IfLink2}
  429. <a href="{text:link2 url}">{text:link2}</a>
  430. {/block:IfLink2}
  431. {block:IfLink3}
  432. <a href="{text:link3 url}">{text:link3}</a>
  433. {/block:IfLink3}
  434. {block:IfLink4}
  435. <a href="{text:link4 url}">{text:link4}</a>
  436. {/block:IfLink4}
  437. </div>
  438. {block:Pagination}
  439. <div id="pagination">
  440. {block:PreviousPage}
  441. <a href="{PreviousPage}">←</a>
  442. {/block:PreviousPage}
  443. {block:CurrentPage}
  444. <span class="current_page">{PageNumber}</span>
  445. {/block:CurrentPage}
  446. {block:JumpPage}
  447. <a class="jump_page" href="{URL}">{PageNumber}</a>
  448. {/block:JumpPage}
  449. {/block:JumpPagination}
  450. {block:NextPage}
  451. <a href="{NextPage}">→</a>
  452. {/block:NextPage}
  453. </div>
  454. {/block:Pagination}
  455. <div class="description">{description}</div>
  456. </div>
  457. </div>
  458.  
  459. <div id="posts">
  460.  
  461.  
  462. {block:Posts}
  463. <div id="post">
  464. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  465.  
  466. {block:Photo}
  467. <center><img src="{PhotoURL-500}"></center>
  468. {block:Caption} {Caption} {/block:Caption}
  469. {/block:Photo}
  470.  
  471. {block:Photoset}<center>{Photoset-500}</center>
  472. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  473.  
  474. {block:Quote}
  475. <div class="quote">{Quote}</div>
  476. <div class="quotesource">- {Source}</div>
  477. {/block:Quote}
  478.  
  479. {block:Link}
  480. <a href="{URL}" {Target}><h1>{Name}</h1></a>
  481. {block:Description}{Description}{/block:Description}
  482. {/block:Link}
  483.  
  484. {block:Chat}
  485. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  486. <div class="chat"><ul>{block:Lines}
  487. <li class="person{UserNumber}">{block:Label}
  488. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  489. {/block:Chat}
  490.  
  491. {block:Audio}
  492.  
  493. <table><tr>
  494. <td style="width: 40px;">
  495. <div id="audioimg">{block:AlbumArt}
  496. <img src="{AlbumArtURL}" width="100px"/>
  497.  
  498. </div>
  499. {/block:AlbumArt}</td>
  500. <td style="width: 400px; ">
  501. <div id="audioplayerloh">
  502. <div class="audioinfo">
  503. {block:TrackName}
  504. <b>Title:</b>{TrackName}<br>{/block:TrackName}
  505. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  506. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  507. {AudioPlayerWhite}
  508. </div>
  509. </td>
  510. </tr></table>
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:Audio}
  513.  
  514. {block:Video}{Video-500}
  515. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  516.  
  517.  
  518. {block:Answer}
  519. <div class="ask"><div style="text-align:right">QUESTION: {Question} <br>- <h>{Asker}</h> </div></div>
  520. <div class="answer">{Answer}</div>
  521. {/block:Answer}
  522.  
  523. <div style="display:none">{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>{/block:ContentSource}</div>
  524.  
  525.  
  526. <div id="thor">
  527.  
  528. <div class="jane">
  529. {block:PermalinkPage}{/block:PermalinkPage}
  530.  
  531. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  532.  
  533. {block:NoteCount}<a href="{Permalink}"> - {NoteCountWithLabel}</a>{/block:NoteCount}
  534.  
  535. {block:RebloggedFrom}<a href="{ReblogParentURL}"> - via</a>{/block:RebloggedFrom}
  536.  
  537. {block:ContentSource}<a href="{SourceURL}"> - source</a>{/block:ContentSource}
  538. <br>{block:HasTags}{block:Tags}<a href="{TagURL}"> &nbsp;&nbsp;&nbsp;#{Tag}</a>{/block:Tags}{/block:HasTags}
  539. </div>
  540. </div>
  541.  
  542. {block:PostNotes}{PostNotes}{/block:PostNotes}
  543.  
  544. </div>
  545. {/block:Posts}
  546. </div>
  547.  
  548. </body>
  549. </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!