API tools faq
paste
Advertisement
sverus

~Theme 17~White Walls

sverus
Jun 22nd, 2013
1,026
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.78 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. ~ 　　　　　　
  4. ~ ~ ~ ~ ~
  5. ~ ~ ~ ~ ~ ~ ~ ~ ~
  6. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  7. ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
  8. /THEME #17~SOMEWHAT MINIMALIST SB~PAUSODONTIC\
  9. ----------------------------------------------
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15. <title>{title}</title>
  16.  
  17.  
  18.  
  19.  
  20. <!-- Text + Scrollbar Color Controls -->
  21. <meta name="color:text" content="#0000000" />
  22. <meta name="color:link" content="#000" />
  23. <meta name="color:hover" content="#d6e7ef" />
  24.  
  25.  
  26. <!-- Check boxes for links 3-6 -->
  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. <meta name="if:ShowLink7" content="1" />
  32. <meta name="if:ShowLink8" content="1" />
  33. <meta name="if:ShowLink9" content="1" />
  34. <meta name="if:ShowLink10" content="1" />
  35. <meta name="if:ShowLink11" content="1" />
  36. <meta name="if:ShowLink12" content="1" />
  37. <meta name="if:ShowLink13" content="1" />
  38. <meta name="if:ShowLink14" content="1" />
  39. <meta name="if:ShowLink15" content="1" />
  40. <meta name="if:ShowLink16" content="1" />
  41.  
  42. <!-- Text + Scrollbar Color Controls -->
  43. <meta name="color:text" content="#0000000" />
  44. <meta name="color:link" content="#fff" />
  45. <meta name="color:link hover" content="#000" />
  46. <meta name="color:pagination" content="#353535" />
  47.  
  48. <!-- Home Link Controls -->
  49. <meta name="text:Home Title" content="Home" />
  50. <meta name="text:Home Hover" content="/" />
  51.  
  52. <!-- Ask Link Controls -->
  53. <meta name="text:Ask Title" content="Ask" />
  54. <meta name="text:Ask Hover" content="/" />
  55.  
  56. <!-- Link 3 Controls -->
  57. <meta name="text:Link3 URL" content="/" />
  58. <meta name="text:Link3 Title" content="Link3" />
  59. <meta name="text:Link3 Hover" content="/" />
  60.  
  61. <!-- Link 4 Controls -->
  62. <meta name="text:Link4 URL" content="/" />
  63. <meta name="text:Link4 Title" content="Link4" />
  64. <meta name="text:Link4 Hover" content="/" />
  65.  
  66. <!-- Link 5 Controls -->
  67. <meta name="text:Link5 URL" content="/" />
  68. <meta name="text:Link5 Title" content="Link5" />
  69. <meta name="text:Link5 Hover" content="/" />
  70.  
  71. <!-- Link 6 Controls -->
  72. <meta name="text:Link6 URL" content="/" />
  73. <meta name="text:Link6 Title" content="Link6" />
  74. <meta name="text:Link6 Hover" content="/" />
  75.  
  76.  
  77. <!-- Link 7 Controls -->
  78. <meta name="text:Link7 URL" content="/" />
  79. <meta name="text:Link7 Title" content="Link7" />
  80. <meta name="text:Link7 Hover" content="/" />
  81.  
  82.  
  83. <!-- Link 8 Controls -->
  84. <meta name="text:Link8 URL" content="/" />
  85. <meta name="text:Link8 Title" content="Link8" />
  86. <meta name="text:Link8 Hover" content="/" />
  87.  
  88. <!-- Link 8 Controls -->
  89. <meta name="text:Link9 URL" content="/" />
  90. <meta name="text:Link9 Title" content="Link9" />
  91. <meta name="text:Link9 Hover" content="/" />
  92.  
  93. <!-- Link 8 Controls -->
  94. <meta name="text:Link10 URL" content="/" />
  95. <meta name="text:Link10 Title" content="Link10" />
  96. <meta name="text:Link10 Hover" content="/" />
  97.  
  98. <!-- Link 8 Controls -->
  99. <meta name="text:Link11 URL" content="/" />
  100. <meta name="text:Link11 Title" content="Link11" />
  101. <meta name="text:Link11 Hover" content="/" />
  102.  
  103. <!-- Link 8 Controls -->
  104. <meta name="text:Link12 URL" content="/" />
  105. <meta name="text:Link12 Title" content="Link12" />
  106. <meta name="text:Link12 Hover" content="/" />
  107.  
  108.  
  109. <!-- Link 8 Controls -->
  110. <meta name="text:Link13 URL" content="/" />
  111. <meta name="text:Link13 Title" content="Link13" />
  112. <meta name="text:Link13 Hover" content="/" />
  113.  
  114. <!-- Link 8 Controls -->
  115. <meta name="text:Link14 URL" content="/" />
  116. <meta name="text:Link14 Title" content="Link14" />
  117. <meta name="text:Link14 Hover" content="/" />
  118.  
  119.  
  120. <!-- Link 8 Controls -->
  121. <meta name="text:Link15 URL" content="/" />
  122. <meta name="text:Link15 Title" content="Link15" />
  123. <meta name="text:Link15 Hover" content="/" />
  124.  
  125. <!-- Link 8 Controls -->
  126. <meta name="text:Link16 URL" content="/" />
  127. <meta name="text:Link16 Title" content="Link16" />
  128. <meta name="text:Link16 Hover" content="/" />
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'>
  131.  
  132.  
  133.  
  134. <meta name="image:sidebar" content=""/>
  135.  
  136.  
  137. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  138.  
  139. <title>{title}</title>
  140.  
  141. <!-- Small Cursor Controls -->
  142. <meta name="if:tinycursor" content="1"/>
  143.  
  144. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  145.  
  146. <link rel="shortcut icon" href="{favicon}" />
  147.  
  148. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  149.  
  150. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157. <script type="text/javascript"
  158. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  159.  
  160. <script>
  161.  
  162.  
  163.  
  164. $(document).ready(function() {
  165.  
  166. //
  167.  
  168.  
  169.  
  170. //When you click on a link with class of poplight and the href starts with a #
  171.  
  172. $('a.poplight[href^=#]').click(function() {
  173.  
  174. var popID = $(this).attr('rel'); //Get Popup Name
  175.  
  176. var popURL = $(this).attr('href'); //Get Popup href to define size
  177.  
  178.  
  179.  
  180. //Pull Query & Variables from href URL
  181.  
  182. var query= popURL.split('?');
  183.  
  184. var dim= query[1].split('&');
  185.  
  186. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  187.  
  188.  
  189.  
  190. //Fade in the Popup and add close button
  191.  
  192. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  193.  
  194.  
  195. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  196.  
  197. var popMargTop = ($('#' + popID).height() + 80) / 2;
  198.  
  199. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  200.  
  201.  
  202.  
  203. //Apply Margin to Popup
  204.  
  205. $('#' + popID).css({
  206.  
  207. 'margin-top' : -popMargTop,
  208.  
  209. 'margin-left' : -popMargLeft
  210.  
  211. });
  212.  
  213.  
  214.  
  215. //Fade in Background
  216.  
  217. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  218.  
  219. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  220.  
  221.  
  222.  
  223. return false;
  224.  
  225. });
  226.  
  227.  
  228.  
  229. //Close Popups and Fade Layer
  230.  
  231. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  232.  
  233. $('#fade , .popup_block').fadeOut(function() {
  234.  
  235. $('#fade, a.close').remove(); //fade them both out
  236.  
  237. });
  238.  
  239. return false;
  240.  
  241. });
  242.  
  243.  
  244.  
  245.  
  246.  
  247. });
  248.  
  249. </script>
  250.  
  251.  
  252. <style type="text/css">
  253.  
  254. /* Makes top right buttons inverted + opaque */
  255. iframe#tumblr_controls {
  256. opacity:0.2;
  257. -webkit-filter: invert(100%);
  258. -moz-filter: invert(100%);
  259. -o-filter: invert(100%);
  260. -ms-filter: invert(100%);
  261. filter: invert(100%);
  262. -moz-transition-duration:1s;
  263. -webkit-transition-duration:1s;
  264. -o-transition-duration:1s;
  265. }
  266.  
  267. iframe#tumblr_controls:hover {
  268. opacity: 0.8;
  269. -moz-transition-duration:1s;
  270. -webkit-transition-duration:1s;
  271. -o-transition-duration:1s;
  272. }
  273.  
  274. {block:iftinycursor}
  275. body, a, a:hover{
  276. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  277. }
  278. {/block:iftinycursor}
  279.  
  280. /* Scrollbar Controls */
  281. ::-webkit-scrollbar-thumb {
  282. background-color: #000;
  283. border: 2px solid #ffffff;
  284. height:auto;
  285. }
  286.  
  287. ::-webkit-scrollbar {
  288. height:9px;
  289. width:9px;
  290. background-color: #000;
  291. border: 4px solid #fff;
  292. }
  293.  
  294. ::selection {
  295. background-color:#fff;
  296. }
  297.  
  298. body {
  299. color: {color:text};
  300. line-height: 100%;
  301. text-transform: lowercase;
  302. margin-top: 20px;
  303. }
  304.  
  305. /* Link HTML */
  306. a:link, a:active, a:visited {
  307. text-decoration: none;
  308. color: {color:link};
  309. -moz-transition-duration:.6s;
  310. -webkit-transition-duration:.6s;
  311. -o-transition-duration:.6s;
  312. }
  313.  
  314. a:hover {
  315. color: {color:hover};
  316. -moz-transition-duration:.6s;
  317. -webkit-transition-duration:.6s;
  318. -o-transition-duration:.6s;
  319. }
  320.  
  321. /* Entries HTML */
  322. #entries {
  323. width: 400px;
  324. text-align: justify;
  325. margin-left: 450px;
  326. margin-top: 15px;
  327. z-index: 999999;
  328. -moz-transition-duration:1s;
  329. -webkit-transition-duration:1s;
  330. -o-transition-duration:1s;
  331.  
  332. }
  333.  
  334.  
  335. /* All Post HTML */
  336. #posts {
  337. width: 400px;
  338. text-align: justify;
  339. font-family: times;
  340. padding-bottom: 10px;
  341. padding-top: 10px;
  342. margin-bottom: 5px;
  343. border-bottom: 1px solid #000;
  344. font-style:italic;
  345. text-transform: lowercase;
  346. font-size: 10px;
  347. }
  348.  
  349.  
  350.  
  351. img {
  352. opacity: 0.9;
  353. -moz-transition-duration:1s;
  354. -webkit-transition-duration:1s;
  355. -o-transition-duration:1s;
  356. }
  357.  
  358. img:hover {
  359. opacity: 1;
  360. -moz-transition-duration:1s;
  361. -webkit-transition-duration:1s;
  362. -o-transition-duration:1s;
  363. }
  364.  
  365.  
  366. #title {
  367. width: 85px;
  368. height:auto;
  369. letter-spacing: 0px;
  370. line-height: 80%;
  371. font-family: 'Roboto', sans-serif;
  372. font-size: 15px;
  373. letter-spacing: 0px;
  374. text-transform: uppercase;
  375. color: #fff;
  376. background-color: #000;
  377. padding: 5px;
  378. margin-bottom: -11px;
  379. }
  380.  
  381.  
  382.  
  383. #side {
  384. margin-left: 350px;
  385. margin-top: 10px;
  386. position: fixed;
  387. }
  388.  
  389.  
  390.  
  391. #side img{
  392. width: 95px;
  393. height: auto;
  394. border:0px;
  395. padding: 0px;
  396. margin-top: 15px;
  397. opacity: 1;
  398. -webkit-transition: all 1s ease-in-out;
  399. -moz-transition: all 1s ease-in-out;
  400. -o-transition: all 1s ease-in-out;
  401. }
  402.  
  403. #desc {
  404. width: 90px;
  405. height:auto;
  406. letter-spacing: 0px;
  407. line-height: 90%;
  408. margin-top: 1px;
  409. font-family: 'Titillium Web', sans-serif;
  410. font-size: 11px;
  411. letter-spacing: -1px;
  412. text-transform: uppercase;
  413. color: #000;
  414. }
  415.  
  416. #desc2 {
  417. width: 85px;
  418. height:auto;
  419. letter-spacing: 1px;
  420. line-height: 95%;
  421. font-family: 'Roboto', sans-serif;
  422. font-size: 8px;
  423. letter-spacing: 0px;
  424. text-transform: uppercase;
  425. color: #fff;
  426. background-color: #000;
  427. padding: 5px;
  428. }
  429.  
  430. #sidelinks {
  431. margin-top: 3px;
  432. }
  433.  
  434. #sidelinks a {
  435. display:inline-block;
  436. width:auto;
  437. margin-bottom: 3px;
  438. font-style:normal;
  439. letter-spacing:0px;
  440. text-align:center;
  441. text-transform: uppercase;
  442. color: #fff;
  443. background-color: #000;
  444. text-decoration:none;
  445. font-size: 10px;
  446. font-family: 'Roboto', sans-serif;
  447. padding:2px;
  448. padding-right: 3px;
  449. padding-left: 3px;
  450. padding: 5px;
  451. }
  452.  
  453. #sidelinks a:hover {
  454. background-color: #fff;
  455. color: #000;
  456. }
  457.  
  458. #sidewidth a{
  459. width: 85px;
  460. }
  461.  
  462.  
  463.  
  464. b {
  465. color: {color:hover};
  466. }
  467.  
  468.  
  469. #sidebar:hover #hoversb{
  470. opacity:1;
  471. -webkit-transition: all 2.2s ease-in-out;
  472. -moz-transition: all 2.2s ease-in-out;
  473. -o-transition: all 2.2s ease-in-out;
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. #pagination {
  482. position:fixed;
  483. margin-left: 855px;
  484. margin-top: 10px;
  485. }
  486.  
  487. #pagination a {
  488. display:inline-block;
  489. width:auto;
  490. margin-bottom: 3px;
  491. font-style:normal;
  492. letter-spacing:0px;
  493. text-align:center;
  494. text-transform: uppercase;
  495. color: #fff;
  496. background-color: #000;
  497. text-decoration:none;
  498. font-size: 10px;
  499. font-family: 'Roboto', sans-serif;
  500. padding:2px;
  501. padding-right: 3px;
  502. padding-left: 3px;
  503. padding: 5px;
  504. }
  505.  
  506. #pagination a:hover {
  507. color: #000;
  508. background-color: #fff;
  509.  
  510. }
  511.  
  512. #bar {
  513. padding:20px;
  514. left:0px;
  515. position:fixed;
  516. background-color: #000;
  517. height:150%;
  518. margin-top: -200px;
  519. }
  520.  
  521.  
  522.  
  523. /* Post Title HTML */
  524. h1{
  525. font-family: times;
  526. font-size:22px;
  527. letter-spacing: -2px;
  528. text-align: left;
  529. text-transform: lowercase;
  530. font-style: italic;
  531. color: {color:link};
  532. }
  533.  
  534. /* Asker Link HTML */
  535. #asker {
  536. font-family:times;
  537. text-transform:none;
  538. font-style:italic;
  539. letter-spacing:-1px;
  540. padding:10px;
  541. font-size:22px;
  542. text-align: center;
  543. color:#000;
  544. }
  545.  
  546. #asker a {
  547. color:#000;
  548. }
  549.  
  550. #asker a:hover {
  551. color: {color:hover};
  552. }
  553.  
  554.  
  555. /* Question HTML */
  556. #question {
  557. text-align:center;
  558. font-family:times;
  559. font-size:20px;
  560. letter-spacing:0px;
  561. margin-top:-35px;
  562. color:#000;
  563. padding: 5px;
  564. height: auto;
  565. }
  566.  
  567. /* Answer HTML */
  568. #answer {
  569. color:#000;
  570. font-family:times;
  571. font-size:10px;
  572. letter-spacing:0px;
  573. line-height: 5px;
  574. height:auto;
  575. margin-bottom: -15px;
  576. }
  577.  
  578.  
  579.  
  580.  
  581.  
  582. /* Blockquote HTML */
  583. blockquote {
  584. margin: 10px 2px 10px 10px;
  585. border-left: 4px solid #e2e2e2;
  586. padding-left: 3px;
  587. }
  588.  
  589. blockquote img, blockquote a img {
  590. max-width: 490px;
  591. }
  592.  
  593. p {
  594. margin-top: 5px;
  595. margin-bottom: 10px;
  596. }
  597.  
  598. img a{
  599. border: none;
  600. }
  601.  
  602. img a:hover {
  603. opacity: 1;
  604. }
  605.  
  606. /* Audio HTML */
  607. .audio{
  608. background-color: black;
  609. display: block;
  610. }
  611.  
  612.  
  613. .notes img{
  614. width: 10px;
  615. position: relative;
  616. top: 1px;
  617. }
  618.  
  619. ol.notes, .notes li{
  620. list-style: none;
  621. margin: 0px;
  622. padding: 0px;
  623. }
  624.  
  625.  
  626. /* Other Post Info HTML */
  627. #info {
  628. text-align:left;
  629. margin-top:-100;
  630. margin-bottom:50%;
  631. letter-spacing:0px;
  632. text-transform:uppercase;
  633. font-size: 8px;
  634. font-family: 'Roboto', sans-serif;
  635. font-style:none;
  636. text-align:left;
  637. position:relative;
  638. background-color: #fff;
  639. }
  640.  
  641. #source {
  642. letter-spacing:0px;
  643. text-transform:uppercase;
  644. font-size: 8px;
  645. font-family: 'Roboto', sans-serif;
  646. margin-top: 1px;
  647. text-align:left;
  648. margin-left: 2px;
  649. background-color: #000;
  650. color: #fff;
  651. padding-top: 2px;
  652. padding-bottom: 3px;
  653. padding-right: 4px;
  654. padding-left: 4px;
  655. }
  656.  
  657. #source:hover {
  658. background-color: {color:hover};
  659. }
  660.  
  661. #datelink {
  662. letter-spacing:0px;
  663. text-transform:uppercase;
  664. font-size: 8px;
  665. font-family: 'Roboto', sans-serif;
  666. margin-top: 1px;
  667. text-align:left;
  668. margin-left: 8px;
  669. background-color: #000;
  670. color: #fff;
  671. padding-top: 2px;
  672. padding-bottom: 3px;
  673. padding-right: 4px;
  674. padding-left: 4px;
  675. }
  676.  
  677. #datelink:hover {
  678. background-color: {color:hover};
  679. }
  680.  
  681. #via {
  682. letter-spacing:0px;
  683. text-transform:uppercase;
  684. font-size: 8px;
  685. font-family: 'Roboto', sans-serif;
  686. margin-top: 1px;
  687. text-align:left;
  688. margin-left: 2px;
  689. background-color: #000;
  690. color: #fff;
  691. padding-top: 2px;
  692. padding-bottom: 3px;
  693. padding-right: 4px;
  694. padding-left: 4px;
  695. }
  696.  
  697. #via:hover {
  698. background-color: {color:hover};
  699. }
  700.  
  701.  
  702. /* Tags HTML */
  703. #tags {
  704. letter-spacing:0px;
  705. text-transform:uppercase;
  706. font-size: 8px;
  707. font-family: 'Roboto', sans-serif;
  708. margin-top: 1px;
  709. text-align:left;
  710. margin-left: 8px;
  711. }
  712.  
  713. #tags a {
  714. display:inline;
  715. text-align:left;
  716. background-color: #000;
  717. color: #fff;
  718. padding-top: 2px;
  719. padding-bottom: 3px;
  720. padding-right: 4px;
  721. padding-left: 4px;
  722. margin: 0px;
  723. }
  724.  
  725. #tags a:hover {
  726. background-color: {color:hover};
  727. }
  728.  
  729. /* Tooltip Controls */
  730. #s-m-t-tooltip {
  731. max-width:300px;
  732. border-style:solid;
  733. font-size: 10px;
  734. font-family: 'Roboto', sans-serif;
  735. letter-spacing:0px;
  736. text-transform:uppercase;
  737. background-color: #000;
  738. color: #fff;
  739. padding-top: 2px;
  740. padding-bottom: 3px;
  741. padding-right: 4px;
  742. padding-left: 4px;
  743. margin-left: 5px;
  744. margin-top: 5px;
  745. z-index:999999999999999999999999999999999999;
  746. }
  747.  
  748.  
  749.  
  750. /* Credit HTML */
  751. #cred {
  752. position:fixed;
  753. bottom:8px;
  754. margin-left:1307px;
  755. z-index: 999999999999999;
  756. }
  757.  
  758. #cred img {
  759. width: 35px;
  760. padding: 3px;
  761. -webkit-border-radius: 50%;
  762. -moz-border-radius: 50%;
  763. border-radius: 50%;
  764. }
  765.  
  766. #linkbar {
  767. margin-top: -110px;
  768. margin-left: 684px;
  769. position: fixed;
  770. z-index: 99999999999;
  771. }
  772.  
  773. #linkbar a{
  774. width: 150px;
  775. }
  776.  
  777.  
  778. #extra {
  779. opacity: 0;
  780. height: 5px;
  781. -webkit-transition: all 0.5s ease-in-out;
  782. -moz-transition: all 0.5s ease-in-out;
  783. -o-transition: all 0.5s ease-in-out;
  784. }
  785.  
  786. #plus:hover #extra {
  787. opacity: 1;
  788. height: auto;
  789. -webkit-transition: all 0.5s ease-in-out;
  790. -moz-transition: all 0.5s ease-in-out;
  791. -o-transition: all 0.5s ease-in-out;
  792. }
  793.  
  794.  
  795. #plus a {
  796. display:inline-block;
  797. width:auto;
  798. margin-bottom: 3px;
  799. font-style:normal;
  800. letter-spacing:0px;
  801. text-align:center;
  802. text-transform: uppercase;
  803. color: #fff;
  804. background-color: #000;
  805. text-decoration:none;
  806. font-size: 10px;
  807. font-family: 'Roboto', sans-serif;
  808. padding:2px;
  809. padding-right: 3px;
  810. padding-left: 3px;
  811. padding: 5px;
  812. }
  813.  
  814. #plus a:hover {
  815. background-color: #fff;
  816. color: #000;
  817. }
  818.  
  819. #pluswidth a{
  820. width: 85px;
  821. }
  822.  
  823. #pagiwidth a{
  824. width: 85px;
  825. }
  826.  
  827. #fade {
  828. display: none;
  829. background: #000;
  830. position: fixed;
  831. left: 0;
  832. top: 0;
  833. width: 100%;
  834. height: 100%;
  835. opacity: .80;
  836. z-index: 9999;
  837. }
  838.  
  839. .popup_block{
  840. display: none;
  841. background: #FFFFFF;
  842. padding: 20px;
  843. float: left;
  844. position: fixed;
  845. top: 50%;
  846. left: 50%;
  847. z-index: 99999999999999999999999;
  848. }
  849.  
  850. img.btn_close {
  851. float: right;
  852. margin: -55px -55px 0 0;
  853. }
  854.  
  855. *html #fade {
  856. position: absolute;
  857. }
  858.  
  859. *html .popup_block {
  860. position: absolute;
  861. }
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868. #header{
  869. font-family: 'Roboto', sans-serif;
  870. color:#000;
  871. text-align:center;
  872. line-height:25px;
  873. font-size:30px;
  874. margin-bottom:2px;
  875. margin-top: 2px;
  876. padding-bottom:5px;
  877. letter-spacing:-3px;
  878. text-transform:uppercase;
  879. font-style:normal;
  880. font-weight:bold;
  881. }
  882.  
  883.  
  884. #poplinks {
  885. margin-top: 5px;
  886. }
  887.  
  888. #poplinks a {
  889. display:inline-block;
  890. width:auto;
  891. margin-bottom: 3px;
  892. font-style:normal;
  893. letter-spacing:0px;
  894. text-align:center;
  895. text-transform: uppercase;
  896. color: #fff;
  897. background-color: #000;
  898. text-decoration:none;
  899. font-size: 10px;
  900. font-family: 'Roboto', sans-serif;
  901. padding:2px;
  902. padding-right: 3px;
  903. padding-left: 3px;
  904. padding: 5px;
  905. }
  906.  
  907. #poplinks a:hover {
  908. background-color: #fff;
  909. color: #000;
  910. }
  911.  
  912.  
  913.  
  914. #poplinks2 {
  915. margin-top: -116px;
  916. margin-left: 135px;
  917. }
  918.  
  919. #poplinks2 a {
  920. display:inline-block;
  921. width:auto;
  922. margin-bottom: 3px;
  923. font-style:normal;
  924. letter-spacing:0px;
  925. text-align:center;
  926. text-transform: uppercase;
  927. color: #fff;
  928. background-color: #000;
  929. text-decoration:none;
  930. font-size: 10px;
  931. font-family: 'Roboto', sans-serif;
  932. padding:2px;
  933. padding-right: 3px;
  934. padding-left: 3px;
  935. padding: 5px;
  936. }
  937.  
  938. #poplinks2 a:hover {
  939. background-color: #fff;
  940. color: #000;
  941. }
  942.  
  943. #poplinks3 {
  944. margin-top: -116px;
  945. margin-left: 270px;
  946. }
  947.  
  948. #poplinks3 a {
  949. display:inline-block;
  950. width:auto;
  951. margin-bottom: 3px;
  952. font-style:normal;
  953. letter-spacing:0px;
  954. text-align:center;
  955. text-transform: uppercase;
  956. color: #fff;
  957. background-color: #000;
  958. text-decoration:none;
  959. font-size: 10px;
  960. font-family: 'Roboto', sans-serif;
  961. padding:2px;
  962. padding-right: 3px;
  963. padding-left: 3px;
  964. padding: 5px;
  965. }
  966.  
  967. #poplinks3 a:hover {
  968. background-color: #fff;
  969. color: #000;
  970. }
  971.  
  972.  
  973. #popwidth a{
  974. width: 120px;
  975. }
  976.  
  977. #popwidth2 a{
  978. width: 120px;
  979. }
  980.  
  981. #popwidth3 a{
  982. width: 120px;
  983. }
  984.  
  985.  
  986. </style>
  987.  
  988.  
  989. </head>
  990.  
  991. <!-- Tooltip Controls -->
  992. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  993. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  994. <script>
  995. (function($){
  996. $(document).ready(function(){
  997. $("a[title]").style_my_tooltips({
  998. tip_follows_cursor:true,
  999. tip_delay_time:90,
  1000. tip_fade_speed:600,
  1001. attribute:"title"
  1002. });
  1003. });
  1004. })(jQuery);
  1005. </script>
  1006.  
  1007.  
  1008. <body>
  1009.  
  1010. <!-- CREDIT -->
  1011. <div id="cred">
  1012. <a href="http://pausodontic.tumblr.com/"><img src="http://25.media.tumblr.com/avatar_65eb1dbcf320_40.png" ></a></div>
  1013.  
  1014.  
  1015. <div id="bar"></div>
  1016.  
  1017. <div id="pagination">
  1018. <div id="pagiwidth">
  1019. {block:Pagination}{block:NextPage}<a title ="next page" href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1020. <br>
  1021. {block:Pagination}{block:PreviousPage}<a title="previous page" href="{PreviousPage}" >prev</a>{/block:PreviousPage}{/block:Pagination}
  1022. </div>
  1023. </div>
  1024.  
  1025.  
  1026.  
  1027.  
  1028. <div id="side">
  1029. <div id="title">{title}</div>
  1030. <img src="{image:sidebar}">
  1031. <div id="desc">
  1032. <div id="desc2">
  1033. {description}
  1034. </div>
  1035.  
  1036. <div id="sidewidth">
  1037. <div id="sidelinks">
  1038. <a title="{text:Home Hover}"href="/" class="width" >{text:Home Title}</a><br>
  1039. <a title="{text:Ask Hover}" href="/ask" class="width">{text:Ask Title}</a><br>
  1040. {block:IfShowLink3}<a title="{text:Link3 Hover}"href="{text:Link3 URL}" class="width">{text:Link3 Title}</a>{/block:IfShowLink3}
  1041. {block:IfShowLink4}<a title="{text:Link4 Hover}"href="{text:Link4 URL}">{text:Link4 Title}</a>{/block:IfShowLink4}<br>
  1042.  
  1043. <div id="pluswidth">
  1044. <div id="plus">
  1045. <a title="more links" href="#?w=400" rel="links" class="poplight">
  1046. +
  1047. </a>
  1048.  
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. </div>
  1055.  
  1056.  
  1057.  
  1058. <div id="links" class="popup_block">
  1059. <div id="popuptext">
  1060. <div id="header">more links</div>
  1061. <div id="popwidth">
  1062. <div id="poplinks">
  1063.  
  1064. {block:IfShowLink5}<a title="{text:Link5 Hover}"href="{text:Link5 URL}">{text:Link5 Title}</a>{/block:IfShowLink5}<br>
  1065. {block:IfShowLink6}<a title="{text:Link6 Hover}"href="{text:Link6 URL}">{text:Link6 Title}</a>{/block:IfShowLink6}<br>
  1066. {block:IfShowLink7}<a title="{text:Link7 Hover}"href="{text:Link7 URL}">{text:Link7 Title}</a>{/block:IfShowLink7}<br>
  1067. {block:IfShowLink8}<a title="{text:Link8 Hover}"href="{text:Link8 URL}">{text:Link8 Title}</a>{/block:IfShowLink8}<br>
  1068.  
  1069. </div>
  1070. </div>
  1071.  
  1072. <div id="popwidth2">
  1073. <div id="poplinks2">
  1074.  
  1075. {block:IfShowLink9}<a title="{text:Link9 Hover}"href="{text:Link9 URL}">{text:Link9 Title}</a>{/block:IfShowLink9}<br>
  1076. {block:IfShowLink10}<a title="{text:Link10 Hover}"href="{text:Link10 URL}">{text:Link10 Title}</a>{/block:IfShowLink10}<br>
  1077. {block:IfShowLink11}<a title="{text:Link11 Hover}"href="{text:Link11 URL}">{text:Link11 Title}</a>{/block:IfShowLink11}<br>
  1078. {block:IfShowLink12}<a title="{text:Link12 Hover}"href="{text:Link12 URL}">{text:Link12 Title}</a>{/block:IfShowLink12}<br>
  1079.  
  1080. </div>
  1081. </div>
  1082.  
  1083. <div id="popwidth3">
  1084. <div id="poplinks3">
  1085.  
  1086. {block:IfShowLink13}<a title="{text:Link13 Hover}"href="{text:Link13 URL}">{text:Link13 Title}</a>{/block:IfShowLink13}<br>
  1087. {block:IfShowLink14}<a title="{text:Link14 Hover}"href="{text:Link14 URL}">{text:Link14 Title}</a>{/block:IfShowLink14}<br>
  1088. {block:IfShowLink15}<a title="{text:Link15 Hover}"href="{text:Link15 URL}">{text:Link15 Title}</a>{/block:IfShowLink15}<br>
  1089. {block:IfShowLink16}<a title="{text:Link16 Hover}"href="{text:Link16 URL}">{text:Link16 Title}</a>{/block:IfShowLink16}<br>
  1090.  
  1091. </div>
  1092. </div>
  1093.  
  1094.  
  1095.  
  1096.  
  1097. </div>
  1098. </div>
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106. <div id="entries">
  1107. {block:Posts}
  1108. <div id="posts">
  1109. {block:Quote}"<i>{Quote}</i>"&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1110.  
  1111. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1112.  
  1113. {block:Text}{Body}{/block:Text}
  1114.  
  1115. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1116. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1117.  
  1118.  
  1119. {block:Photo}<center>{LinkOpenTag}
  1120. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1121. {LinkCloseTag}
  1122. </center>
  1123.  
  1124. {block:Caption}
  1125. {Caption}
  1126. {/block:Caption}
  1127. {/block:Photo}
  1128.  
  1129.  
  1130.  
  1131.  
  1132. {block:Photoset}<center>{Photoset-400}</center>
  1133. {block:Caption}{Caption}{/block:Caption}
  1134. {/block:Photoset}
  1135.  
  1136.  
  1137.  
  1138. {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}
  1139.  
  1140.  
  1141.  
  1142. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1143.  
  1144.  
  1145.  
  1146. {block:Answer}
  1147.  
  1148. <div id="asker">
  1149. {asker} asked-</div>
  1150. <br>
  1151. <div id="question">{Question}</div>
  1152. <div id="answer"><p>{Answer}</p><br><br></div>
  1153. {/block:Answer}
  1154.  
  1155.  
  1156.  
  1157. {block:Audio}<span class="audio">
  1158. <center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1159. </div>
  1160.  
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166. <div id="info">
  1167.  
  1168.  
  1169.  
  1170. {block:Date}
  1171. <div id="tags">
  1172. {block:HasTags}
  1173. {block:Tags}<a title="posts tagged {tag}" href="/tagged/{Tag}" id="tags">
  1174. {Tag}</a>
  1175. {/block:Tags}
  1176. {/block:HasTags}
  1177. </div>
  1178.  
  1179. <a title="{TimeAgo}" href="{Permalink}" id="datelink">
  1180. {DayOfMonthWithZero} {ShortMonth} {ShortYear} ♛ {NoteCount}
  1181. </a>
  1182.  
  1183. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}" id="via">
  1184. via
  1185. </a> {/block:RebloggedFrom}
  1186.  
  1187. {block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}" id="source">
  1188. source
  1189. </a> {/block:ContentSource}
  1190.  
  1191.  
  1192. {/block:Date}
  1193.  
  1194. <br><div align="left">
  1195. {/block:Posts}
  1196. {block:PostNotes}
  1197. {PostNotes}
  1198. {/block:PostNotes}
  1199.  
  1200. </div></div></div>
  1201.  
  1202.  
  1203.  
  1204.  
  1205. </div>
  1206.  
  1207. </div></div>
  1208.  
  1209.  
  1210.  
  1211. </body>
  1212. </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!