API tools faq
paste
pjo06

Theme #010 - Town Light

pjo06
Jan 13th, 2016
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.62 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!--THEME BY LAURAHOLLIIS-->
  5. <!--#010 TOWN LIGHT-->
  6.  
  7.  
  8.  
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  10.  
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--TEST BLOG 4-->
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="color:bg" content="#ffffff" />
  21. <meta name="color:accent" content="#f7f7f7" />
  22. <meta name="color:text" content="#363636" />
  23. <meta name="color:sidelinks" content="#5a5a5a" />
  24. <meta name="color:link" content="#363636" />
  25. <meta name="color:link hover" content="#c3c3c3" />
  26. <meta name="color:Scrollbar" content="#000000">
  27.  
  28.  
  29. <meta name="if:post info icons" content="0" />
  30. <meta name="if:icon image" content="0" />
  31.  
  32.  
  33. <meta name="text:link 1 URL" content="/" />
  34. <meta name="text:link 1" content="" />
  35. <meta name="text:link 2 URL" content="/" />
  36. <meta name="text:link 2" content="" />
  37. <meta name="text:link 3 URL" content="/" />
  38. <meta name="text:link 3" content="" />
  39.  
  40.  
  41.  
  42.  
  43. <!--START-->
  44.  
  45. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  46.  
  47.  
  48.  
  49.  
  50. <!--TOOLTIPS-->
  51. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:200,
  60. tip_fade_speed:300
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70.  
  71.  
  72. #s-m-t-tooltip {
  73. max-width:300px;
  74. margin:15px;
  75. padding:3px;
  76. /*border:1px solid #eaeaea;*/
  77. border-radius:0px;
  78. background:white;
  79. color:{color:text};
  80. z-index:999999;
  81. font-size:7px;
  82. font-style:none;
  83. font-weight:lighter;
  84. letter-spacing:1px;
  85. font-family:trebuchet ms;
  86. text-transform:uppercase;
  87. box-shadow:2px 2px 0px {color:accent};
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  91. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  92. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  93.  
  94.  
  95.  
  96. body {
  97. font-family:calibri;
  98. font-size:11px;
  99. color:{color:text};
  100. background-color:{color:bg};
  101. }
  102.  
  103.  
  104. ::-moz-selection {
  105. background-color: #000;
  106. color: #fff;
  107. }
  108.  
  109. ::selection {
  110. background-color: #000;
  111. color: #fff;
  112. }
  113.  
  114. #entry {
  115. margin-bottom:120px;
  116. margin-left:20px;
  117. margin-top:-30px;
  118. }
  119.  
  120.  
  121.  
  122. /*SIDEBAR*/
  123.  
  124. #sidebar {
  125. width:160px;
  126. position:fixed;
  127. margin-left:180px;
  128. margin-top:60px;
  129.  
  130. }
  131.  
  132. #sidebar img {
  133. width:205px;
  134. text-align:center;
  135. padding-bottom:0px;
  136. margin-bottom:3px;
  137. border-radius:3px;
  138.  
  139. }
  140.  
  141. {block:ificonimage}
  142.  
  143. #icon {
  144. position:absolute;
  145. border-radius:3px;
  146. border:3px solid {color:bg};
  147. margin-top:-40px;
  148. margin-left:-30px;
  149. background-color:{color:bg};
  150. }
  151.  
  152. #icon img{
  153. width:64px;
  154. }
  155.  
  156. #user {
  157. width:64px;
  158. padding:23px 0px 23px 0px;
  159. background-color:{color:bg};
  160. opacity:0;
  161. font-size:18px;
  162. top:0px;
  163. position:absolute;
  164. z-index:999999;
  165. text-align:center;
  166. -moz-transition-duration: 0.4s;
  167. -o-transition-duration: 0.4s;
  168. -webkit-transition-duration: 0.4s;
  169. transition-duration: 0.4s;
  170. }
  171.  
  172. #icon:hover #user{
  173. opacity:.7;
  174. -moz-transition-duration: 0.4s;
  175. -o-transition-duration: 0.4s;
  176. -webkit-transition-duration: 0.4s;
  177. transition-duration: 0.4s;
  178. }
  179. {/block:ificonimage}
  180.  
  181.  
  182.  
  183.  
  184.  
  185. #description {
  186. width: 190px;
  187. margin-top:5px;
  188. text-align:justify;
  189. text-transform:none;
  190. letter-spacing:0px;
  191. line-height:17px;
  192. font-size:11px;
  193. margin-left:10px;
  194. margin-bottom:14px;
  195. {block:ifnoticonimage}
  196. margin-left:0px;
  197. {/block:ifnoticonimage}
  198. }
  199.  
  200.  
  201.  
  202.  
  203.  
  204. #pagination {
  205. text-align:left;
  206. width:190px;
  207. margin-left:10px;
  208. margin-top:0px;
  209. text-transform:uppercase;
  210. word-spacing:2px;
  211. letter-spacing:.8px;
  212. font-size:10px;
  213. color:{color:link};
  214. border-top:1px solid {color:accent};
  215. padding-top:10px;
  216. {block:ifnoticonimage}
  217. margin-left:0px;
  218. {/block:ifnoticonimage}
  219. }
  220.  
  221. #pagination a {
  222. border-bottom:1px solid lightgray;
  223. padding-bottom:2px;
  224. -moz-transition-duration: 0.2s;
  225. -o-transition-duration: 0.2s;
  226. -webkit-transition-duration: 0.2s;
  227. transition-duration: 0.2s;
  228. }
  229.  
  230.  
  231. #pagination a:hover {
  232. text-decoration:none;
  233. border-bottom:1px solid {color:text};
  234. color:{color:link};
  235. -moz-transition-duration: 0.2s;
  236. -o-transition-duration: 0.2s;
  237. -webkit-transition-duration: 0.2s;
  238. transition-duration: 0.2s;
  239.  
  240. }
  241.  
  242.  
  243.  
  244. /*SIDELINKS*/
  245.  
  246. .sidelinks {
  247. {block:ificonimage}
  248. position:relative;
  249. z-index:99999999;
  250. width:165px;
  251. margin-top:10px;
  252. margin-bottom:10px;
  253. margin-left:50px;
  254. text-align:left;
  255. word-spacing:8px;
  256. font-size:10px;
  257. text-transform:uppercase;
  258. display:inline-block;
  259. {/block:ificonimage}
  260.  
  261. {block:ifnoticonimage}
  262. position:relative;
  263. z-index:99999999;
  264. width:165px;
  265. margin-top:10px;
  266. margin-bottom:10px;
  267. margin-left:0px;
  268. text-align:left;
  269. word-spacing:8px;
  270. font-size:10px;
  271. text-transform:uppercase;
  272. display:inline-block;
  273. {/block:ifnoticonimage}
  274. }
  275.  
  276. .sidelinks a {
  277. color:{color:sidelinks};
  278. border-bottom:1px solid lightgray;
  279. padding-bottom:2px;
  280. -moz-transition-duration: 0.2s;
  281. -o-transition-duration: 0.2s;
  282. -webkit-transition-duration: 0.2s;
  283. transition-duration: 0.2s;
  284. }
  285.  
  286. .sidelinks a:hover {
  287. text-decoration:none;
  288. padding-bottom:2px;
  289. border-bottom:1px solid {color:text};
  290. color:{color:sidelinks};
  291. -moz-transition-duration: 0.2s;
  292. -o-transition-duration: 0.2s;
  293. -webkit-transition-duration: 0.2s;
  294. transition-duration: 0.2s;
  295. }
  296.  
  297.  
  298. a {
  299. text-decoration:none;
  300. color:{color:link};
  301. }
  302.  
  303. a:hover {
  304. text-decoration:none;
  305. color:{color:link hover};
  306. -moz-transition-duration: 0.4s;
  307. -o-transition-duration: 0.4s;
  308. -webkit-transition-duration: 0.4s;
  309. transition-duration: 0.4s;
  310. }
  311.  
  312. #title {
  313. text-align: left;
  314. font-weight:bold;
  315. text-transform:uppercase;
  316. margin-bottom:8px;
  317. font-size:10px;
  318.  
  319. }
  320.  
  321. /*POSTS*/
  322.  
  323. #posts {
  324. width:500px;
  325. margin-left:550px;
  326. margin-top:0px;
  327. margin-bottom:90px;
  328.  
  329.  
  330. }
  331.  
  332. #posts img {
  333. max-width:100%;
  334. height:100%;
  335. }
  336.  
  337.  
  338. #quote {
  339. font-style:italic;
  340. font-size: 17px;
  341. }
  342.  
  343. .source {
  344. font-style:italic;
  345. }
  346.  
  347. .title {
  348. font-size:18px;
  349. font-weight:none;
  350. font-style:italic;
  351. }
  352.  
  353. .linkname {
  354. font-size:20px;
  355. font-style:italic;
  356. }
  357.  
  358. /*AUDIO*/
  359.  
  360. #albumart {
  361. position:absolute;
  362. display:inline-block;
  363. z-index:999;
  364. margin-top:0px;
  365. margin-left:25px;
  366. border-radius:3px;
  367. }
  368.  
  369. .playbox {
  370. background-color:#fafafa;
  371. position:absolute;
  372. margin-left:60.5px;
  373. margin-top:36.5px;
  374. width:27px;
  375. height:27px;
  376. z-index:1000;
  377. opacity:.5;
  378. }
  379.  
  380. .playbutton {
  381. width: 27px;
  382. height: 27px;
  383. overflow: hidden;
  384. position: absolute;
  385. opacity:.5;
  386. -moz-transition-duration: 0.4s;
  387. -o-transition-duration: 0.4s;
  388. -webkit-transition-duration: 0.4s;
  389. transition-duration: 0.4s;
  390. }
  391.  
  392. .playbox:hover .playbutton {
  393. opacity:1;
  394. -moz-transition-duration: 0.4s;
  395. -o-transition-duration: 0.4s;
  396. -webkit-transition-duration: 0.4s;
  397. transition-duration: 0.4s;
  398. }
  399.  
  400. /*
  401. ORIGINAL
  402. .audiosrc {
  403. position:absolute;
  404. max-width:330px;
  405. margin-left:247px;
  406. margin-top:63px;
  407. font-size:9px;
  408. letter-spacing:1.5px;
  409. text-transform:uppercase;
  410. text-align:left;
  411. color:black;
  412.  
  413. }*/
  414.  
  415.  
  416. .audiosrc {
  417. position:absolute;
  418. display:inline-block;
  419. max-width:330px;
  420. margin-left:180px;
  421. top:37px;
  422. font-size:9px;
  423. letter-spacing:1.5px;
  424. text-transform:uppercase;
  425. text-align:left;
  426. color:black;
  427.  
  428. }
  429.  
  430. #srccontainer {
  431. position:relative;
  432. background-color:none;
  433. width:500px;
  434. height:100px;
  435. z-index:999;
  436. margin-bottom:45px;
  437. border-radius:6px;
  438. margin-top:15px;
  439. }
  440.  
  441.  
  442. /*QUESTION*/
  443.  
  444.  
  445. .question {
  446. background-color:#fafafa;
  447. width:500px;
  448. text-align:center;
  449. padding:10px;
  450. }
  451.  
  452. .asker {
  453. font-style:italic;
  454. text-transform:uppercase;
  455. font-size:12;
  456. text-align:center;
  457. }
  458.  
  459.  
  460.  
  461.  
  462. #postinfo {
  463. border-top:1px solid {color:accent};
  464. text-transform:uppercase;
  465. font-family:calibri;
  466. word-spacing:2px;
  467. font-size:10px;
  468. margin-top:20px;
  469. padding:16px 0px 15px 0px;
  470. text-align:left;
  471. width:500px;
  472. line-height:12px;
  473. {block:Permalink}
  474. margin-bottom:30px;
  475. {/block:Permalink}
  476.  
  477.  
  478. }
  479.  
  480. #mainpostinfo a{
  481. border-bottom:1px solid lightgray;
  482. padding-bottom:2px;
  483. -moz-transition-duration: 0.2s;
  484. -o-transition-duration: 0.2s;
  485. -webkit-transition-duration: 0.2s;
  486. transition-duration: 0.2s;
  487. }
  488.  
  489. #mainpostinfo a:hover{
  490. color:{color:link};
  491. border-bottom:1px solid {color:text};
  492. padding-bottom:2px;
  493. -moz-transition-duration: 0.2s;
  494. -o-transition-duration: 0.2s;
  495. -webkit-transition-duration: 0.2s;
  496. transition-duration: 0.2s;
  497. }
  498.  
  499. .tags {
  500. margin-top:11px;
  501. font-size:10px;
  502. text-transform:none;
  503. padding-right:40px;
  504.  
  505. }
  506.  
  507. .notes ol, .notes li{
  508. list-style:none;
  509. }
  510.  
  511.  
  512. ol.notes li.note img.avatar {
  513. vertical-align:-8px;
  514. border-radius:100%;
  515. margin-right:10px;
  516. width:16px;
  517. height:16px;
  518. margin-top:4px;
  519. margin-bottom:4px;
  520. }
  521.  
  522.  
  523. blockquote {
  524. padding-left:5px;
  525. border-left:1px solid {color:text};
  526. margin-left:14px;
  527. }
  528.  
  529.  
  530. blockquote blockquote {
  531. padding-left:5px;
  532. border-left:1px solid {color:text};
  533. margin-left:14px;
  534. }
  535.  
  536.  
  537. {CustomCSS}</style>
  538.  
  539.  
  540. </head>
  541. <body>
  542.  
  543. <div id="entry">
  544.  
  545.  
  546. <!--sidebar-->
  547.  
  548.  
  549.  
  550.  
  551.  
  552. <div id="sidebar">
  553.  
  554. <!--<div id="title">{Title}</div>-->
  555.  
  556. {block:IfSidebarImage}
  557. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  558. {/block:IfSidebarImage}
  559.  
  560. {block:ificonimage}
  561. <div id="icon"><img src="{PortraitURL-64}" style="border-radius:3px;">
  562.  
  563. <span title="{Title}"><div id="user">
  564. <i class="fa fa-user"></i>
  565. </div></span>
  566.  
  567. </div>
  568. {/block:ificonimage}
  569.  
  570.  
  571. <!--{image:sidebar}-->
  572.  
  573.  
  574.  
  575. <div class="sidelinks">
  576. <a href="/">home</i></a>
  577. <a href="/ask">ask</i></a>
  578. {block:IfLink1}<a href="{text:link 1 URL}"><span title="{text:link 1}">one</span></a>{/block:IfLink1}
  579. {block:IfLink2}<a href="{text:link 2 URL}"><span title="{text:link 2}">two</span></a>{/block:IfLink2}
  580. {block:IfLink3}<a href="{text:link 3 URL}"><span title="{text:link 3}">three</span></a>{/block:IfLink3}
  581. </div>
  582.  
  583.  
  584.  
  585. <!--<img src="http://pastebin.com/i/info.png" style="width:14px;height:14px;margin-bottom:-4px">-->
  586.  
  587.  
  588. <div id="description">
  589. {description}
  590. </div>
  591.  
  592. <div id="pagination">
  593. {block:Pagination}
  594. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  595. {/block:Pagination}
  596. </div>
  597.  
  598.  
  599. </div>
  600.  
  601.  
  602.  
  603.  
  604. </div>
  605.  
  606.  
  607. <!--posts-->
  608.  
  609. {block:posts} <div id="posts">
  610.  
  611. {block:Text}
  612. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  613. {/block:Text}
  614.  
  615. {block:Photo}
  616. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  617. {/block:Photo}
  618.  
  619. {block:Photoset}
  620. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  621. {/block:Photoset}
  622.  
  623. {block:Quote}
  624. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  625. {/block:Quote}
  626.  
  627. {block:Link}
  628. <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
  629. {/block:Link}
  630.  
  631. {block:Chat}
  632. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  633. {/block:Chat}
  634.  
  635.  
  636.  
  637. {block:Audio}
  638.  
  639. {block:AudioPlayer}
  640. <div class="audiocontainer">
  641. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  642. <div id="srccontainer">
  643. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" style="border-radius:3px;">{/block:AlbumArt}</div>
  644. <div class="audiosrc">
  645. {block:Artist}<b>Artist</b>: {Artist}{/block:Artist}<br>
  646. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}<br>
  647. </div></div></div>
  648. {/block:AudioPlayer}
  649.  
  650. {block:AudioEmbed}
  651. {AudioEmbed}
  652. {/block:AudioEmbed}
  653.  
  654. {block:Caption}{Caption}
  655. {/block:Caption}
  656. {/block:Audio}
  657.  
  658. {block:video}
  659. {VideoEmbed-500}{block:Caption}{caption}{/block:Caption}
  660. {/block:video}
  661.  
  662. <!--{block:answer}
  663. <div class="question">
  664. <div class="asker">
  665. <b>{asker} said:</b></div>
  666. <br>{question}
  667. </div>
  668. {Answer}
  669. {/block:answer}-->
  670.  
  671.  
  672. <!--<div class="question">
  673.  
  674. <div class="asker">
  675. {Asker}
  676. </div>
  677. <div class="qa">
  678. {Question}
  679. <div class="tri"></div>
  680. </div>
  681. </div>
  682. {Answer}
  683. <div class="replies">
  684. {Replies}
  685. </div>-->
  686.  
  687.  
  688. <!--postinfo-->
  689.  
  690. <div id="postinfo">
  691.  
  692. <div id="mainpostinfo"
  693. <!--{block:Date}
  694. {TimeAgo}
  695. {/block:Date}-->
  696.  
  697.  
  698. {block:ifpostinfoicons}
  699. <span title="post info"><i class="fa fa-info-circle"></i></span>&nbsp;
  700. {/block:ifpostinfoicons}
  701.  
  702.  
  703. {block:Date}
  704. <span title="{DayOfMonthWithZero} {ShortMonth} {ShortYear}"><a href="{permalink}">{timeago}</a></span>
  705. {/block:Date}&nbsp;\&nbsp;
  706. <a href="{Permalink}">
  707. {NoteCountWithLabel}
  708. </a>
  709.  
  710.  
  711. {block:RebloggedFrom}
  712. <span style="float:right;">
  713. <!--<b>—Content source:</b>&nbsp;--><a href="{ReblogParentURL}"><span title="{ReblogParentname}">via</span></a>
  714. &nbsp;\&nbsp;
  715. <a href="{ReblogRootURL}"><span title="{ReblogRootname}">src</span></a>
  716. </span>
  717. {/block:RebloggedFrom}
  718.  
  719.  
  720.  
  721. <!--&nbsp;&nbsp;&nbsp;{block:RebloggedFrom}
  722. <a href="{ReblogParentURL}"><span title="{ReblogParentname}">via</span></a>&nbsp;/&nbsp;<a href="{ReblogRootURL}"><span title="{ReblogRootname}">src</span></a>
  723. {/block:RebloggedFrom}-->
  724.  
  725.  
  726. {block:ContentSource}
  727. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  728. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  729. {/block:SourceLogo}
  730. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  731. {/block:ContentSource}
  732.  
  733.  
  734. <br></div>
  735. <div class="tags">
  736.  
  737.  
  738.  
  739. {block:ifpostinfoicons}
  740. <span title="tagged as"><i class="fa fa-floppy-o"></i></span>&nbsp;
  741. {/block:ifpostinfoicons}
  742.  
  743. {block:HasTags}
  744. {block:tags}
  745. <a href="{TagURL}"><i class="fa fa-angle-right"></i> {Tag}</a>&nbsp;
  746. {/block:tags}
  747. {/block:HasTags}
  748. </div>
  749.  
  750. <!--<i class="fa fa-angle-right"></i>-->
  751.  
  752.  
  753. </div>
  754.  
  755.  
  756.  
  757. <div class="notes">
  758. {block:PostNotes}{PostNotes}{/block:PostNotes}
  759. </div>
  760.  
  761.  
  762. </div>{/block:posts}
  763.  
  764. </div>
  765.  
  766. <div style="position:fixed; bottom:10px; right:10px; padding:2px 2px; font-size:11px;">
  767. <a href="http://lauraholliis.tumblr.com"><span title="lauraholliis"><i class="fa fa-code"></i></span></a>
  768. </div>
  769.  
  770. </body>
  771. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!