API tools faq
paste
Advertisement
ttimewarp

theme #9

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