API tools faq
paste
Advertisement
ttimewarp

theme #5

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