API tools faq
paste
Advertisement
ttimewarp

theme #4

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