API tools faq
paste
Advertisement
louispalace

theme #002 - fly away

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