API tools faq
paste
Advertisement
louispalace

theme #001 - use somebody

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