API tools faq
paste
Advertisement
ttimewarp

theme #6

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