API tools faq
paste
Advertisement
ttimewarp

theme #1

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