API tools faq
paste
Advertisement
ttimewarp

theme #3

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