API tools faq
paste
Advertisement
mrsmilicevic

paper light

mrsmilicevic
Apr 3rd, 2015
9,787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-----------theme 13. paper light by mrsthemes@tumblr
  8. edit if you want but don't steal or remove credit------------>
  9.  
  10.  
  11. <!--------default variables-------->
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:text" content="#a5a5a5"/>
  14. <meta name="color:links" content="#868686"/>
  15. <meta name="color:links hover" content="#c9c9c9"/>
  16.  
  17. <meta name="color:sidebar bg" content="#fafafa"/>
  18. <meta name="color:sidebar img bg" content="#ffffff"/>
  19. <meta name="color:sidebar links" content="#767b7e"/>
  20.  
  21. <meta name="color:scrollbar bg" content="#ffffff"/>
  22. <meta name="color:scrollbar" content="#eeeeee">
  23. <meta name="color:borders" content="#eeeeee">
  24.  
  25. <meta name="image:sidebar image" content=""/>
  26. <meta name="image:background image" content=""/>
  27.  
  28. <meta name="text:link 1 title" content="link">
  29. <meta name="text:link 1 url" content=" ">
  30. <meta name="text:link 2 title" content="link">
  31. <meta name="text:link 2 url" content=" ">
  32. <meta name="text:link 3 title" content="link">
  33. <meta name="text:link 3 url" content="">
  34.  
  35. <meta name="if:show link 1" content="1" />
  36. <meta name="if:show link 2" content="1" />
  37. <meta name="if:show link 3" content="1" />
  38. <meta name="if:hover info" content="1" />
  39. <meta name="if:400px" content="1" />
  40. <meta name="if:searchbox" content="1" />
  41. <meta name="if:endless scrolling" content="0" />
  42.  
  43.  
  44. <!-------------------------------------------------------------------->
  45.  
  46. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:200,
  55. tip_fade_speed:300
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61.  
  62. <!-------------------------------------------------------------------->
  63.  
  64. <script language="javascript">
  65. function send()
  66. {document.theform.submit()}
  67. </script>
  68.  
  69. <!-------------------------------------------------------------------->
  70.  
  71. {block:IfEndlessScrolling}
  72. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  73. {/block:IfEndlessScrolling}
  74.  
  75. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80. @import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
  81.  
  82.  
  83. /*----------tooltips---------*/
  84.  
  85. #s-m-t-tooltip {
  86. max-width:300px;
  87. margin:15px;
  88. padding:5px;
  89. background:#ffffff;
  90. color:{color:text};
  91. z-index:999999;
  92. font-size:8px;
  93. font-style:none;
  94. letter-spacing:1px;
  95. font-family:calibri, helvetica, arial;
  96. text-transform:uppercase;
  97. box-shadow:0px 0px 0px rgba(0,0,0,.0);
  98. }
  99.  
  100.  
  101. /*----------scrollbar---------*/
  102.  
  103. ::-webkit-scrollbar {
  104. background-color: {color:scrollbar bg};
  105. height:8px;
  106. width:5px
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:vertical {
  110. background-color:{color:scrollbar};
  111. height:50px
  112. }
  113.  
  114. ::-webkit-scrollbar-thumb:horizontal {
  115. background-color:{color:scrollbar bg};
  116. height:8px!important
  117. }
  118.  
  119. /*----------basics---------*/
  120.  
  121. body {
  122. background:{color:background} url({image:background image}) repeat right top fixed;
  123. color:{color:text};
  124. font-family:calibri, helvetica, arial;
  125. line-height:16px;
  126. font-size:9px;
  127. margin:0;
  128. }
  129.  
  130. blockquote {
  131. padding:0px 0px 0px 15px;
  132. border-left:1px solid;
  133. border-color:{color:borders};
  134. margin:5px;
  135. }
  136.  
  137. a {
  138. color:{color:links};
  139. text-decoration:none;
  140. -webkit-transition:all 0.5s;
  141. -moz-transition:all 0.5s;
  142. -ms-transition:all 0.5s;
  143. -o-transition:all 0.5s;
  144. transition:all 0.5s;
  145. }
  146.  
  147. a:hover {
  148. text-decoration:none;
  149. color: {color:links hover};
  150. -webkit-transition:all 0.5s;
  151. -moz-transition:all 0.5s;
  152. -ms-transition:all 0.5s;
  153. -o-transition:all 0.5s;
  154. transition:all 0.5s;
  155. }
  156.  
  157. img {
  158. opacity:1;
  159. text-decoration:none;
  160. }
  161.  
  162. h1 {
  163. font-size:11px;
  164. font-weight:bold;
  165. padding:10px;
  166. margin-bottom:-15px;
  167. }
  168.  
  169. /*----------posts---------*/
  170.  
  171. .container {
  172. margin:0px auto;
  173. position:relative;
  174. }
  175.  
  176. .posts {
  177. margin-left:550px;
  178. {block:IndexPage}
  179. margin-bottom:120px;
  180. {/block:IndexPage}
  181. {block:PermalinkPage}
  182. margin-bottom:40px;
  183. {/block:PermalinkPage}
  184. {block:IfNot400px}
  185. width:500px;
  186. {/block:IfNot400px}
  187. {block:If400px}
  188. width:400px;
  189. {/block:If400px}
  190. position:relative;
  191. }
  192.  
  193. .entries {
  194. {block:IfNot400px}
  195. width:500px;
  196. {/block:IfNot400px}
  197. {block:If400px}
  198. width:400px;
  199. {/block:If400px}
  200. margin-top:50px;
  201. padding:15px;
  202. margin-bottom:50px;
  203. }
  204.  
  205. ol, ul {
  206. padding-left:10px;
  207. }
  208.  
  209. .posts img, .posts li, .posts blockquote {
  210. max-width: 100%;
  211. }
  212.  
  213. .posts li {
  214. list-style: square;
  215. }
  216.  
  217. blockquote img {
  218. max-width:320px!important;
  219. }
  220.  
  221. .caption {
  222. padding:10px;
  223. margin-top:0px;
  224. }
  225.  
  226.  
  227. /*----------post info---------*/
  228.  
  229. .info {
  230. position:absolute;
  231. background:transparent;
  232. line-height:13px;
  233. width:150px;
  234. text-align:left;
  235. text-transform:uppercase;
  236. margin-top:3px;
  237. {block:If400px}
  238. margin-left:400px;
  239. {/block:If400px}
  240. {block:IfNot400px}
  241. margin-left:500px;
  242. {/block:IfNot400px}
  243. font-size:8px;
  244. {block:IndexPage}
  245. {block:IfHoverInfo}
  246. opacity:0;
  247. {/block:IfHoverInfo}
  248. {block:IfNotHoverInfo}
  249. opacity:1;
  250. {block:If400px}
  251. margin-left:420px;
  252. {/block:If400px}
  253. {block:IfNot400px}
  254. margin-left:520px;
  255. {/block:IfNot400px}
  256. {/block:IfNotHoverInfo}
  257. {/block:IndexPage}
  258. {block:Permalink}
  259. opacity:1;
  260. {block:If400px}
  261. margin-left:420px;
  262. {/block:If400px}
  263. {block:IfNot400px}
  264. margin-left:520px;
  265. {/block:IfNot400px}
  266. {/block:Permalink}
  267. letter-spacing:1px;
  268. font-family: calibri, helvetica, arial;
  269. -webkit-transition: all 0.3s ease-in-out;
  270. -moz-transition: all 0.3s ease-in-out;
  271. -ms-transition: all 0.3s ease-in-out;
  272. -o-transition: all 0.3s ease-in-out;
  273. transition: all 0.3s ease-in-out;
  274. }
  275.  
  276. .info a {
  277. margin-left:5px;
  278.  
  279. }
  280.  
  281. .posts:hover .info {
  282. opacity:1;
  283. {block:If400px}
  284. margin-left:420px;
  285. {/block:If400px}
  286. {block:IfNot400px}
  287. margin-left:520px;
  288. {/block:IfNot400px}
  289. -webkit-transition:all 0.5s;
  290. -moz-transition:all 0.5s;
  291. -ms-transition:all 0.5s;
  292. -o-transition:all 0.5s;
  293. transition:all 0.5s;
  294. }
  295.  
  296. .tags {
  297. position:absolute;
  298. text-transform:lowercase;
  299. font-size:8px;
  300. width:180px;
  301. font-style:italic;
  302. line-height:12px;
  303. min-height:300px;
  304. overflow:scroll;
  305. {block:If400px}
  306. margin-left:400px;
  307. {/block:If400px}
  308. {block:IfNot400px}
  309. margin-left:500px;
  310. {/block:IfNot400px}
  311. margin-top:35px;
  312. letter-spacing:0.5px;
  313. {block:IndexPage}
  314. {block:IfHoverInfo}
  315. opacity:0;
  316. {/block:IfHoverInfo}
  317. {block:IfNotHoverInfo}
  318. opacity:1;
  319. {block:If400px}
  320. margin-left:425px;
  321. {/block:If400px}
  322. {block:IfNot400px}
  323. margin-left:525px;
  324. {/block:IfNot400px}
  325. {/block:IfNotHoverInfo}
  326. {/block:IndexPage}
  327. {block:Permalink}
  328. margin-top:45px;
  329. opacity:1;
  330. {block:If400px}
  331. margin-left:425px;
  332. {/block:If400px}
  333. {block:IfNot400px}
  334. margin-left:525px;
  335. {/block:IfNot400px}
  336. {/block:Permalink}
  337. -webkit-transition: all 0.3s ease-in-out;
  338. -moz-transition: all 0.3s ease-in-out;
  339. -ms-transition: all 0.3s ease-in-out;
  340. -o-transition: all 0.3s ease-in-out;
  341. transition: all 0.3s ease-in-out;
  342. }
  343.  
  344. .tags a {
  345. display:block;
  346. }
  347.  
  348. .posts:hover .tags {
  349. opacity:1;
  350. {block:If400px}
  351. margin-left:425px;
  352. {/block:If400px}
  353. {block:IfNot400px}
  354. margin-left:525px;
  355. {/block:IfNot400px}
  356. -webkit-transition:all 0.5s;
  357. -moz-transition:all 0.5s;
  358. -ms-transition:all 0.5s;
  359. -o-transition:all 0.5s;
  360. transition:all 0.5s;
  361. }
  362.  
  363. .iborder {
  364. border-top:1px solid {color:borders};
  365. margin-top:5px;
  366. width:30px;
  367. margin-left:0px;
  368. }
  369.  
  370.  
  371. /*----------post notes---------*/
  372.  
  373. ol.notes {
  374. padding: 0px;
  375. margin-left:553px;
  376. font-size:9px;
  377. {block:If400px}
  378. width:400px;
  379. {/block:If400px}
  380. {block:IfNot400px}
  381. width:500px;
  382. {/block:IfNot400px}
  383. list-style: none;
  384. height:350px;
  385. overflow:scroll;
  386. border-bottom: solid 1px {color:borders};
  387. text-transform:lowercase;
  388. }
  389.  
  390. ol.notes li.note {
  391. border-top: solid 1px {color:borders};
  392. padding:5px;
  393. list-style: none;
  394. }
  395.  
  396. ol.notes li.note img.avatar {
  397. vertical-align: -4px;
  398. margin-right: 10px;
  399. width: 16px;
  400. height: 16px;
  401. border-radius:3px;
  402. }
  403.  
  404. ol.notes li.note span.action {
  405. font-weight: lighter;
  406. }
  407.  
  408. ol.notes li.note .answer_content {
  409. font-weight: normal;
  410. }
  411.  
  412. ol.notes li.note blockquote {
  413. border-color: {color:borders};
  414. padding: 5px 10px;
  415. margin: 10px 0px 0px 25px;
  416. }
  417.  
  418. ol.notes li.note blockquote a {
  419. text-decoration: none;
  420. }
  421.  
  422. .pagenotes {
  423. text-align:left;
  424. }
  425.  
  426. ol.notes::-webkit-scrollbar {
  427. width:3px;
  428. height:10px;
  429. }
  430.  
  431.  
  432.  
  433. /*----------sidebar---------*/
  434.  
  435. .sidebar {
  436. position:fixed;
  437. width:480px;
  438. left:0;
  439. top:0;
  440. height:100%;
  441. background:{color:sidebar bg};
  442. }
  443.  
  444. .desc-container {
  445. position:relative;
  446. width:110px;
  447. margin-top:250px;
  448. margin-left:110px;
  449. }
  450.  
  451. .desc {
  452. background:{color:sidebar img bg};
  453. padding:10px;
  454. border-radius: 3px;
  455. -o-border-radius: 3px;
  456. -ms-border-radius: 3px;
  457. -moz-border-radius: 3px;
  458. -webkit-border-radius: 3px;
  459. -webkit-transition: all 0.2s ease-in-out;
  460. -moz-transition: all 0.2s ease-in-out;
  461. -ms-transition: all 0.2s ease-in-out;
  462. -o-transition: all 0.2s ease-in-out;
  463. transition: all 0.2s ease-in-out;
  464. }
  465.  
  466. .sidebarimage img {
  467. width:90px;
  468. display: block;
  469. border-radius: 3px;
  470. -o-border-radius: 3px;
  471. -ms-border-radius: 3px;
  472. -moz-border-radius: 3px;
  473. -webkit-border-radius: 3px;
  474. }
  475.  
  476. .stitle {
  477. font-size:8px;
  478. color:{color:text};
  479. text-transform:uppercase;
  480. margin-top:12px;
  481. letter-spacing:1.5px;
  482. text-align:center;
  483. width:90px;
  484. }
  485.  
  486. .description {
  487. text-align:justify;
  488. font-size:9px;
  489. letter-spacing:0.5px;
  490. {block:ifSearchbox}
  491. margin-top:-250px;
  492. {/block:IfSearchbox}
  493. {block:IfNotSearchbox}
  494. margin-top:-220px;
  495. {/block:IfNotSearchbox}
  496. margin-left:140px;
  497. width:100px;
  498. }
  499.  
  500. .sborder {
  501. border-top:1px solid {color:borders};
  502. margin-top:10px;
  503. width:50px;
  504. }
  505.  
  506. .pagination {
  507. width:130px;
  508. margin-top:8px;
  509. text-align:left;
  510. margin-left:140px;
  511. word-spacing:8px;
  512. font-size:8px;
  513. }
  514.  
  515. .links {
  516. overflow:hidden;
  517. width:110px;
  518.  
  519. color:{color:sidebar links};
  520. font-size:7px;
  521. letter-spacing:1.5px;
  522. text-transform:uppercase;
  523. text-align:center;
  524. }
  525.  
  526. .links li {
  527. cursor:pointer;
  528. background:{color:sidebar img bg};
  529. border-top:1px solid {color:borders};
  530. padding:5px 5px 5px 5px;
  531. margin-bottom:-2px;
  532. }
  533.  
  534. .links li:last-child {
  535. border-radius: 0 0 3px 3px;;
  536. -o-border-radius: 0 0 3px 3px;
  537. -ms-border-radius: 0 0 3px 3px;
  538. -moz-border-radius: 0 0 3px 3px;
  539. -webkit-border-radius: 0 0 3px 3px;
  540. }
  541.  
  542.  
  543. .links .desc {
  544. border-radius: 3px 3px 0 0;
  545. position: relative;
  546.  
  547. }
  548.  
  549. .links li {
  550. -webkit-transform-origin: 50% 0%;
  551. -o-transform-origin: 50% 0%;
  552. transform-origin: 50% 0%;
  553. -webkit-transform: perspective(250px) rotateX(-90deg);
  554. -o-transform: perspective(250px) rotateX(-90deg);
  555. transform: perspective(250px) rotateX(-90deg);
  556. -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  557. }
  558.  
  559. .links .first {
  560. -webkit-transition: 0.2s linear 0.8s;
  561. -o-transition: 0.2s linear 0.8s;
  562. transition: 0.2s linear 0.8s;
  563. }
  564.  
  565. .links .second {
  566. -webkit-transition: 0.2s linear 0.6s;
  567. -o-transition: 0.2s linear 0.6s;
  568. transition: 0.2s linear 0.6s;
  569. }
  570.  
  571. .links .third {
  572. -webkit-transition: 0.2s linear 0.4s;
  573. -o-transition: 0.2s linear 0.4s;
  574. transition: 0.2s linear 0.4s;
  575. }
  576.  
  577. .links .fourth {
  578. -webkit-transition: 0.2s linear 0.2s;
  579. -o-transition: 0.2s linear 0.2s;
  580. transition: 0.2s linear 0.2s;
  581. }
  582.  
  583. .links .five {
  584. -webkit-transition: 0.2s linear 0.2s;
  585. -o-transition: 0.2s linear 0.2s;
  586. transition: 0.2s linear 0.2s;
  587. }
  588.  
  589. .desc-container:hover .profile {
  590. border-radius: 3px 3px 0 0;
  591. -o-border-radius: 3px 3px 0 0;
  592. -ms-border-radius: 3px 3px 0 0;
  593. -moz-border-radius: 3px 3px 0 0;
  594. -webkit-border-radius: 3px 3px 0 0;
  595. }
  596.  
  597. .desc-container:hover .links li {
  598. -webkit-transform: perspective(350px) rotateX(0deg);
  599. -o-transform: perspective(350px) rotateX(0deg);
  600. transform: perspective(350px) rotateX(0deg);
  601. -webkit-transition: 0.2s linear 0s;
  602. -o-transition: 0.2s linear 0s;
  603. transition: 0.2s linear 0s;
  604. }
  605.  
  606. .desc-container:hover .links .second {
  607. -webkit-transition-delay: 0.1s;
  608. -o-transition-delay: 0.1s;
  609. transition-delay: 0.1s;
  610. }
  611.  
  612. .desc-container:hover .links .third {
  613. -webkit-transition-delay: 0.3s;
  614. -o-transition-delay: 0.3s;
  615. transition-delay: 0.3s;
  616. }
  617.  
  618. .desc-container:hover .links .fourth {
  619. transition-delay: 0.5s;
  620. -o-transition-delay: 0.5s;
  621. transition-delay: 0.5s;
  622. }
  623.  
  624. .desc-container:hover .links .five {
  625. transition-delay: 0.7s;
  626. -o-transition-delay: 0.7s;
  627. transition-delay: 0.7s;
  628. }
  629.  
  630.  
  631. ul, li {
  632. margin: 0;
  633. padding: 0;
  634. list-style-type: none;
  635. }
  636.  
  637. .sfm input {
  638. background-color: {color:sidebar img bg};
  639. font-size:7px;
  640. font-weight:none;
  641. border:0px;
  642. text-transform: uppercase;
  643. width:70px;
  644. margin-top:0px;
  645. margin-left:0px;
  646. text-align:center;
  647. color:{color:sidebar links};
  648. letter-spacing:1.5px;
  649. padding: 5px 5px;
  650. font-family:calibri, helvetica, arial;
  651. }
  652.  
  653.  
  654.  
  655. /*----------questions---------*/
  656.  
  657.  
  658. .askbox {
  659. height:auto;
  660. min-height:30px;
  661. }
  662.  
  663. .pic {
  664. background:transparent;
  665. padding:10px;
  666. width:30px;
  667. height:30px;
  668. margin-left:-5px;
  669. background-color:{color:sidebar bg};
  670. -webkit-border-radius:3px;
  671. -moz-border-radius:3px;
  672. border-radius:3px;
  673. }
  674.  
  675. .pic img {
  676. width:30px;
  677. height:30px;
  678. float:left;
  679. -webkit-border-radius:3px;
  680. -moz-border-radius:3px;
  681. border-radius:3px;
  682. }
  683.  
  684. .question {
  685. background-color:{color:sidebar bg};
  686. padding:10px 10px 10px 10px;
  687. font-size:9px;
  688. font-style:none;
  689. {block:IfNot400px}
  690. width:420px;
  691. {/block:IfNot400px}
  692. {block:If400px}
  693. width:330px;
  694. {/block:If400px}
  695. margin-left:50px;
  696. margin-top:-51px;
  697. -webkit-border-radius:3px;
  698. -moz-border-radius:3px;
  699. border-radius:3px;
  700. }
  701.  
  702. .asker {
  703. text-transform:none;
  704. font-weight:bold;
  705. font-size:9px;
  706. text-transform:uppercase;
  707. letter-spacing:0.5px;
  708. }
  709.  
  710. .answer {
  711. padding:15px 10px 0px 0px;
  712. }
  713.  
  714.  
  715. /*----------audio---------*/
  716.  
  717. .newplayerbutton {
  718. position: relative;
  719. width: 35px;
  720. height: 40px;
  721. overflow: hidden;
  722. }
  723.  
  724. .playerbuttonhug {
  725. position: absolute;
  726. top: -5px;
  727. left: 5px;
  728. }
  729.  
  730. .tumblr_audio_player {
  731. border: none;
  732. padding: 0px;
  733. margin: 0px;
  734. height: 50px;
  735. width: 400px;
  736. }
  737.  
  738. .playerbuttonbg {
  739. position: absolute;
  740. left: 15px;
  741. top:15px;
  742. width: 40px;
  743. height: 40px;
  744. background-color: #e4e4e4;
  745. padding:10px;
  746. -webkit-border-radius: 3px;
  747. -moz-border-radius: 3px;
  748. border-radius: 3px;
  749. opacity: 0;
  750. filter: alpha(opacity=40);
  751. -moz-opacity: 0.4;
  752. -khtml-opacity: 0.4;
  753. transition: opacity .4s ease-in-out;
  754. -moz-transition: opacity .4s ease-in-out;
  755. -webkit-transition: opacity .4s ease-in-out;
  756. }
  757.  
  758. .playerbuttonbg:hover {
  759. opacity: 1;
  760. filter: alpha(opacity=100);
  761. -moz-opacity: 1;
  762. -khtml-opacity: 1;
  763. }
  764.  
  765. .audioimgwrapper {
  766. position: absolute;
  767. background:#fafafa;
  768. padding:15px;
  769. left: 0px;
  770. top: 0px;
  771. -webkit-border-radius: 3px;
  772. -moz-border-radius: 3px;
  773. border-radius: 3px;
  774. overflow: hidden;
  775. width:60px;
  776. height:60px;
  777. }
  778.  
  779. .audioimgwrapper img {
  780. width: 100%;
  781. height: auto;
  782. -webkit-border-radius: 3px;
  783. -moz-border-radius: 3px;
  784. border-radius: 3px;
  785. }
  786.  
  787. .audiowrapper {
  788. position: relative;
  789. display:inline-block;
  790. }
  791.  
  792. .trackdetails {
  793. width: auto;
  794. display:inline-block;
  795. min-height:50px;
  796. font-size:8px;
  797. text-align:left;
  798. margin-bottom:20px;
  799. font-style:italic;
  800. letter-spacing:2px;
  801. text-transform:lowercase;
  802. padding:22px 20px 18px 30px;
  803. line-height:15px;
  804. margin-top:0px;
  805. background-color:{color:sidebar bg};
  806. {block:IfNot400px}
  807. width:380px;
  808. {/block:IfNot400px}
  809. {block:If400px}
  810. width:280px;
  811. {/block:If400px}
  812. margin-left:70px;
  813. }
  814.  
  815.  
  816. /*----------chat---------*/
  817.  
  818. .chat {
  819. line-height:15px;
  820. list-style:none;
  821. margin-left:-3px;
  822. }
  823.  
  824. .line.odd {
  825. background:{color:sidebar bg};
  826. margin-bottom:2px;
  827. padding:8px;
  828. list-style:none;
  829. font-size:10px;
  830. text-transform:lowercase;
  831. }
  832.  
  833. .line.even {
  834. background:{color:background};
  835. margin-bottom:2px;
  836. padding:8px;
  837. list-style:none;
  838. font-size:10px;
  839. text-transform:lowercase;
  840. }
  841.  
  842. .label {
  843. padding-right:1px;
  844. text-transform:lowercase;
  845. font-weight:bold;
  846. color:{color:links};
  847. }
  848.  
  849.  
  850. /*----------quotes---------*/
  851.  
  852. .quote {
  853. background:{color:sidebar bg};
  854. text-transform:uppercase;
  855. font-size:12px;
  856. padding:25px;
  857. -webkit-border-radius:3px;
  858. -moz-border-radius:3px;
  859. border-radius:3px;
  860. }
  861.  
  862. .quotesrc {
  863. margin-top:25px;
  864. font-size:12px;
  865. text-align:center;
  866. background:transparent;
  867. }
  868.  
  869.  
  870. /*----------credit---------*/
  871.  
  872. .credit {
  873. font-size:8px;
  874. position:fixed;
  875. font-weight:bold;
  876. bottom:5px;
  877. right:5px;
  878. z-index:10;
  879. text-align:right;
  880. letter-spacing:1px;
  881. text-transform:uppercase;
  882. }
  883.  
  884. .credit a {
  885. color:{color:links};
  886. text-decoration:none;
  887. }
  888.  
  889. .credit a:hover {
  890. color:{color:links hover};
  891. text-decoration:none;
  892. }
  893.  
  894. </style>
  895. </head>
  896.  
  897. <body>
  898. <div class="container">
  899.  
  900. <div class="credit">
  901. <a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">M</a></div>
  902.  
  903. <div class="sidebar">
  904.  
  905. <div class="desc-container unfold">
  906. <div class="desc">
  907. <div class="sidebarimage">
  908. <a href="/" title="refresh"><img src="{image:sidebar image}">
  909. </a></div>
  910. <div class="stitle">{Title}</div>
  911. </div>
  912. <div class="links">
  913.  
  914. <li class="first"><a href="/ask">message</a></li>
  915.  
  916. <li class="second">{block:IfShowLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfShowLink1}</li></a>
  917.  
  918. <li class="third">{block:IfShowLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfShowLink2}</li>
  919.  
  920. <li class="fourth">{block:IfShowLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfShowLink3}</li>
  921.  
  922. {block:ifSearchbox}
  923. <li class="five"><form action="/search" method="get" class="sfm" name="theform">
  924. <input type="text" name="q" value='{SearchQuery}' placeholder="Search tags..."/>
  925. </form>
  926. </li>
  927. {/block:ifSearchbox}
  928. </div>
  929.  
  930. <div class="description">{Description}
  931. <div class="sborder"></div>
  932. </div>
  933.  
  934. {block:IfNotEndlessScrolling}
  935. <div class="pagination">
  936. {block:Pagination}{block:PreviousPage}
  937. <a href="{PreviousPage}">&lsaquo;</a>
  938. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  939. <span class="current_page"><b>{PageNumber}</b></span>
  940. {/block:CurrentPage}{block:JumpPage}
  941. <a class="jump_page" href="{URL}">{PageNumber}</a>
  942. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  943. <a href="{NextPage}">&rsaquo;</a>
  944. {/block:NextPage}{/block:Pagination}
  945. {/block:IfNotEndlessScrolling}
  946. </div>
  947. </div>
  948.  
  949. </div>
  950.  
  951. {block:IfEndlessScrolling}
  952. <div class="autopagerize_page_element">
  953. {/block:IfEndlessScrolling}
  954.  
  955. <div class="entries">
  956. {block:Posts}
  957. <div class="posts">
  958.  
  959. <div class="info">
  960. {block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  961. <br>
  962. <a href="{Permalink}">({NoteCount})</a>
  963.  
  964. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  965.  
  966. {block:Permalink}
  967. <br>
  968. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via, </a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">org</a>{/block:ContentSource}
  969. {/block:RebloggedFrom}{/block:Permalink}
  970. </div>
  971.  
  972. <div class="tags">
  973. {block:HasTags}
  974. {block:Tags}
  975. <a href="{TagURL}">{Tag}</a>
  976. {/block:Tags}
  977. {/block:HasTags}
  978. </div>
  979.  
  980. {block:Text}
  981. <h1>{block:Title}{Title}{/block:Title}</h1>
  982. <div class="caption">{Body}</div>{/block:Text}
  983.  
  984.  
  985. {block:Photo}{block:IfNot400px}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:IfNot400px}{block:If400px}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  986.  
  987.  
  988. {block:Photoset}{block:IfNot400px}{Photoset-500}{/block:IfNot400px}{block:If400px}{Photoset-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  989.  
  990.  
  991. {block:Quote}
  992. <div class="quote">{Quote}</div>
  993. {block:Source} <div class="quotesrc">– {Source}</div>
  994. {/block:Source}{/block:Quote}
  995.  
  996.  
  997. {block:Link}
  998. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  999. {block:Description}{Description}{/block:Description}
  1000. {/block:Link}
  1001.  
  1002.  
  1003. {block:Chat}
  1004. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1005. {/block:Chat}
  1006.  
  1007.  
  1008. {block:Audio}{block:AudioPlayer}
  1009. <div class="audiowrapper">
  1010.  
  1011. {block:AlbumArt}
  1012. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1013. {/block:AlbumArt}
  1014.  
  1015. <div class="playerbuttonbg">
  1016. <div class="newplayerbutton">
  1017. <div class="playerbuttonhug">
  1018. {AudioPlayerGrey}
  1019. </div></div></div>
  1020.  
  1021. <div class="trackdetails">
  1022. {block:TrackName}<b>{TrackName}{/block:TrackName}</b><br/>
  1023. {block:Artist}<i><b>by:</b> {Artist}{/block:Artist}<br/>
  1024. <b>plays:</b> {FormattedPlayCount}</div></div></i>
  1025. {/block:AudioPlayer}
  1026. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1027. {/block:Audio}
  1028.  
  1029.  
  1030. {block:Video}
  1031. {block:IfNot400px}{Video-500}{/block:IfNot400px}
  1032. {block:If400px}{Video-400}{/block:If400px}
  1033. {block:Caption}<div class="caption">{Caption}</div>
  1034. {/block:Caption}
  1035. {/block:Video}
  1036.  
  1037.  
  1038. {block:Answer}
  1039. <div class="askbox"><div class="pic"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}" /></a></div>
  1040. <div class="question">
  1041. <span class="asker">{Asker}:</span><br>
  1042. {Question}</div></div>
  1043. <div class="answer">{Answer}</div>
  1044. {/block:Answer}
  1045.  
  1046.  
  1047.  
  1048. </div>
  1049.  
  1050.  
  1051. {block:PermalinkPage}
  1052. {block:PostNotes}
  1053. <div class="postnotes">{PostNotes}</div>
  1054. {/block:PostNotes}
  1055. {/block:PermalinkPage}
  1056.  
  1057.  
  1058. {/block:Posts}
  1059.  
  1060.  
  1061.  
  1062. {block:ContentSource}
  1063. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1064. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1065. {/block:SourceLogo}
  1066. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1067. {/block:ContentSource}
  1068.  
  1069.  
  1070. </body></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!