API tools faq
paste
Advertisement
Guest User

new theme

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