API tools faq
paste
Advertisement
tasty2punch

terno theme with mfb

tasty2punch
Aug 7th, 2016
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 31.69 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title> &nbsp; ＢＰＭ６９ &nbsp; </title>
  6. <meta name="description" content="{MetaDescription}" />
  7.  
  8. <!-- http://33.media.tumblr.com/492bb87d39c4c86ab04dfcb7a5fc624c/tumblr_inline_mz6493jVt21r9ajsd.gif -->
  9.  
  10. <link rel="shortcut icon" href="http://media.tumblr.com/d0828dc53924f0ae57b006f83500d629/tumblr_inline_mi5xs3Ykl71qz4rgp.gif" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17.    (function($){
  18.        $(document).ready(function(){
  19.            $("[title]").style_my_tooltips({
  20.                tip_follows_cursor: true,
  21.                tip_delay_time:100,
  22.                tip_fade_speed:300
  23.            }
  24.                );
  25.        });
  26.    })(jQuery);
  27. </script>
  28.  
  29.  
  30.  
  31.  
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1];
  41.  
  42.   //Fade in the Popup and add close button
  43.  
  44.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float:right;color:#000000;font-size:11px;"> </a>');
  45.  
  46. var popMargTop = ($('#' + popID).height() + 80) / 2;
  47. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  48. //Apply Margin to Popup
  49. $('#' + popID).css({
  50. 'margin-top' : -popMargTop,
  51. 'margin-left' : -popMargLeft
  52. });
  53. $('body').append('<div id="fade"></div>');
  54. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  55. return false;
  56. });
  57. $('a.close, #fade').live('click', function() {
  58. $('#fade , .popup_block').fadeOut(function() {
  59. $('#fade, a.close').remove(); //fade them both out
  60. });
  61. return false;
  62. });
  63. });
  64. </script>
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <meta name="color:border" content="#eeeeee" />
  71. <meta name="color:scrollbg" content="#FFFFFF" />
  72. <meta name="color:text" content="#7c7c7c" />
  73. <meta name="color:linkcolor" contet="#9ca8a9" />
  74. <meta name="color:tagcolor" content="#c9cdce" />
  75. <meta name="color:navbdr" content="#ecebe8" />
  76. <meta name="color:entrylink" content="#9ca8a9" />
  77. <meta name="color:Accents" content="#fbfbfb"/>
  78.  
  79.  
  80.  
  81. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  84.  
  85. <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Latin+Modern+Roman:400,700,400i,700i">
  86.  
  87. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700italic,700' rel='stylesheet' type='text/css'>
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  92.  
  93. <link href='https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic|Arimo:400,400italic,700italic,700|Quattrocento+Sans:400,400italic,700italic,700|Chivo:400,400italic|Didact+Gothic' rel='stylesheet' type='text/css'>
  94.  
  95. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic|Cantata+One|Source+Serif+Pro:400,600,700' rel='stylesheet' type='text/css'>
  96.  
  97.  
  98. <link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103.  
  104.  
  105. ::selection {
  106.     background: #4c97cc;
  107.     color: #ffffff}
  108.    
  109. ::-webkit-scrollbar-thumb:vertical {
  110. background-color: #fff;
  111.  
  112. width:3px;
  113. height:2px;
  114. border-left: 10px solid #f6f6f6;
  115. border-right: 10px solid #f6f6f6;
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:horizontal {
  119. background-color:#f6f6f6;
  120.  
  121. }
  122.  
  123. ::-webkit-scrollbar {
  124. width: 25px;
  125. background-color:#f6f6f6;
  126.  
  127. }
  128.  
  129. ::-webkit-scrollbar-track {
  130. background-color: #ddd;
  131. border-left: 12px solid #f6f6f6;
  132. border-right: 12px solid #f6f6f6;
  133. border-top: 0px solid #f6f6f6;
  134. border-bottom: 0px solid #f6f6f6;
  135. }
  136.  
  137.  
  138.  
  139.  
  140. #s-m-t-tooltip {
  141.     margin: auto;
  142.     display: none;
  143.     text-align: center;
  144.     position: absolute;
  145.     max-width: 300px;
  146.     font-style: ;
  147.     font-size: 10px;
  148.     line-height:11px;
  149.     font-family: 'Roboto';
  150.     font-weight: 400;
  151.     z-index: 10000000000;
  152.     /*border-left: 2px solid {color:text};
  153.     border-right: 2px solid {color:text}; */
  154.     border-bottom: 0px solid #eeeeee;
  155.     border-right: 0px solid #eeeeee;
  156.     background-color: #ffffff;
  157.     color: #6c6c6c;
  158.     text-transform: lowercase;
  159.     letter-spacing: 0px;
  160.     padding: 6px;
  161.     border-radius: 0px;
  162.     margin: 10px;
  163.     -webkit-box-shadow: 1px 1px 1px #eeeeee;
  164.     -moz-box-shadow: 1px 1px 1px #eeeeee;
  165.     box-shadow: 1px 1px 1px #eeeeee;*
  166.     }
  167.  
  168.  
  169. body {
  170.     color: {color:text} ;
  171.     background-color: #f6f6f6;
  172.     background-attachment: fixed ;
  173.     background-repeat: repeat;
  174.     font-family: Calibri, Helvetica, Arial, sans-serif;
  175.     font-size: 10px;
  176.     text-align: justify;
  177.     line-height: 120%;
  178.     margin-left: 0;
  179.     margin-top: 0;
  180.     margin-bottom: 0;
  181.     overflow-x: hidden;
  182.     background-repeat: repeat;
  183.     cursor: url('http://i.imgur.com/ZOrzC.png'), progress !important;
  184. }
  185.  
  186. a:link, a:active, a:visited {
  187.     color: #073b92;
  188.     text-decoration:none;
  189.     -webkit-transition: all 0.6s ease-in-out;
  190.     -moz-transition: all 0.6s ease-in-out;
  191.     -o-transition: all 0.6s ease-in-out;
  192.     -ms-transition: all 0.6s ease-in-out;
  193.     transition: all 0.6s ease-in-out;
  194. }
  195.    
  196. a:hover {
  197.     color: #ccc;
  198.     /*text-shadow: 2px 0px #ededed, -2px 0px #ededed;*/
  199.     -webkit-transition: all 0.6s ease-in-out;
  200.     -moz-transition: all 0.6s ease-in-out;
  201.     -o-transition: all 0.6s ease-in-out;
  202.     -ms-transition: all 0.6s ease-in-out;
  203.     transition: all 0.6s ease-in-out;
  204.     cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;
  205. }
  206.  
  207.  
  208.  
  209. #containment {
  210.     /*width:100%; */
  211.     width: 450px;
  212.     /*position: absolute;
  213.     left: 350px;*/
  214.     margin-left: auto;
  215.     margin-right: auto; */
  216.     margin-top: -10px;
  217.     margin-bottom:0;
  218.     padding:0;
  219.     border: 0px solid blue;
  220.     background-color: transparent /*#fcfcfc */;
  221.     /*border-left: 5px dotted #ffffff;
  222.     border-left: 3px double #f3f3f3;*/
  223.     }
  224.    
  225. #sidebg {
  226.     position: fixed;
  227.     left: 0;
  228.     top: 0;
  229.     width: 280px;
  230.     height: 100%;
  231.     background-image: url('http://i.imgur.com/USBdJBO.png');
  232.     display: none;
  233. }
  234.  
  235.  
  236. #sideline {
  237.     position: fixed;
  238.     height: 100%;
  239.     width: 5px;
  240.     border: 0px solid red;
  241.     border-left: 5px double #f6f6f6;
  242.     background-color: #ffffff;
  243.     top: 0;
  244.     margin-left: 520px;
  245.     display: none;
  246. }
  247.  
  248. #sidebar {
  249.     width: 300px;
  250.     border: 0px solid red;
  251.     position: fixed;
  252.     margin-left: 0px;
  253.     z-index: 11;
  254. }
  255.  
  256. #sideimg {
  257.     background-color: ;
  258.     width: 190px;
  259.     position: fixed;
  260.     top: 5px;
  261.     z-index: 9;
  262.     margin-left: 265px;
  263.     /*-webkit-box-shadow: 1px 1px 1px #eeeeee;
  264.     -moz-box-shadow: 1px 1px 1px #eeeeee;
  265.     box-shadow: 1px 1px 1px #eeeeee;*/
  266. }
  267.  
  268. #sideimg img {
  269.    
  270.    
  271. }
  272.  
  273. #block {
  274.     background-color: #f6f6f6;
  275.     /*background-image: url('http://i.imgur.com/UCzmswh.png');
  276.     background-image: url('http://i.imgur.com/r3tTApo.jpg');*/
  277.     height: 5px;
  278.     width: 460px;
  279.     margin: 0 0 0 0;
  280.     position: fixed;
  281.     z-index: 5;
  282.     display: none;
  283.     top: 125px;  
  284.     border: 0px solid blue;
  285. }
  286.  
  287. #desc {
  288.     font-family: Arial, Helvetica, sans-serif;
  289.     font-size: 9px;
  290.     color: #666666;
  291.     font-weight: bold;
  292.     text-transform: uppercase;
  293.     border-bottom: 5px solid #f6f6f6;
  294.     position: fixed;
  295.     background-color: #ffffff;
  296.     border-radius: 0 0 0px 0px;
  297.     top: 0px;
  298.     width: 440px;
  299.     height: 150px;
  300.     padding: 10px;
  301.     line-height: 100%;
  302.     margin-left: 0px;
  303. }
  304.  
  305. #bottom {
  306.     font-family: 'Latin Modern Roman', Arial, Helvetica, sans-serif;
  307.     font-size: 10px;
  308.     color: #666666;
  309.     font-weight: 400;
  310.     text-transform: uppercase;
  311.     border-top: 5px solid #f6f6f6;
  312.     position: fixed;
  313.     background-color: #ffffff;
  314.     border-radius: 0 0 0px 0px;
  315.     bottom: 0px;
  316.     width: 440px;
  317.     text-align: center;
  318.     letter-spacing: 7px;
  319.     height: 20px;
  320.     padding: 10px;
  321.     padding-top: 20px;
  322.     line-height: 100%;
  323.     margin-left: 0px;
  324. }
  325.  
  326. #bottom a { color: #111; }
  327.  
  328. #subtitle {
  329.     font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;
  330.     font-size: 19px;
  331.     font-weight: 400;
  332.     position: fixed;
  333.     margin-left: 25px;
  334.     top: 30px;
  335.     text-transform: uppercase;
  336.     color: #353535;
  337. }
  338.  
  339. #underline {
  340.     position: fixed;
  341.     top: 60px;
  342.     width: 150px;
  343.     height: 1px;
  344.     background-color: #eee;
  345.     margin-left: 25px;
  346. }
  347.  
  348. #hovers {
  349.     position: fixed;
  350.     top: 54px;
  351.     font-family: Helvetica, Arial, sans-serif;
  352.     font-weight: bold;
  353.     font-size: 15px;
  354.     color: #eee;
  355.     margin-left: 180px;
  356.     letter-spacing: 1px;
  357.     z-index: 15;
  358. }
  359.  
  360. #hovers a {
  361.     color: #ccc;
  362. }
  363.  
  364. #info {
  365.     width: 270px;
  366.     height: 50px;  
  367.     padding: 10px;
  368.     z-index: 11;
  369.     font-family: 'Latin Modern Roman', 'Source Sans Pro';
  370.     font-size: 10px;
  371.     position: fixed;
  372.     top: 65px;
  373.     margin-left: 15px;
  374.     text-transform: lowercase;
  375. }
  376.  
  377. #info a { color: #666; }
  378.  
  379. .hov {
  380.     font-size: 10px;
  381.     letter-spacing: 2px;
  382. }
  383.  
  384. #navi {
  385.     position: fixed;
  386.     margin-left: 22px;
  387.     top: 130px;
  388.     text-align: left;
  389.     font-family: 'Karla', Arial, helvetica, sans-serif;
  390.     font-size: 10px;
  391.     font-weight: ;
  392.     letter-spacing: 0px;
  393.     text-transform: uppercase;
  394.     z-index: 13;
  395.     border: 0px solid red;
  396.     text-align: left;
  397.     width: 290px;
  398.     border: 0px solid red;
  399.     /*padding-right: 15px;
  400.     line-height: 13px; */
  401. }
  402.  
  403. #navi a {
  404.     display: inline-block;
  405.     margin: 1px 1px;
  406.     width: 35px;
  407.     /*height: 40px;
  408.     background-color: #fafafa; */
  409.     color: #333;
  410.     font-family: 'Latin Modern Roman';
  411.     font-size: 15px;
  412.     letter-spacing: 1px;
  413.     padding: 2px;
  414.     padding-top: 2px;
  415.     text-align: left;
  416.     text-transform: uppercase;
  417.     /*padding-left: 50px;
  418.     border-left: 10px solid #aaa;
  419.     text-shadow: 1px 1px #fff;*/
  420. }
  421.  
  422. #navi a:hover {
  423.     color: #aaa;
  424.     background-color: #ffffff;
  425. }
  426.  
  427. #heart {
  428.     position: fixed;
  429.     top: 80px;
  430.     margin-left: -30px;
  431. }
  432.  
  433.  
  434.  
  435. #pagi {
  436.     border: 0px solid red;
  437.     height: 12px;
  438.     margin-left: 480px;
  439.     position: fixed;
  440.     bottom: 15px;
  441.     line-height: 127%;
  442.     text-align: left;
  443.     letter-spacing: 1px;
  444.     font-family: 'Source Sans Pro',Helvetica, Arial, sans-serif;
  445.     font-size: 9px;
  446.     font-weight: bold;
  447.     text-transform: uppercase;
  448.     color: #f6f6f6;
  449. }
  450.  
  451. #pagi a {
  452.     color: #bcbcbc;
  453.     /*text-shadow: -1px -1px #bbb,
  454.                 1px 1px #bbb,
  455.                 1px -1px #bbb,
  456.                 -1px 1px #bbb;*/
  457. }
  458.  
  459. #pagi a:hover {
  460.     color: #eee;
  461. }
  462.  
  463. #entries {
  464.     text-align: justify;
  465.     border-right: 0px double {color:border};
  466.     /*border-left: 3px double white;
  467.     padding-left:55px;
  468.     padding-right:55px; */
  469.     background-color: transparent;
  470.     margin-left: 0px;
  471.     margin-right: 0px;
  472.     margin-bottom: 0;
  473.     margin-top: 50px;
  474.     width:460px;
  475.     margin-bottom: 0px;
  476.     z-index: 1;
  477.     padding-top: 160px;
  478.     padding-bottom: 80px;
  479.     height: 250%;
  480.     border: 0px solid red;
  481.     /*border-left: 3px dotted #FFE0CA; */
  482. }
  483.  
  484. #postswhite {
  485.     height: 300%;
  486.     width: 500px;
  487.     padding: 0px;
  488.     margin-left: 0px;
  489.     margin-top: -50px;
  490.     margin-bottom: 0px;
  491.     background-color: transparent;
  492.     border: 0px solid #ffffff;
  493. }
  494.  
  495. #postbdr {
  496.     padding: 0px;
  497.     border: 0px solid #ffffff;
  498.     background-color: #ffffff;
  499. }
  500.  
  501. #colorlink {
  502. }
  503.  
  504. #posts {
  505.     width:400px;
  506.     margin-bottom:5px;
  507.     margin-top: 35px;
  508.     padding: 15px 15px;
  509.     border: 15px solid #ffffff;
  510.     background-color: #ffffff;
  511.     color: #6d6d6d;
  512.     letter-spacing: 0px;
  513.     line-height: 100%;
  514.     text-align: justify;
  515.     font-family: 'Source Sans Pro', Calibri, sans-serif;
  516.     font-size: 10px;
  517.     font-weight: 400;
  518.     line-height: 150%;
  519.     border-radius: 0;
  520.     border-bottom: 0px solid #eeeeee;
  521.     z-index: 1;
  522.     /*-webkit-box-shadow: 1px 1px 1px #eeeeee;
  523.     -moz-box-shadow: 1px 1px 1px #eeeeee;
  524.     box-shadow: 1px 1px 1px #eeeeee; */
  525.     }
  526.  
  527. #posts b, #posts strong {
  528.     font-weight: 600;
  529.     color: #444;
  530. }
  531.  
  532. h2 {
  533.     color: 444;
  534.     font-size:12px;
  535.     letter-spacing:2px;
  536.     font-family: 'Latin Modern Roman', serif;
  537.     font-style: normal;
  538.     font-weight: 700;
  539.     letter-spacing:1px;  
  540.     line-height:110%;
  541.     margin:0px;
  542.     padding:0px;
  543.     text-align:left;}
  544.  
  545. .qsource {
  546.     font-size:8px;
  547.     margin-top:10px;
  548.     text-transform:uppercase;
  549.     letter-spacing:1px;
  550.     width:400px;
  551.     text-align:center;}
  552.  
  553.  
  554. hr {
  555.     height: 1px;
  556.     color: #eeeeee;
  557.     width: 50%;
  558.     text-align: center;
  559.     margin-top: 5px;
  560.     margin-bottom: 5px;
  561. }
  562.  
  563. blockquote {
  564.     border-left: 1px solid {color:border};
  565.     padding-left: 13px;
  566.     margin: 0px 5px 0px 10px;
  567.     margin-top: 5px;
  568.     margin-bottom: 5px;}
  569.  
  570. blockquote img, blockquote a img {
  571.     max-width:100%; }
  572.    
  573. img { max-width:100%; height: auto; }
  574.  
  575. .tumblr_audio_player {
  576.     width:250px;
  577.     height:30px;
  578.     margin-top:-2px;
  579. }
  580.  
  581. .player {
  582.     width:25px;
  583.     height:25px;
  584.     border-left:2px solid white;
  585.     display:block;
  586.     overflow:hidden;
  587. }
  588.  
  589. .hold {
  590.     background:white;
  591.     vertical-align:middle;    
  592.     border:2px solid {color:accents};
  593.     display:inline-block;
  594.     padding:15px;
  595.     position:relative;
  596.     margin-right:15px;
  597. }
  598.  
  599. .audio_info {
  600.     display:inline-block;
  601.     vertical-align:middle;
  602.     background:{color:accents};
  603.     padding:15px;
  604.     line-height:14.5px;
  605.     width:calc(100% - 112px);
  606. }
  607.  
  608. .audio_info span {display:block;}
  609.  
  610. .spotify_audio_player {
  611.     height:80px;
  612.     border-radius:0!important;
  613. }
  614.  
  615.  
  616.  
  617. .question {
  618.     padding:15px;
  619.     /*background:{color:accents}; */
  620.     border-bottom: 1px solid {color:border};
  621. }
  622.  
  623. .ask:before  {
  624.     content:'';
  625.     display:inline-block;
  626.     vertical-align:middle;
  627.     width:15px;
  628.     height:1px;
  629.     background:{color:borders};
  630.     margin-right:5px;
  631. }
  632.  
  633. .ask {
  634.     margin: 15px 0 0 25px;
  635.     text-transform: uppercase;
  636.     font-family: Trebuchet MS, Calibri, Arial, helvetica, sans-serif;
  637.     font-size: 7px;
  638.     letter-spacing: 1px;
  639. }
  640.  
  641. .answer {margin-top:15px}
  642.  
  643. table {
  644.     width: 100%;
  645. }
  646.  
  647. td {
  648.     padding: 1px 1px 1px 1px;
  649.     margin: 0 0 0 0;
  650.     border: 0px solid {color:border};
  651. }
  652.  
  653.  
  654.  
  655. #permalink {
  656.     margin-top: 25px;
  657.     text-align:center;
  658.     text-transform: uppercase;
  659.     font-size: 7px;
  660.     line-height: 20px;
  661.     letter-spacing: 2px;
  662.     width: 400px;
  663.     font-family: Calibri, Helvetica, Arial, sans-serif;
  664.     font-size: 7px;
  665.     border-top: 1px solid {color:border};
  666.     padding-top: 10px;
  667. }
  668.  
  669. #permalink a {
  670.    
  671. }
  672.    
  673. .posttitle, h1 {
  674.     color: #555;
  675.     text-transform: lowercase;
  676.     /*font-family: Cambria, sans-serif; */
  677.     font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;
  678.     font-size: 15px;
  679.     font-style: ;
  680.     text-align: center;
  681.     font-weight: 400;
  682.     letter-spacing: 0px;
  683.     line-height: 100%;
  684.     padding-bottom:6px;
  685.     padding-top: 6px;
  686.     width: 400px;
  687.     border: 0px solid black;
  688.     padding-bottom: 8px;
  689.     border-bottom: 1px solid {color:border};
  690.    
  691. }
  692.  
  693. .postquote {
  694.     color: #333;
  695.     text-transform: ;
  696.     /*font-family: Cambria, sans-serif; */
  697.     font-family: 'Latin Modern Roman', Helvetica, Arial, sans-serif;
  698.     font-size: 13px;
  699.     font-style: normal;
  700.     text-align: center;
  701.     font-weight: 400;
  702.     letter-spacing: 0px;
  703.     line-height: 120%;
  704.     padding-bottom:6px;
  705.     padding-top: 6px;
  706.     width: 400px;
  707.     padding-bottom: 8px;
  708.    border: 0px solid red;
  709. }
  710.  
  711. .posttitle {
  712.     padding-bottom: 15px;
  713.     border-bottom: 0px solid {color:border};
  714.     margin-bottom: 15px;
  715. }
  716.  
  717. .srcquote b, .srcquote strong {
  718.     font-family: Arial;
  719.     font-size: 8px;
  720. }
  721.  
  722. .perma a, .perma a:link {color: #aaa; font-weight: ;}
  723. #permalink a, #permalink a:link {color: #aaa; font-weight: ;}
  724.  
  725. .perma {
  726.     background: ;
  727.     line-height:120%;
  728.     padding-right:10px;
  729.     padding-left:5px;
  730.     margin-top:-14px;
  731.     right:0px;
  732.     margin-right: -15px;
  733.     border: 0px solid red;
  734.     position:relative;
  735.     text-align:center;
  736.     color: #aaaaaa;
  737. }
  738.  
  739. td#tags {
  740.     border: 1px solid red;
  741.     padding-top: 0px;
  742. }
  743.  
  744. #tags {
  745.     font-size:7px;
  746.     text-align:left;
  747.     color: #bbb;
  748.     border: 0px solid gray;
  749.     margin-top: -4px;
  750.     padding-left: 3px;
  751. }
  752.    
  753. #tags a, #tags a:link, .tgs {
  754.     font-family:  Calibri, sans-serif;
  755.     font-size: 8px;
  756.     font-style: ;
  757.     letter-spacing:1px;
  758.     padding:0px;
  759.     text-transform: uppercase;
  760.     color: #aaa;
  761. }
  762.  
  763. #tags a:hover, .tgs:hover {
  764.     color: #c0c0c0;
  765.     /*text-shadow: 2px 0px #eeeeee, -2px 0px #eeeeee;*/
  766. }
  767.  
  768. #permalink a:hover {
  769.     color: #555;
  770. }
  771.  
  772. #colorlink a { color: #073b92; font-weight: 400;
  773.     text-decoration: none;
  774.     position: relative;
  775. }
  776.  
  777. /*#colorlink a:before {
  778.     content: "";
  779.     position: absolute;
  780.     width: 100%;
  781.     height: 1px;
  782.     bottom: 0;
  783.     left: 0;
  784.     background-color: #eee;
  785.     visibility: hidden;
  786.     -webkit-transform: scaleX(0);
  787.     transform: scaleX(0);
  788.     -webkit-transition: all 0.3s ease-in-out 0s;
  789.     transition: all 0.3s ease-in-out 0s;
  790. }
  791.  
  792. #colorlink a:hover:before {
  793.     visibility: visible;
  794.     -webkit-transform: scaleX(1);
  795.     transform: scaleX(1);
  796. }*/
  797.  
  798. #colorlink a:hover {
  799.     color: transparent;
  800.     text-shadow: none;
  801.     text-shadow: 2px 0px 5px #8f9bad, -2px 0px 5px #8f9bad;
  802. }
  803.    
  804. .photoset, #posts img {
  805.     opacity: 0.95;
  806.     -webkit-filter: grayscale(0%);
  807.     -webkit-transition: all 0.6s ease-in-out;
  808.     -moz-transition: all 0.6s ease-in-out;
  809.     -o-transition: all 0.6s ease-in-out;
  810.     -ms-transition: all 0.6s ease-in-out;
  811.     transition: all 0.6s ease-in-out;
  812.     }
  813.  
  814. .photoset:hover, #posts img:hover  {
  815.     opacity: 1;
  816.     -webkit-filter: grayscale(0%);
  817.     -webkit-transition: all 0.6s ease-in-out;
  818.     -moz-transition: all 0.6s ease-in-out;
  819.     -o-transition: all 0.6s ease-in-out;
  820.     -ms-transition: all 0.6s ease-in-out;
  821.     transition: all 0.6s ease-in-out;
  822.     cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;
  823.     }
  824.    
  825. .chat {
  826.     margin: 0px;
  827.     /*font-size:10px;
  828.     font-family: Calibri, consolas;*/
  829.     text-transform: ;
  830.     padding:2px;
  831.    
  832. }
  833.  
  834. .label { font-family: 'Chivo'; font-size: 7px; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; color: #333;
  835. }
  836.  
  837. .lines {
  838.    background-color:#fff;
  839.    padding:3px;
  840.  
  841. }
  842.  
  843. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  844. ul {list-style-type: circle; padding-left: 25px; padding-right:5px;}
  845.  
  846. .chat li {list-style:none;
  847.         margin-top:2px;
  848.         padding: 5px;
  849.         border-bottom: 1px solid #f5f5f5;
  850.         background-color: transparent;}
  851.  
  852.        
  853. iframe#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe,
  854. .tmblr-iframe--desktop-loggedin-controls, .iframe-controls--desktop {
  855.     white-space:nowrap;
  856.     -webkit-filter: invert(100%) !important;
  857.     -moz-filter: invert(100%);
  858.     -o-filter: invert(100%);
  859.     -ms-filter: invert(100%);
  860.     filter: invert(100%);
  861.     opacity:0.6;
  862.     z-index: 90;
  863. }
  864.  
  865.     pre, xmp, plaintext, listing {
  866.     display: block;
  867.     white-space: pre;
  868.     padding: 5px;
  869.     word-wrap: break-word;
  870.     font-size: 9px;
  871.     background-color:#fbfbfb;}
  872.    
  873.     pre {
  874.         font-family: 'Droid Sans Mono', monospace;
  875.         font-size: 9px;
  876.         font-weight: 300;
  877.         letter-spacing: 1px;
  878.         color: #666666;
  879.         padding-left: 7px;
  880.         padding-right: 7px;
  881.     }
  882.        
  883.     code {
  884.         font-family: 'Droid Sans Mono', monospace;
  885.         font-size: 9px;
  886.         font-weight: 300;
  887.         letter-spacing: 0; }
  888.    
  889.     sub, sup { font-size: 10px; line-height: 110%; }
  890.     small { text-transform: none; font-size:10px; }
  891.    
  892.     #colorlink pre a, #colorlink pre a:link { color: #bbb; }
  893.     #colorlink pre a:hover { color: #444; }
  894.  
  895.  
  896. #credits a, #credits a:link {
  897.     color: #666;
  898. }
  899.  
  900. #credits a:hover {
  901.     color: #111;
  902. }
  903.  
  904. #credits {
  905.     font-family: 'Chivo';
  906.     font-size: 7px;
  907.     letter-spacing: 1px;
  908.     line-height: 10px;
  909.     color: #aaa;
  910.     bottom: 5px;
  911.     right: 5px;
  912.     position: fixed;
  913.     text-align: right;
  914.     border: 0px solid yellow;
  915.     width:  ;
  916.     text-transform: uppercase;
  917.     background-color: ;
  918.     padding: 0px;
  919.     z-index: 9;
  920.     /*-webkit-box-shadow: 1px 1px 0px #eeeeee;
  921.     -moz-box-shadow: 1px 1px 0px #eeeeee;
  922.     box-shadow: 1px 1px 0px #eeeeee;
  923.     -webkit-border-radius: 0px;
  924.     -moz-border-radius: 0px;*/
  925. }
  926.  
  927. #ring {
  928.     background-color: #ffffff;
  929.     /*background-image: url('http://i.imgur.com/zgmYMQY.png'); */
  930.     background-image: url('http://i.imgur.com/0oPv1vB.png');
  931.     background-position: right bottom;
  932.     background-repeat: no-repeat;
  933.     height: 300;
  934.     color: #6a6a6a;
  935.     text-align: justify;
  936.     line-height: 140%;
  937.     font-family: 'Source Sans Pro';
  938.     font-weight: 300;
  939.     font-size: 10px;
  940.     border: 5px solid #ffffff;
  941. }
  942.  
  943. #ring a, #ring a:link {
  944.     color: #073b92;
  945.     font-weight: 400;
  946. }
  947.  
  948. #ring a:hover {
  949.     color: #bbb;
  950. }
  951.  
  952. #fade {
  953.     display:none;
  954.     background-color: #bbb;
  955.     /*background-image: url('http://33.media.tumblr.com/tumblr_mex6qbS3q71rbvno1.png'); */
  956.     position:fixed;
  957.     left: 0; top:0;
  958.     width:100%; height:100%;
  959.     opacity: 0.5;
  960.     z-index: 9999999; }
  961.  
  962. .popup_block {
  963.     display:none;
  964.     background-color: ;
  965.     padding:20px;
  966.     border: 0px double #222222;
  967.     float:left;
  968.     font-size:8px;
  969.     text-transform: ;
  970.     letter-spacing: 1pt;
  971.     position:fixed;
  972.     text-align: center;
  973.     top: 50%; left: 50%;
  974.     z-index:9999999999;
  975.     opacity: 1;
  976.     /*-webkit-box-shadow: 0px 0px 8px #eeeeee;
  977.     -moz-box-shadow: 0px 0px 8px #eeeeee;
  978.     box-shadow: 0px 0px 8px #eeeeee;
  979.     -webkit-border-radius: 0px;
  980.     -moz-border-radius: 0px; */
  981.     border-radius: 0px; }
  982.  
  983. hr {
  984.     display: block;
  985.     margin-top: 1.5em;
  986.     margin-bottom: 1.5em;
  987.     margin-left: auto;
  988.     margin-right: auto;
  989.     border-style: solid;
  990.     border-width: 1px;
  991.     color: #ededed;
  992.     width: 75%;
  993.     padding: 0;
  994. }
  995.  
  996. img.btn_close {
  997.     float:right;
  998.     margin:-5px -5px 0 0; }
  999.  
  1000. *html #fade { position:absolute; }
  1001. *html .popup_block { position:absolute; }
  1002.  
  1003. #notes, .retags {
  1004.     font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
  1005.     font-size: 7px !important;
  1006.     text-transform: uppercase;
  1007. }
  1008.  
  1009. #notes li {
  1010.     line-height: 150%;
  1011.     font-size: 7px !important;
  1012.     letter-spacing: 1px;
  1013. }
  1014.  
  1015. ol.notes {
  1016.     padding: 0px;
  1017.     padding-left: 30px;
  1018.     margin: 20px 0px;
  1019.     list-style-type: none;
  1020. }
  1021.  
  1022. ol.notes li.note {
  1023.     padding: 10px;
  1024. }
  1025.  
  1026. ol.notes li.note img.avatar {
  1027.     vertical-align: -4px;
  1028.     margin-right: 10px;
  1029.     width: 16px;
  1030.     height: 16px;
  1031.     display: none;
  1032. }
  1033.  
  1034. ol.notes li.note .answer_content {
  1035.     font-weight: normal;
  1036. }
  1037.  
  1038. ol.notes li.note blockquote {
  1039.     border-color: #eee;
  1040.     padding: 4px 10px;
  1041.     margin: 10px 0px 0px 25px;
  1042. }
  1043.  
  1044. ol.notes li.note blockquote a {
  1045.     text-decoration: none;
  1046. }
  1047.  
  1048. #notes img {
  1049.     display: none;
  1050. }
  1051.  
  1052. #notes a, #notes a:link {
  1053.     color: #222;
  1054. }
  1055.  
  1056. img .bw, img:hover .bw, .bw img, .bw img:hover { -webkit-filter: grayscale(100%); }
  1057.  
  1058. </style>
  1059.  
  1060. <style type="text/css">iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.9s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  1061.  
  1062. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.9s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  1063.  
  1064.  
  1065. </style>
  1066. <style type="text/css">{CustomCSS}</style>
  1067.  
  1068.  
  1069.  
  1070.  
  1071. </head>
  1072.  
  1073. <body>
  1074.  
  1075. <div id="sidebg"></div>
  1076.  
  1077. <div id="containment">
  1078.  
  1079.     <div id="sideline"></div>
  1080.  
  1081.     <div id="pagi">
  1082.    
  1083.    
  1084.         <!--{block:Pagination}
  1085.        
  1086.        {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}back{block:PreviousPage}</a>{/block:PreviousPage}
  1087.        <br/>
  1088.        {block:NextPage}<a href="{NextPage}">{/block:NextPage}forth{block:NextPage}</a>{/block:NextPage}
  1089.        
  1090.        {/block:Pagination} -->
  1091.     </div>
  1092.  
  1093. <div id="sidebar">
  1094.    
  1095.     <div id="sideimg"><img src="http://static.tumblr.com/da8ltzv/vSZo1r1ov/handsome-jin.png"></div>
  1096.    
  1097.     <div id="heart">
  1098.        
  1099.     </div>
  1100.    
  1101.     <div id="block"></div>
  1102.    
  1103.     <div id="bottom">
  1104.                 {block:Pagination}{block:PreviousPage}
  1105.                 <a href="{PreviousPage}">&ndash;</a>
  1106.             {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1107.                     <span class="current_page">{PageNumber}</span>
  1108.                 {/block:CurrentPage}{block:JumpPage}
  1109.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  1110.                 {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1111.                 <a href="{NextPage}">+</a>
  1112.             {/block:NextPage}{/block:Pagination}
  1113.     </div>
  1114.    
  1115.     <div id="desc">
  1116.        
  1117.     </div> <!-- /desc -->
  1118.    
  1119.     <div id="navi">
  1120.         <a href="/" title="return to index">01.</a>
  1121.         <a href="/ask" title="message">02.</a>
  1122.         <a href="/saico" title="information">03.</a>
  1123.         <a href="/disclaimer" title="disclaimer">04.</a>
  1124.         <a href="http://idolnet.tumblr.com" title="idolnet">05.</a>
  1125.         <a href="http://fncrpdirectory.tumblr.com" title="fnc roleplay">06.</a>
  1126.     </div> <!-- /navi -->
  1127.  
  1128.     <div id="info">
  1129.         Lee Jaejin. '91. FTISLAND. Vocalist&Bassist. Lyricist&Composer.<br/>
  1130.        <!--i don't wish to see your sad eyes, it will be too painful to me.<br/> -->
  1131.            <span style="padding-top:5px;color:#a1a1a1;"><i> what if we rewind to the time where we met us;<br/>
  1132.             what if we go to a parallel world?</i> &nbsp; <!-- a href="https://www.youtube.com/watch?v=PR5EmHiD8ZI">&bull;</a> --></span>
  1133.        
  1134.         <p>
  1135.         <!-- <span class="hov">
  1136.        &nbsp;&nbsp;&nbsp;
  1137.        <a href="/tagged/♥" title="straight and not interested (but i'm kind of dating mina)">✕</a> <a href="." title="tracking #seoyvna (i can be slow with replies, sorry)">✕</a> <a href="." title="aim: y.unaseo (less literate but still ic)">✕</a> <a href="." title="(semi)literate / script preferred">✕</a> <a href="." title="general / idolverse / roleplay purposes only, not the real seo yuna">✕</a> <a href="." title="EST. 130712 / previous urls: superioryuna, seoyunax">✕</a> <a href="http://minaring.tk" title="theme by: 맹.">&copy;</a>
  1138.        </span> -->
  1139.     </div> <!-- /info -->
  1140.    
  1141.     <div id="subtitle">
  1142.         parallel <i>world</i>
  1143.     </div>
  1144.    
  1145.     <div id="underline"></div>
  1146.    
  1147.     <div id="hovers">
  1148.         <a title="general/idolverse roleplay - approach as recognised;">&middot;</a>
  1149.         <a title="straight, unclaimed, unavailable">&middot;</a>
  1150.         <a title="script preferred, para friendly, plotting welcomed">&middot;</a>
  1151.         <a title="tracking: #jaejjn / aim: leejaejins">&middot;</a>
  1152.     </div>
  1153.    
  1154. </div> <!-- /sidebar -->
  1155.  
  1156.  
  1157. <div id="entries"><div id="postswhite">
  1158.  
  1159. {block:Posts}<div id="posts"><div id="postbdr">
  1160.  
  1161. <span id="colorlink">
  1162.      
  1163. {block:Text}
  1164. <div id="linkpost">
  1165.     {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1166. </div>
  1167. {Body}
  1168. {/block:Text}
  1169.  
  1170. {block:Link}<div id="linkpost"><div class="posttitle"><a href="{URL}"{Target}>{Name}→</a></div></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1171.  
  1172. {block:Photo}{LinkOpenTag}<div style="text-align:center"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Photo}
  1173.  
  1174. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1175.  
  1176.  
  1177. {block:Quote}<div class="postquote">&ldquo;{Quote}&rdquo;</div> <div style="text-align:right;padding-right:10px;font-family:Trebuchet MS;font-size:7px;text-transform:uppercase;letter-spacing:1px;" class="srcquote">— {Source}</div>{/block:Quote}
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183. {block:Audio}
  1184.     {block:AudioPlayer}
  1185.         <div class="hold">
  1186.             <div class="player">{AudioPlayerwhite}</div>
  1187.         </div>{/block:AudioPlayer}<div class="audio_info">
  1188.     {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  1189.     {block:Artist}<span>by {Artist}</span>{/block:Artist}</div>
  1190. {/block:Audio}
  1191.  
  1192. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Video}
  1193.  
  1194. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1195. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1196. </ul>
  1197. {/block:Chat}
  1198.  
  1199.  
  1200.  
  1201.  
  1202. {block:Answer}
  1203. <div class="question">{Asker}: {Question}</div>
  1204.  
  1205. <div class="answer">{Answer}</div>
  1206. {/block:Answer}
  1207.  
  1208. </span></div>
  1209.  
  1210. <div id="permalink">
  1211.     {block:PermalinkPage}
  1212.     {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><div style="height: 6px; width: 1px;"></div>{/block:RebloggedFrom}
  1213.     {/block:PermalinkPage}
  1214.  
  1215. {block:Date}
  1216.  
  1217.     <!-- hr style="margin-bottom: 0px; background: {color:Border}; border: 0px; height: 1px;" -->
  1218.  
  1219.     <span style="font-weight: normal; background: {color:Background}; padding-left: 10px;">
  1220.     <a href="{ReblogURL}" target="_blank" style="background: {color:Background};"><i class="fa fa-refresh" style="color:{color:Accent}; background: {color:Background}; font-size: 8px;"></i></a>
  1221.     </span>
  1222.  
  1223.     <a href="{Permalink}" title="{Month} {DayOfMonth}, {Year} : {12Hour}:{Minutes}{AmPm}" style="background: {color:Background}; padding: 5px 10px 3px 4px;"><b>{TimeAgo}</b></a>
  1224.  
  1225. {/block:Date}
  1226.  
  1227. {block:NoteCount}<a href="{Permalink}" style="padding:4px 10px 2px 5px; background: {color:Background}; margin-left: -5px; color:{color:Accent};"><b>{NoteCountWithLabel}</a></b>{/block:NoteCount}
  1228. {block:HasTags}<br /><div style="font-size: 7px; line-height: 12px;">{block:Tags}<a href="{TagURL}"><span style="color: {color:Link};">&bull;</span><span style="color: {color:Background}; letter-spacing: 0px;">.</span>{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}
  1229. </div>
  1230.  
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236.    
  1237. </div>
  1238.  
  1239.  
  1240. {/block:Posts}
  1241. {block:PostNotes}<div id="notes" style="width:400px;margin-left:25px;">{PostNotes}</div>{/block:PostNotes}
  1242.  
  1243.  
  1244.  
  1245.  
  1246. {/block:Posts}</div>
  1247.  
  1248. </div></div>
  1249.  
  1250.  
  1251.  
  1252.  
  1253.  
  1254.  
  1255. <div id="credits">
  1256.  
  1257.     STRICTLY A ROLEPLAY ACCOUNT ONLY. <script language="JavaScript">
  1258. var ref = (''+document.referrer+'');
  1259. var w_h = window.screen.width + " x " + window.screen.height;
  1260. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4683550&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1261. </script> <a href="http://kwonmna.tumblr.com" title="theme by: 맹.">+</a>
  1262.  
  1263. </div> <!-- end credits -->
  1264.  
  1265. </div>
  1266.  
  1267.    
  1268. </div>
  1269.  
  1270.  
  1271.  
  1272.    
  1273. </body>
  1274. </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!