API tools faq
paste
Advertisement
ttimewarp

theme #2

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