API tools faq
paste
Advertisement
ttimewarp

theme #12

ttimewarp
Dec 26th, 2012
18,807
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.33 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- theme by @rainingfires -->
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Font" content="#919191"/>
  15. <meta name="color:Link" content="#585858"/>
  16. <meta name="color:Link Hover" content="#777777"/>
  17. <meta name="color:Ask" content="#f7f7f7"/>
  18. <meta name="color:Sidebar Font" content="#919191"/>
  19. <meta name="color:Border" content="#919191"/>
  20. <meta name="text:Link 1" content="" />
  21. <meta name="text:Link 1 Text" content="" />
  22. <meta name="text:Link 2" content="" />
  23. <meta name="text:Link 2 Text" content="" />
  24. <meta name="image:Sidebar" content="" />
  25. <meta name="if:Show Link 1" content="1" />
  26. <meta name="if:Show Link 2" content="1" />
  27. </head>
  28.  
  29. <body>
  30.  
  31. <style type="text/css">
  32.  
  33. body {
  34. background-color: {color:Background};
  35. fixed no-repeat;
  36. background-position: bottom right;
  37. background-repeat: no-repeat;
  38. background-attachment: fixed;
  39. font-family: consolas;
  40. font-size: 9px;
  41. line-height: 14px;
  42. font-color: {color:Font};
  43. }
  44.  
  45. a:link, a:visited, a:active {
  46. color: {color:Link};
  47. text-decoration: none;
  48. font-weight: normal;
  49. -webkit-transition:all 0.5s ease-out;
  50. -moz-transition:all 0.5s ease-out;
  51. transition:all 0.5s ease-out;}
  52.  
  53. a:hover {
  54. color: {color:Link Hover};
  55. text-decoration: none;
  56. font-weight: normal;
  57. -webkit-transition: all 0.3s ease-out;
  58. -moz-transition: all 0.3s ease-out;
  59. transition: all 0.3s ease-out;
  60. }
  61.  
  62. i, em {font-style:italic;}
  63. u {text-decoration:underline;}
  64. strong, b, strong a, strong a:visited, b a, b a:visited {font-weight: bold; color: {color:font}}
  65. small, small a, small a:visited {font-size: 9px; line-height: 16px;}
  66.  
  67. ul {
  68. list-style-type: square;
  69. }
  70.  
  71. img { border:0px; max-width: 500px; height: auto;}
  72. img:hover { border:0px;}
  73. a.img, a.img:visited { border:0px;}
  74. a.img:hover { border:0px;}
  75.  
  76. h1, h3, h1 a, h3 a, h1 a:link, h3 a:link {
  77. font-size: 11px;
  78. padding-bottom: 0px;
  79. color: {color:Font};
  80. font-weight: 500;
  81. letter-spacing: 1px;
  82. text-transform: uppercase;
  83. }
  84.  
  85. h1 a:hover, h3 a:hover {
  86. text-decoration: none;
  87. color: {color:link hover};
  88. }
  89.  
  90.  
  91. h3, h3 a, h3 a:link, h3 a:link {
  92. font-size: 11px;
  93. padding-bottom: 0px;
  94. color: {color:Font};
  95. letter-spacing: 1px;
  96. text-transform: uppercase;
  97. }
  98.  
  99. h3 a:hover {
  100. text-decoration: none;
  101. color: {color:link hover};
  102. }
  103.  
  104.  
  105. #sidebar {
  106. width: 160px;
  107. position: fixed;
  108. color: {color:Sidebar Font};
  109. line-height: 12px;
  110. margin-top: 150px;
  111. margin-left: 70px;
  112. }
  113.  
  114. #sidebar:hover #lemenu {
  115. text-align: center;
  116. opacity:1;
  117. margin-top: -18px;
  118. }
  119.  
  120. #lemenu {
  121. width: 160px;
  122. -webkit-transition:0.2s linear;
  123. position:absolute;
  124. text-transform:uppercase;
  125. opacity:0;
  126. margin-top:-5px;
  127. text-align: center;
  128. }
  129.  
  130. #lemenu a {
  131. opacity: 1;
  132. line-height: 2px;
  133. padding-bottom: 1px;
  134. }
  135.  
  136. #lemenu a:hover {
  137. color: {color:menu link hover};
  138. padding-bottom: 8px;
  139. padding-top: 5px;
  140. }
  141.  
  142. .sidenav {
  143. padding: 10px;
  144. width: 60px;
  145. margin-top: 165px;
  146. position: fixed;
  147. color: {color:Font};
  148. margin-left: 665px;
  149. line-height: 12px;
  150. text-transform: uppercase;
  151. text-align: left;
  152. }
  153.  
  154. #container {
  155. width: 850px;
  156. margin: auto;
  157. margin-bottom: 70px;
  158. }
  159.  
  160.  
  161. #posts {
  162. width: 500px;
  163. margin-top: 15px;
  164. margin-left: 280px;
  165. }
  166.  
  167. .post {
  168. margin: auto;
  169. margin-top: -0px;
  170. width: 500px;
  171. padding: 0px;
  172. padding-top: 10px;
  173. margin-bottom: 0px;
  174. background-color: {color:Background};
  175. font-size: 10px;
  176. line-height: 14px;
  177. color: {color:Font};
  178. }
  179.  
  180. .caption {
  181. line-height: 9px;
  182. color: {color:Font};
  183. }
  184.  
  185. .post text {
  186. margin-top: 0px;
  187. }
  188.  
  189. .photo img:hover {
  190. filter: alpha(opacity=100);}
  191. .photo img {
  192. max-width: 500px;
  193. border:0px;}
  194. .photo img:hover {
  195. max-width: 500px;
  196. }
  197.  
  198. .centeredImage {
  199. display: block;
  200. text-align:center;
  201. margin-top:0px;
  202. margin-bottom:5px;
  203. padding:0px;
  204. }
  205.  
  206. ol.notes {
  207. display : block;
  208. background-repeat : no-repeat;
  209. vertical-align : middle;
  210. text-decoration : none;
  211. margin-bottom : 1px;
  212. font-color: {color:font};
  213. list-style-type: none;
  214. margin-left: -40px;
  215. }
  216. ol.notes li.note {
  217. padding: 2px;}
  218. ol.notes li.note img.avatar {display: none; font-color: {color:font};}
  219. ol.notes li.note span.action {font-color: {color:font};}
  220. ol.notes li.note .answer_content {font-weight: normal;font-color: {color:font};}
  221. ol.notes li.note blockquote {border-color: {color:post info};padding: 2px 2px;margin: 10px 0px 0px 25px;font-color: {color:font};}
  222. .quote {
  223. width: 500px;
  224. color: {color:Quote};
  225. }
  226.  
  227. blockquote {
  228. display: block;
  229. margin: 10px;
  230. font-size: 10px;
  231. padding-left: 5px;
  232. padding-right: 5px;
  233. color: {color:font};
  234. border-left: 1px solid{color:ask};
  235. font-style: none;
  236. width: 450px;
  237. }
  238.  
  239. span {
  240. color: {color:link};
  241. }
  242.  
  243. .chat ul {
  244. list-style-type: none;
  245. width: 500px;
  246. display: block;
  247. margin: auto;
  248. padding: 0px;
  249. font-spacing: 1px;
  250. }
  251.  
  252. .odd {
  253. padding: 3px;
  254. color: {color:font};
  255. background-color: {color:ask};
  256. font-size: 10px;
  257. }
  258.  
  259. .even {
  260. padding: 3px;
  261. color: {color:link};
  262. font-size: 10px;
  263. }
  264.  
  265. .source {
  266. font-size: 8px;
  267. line-height: 14px;
  268. color: {color:font};
  269. font-style: normal;
  270. text-transform: lowercase;
  271. padding-top: 10px;
  272. text-align: right;
  273. }
  274. .date {
  275. font-size: 10px;
  276. text-transform: lowercase;
  277. color: {color:font};
  278. letter-spacing: 1px;
  279. }
  280.  
  281. .lehits a {
  282. color: #ffffff;
  283. }
  284.  
  285. .lehits a:hover {
  286. color: #ffffff;
  287. }
  288.  
  289. .lehits {
  290. color: #ffffff;
  291. }
  292.  
  293. .date a {
  294. color: {color:link};
  295. text-decoration: none;
  296. font-weight: normal;
  297. -webkit-transition:all 0.5s ease-out;
  298. -moz-transition:all 0.5s ease-out;
  299. transition:all 0.5s ease-out;
  300. }
  301.  
  302. .date a:hover {
  303. color: {color:link hover};
  304. text-decoration: none;
  305. font-weight: normal;
  306. -webkit-transition: all 0.3s ease-out;
  307. -moz-transition: all 0.3s ease-out;
  308. transition: all 0.3s ease-out;
  309. }
  310.  
  311. .stats {
  312. font-size: 10px;
  313. text-transform: lowercase;
  314. color: {color:font};
  315. letter-spacing: 0px;
  316. font-style: none;
  317. padding: 2px;
  318. text-align: left;
  319. margin-top: 5px;}
  320.  
  321.  
  322. .fnotes {
  323. text-align: right;
  324. text-transform: lowercase;
  325. margin-bottom:-15px;
  326. }
  327.  
  328.  
  329. .meta a {
  330. color: {color:link};
  331. text-transform: lowercase;
  332. text-decoration: none;
  333. font-weight: normal;
  334. -webkit-transition: all 0.3s ease-out;
  335. -moz-transition: all 0.3s ease-out;
  336. transition: all 0.3s ease-out;
  337. }
  338.  
  339. .meta a:hover {
  340. color: {color:link hover};
  341. text-decoration: none;
  342. font-weight: normal;
  343. -webkit-transition: all 0.3s ease-out;
  344. -moz-transition: all 0.3s ease-out;
  345. transition: all 0.3s ease-out;
  346. }
  347.  
  348. .meta {
  349. color: #deea27;
  350. margin-bottom: 5px;
  351. text-transform: lowercase;
  352. }
  353.  
  354. .albumart img {
  355. float: left;
  356. margin-right: 20px;
  357. width: 26px;
  358. height: 26px;
  359. }
  360.  
  361. .audioback {
  362. background-color: White;
  363. display:block;
  364. margin-left:30px;
  365. }
  366.  
  367. #question {
  368. background-color: {color:Background};
  369. width: 500px;
  370. height: auto;
  371. margin: auto;
  372. font-size: 16px;
  373. line-height: 22px;
  374. color: #a99d95;
  375. font-weight: 500;
  376. letter-spacing: 0px;
  377. font-style: italic;
  378. }
  379.  
  380.  
  381. hr {
  382. display: none;
  383. }
  384.  
  385. .askerb {
  386. font-size: 10px;
  387. text-transform: lowercase;
  388. padding: 5px;
  389. background-color: {color:ask};
  390. letter-spacing: 1px;
  391. }
  392.  
  393. .askerb a {
  394. color: {color:link};
  395. letter-spacing: 1px;
  396. }
  397.  
  398. .description {
  399. font-size: 10px;
  400. line-height: 10px;
  401. }
  402.  
  403. .description img {
  404. margin-bottom: 8px;
  405. border: 1px solid {color:border};
  406. padding:10px;
  407. }
  408.  
  409. .askerb2 {
  410. font-size: 10px;
  411. text-transform: lowercase;
  412. color: {color:font};
  413. padding-left: 10px;
  414. padding-right: 10px;
  415. }
  416.  
  417. .answerb {
  418. font-size: 10px;
  419. text-transform: lowercase;
  420. color: {color:font};
  421. margin-top: -5px;
  422. }
  423. .askerb a {
  424. color: {color:link};
  425. }
  426.  
  427. .askbox {
  428. background: {color:background};
  429. margin:0px 0px 0px 0px;
  430. text-align: left;
  431. font-size: 10px;
  432. text-transform: lowercase;
  433. }
  434.  
  435. .lenote {
  436. color: {color:font};
  437. font-style: none;
  438. }
  439.  
  440. .titlee a{
  441. color: {color:link};
  442. font-family: consolas;
  443. font-size: 10px;
  444. }
  445.  
  446.  
  447. .menu {
  448. -webkit-transition:all 0.2s ease-out;
  449. -moz-transition:all 0.2s ease-out;
  450. transition:all 0.2s ease-out;
  451. margin-bottom: 3px;
  452. color: {color:background};
  453. }
  454.  
  455. .menu a {
  456. color: {color:sidebar font};
  457. margin-bottom: -10px;
  458. text-transform: lowercase;
  459. opacity: 1;
  460. padding-top: 1px;
  461. padding-bottom: 1px;
  462. padding-left: 1px;
  463. padding-right: 1px;
  464. height: 14.5px;
  465. font-size: 10px;
  466. }
  467.  
  468. .menu a:hover {
  469. color: {color:link};
  470. background-color: {color:menu hover};
  471. }
  472.  
  473. .taggie {
  474. margin-top: -3px;
  475. color: {color:font};
  476. margin-left: 15px;
  477. }
  478.  
  479. .taggie a {
  480. color: {color:link};
  481. margin-bottom: -10px;
  482. text-transform: lowercase;
  483. opacity: 1;
  484. font-size: 10px;
  485. margin-right: 3px;
  486. margin-left: 2px;
  487. }
  488.  
  489. .taggie a:hover {
  490. color: {color:link hover};
  491. }
  492.  
  493. @font-face {
  494. font-family: 'coneria_script_demo';
  495. src: url('http://static.tumblr.com/py6tjph/gkRmbykuc/demo_coneriascript.ttf') format('truetype');
  496. font-style: normal;
  497. }
  498.  
  499. #pagination {
  500. font-size: 9px;
  501. line-height: 21px;
  502. }
  503.  
  504. #pagination a {
  505. margin: 0 1px 0 0;
  506. padding: 2px 5px;
  507. color: {color:link};
  508. text-decoration: none;}
  509. #pagination a:hover {
  510. background: {color:background};
  511. border: none;}
  512. #pagination span.pagination_a {
  513. margin: 0 1px 0 0;
  514. padding: 2px 5px;
  515. color: {color:link};
  516. text-decoration: none;}
  517. #pagination span.info {
  518. margin: 0 1px 0 0;
  519. padding: 2px 5px;
  520. color: {color:font};
  521. text-decoration: none;}
  522.  
  523. </style>
  524. </head>
  525.  
  526. <body>
  527.  
  528.  
  529. <div id="container">
  530.  
  531.  
  532. <div id="sidebar">
  533.  
  534. <div id="lemenu">
  535.  
  536. <div class="menu">
  537. <a href="/">home</a>
  538. <a href="/ask">askbox</a>
  539. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}{block:IfShowLink2}<a href="{text:Link 2}"> {text:Link 2 Text}</a>{/block:IfShowLink2}
  540. </div>
  541.  
  542. </div>
  543.  
  544. <div class="description">
  545. <center><img src="{image:Sidebar}" width="140"></center>
  546. <center>
  547.  
  548. {Description}
  549.  
  550. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  551. {block:JumpPagination length="4"}
  552. {block:CurrentPage}<span class="pagination_a">{PageNumber}</span>{/block:CurrentPage}
  553. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  554. {/block:JumpPagination}
  555. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  556. </div>
  557. </center>
  558. </div>
  559.  
  560. <center>
  561.  
  562. </div>
  563.  
  564. <div id="posts">
  565.  
  566. {block:Posts}
  567.  
  568. {block:Text}
  569. <div class="post text">
  570. {block:Title}
  571. <h3><a href="{Permalink}">{Title}</a></h3>
  572. {/block:Title}
  573.  
  574. {Body}
  575. </div>
  576. {/block:Text}
  577.  
  578.  
  579.  
  580. {block:Photo}
  581. <div class="post photo">
  582. <img src="{PhotoURL-500}">
  583. {block:Caption}
  584. <div class="caption">{Caption}</div>
  585. {/block:Caption}
  586. </div>
  587. {/block:Photo}
  588.  
  589.  
  590. {block:Photoset}
  591. <div class="post photoset">
  592. <div style="margin-bottom: 5px;">
  593. {Photoset-500}
  594. {block:Caption}
  595. <div class="caption">{Caption}</div>
  596. {/block:Caption}
  597. </div></div>
  598. {/block:Photoset}
  599.  
  600.  
  601. {block:Quote}
  602. <div class="post quote">
  603. <div style="margin-bottom: 5px;">
  604. <div style="color: {color:font}; font-size: 13px;
  605. font-style: italic; font-family: consolas;">"{Quote}"</div>
  606. {block:Source}
  607. <div class="source">- {Source}</div>
  608. {/block:Source}
  609. </div>
  610. </div>
  611. {/block:Quote}
  612.  
  613.  
  614. {block:Link}
  615. <div class="post link">
  616. <h1><a href="{URL}" class="link" {Target}>{Name} →</a></h1>
  617. {block:Description}
  618. <div class="description">{Description}</div>
  619. {/block:Description}
  620. </div>
  621. {/block:Link}
  622.  
  623.  
  624. {block:Chat}
  625. <div class="post chat">
  626. <div style="margin-bottom: 5px;">
  627. {block:Title}
  628. <h3><a href="{Permalink}">{Title}</a></h3>
  629. {/block:Title}
  630. <ul class="chat">
  631. {block:Lines}
  632. <li class="{Alt} user_{UserNumber}">
  633. {block:Label}
  634. <span class="label">{Label}</span>
  635. {/block:Label}
  636. {Line}
  637. </li>
  638. {/block:Lines}
  639. </ul>
  640. </div>
  641. </div>
  642. {/block:Chat}
  643.  
  644.  
  645. {block:Video}
  646. <div class="post video">
  647. <div style="margin-top: 0px;">
  648. <center>{Video-500}</center>
  649. {block:Caption}
  650. <div class="caption">{Caption}</div>
  651. {/block:Caption}
  652. </div></div>
  653. {/block:Video}
  654.  
  655.  
  656. {block:Audio}
  657. <div class="post audio">
  658. <div style="margin-top: 0px;">
  659. {block:AlbumArt}
  660. <div class="albumart"><img src="{AlbumArtURL}"></div>
  661. {/block:AlbumArt}
  662. <span class="audioback"><center>
  663. {AudioPlayerWhite}</center></span>
  664. {block:Caption}
  665. <div class="caption">{Caption}</div>
  666. {/block:Caption}
  667. </div></div>
  668. {/block:Audio}
  669.  
  670. {block:Answer}
  671. <div class="post answer">
  672. <div class="askbox"><div class="askerb">{Asker} asked: {Question}</div>
  673. <div class="answerb">{Answer}</div>
  674. </div>
  675. {/block:Answer}
  676.  
  677.  
  678.  
  679. <div class="meta">{block:Date}<div class="date"><center>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  680. {block:HasTags}<div class="taggie">{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}</center>
  681.  
  682. <div class="lenote">
  683. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  684. </div>
  685.  
  686. </div>
  687. </div>
  688.  
  689.  
  690. {/block:Date}
  691. {/block:Posts}
  692.  
  693.  
  694. </div>
  695. </div>
  696.  
  697. <div style="position:fixed; color:{color:link}; bottom:3px; font-family: consolas; font-size: 10px; right:3px;">
  698. <a href="http://rainingfires.tumblr.com"><i>t</i>heme</a></div>
  699.  
  700. </body>
  701. </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!