API tools faq
paste
Advertisement
pausodontic

~Theme 28~ Long Live

pausodontic
Mar 2nd, 2014
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ~ 　　　　　　
  3. ~ ~ ~ ~ ~
  4. ~ ~ ~ ~ ~ ~ ~ ~ ~
  5. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  6. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  7. /THEME #28 ~SLIDE DOWN DESC~ CLOAKATIVELYS\
  8. ----------------------------------------------
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <title>{title}</title>
  15.  
  16.  
  17.  
  18.  
  19. <!-- Text + Scrollbar Color Controls -->
  20. <meta name="color:bold" content="#ae1b3a" />
  21. <meta name="color:italic" content="#ae1b3a" />
  22. <meta name="color:link" content="#ae1b3a" />
  23. <meta name="color:maincolor" content="#ae1b3a" />
  24. <!-- Check boxes for links 1-6 -->
  25. <meta name="if:ShowLink1" content="1" />
  26. <meta name="if:ShowLink2" content="1" />
  27. <meta name="if:ShowLink3" content="1" />
  28. <meta name="if:ShowLink4" content="1" />
  29. <meta name="if:ShowLink5" content="1" />
  30. <meta name="if:ShowLink6" content="1" />
  31.  
  32. <meta name="text:Quote" content="" />
  33.  
  34. <!-- Home Link Controls -->
  35. <meta name="text:Home Title" content="Home" />
  36.  
  37. <!-- Ask Link Controls -->
  38. <meta name="text:Ask URL" content="/ask" />
  39. <meta name="text:Ask Title" content="Ask" />
  40.  
  41. <!-- Link 1 Controls -->
  42. <meta name="text:Link1 URL" content="/" />
  43. <meta name="text:Link1 Title" content="Link1" />
  44.  
  45. <!-- Link 2 Controls -->
  46. <meta name="text:Link2 URL" content="/" />
  47. <meta name="text:Link2 Title" content="Link2" />
  48.  
  49. <!-- Link 3 Controls -->
  50. <meta name="text:Link3 URL" content="/" />
  51. <meta name="text:Link3 Title" content="Link3" />
  52.  
  53. <!-- Link 4 Controls -->
  54. <meta name="text:Link4 URL" content="/" />
  55. <meta name="text:Link4 Title" content="Link4" />
  56.  
  57. <!-- Link 5 Controls -->
  58. <meta name="text:Link5 URL" content="/" />
  59. <meta name="text:Link5 Title" content="Link5" />
  60.  
  61. <!-- Link 6 Controls -->
  62. <meta name="text:Link6 URL" content="/" />
  63. <meta name="text:Link6 Title" content="Link6" />
  64.  
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71.  
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  74.  
  75. <meta name="image:sidebar1" content=""/>
  76.  
  77. <script type="text/javascript"
  78. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79.  
  80.  
  81. <script type="text/javascript"
  82. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83.  
  84.  
  85.  
  86. <script>
  87. $().ready(function() {
  88. $("[title]").style_my_tooltips({
  89. tip_follows_cursor: "on", //on/off
  90. tip_delay_time: 200 //milliseconds
  91. });
  92. });
  93. </script>
  94.  
  95.  
  96.  
  97.  
  98. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  99.  
  100. <title>{title}</title>
  101.  
  102. <!-- Small Cursor Controls -->
  103. <meta name="if:tinycursor" content="1"/>
  104.  
  105. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  106.  
  107. <link rel="shortcut icon" href="{favicon}" />
  108.  
  109. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  110.  
  111. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'>
  120.  
  121.  
  122. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  123. </script>
  124. <script>
  125. $(document).ready(function(){
  126.  
  127.  
  128.  
  129.  
  130. $(".one").click(function(){
  131. $(".1").toggle();
  132. $(".2,.3,.4,.5,.6, .7").hide();
  133. });
  134.  
  135.  
  136. $(".two").click(function(){
  137. $(".2").toggle();
  138. $(".1,.3,.4,.5,.6, .7").hide();
  139. });
  140. $(".three").click(function(){
  141. $(".3").toggle();
  142. $(".2,.1,.4,.5,.6, .7").hide();
  143. });
  144. $(".four").click(function(){
  145. $(".4").toggle();
  146. $(".1,.2,.3,.5,.6, .7").hide();
  147. });
  148. $(".five").click(function(){
  149. $(".5").toggle();
  150. $(".1,.2,.3,.4,.6, .7").hide();
  151. });
  152. $(".six").click(function(){
  153. $(".6").toggle();
  154. $(".1,.2,.3,.4,.5, .7").hide();
  155. });
  156. $(".seven").click(function(){
  157. $(".7").toggle();
  158. $(".1,.2,.3,.4,.5, .6").hide();
  159. });
  160.  
  161. });
  162. </script>
  163.  
  164.  
  165. <script type="text/javascript">
  166. jQuery(document).ready(function() {
  167. jQuery(".sub").hide();
  168. //toggle the componenet with class msg_body
  169. jQuery(".cthrough").click(function()
  170. {
  171. jQuery(this).next(".sub").slideToggle(500);return false;
  172. });});
  173. </script>
  174.  
  175. <style type="text/css">
  176.  
  177.  
  178.  
  179. /* DONT FUCK WITH THIS */
  180. .1, .2, .3, .4,.5,.6 {
  181. display: none;
  182. }
  183. /* DONT FUCK WITH THIS */
  184.  
  185. /* Makes top right buttons inverted + opaque */
  186. iframe#tumblr_controls {
  187. opacity:0.2;
  188. -webkit-filter: invert(100%);
  189. -moz-filter: invert(100%);
  190. -o-filter: invert(100%);
  191. -ms-filter: invert(100%);
  192. filter: invert(100%);
  193. -moz-transition-duration:1s;
  194. -webkit-transition-duration:1s;
  195. -o-transition-duration:1s;
  196. }
  197.  
  198. iframe#tumblr_controls:hover {
  199. opacity: 0.8;
  200. -moz-transition-duration:1s;
  201. -webkit-transition-duration:1s;
  202. -o-transition-duration:1s;
  203. }
  204.  
  205. {block:iftinycursor}
  206. body, a, a:hover{
  207. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  208. }
  209. {/block:iftinycursor}
  210.  
  211. /* Scrollbar Controls */
  212. ::-webkit-scrollbar-thumb {
  213. background-color: #fff;
  214. height:auto;
  215. }
  216.  
  217. ::-webkit-scrollbar {
  218. height: 1px;
  219. width: 1px;
  220. background-color: #fff;
  221.  
  222. }
  223.  
  224.  
  225.  
  226. b, strong {
  227. color: {color:bold};
  228. font-weight: 400;
  229. }
  230.  
  231. i {
  232. color: {color:italic};
  233. }
  234.  
  235. body {
  236. line-height: 100%;
  237. margin-top: 20px;
  238. font-family: arial;
  239. }
  240.  
  241.  
  242.  
  243. /* Link HTML */
  244. a:link, a:active, a:visited {
  245. text-decoration: none;
  246. color: {color:link};
  247. -moz-transition-duration:.6s;
  248. -webkit-transition-duration:.6s;
  249. -o-transition-duration:.6s;
  250. }
  251.  
  252. a:hover {
  253. color: #707070;
  254. -moz-transition-duration:.6s;
  255. -webkit-transition-duration:.6s;
  256. -o-transition-duration:.6s;
  257. }
  258.  
  259. /* Entries HTML */
  260. #entries {
  261. position:absolute;
  262. margin-left: -250px;
  263. left: 50%;
  264. width: 500px;
  265. top: 362px;
  266. margin-top: 0px;
  267. color: #727272;
  268. font-family: arial;
  269. text-transform: lowercase;
  270. font-size: 9px;
  271. }
  272.  
  273. /* Entries HTML */
  274. #entries2 {
  275. position:absolute;
  276. margin-left: 325px;
  277. width:auto;
  278. margin-top: 20px;
  279. color: #727272;
  280. font-family: arial;
  281. text-transform: lowercase;
  282. font-size: 9px;
  283. }
  284.  
  285.  
  286.  
  287. /* All Post HTML */
  288. #posts {
  289. width: 500px;
  290. text-align: justify;
  291. color: #727272;
  292. line-height: 90%;
  293. padding-bottom: 2px;
  294. margin-bottom: 2px;
  295. z-index: -9999999999999999999999;
  296. padding: 25px;
  297. background-color: #fff;
  298.  
  299. }
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307. /* Post HTML */
  308. #entries h1{
  309. color: {color:maincolor};
  310. text-transform: lowercase;
  311. font-size: 15px;
  312. text-align: left;
  313. line-height: 15px;
  314. height: auto;
  315. font-family: arial;
  316. font-weight: bold;
  317. margin-top: -10px;
  318. margin-left: 20px;
  319. width: 450px;
  320. }
  321.  
  322. #entries h1 a{
  323. color: {color:maincolor};
  324. }
  325.  
  326. #entries h1 a:hover {
  327. color: {color:maincolor};
  328. }
  329.  
  330.  
  331. blockquote {
  332. padding: 2px;
  333. color: {color:text};
  334. }
  335.  
  336.  
  337. blockquote img, blockquote a img {
  338. max-width: 100%;
  339. }
  340.  
  341. p {
  342. margin-top: 5px;
  343. margin-bottom: 10px;
  344. }
  345.  
  346. img a{
  347. border: none;
  348. }
  349.  
  350. img a:hover {
  351. opacity: 1;
  352. }
  353.  
  354.  
  355.  
  356.  
  357. .notes img{
  358. width: 0px;
  359. position: relative;
  360. top: 1px;
  361. }
  362.  
  363. ol.notes, .notes li{
  364. list-style: none;
  365. margin: 0px;
  366. padding: 0px;
  367. color: #fff;
  368. }
  369.  
  370.  
  371. /* Other Post Info HTML */
  372. #info {
  373.  
  374. letter-spacing:0px;
  375. text-transform: lowercase;
  376. font-style:none;
  377. text-align:left;
  378. position:relative;
  379. line-height: 0px;
  380. font-family: arial;
  381. width: 500px;
  382. }
  383.  
  384. #datelink {
  385. text-align:left;
  386. font-family: arial;
  387. color: #707070;
  388. font-size: 10px;
  389. text-transform: lowercase;
  390. font-style:normal;
  391. background-color: #f2f2f2;
  392. padding: 2px;
  393. text-align: left;
  394. }
  395.  
  396. #datelink a {
  397. text-align:left;
  398. font-family: arial;
  399. color: #707070 ;
  400. font-size: 10px;
  401. text-transform: lowercase;
  402. font-style:normal;
  403. padding: 5px;
  404. background-color: #f2f2f2;
  405. }
  406.  
  407.  
  408. /* Tags HTML */
  409. #tags {
  410. text-align:left;
  411. font-family: arial;
  412. color: #707070;
  413. font-size: 10px;
  414. text-transform: lowercase;
  415. font-style:normal;
  416. padding-right: 0px;
  417. padding-left: 2px;
  418. margin-left: 1px;
  419. font-style: none;
  420. }
  421.  
  422. #tags:hover {
  423. color: {color:maincolor};
  424. }
  425.  
  426. #tags a {
  427. display:inline;
  428. text-align:left;
  429. color: #707070;
  430. padding-right: 0px;
  431. padding-left: 2px;
  432. margin: 0px;
  433. font-style: none;
  434. }
  435.  
  436. #tags a:hover {
  437. color: {color:maincolor};
  438. }
  439.  
  440.  
  441. #infobox {
  442. margin-top: 15px;
  443. margin-left: 2px;
  444. }
  445.  
  446.  
  447. #topinfo {
  448. font-style:none;
  449. position:relative;
  450. margin-left: -7px;
  451. margin-top: 10px;
  452. border-top: 1px solid #f2f2f2;
  453. padding-top: 15px;
  454. width: 510px;
  455. }
  456.  
  457.  
  458. #postbox img {
  459. width: 15px;
  460. }
  461.  
  462.  
  463. /* Tooltip Controls */
  464. #s-m-t-tooltip {
  465. max-width:300px;
  466. line-height: 90%;
  467. margin-top: 5px;
  468. margin-left: -30px;
  469. padding: 5px;
  470. background-color: #fff;
  471. color: {color:bold};
  472. text-transform: lowercase;
  473. font-size: 9px;
  474. line-height: 14px;
  475. margin-left: 5px;
  476. margin-top: 5px;
  477. z-index:999999999999999999999999999999999999;
  478. }
  479.  
  480.  
  481. /* Credit HTML */
  482. #cred {
  483. color: {color:text};
  484. font-style: italic;
  485. position: fixed;
  486. font-size: 20px;
  487. bottom: 5px;
  488. right: 0px;
  489. line-height: 16px;
  490. letter-spacing: -2px;
  491.  
  492. }
  493.  
  494. #cred a {
  495. color: {color:maincolor};
  496. }
  497.  
  498.  
  499. /* Asker Link HTML */
  500. #asker {
  501. color: {color:maincolor};
  502. text-transform: lowercase;
  503. font-style: italic;
  504. font-size: 20px;
  505. text-align: left;
  506. line-height: 12px;
  507. height: auto;
  508. font-family: arial;
  509. font-weight: bold;
  510. }
  511.  
  512. #asker a {
  513. color: {color:maincolor};
  514. }
  515.  
  516.  
  517. /* Question HTML */
  518. #question {
  519. color: #707070;
  520. text-transform: lowercase;
  521. font-size: 10px;
  522. text-align: left;
  523. line-height: 120%;
  524. margin-top: -2px;
  525. height: auto;
  526. width: 400px;
  527. margin-left: 25px;
  528. }
  529.  
  530. /* Answer HTML */
  531. #answer {
  532. color: #707070;
  533. line-height: 10px;
  534. bottom: 5px;
  535. font-size:10px;
  536. text-align: left;
  537. }
  538.  
  539.  
  540. #askbox {
  541. height: auto;
  542. padding: 25px;
  543. background-color: #f2f2f2;
  544. width: 450px;
  545. }
  546.  
  547.  
  548.  
  549. #music {
  550. width: auto;
  551. padding: 0px;
  552. }
  553.  
  554.  
  555. #track {
  556. color: {color:maincolor};
  557. font-style: italic;
  558. font-size: 15px;
  559. line-height: 120%;
  560. }
  561.  
  562. #font {
  563. color: #707070;
  564. font-size: 10px;
  565. margin-top: -2px;
  566. }
  567.  
  568. #label {
  569. text-align: center;
  570.  
  571. }
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579. #source2 {
  580. color: #707070;
  581. margin-top: -5px;
  582. text-transform: lowercase;
  583. font-size: 10px;
  584. text-align: left;
  585. font-family: Libre Baskerville;
  586. font-style: italic;
  587. -webkit-transition: all 0.5s ease-in-out;
  588. -moz-transition: all 0.5s ease-in-out;
  589. -o-transition: all 0.5s ease-in-out;
  590. }
  591.  
  592. #source2 a{
  593. color: #707070;
  594. text-transform: lowercase;
  595. font-size: 10px;
  596. text-align: left;
  597. font-family: Libre Baskerville;
  598. font-style: italic;
  599. -webkit-transition: all 0.5s ease-in-out;
  600. -moz-transition: all 0.5s ease-in-out;
  601. -o-transition: all 0.5s ease-in-out;
  602. }
  603.  
  604. #quote {
  605. color: #707070;
  606. text-transform: lowercase;
  607. font-size: 14px;
  608. text-align: left;
  609. line-height: 120%;
  610. font-family: Libre Baskerville;
  611. font-style: italic;
  612. }
  613.  
  614. #box2 {
  615. padding: 25px;
  616. width: 450px;
  617. }
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624. #top {
  625. margin-top: 10px;
  626. }
  627.  
  628. #height {
  629. top: 0;
  630. }
  631.  
  632.  
  633. #postbox {
  634. overflow: auto;
  635. background-color: #fff;
  636. padding: 25px;
  637. color: #707070;
  638. width: 550px;
  639. font-size: 8px;
  640. letter-spacing: 2px;
  641. line-height: 10px;
  642. height: 100px;
  643. margin-top: 10px;
  644. border-bottom: 100px soldi #fff;
  645. border: 1px solid #f2f2f2;
  646. }
  647.  
  648. #postbox a {
  649. color: #707070;
  650. }
  651.  
  652. #tagsheight {
  653. margin-top: 0px;
  654. }
  655.  
  656. #theheight {
  657. margin-top: -350px;
  658. }
  659.  
  660.  
  661.  
  662.  
  663. #grey {
  664. color: #707070;
  665. line-height: 100%;
  666. margin-top: -7px;
  667. }
  668.  
  669. #grey a {
  670. text-decoration: none;
  671. }
  672.  
  673. #other {
  674. color: #707070;
  675. text-align: right;
  676. }
  677.  
  678. #other a {
  679. color: #707070;
  680. text-align: right;
  681. }
  682.  
  683. #other2 {
  684. color: #707070;
  685. text-align: right;
  686. }
  687.  
  688. #other2 a {
  689. color: #707070;
  690. text-align: right;
  691. }
  692.  
  693.  
  694. #from {
  695. color: #707070;
  696. }
  697.  
  698. #from a {
  699. color: #707070;
  700. }
  701.  
  702.  
  703. #entries img {
  704. max-width: 100%;
  705. }
  706.  
  707. #hoverside {
  708. opacity: 0;
  709. margin-top: -86px;
  710. -webkit-transition: all 0.5s ease-in-out;
  711. -moz-transition: all 0.5s ease-in-out;
  712. -o-transition: all 0.5s ease-in-out;
  713. }
  714.  
  715. #hoverside img {
  716. width: 80px;
  717. padding-bottom: 5px;
  718. }
  719.  
  720. #sidebar:hover #hoverside {
  721. opacity: 1;
  722. -webkit-transition: all 0.5s ease-in-out;
  723. -moz-transition: all 0.5s ease-in-out;
  724. -o-transition: all 0.5s ease-in-out;
  725. }
  726.  
  727. .links {
  728. width: 500px;
  729. }
  730.  
  731. .audiobox {
  732. width: 500px;
  733. }
  734.  
  735. #bottomtitle {
  736. background-color: #fff;
  737. padding: 25px;
  738. color: {color:maincolor};
  739. margin-top: -8px;
  740. border: 1px solid #f2f2f2;
  741. font-size: 8px;
  742. letter-spacing: 2px;
  743. width: 500px;
  744. margin-left: 425px;
  745. z-index: 99999999999999999999999999999999;
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. }
  750.  
  751.  
  752.  
  753. #permatitle {
  754. background-color: {color:maincolor};
  755. padding: 25px;
  756. color: #fff;
  757. top: 0px;
  758. width: 615px;
  759. font-size: 8px;
  760. letter-spacing: 2px;
  761. position: fixed;
  762. -webkit-transition: all 0.5s ease-in-out;
  763. -moz-transition: all 0.5s ease-in-out;
  764. -o-transition: all 0.5s ease-in-out;
  765. }
  766.  
  767. #sideinfo {
  768. background-color: {color:maincolor};
  769. padding: 25px;
  770. color: #fff;
  771. top: 80px;
  772. width: 200px;
  773. font-size: 8px;
  774. letter-spacing: 2px;
  775. position: fixed;
  776. margin-left: 415px;
  777. line-height: 10px;
  778. -webkit-transition: all 0.5s ease-in-out;
  779. -moz-transition: all 0.5s ease-in-out;
  780. -o-transition: all 0.5s ease-in-out;
  781. }
  782.  
  783. #sideinfo a {
  784. color: #fff;
  785. }
  786.  
  787. #sideinfo a:hover {
  788. text-decoration: underline;
  789. }
  790.  
  791. #hiatuswidth a{
  792. width: 165px;
  793. }
  794.  
  795.  
  796.  
  797. .posts {width: 1000px;}
  798.  
  799. #back {
  800. position: fixed;
  801. overflow: auto;
  802. width: 100%;
  803. height: 100%;
  804. top: 0;
  805. left: 0;
  806. background-color: #fff;
  807. border-bottom: 100px solid #fff;
  808. }
  809.  
  810. #beforehover {
  811. background-color: {color:maincolor};
  812. padding: 25px;
  813. color: #fff;
  814. top: 150px;
  815. margin-left: -200px;
  816. left: 50%;
  817. width: 350px;
  818. font-size: 8px;
  819. letter-spacing: 2px;
  820. position: absolute;
  821. opacity: 1;
  822. -webkit-transition: all 0.5s ease-in-out;
  823. -moz-transition: all 0.5s ease-in-out;
  824. -o-transition: all 0.5s ease-in-out;
  825. }
  826.  
  827. #sidebar:hover #beforehover {
  828. opacity: 0;
  829. -webkit-transition: all 0.5s ease-in-out;
  830. -moz-transition: all 0.5s ease-in-out;
  831. -o-transition: all 0.5s ease-in-out;
  832. }
  833.  
  834.  
  835.  
  836. #sidebox {
  837. padding: 15px;
  838. position: absolute;
  839. position: fixed;
  840. width: 215px;
  841. left: 50%;
  842. margin-left: -525px;
  843. line-height: 90%;
  844.  
  845. text-transform: lowercase;
  846. }
  847.  
  848. #sidebox1 {
  849. position: absolute;
  850. padding-left: 15px;
  851. position: fixed;
  852. width: 215px;
  853. left: 50%;
  854. margin-left: -525px;
  855. line-height: 90%;
  856. height: -15px;
  857. text-transform: lowercase;
  858. }
  859.  
  860. #sidebox2 {
  861. position: absolute;
  862. padding-left: 15px;
  863. position: fixed;
  864. width: 215px;
  865. left: 50%;
  866. margin-left: -525px;
  867. line-height: 90%;
  868. height: -15px;
  869. text-transform: lowercase;
  870. }
  871.  
  872. #sidebox img {
  873. width: 245px;
  874. }
  875.  
  876. #title {
  877. text-align:left;
  878. font-family: arial;
  879. color: #707070;
  880. font-size: 10px;
  881. text-transform: lowercase;
  882. font-style:normal;
  883. padding: 7px;
  884. width: 231px;
  885. font-style: none;
  886. margin-top: 5px;
  887. }
  888.  
  889. #title a {
  890. font-family: arial;
  891. color: #707070;
  892. font-size: 10px;
  893. text-transform: lowercase;
  894. font-style:normal;
  895. }
  896.  
  897. #title a:hover {
  898. text-decoration: underline;
  899. color: {color:maincolor};
  900. }
  901.  
  902. #sidequote {
  903. color: #707070;
  904. text-transform: lowercase;
  905. font-size: 20px;
  906. text-align: left;
  907. line-height: 120%;
  908. font-family: Libre Baskerville;
  909. font-style: italic;
  910. font-weight: 400;
  911. padding-top: 5px;
  912. }
  913.  
  914. #sidelinks {
  915. text-align:left;
  916. font-family: arial;
  917. color: #707070;
  918. font-size: 10px;
  919. text-transform: lowercase;
  920. font-style:normal;
  921. width: 241px;
  922.  
  923. font-style: none;
  924. margin-top: 5px;
  925. padding: 7px;
  926. position: fixed;
  927. width: 215px;
  928. left: 50%;
  929. margin-left: -505px;
  930. margin-top: 160px;
  931. line-height: 90%;
  932. background-color: #fff;
  933. text-transform: lowercase;
  934. }
  935.  
  936. #sidelinks a {
  937. margin-left: 15px;
  938. }
  939.  
  940. #sidelinks2{
  941. background-color: #f2f2f2;
  942. padding: 25px;
  943. width: 200px;
  944. position: fixed;
  945. font-family: arial;
  946. color: #707070;
  947. font-size: 10px;
  948. text-transform: lowercase;
  949. font-style:normal;
  950. left: 50%;
  951. margin-left: 320px;
  952. margin-top: 3px;
  953. color: #707070;
  954. font-family: arial;
  955. font-style: italic;
  956. font-weight: bold;
  957. font-size: 13px;
  958. }
  959.  
  960. #sidelinks a{
  961. font-family: arial;
  962. color: #707070;
  963. font-size: 10px;
  964. text-transform: lowercase;
  965. font-style:normal;
  966. }
  967.  
  968. #sidelinks a:hover {
  969. text-decoration: underline;
  970. color: {color:maincolor};
  971. }
  972.  
  973. #sidelinks h1 {
  974. color: #707070;
  975. font-family: arial;
  976. font-style: italic;
  977. font-weight: bold;
  978. font-size: 20px;
  979. }
  980.  
  981. ol,ul {
  982. list-style-type: square;
  983. text-align: left;
  984. color: #707070;
  985. margin-top: -10px;
  986. }
  987.  
  988. #desc {
  989. font-family: arial;
  990. color: #707070;
  991. font-size: 10px;
  992. text-transform: lowercase;
  993. font-style:normal;
  994. font-weight: 400;
  995. }
  996.  
  997. #description {
  998. margin-left: 20px;
  999. line-height: 11px;
  1000. }
  1001.  
  1002. #hoverimg {
  1003. position: fixed;
  1004. font-family: arial;
  1005. color: #707070;
  1006. font-size: 10px;
  1007. text-transform: lowercase;
  1008. font-style:normal;
  1009. background-color: #fff;
  1010. padding: 10px;
  1011. left: 50%;
  1012. margin-left: -405px;
  1013. margin-top: 65px;
  1014. z-index: 99999999999999999999999999999;
  1015. }
  1016.  
  1017. #hoverimg a{
  1018. font-family: arial;
  1019. color: #707070;
  1020. font-size: 10px;
  1021. text-transform: lowercase;
  1022. font-style:normal;
  1023. }
  1024.  
  1025.  
  1026.  
  1027. </style>
  1028.  
  1029. </head>
  1030.  
  1031. <!-- Tooltip Controls -->
  1032. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1033. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1034. <script>
  1035. (function($){
  1036. $(document).ready(function(){
  1037. $("a[title]").style_my_tooltips({
  1038. tip_follows_cursor:true,
  1039. tip_delay_time:90,
  1040. tip_fade_speed:600,
  1041. attribute:"title"
  1042. });
  1043. });
  1044. })(jQuery);
  1045. </script>
  1046.  
  1047.  
  1048. <body>
  1049.  
  1050. <!-- CREDIT -->
  1051.  
  1052.  
  1053. <div id="cred">
  1054. <a href="http://sewnatoms.tumblr.com/">cred.</a></div>
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061. <div id="sidebox">
  1062. <img src="{image:sidebar1}">
  1063.  
  1064.  
  1065. <div class="7" >
  1066. <div id="title">
  1067.  
  1068. <a href="/">
  1069. title: {title}
  1070. </a>
  1071. <br>
  1072. <div id="description">
  1073. {Description}
  1074. </div>
  1075.  
  1076.  
  1077. <center>
  1078.  
  1079. {block:NextPage}<a href="{NextPage}">next</a>
  1080. .
  1081. {/block:NextPage}
  1082.  
  1083. <a class="one" href="#" >
  1084. links
  1085. </a>
  1086. .
  1087. <a href="/faq" >
  1088. ask
  1089. </a>
  1090. .
  1091. <a class="two" href="#" >
  1092. quote
  1093. </a>
  1094. .
  1095.  
  1096.  
  1097. {block:PreviousPage}<a href="{PreviousPage}">prev</a>
  1098. .
  1099. {/block:PreviousPage}
  1100.  
  1101. </center>
  1102.  
  1103. </div></div>
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112. <div class="1" style="display:none;">
  1113.  
  1114. <div id="sidebox1">
  1115. <div id="title">
  1116.  
  1117. <a href="/">
  1118. title: {title}
  1119. </a>
  1120. <br>
  1121. <div id="description">
  1122. <a href="/" >{text:Home Title}</a><br>
  1123. <a href="{text:Ask URL}" >{text:Ask Title}</a><br>
  1124. {block:IfShowLink1}<a href="{text:Link1 URL}">{text:Link1 Title}</a>{/block:IfShowLink1}<br>
  1125. {block:IfShowLink2}<a href="{text:Link2 URL}">{text:Link2 Title}</a>{/block:IfShowLink2}<br>
  1126. {block:IfShowLink3}<a href="{text:Link3 URL}">{text:Link3 Title}</a>{/block:IfShowLink3}<br>
  1127. {block:IfShowLink4}<a href="{text:Link4 URL}">{text:Link4 Title}</a>{/block:IfShowLink4}<br>
  1128. {block:IfShowLink5}<a href="{text:Link5 URL}">{text:Link5 Title}</a>{/block:IfShowLink5}<br>
  1129. {block:IfShowLink6}<a href="{text:Link6 URL}">{text:Link6 Title}</a>{/block:IfShowLink6}
  1130.  
  1131. <a class="seven" href="#">
  1132. <br><center>
  1133. back
  1134. </a></center>
  1135. </div></div></div></div>
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145. <div class="2" style="display:none;">
  1146.  
  1147. <div id="sidebox1">
  1148. <div id="title">
  1149.  
  1150.  
  1151.  
  1152.  
  1153. <div id="sidequote">
  1154. {text:Quote}
  1155. <a class="seven" href="#">
  1156. <br><center>
  1157. back
  1158. </a></center>
  1159. </div></div></div></div></div></div></div></div></div></div>
  1160.  
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176. </div></div></div></div></div></div>
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184. <div id="entriesbox">
  1185. <div id="entries">
  1186. <div id="height">
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194. <div id="theheight">
  1195. {block:Posts}
  1196. <div id="posts">
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202. {block:Quote}<div id="box2"><div id="quote">"{Quote}"</div>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id="source2"> — {Source}</div></div> {/block:Quote}
  1203.  
  1204. {block:Title}<h1><a href="{Permalink}">{Title}</a>&nbsp;</h1>{/block:Title}
  1205.  
  1206. {block:Text}{Body}{/block:Text}
  1207.  
  1208. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1209. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1210.  
  1211.  
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227.  
  1228.  
  1229.  
  1230. {block:Photo}<center>{LinkOpenTag}
  1231. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1232.  
  1233. {LinkCloseTag}
  1234. </center>
  1235.  
  1236. {block:Caption}
  1237.  
  1238. {Caption}
  1239. {/block:Caption}
  1240. {/block:Photo}
  1241.  
  1242.  
  1243.  
  1244.  
  1245. {block:Photoset}<center>
  1246. {Photoset-500}
  1247. </center>
  1248. {block:Caption}{Caption}{/block:Caption}
  1249. {/block:Photoset}
  1250.  
  1251.  
  1252.  
  1253. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1254.  
  1255.  
  1256.  
  1257. {block:Video}{Video-500} {block:Caption}{Caption}{/block:Caption}{/block:Video}
  1258.  
  1259.  
  1260.  
  1261. {block:Answer}<div id="askbox"><div id="asker">{asker}</div> <div id="question">{Question}</div></div><div id="answer"><p>{Answer}</p><br><br></div>{/block:Answer}
  1262.  
  1263.  
  1264. {block:Audio}<div id="music"><div id="box">{AudioPlayerWhite}</div><div id="label">{block:TrackName}<div id="track">{TrackName} </div>{/block:TrackName}<div id="font">{block:Artist}{Artist}{/block:Artist} <br>{block:Playcount}{Playcount} Plays{/block:Playcount}</div></div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1265.  
  1266. <div id="info">
  1267.  
  1268.  
  1269.  
  1270.  
  1271. <div id="topinfo">
  1272.  
  1273.  
  1274. <div id="grey">filed under:
  1275. {block:HasTags}
  1276. {block:Tags}<a href="/tagged/{Tag}" id="tags">
  1277. {Tag}</a> ,
  1278. {/block:Tags}
  1279. {/block:HasTags}
  1280. </div>
  1281. {block:Date}
  1282. <div id="top">
  1283. <div id="infobox">
  1284. <a href="{Permalink}" id="datelink">
  1285. {MonthNumber}.{DayOfMonthWithZero}</a>
  1286.  
  1287. <p style="text-align: right; margin-top: -5px"> <a href="{Permalink}" id="other">({NoteCount})</a>
  1288.  
  1289. {block:ContentSource} <a href="{SourceURL}" id="other2">origin</a> /{/block:ContentSource}{block:RebloggedFrom}/
  1290. <a href="{ReblogParentURL}" id="from">via</a>
  1291. {/block:RebloggedFrom} </p>
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298.  
  1299. </div></div></div>
  1300. </div></div>
  1301.  
  1302. </div>
  1303.  
  1304. {/block:Date}
  1305. <br><div align="left">
  1306. {/block:Posts}
  1307.  
  1308. {block:PostNotes}
  1309.  
  1310. <div id="postbox">
  1311. {PostNotes}
  1312. </div>
  1313.  
  1314. {/block:PostNotes}
  1315.  
  1316. </div></div></div>
  1317. </div></div></div>
  1318.  
  1319.  
  1320.  
  1321.  
  1322. </div></div>
  1323.  
  1324. </div></div></div></div></div></div>
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338.  
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370.  
  1371. </body>
  1372. </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!