API tools faq
paste
Advertisement
ttimewarp

theme #11

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