API tools faq
paste
Advertisement
Shamelessvirgin

THEME: TOKYO GHOUL #03

Shamelessvirgin
Dec 14th, 2015
3,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6.  
  7. <!---------- DO NOT REMOVE----------
  8.  
  9. ESTE TEMA PERTENECE A ＳＨＡＭＥＬＥＳＳＶＩＲＧＩＮ
  10. POR FAVOR NO REMOVER EL CRÉDITO
  11. POR FAVOR NO ROBAR Y DISTRIBUIR
  12. POR FAVOR NO EDITAR Y DISTRIBUIR
  13.  
  14. ------------ DO NOT REMOVE---------->
  15.  
  16. <script type="text/javascript">
  17. <!--
  18. function clickIE() {if (document.all) {(message);return false;}}
  19. function clickNS(e) {if
  20. (document.layers||(document.getElementById&&!document.all)) {
  21. if (e.which==2||e.which==3) {(message);return false;}}}
  22. if (document.layers)
  23. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  24. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  25. document.oncontextmenu=new Function("return false")
  26. // -->
  27. </script>
  28.  
  29.  
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script>
  32. $(document).ready(function() {
  33. //
  34. $('a.poplight[href^=#]').click(function() {
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36. var popURL = $(this).attr('href'); //Get Popup href to define size
  37. var query= popURL.split('?');
  38. var dim= query[1].split('&');
  39. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  40. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  41. var popMargTop = ($('#' + popID).height() + 80) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. $('body').append('<div id="fade"></div>');
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  50. return false;
  51. });
  52. $('a.close, #fade').live('click', function() {
  53. $('#fade , .popup_block , .popup_block2').fadeOut(function() {
  54. $('#fade, a.close').remove(); //fade them both out
  55. });
  56. return false;
  57. });
  58. });
  59. </script>
  60.  
  61.  
  62.  
  63. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  64. <script>
  65. $(document).ready(function() {
  66. //
  67. $('a.poplight[href^=#]').click(function() {
  68. var popID = $(this).attr('rel');
  69. var popURL = $(this).attr('href');
  70. var query= popURL.split('?');
  71. var dim= query[1].split('&');
  72. var popWidth = dim[0].split('=')[1];
  73. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  74. var popMargTop = ($('#' + popID).height() + 80) / 2;
  75. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  76. $('#' + popID).css({
  77. 'margin-top' : -popMargTop,
  78. 'margin-left' : -popMargLeft
  79. });
  80. $('body').append('<div id="fade"></div>');
  81. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  82. return false;
  83. });
  84. $('a.close, #fade').live('click', function() {
  85. $('#fade , .askpopup_block').fadeOut(function() {
  86. $('#fade, a.close').remove();
  87. });
  88. return false;
  89. });
  90. });
  91. </script>
  92.  
  93.  
  94.  
  95. <title>{Title}</title>
  96. <link rel="shortcut icon" href="{Favicon}">
  97. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  98. {block:Description}
  99. <meta name="description" content="{MetaDescription}" />
  100. {/block:Description}
  101.  
  102.  
  103.  
  104. <meta name="color:background" content="#0c0c0c">
  105. <meta name="color:sidebar links" content="#4c0b17">
  106. <meta name="color:sidebar shadow" content="#000000">
  107. <meta name="color:sidebar hover" content="#000000">
  108. <meta name="color:links" content="#92273e">
  109. <meta name="color:links shadow" content="#6d6d6d">
  110. <meta name="color:text" content="#ffffff">
  111. <meta name="color:blockquote" content="#a82441">
  112. <meta name="color:bold" content="#86011a">
  113. <meta name="color:bold shadow" content="#000000">
  114. <meta name="color:italic" content="#ffffff">
  115. <meta name="color:italic shadow" content="#ffffff">
  116. <meta name="color:underline" content="#920625">
  117. <meta name="color:big" content="#ffffff">
  118. <meta name="color:big shadow" content="#ffffff">
  119. <meta name="color:pre text" content="#000000">
  120. <meta name="color:pre bg" content="#b6979e">
  121. <meta name="color:ask text" content="#ededed">
  122. <meta name="color:ask bg" content="#202020">
  123. <meta name="color:ask border" content="#844858">
  124. <meta name="color:info text" content="#9d002a">
  125. <meta name="color:info border" content="#760124">
  126. <meta name="color:pagi" content="#14a344">
  127. <meta name="color:selec bg" content="#000000">
  128. <meta name="color:selec" content="#c60000">
  129. <meta name="color:tags" content="#ffffff">
  130. <meta name="color:tags hover" content="#9f0a2a">
  131.  
  132. <meta name="image:Background" content="http://i.imgur.com/YYAHUEC.gif"/>
  133. <meta name="image:info" content=""/>
  134.  
  135. <meta name="text:ASKURL" content="">
  136.  
  137. <script type="text/javascript">
  138. WebFontConfig = {
  139. google: { families: [ 'times' ] }
  140. };
  141. (function() {
  142. var wf = document.createElement('script');
  143. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  144. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  145. wf.type = 'text/javascript';
  146. wf.async = 'true';
  147. var s = document.getElementsByTagName('script')[0];
  148. s.parentNode.insertBefore(wf, s);
  149. })(); </script>
  150.  
  151. <!-- SCRIPTS -->
  152.  
  153.  
  154. <link href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  155. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  156. <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  157. <link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">
  158. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  159. <link href="http://fonts.googleapis.com/css?family=Yellowtail|Damion" rel="stylesheet" type="text/css">
  160. <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  161. <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css">
  162. <link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  163. <link href="http://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
  164.  
  165. <style type="text/css">
  166.  
  167.  
  168. /* this is for the scrollbar */
  169.  
  170. ::-webkit-scrollbar-thumb{
  171. background-color: transparent;
  172. border-radius:0px;
  173. height:auto;
  174. }
  175.  
  176. ::-webkit-scrollbar {
  177. height:auto;
  178. width:4px;
  179. border: 1px transparent;
  180. border-radius:0px;
  181. }
  182.  
  183.  
  184. /* TOOLTIPS */
  185.  
  186. #s-m-t-tooltip {
  187. max-width:300px;
  188. padding:3px 7px 3px 8px;
  189. margin:-20px 0px 0px 20px;
  190. background-color:{color:background};
  191. color:{color:text};
  192. font-size:7px;
  193. text-transform:uppercase;
  194. z-index:999999999999;
  195. letter-spacing:2px;
  196. -webkit-border-radius:5px;
  197. -moz-border-radius:5px;
  198. border-radius:5px;
  199. }
  200.  
  201.  
  202. /* ENTRIES */
  203.  
  204.  
  205. blockquote {
  206. width:240px;
  207. border-radius:10px;
  208. border-left:1px solid {color:blockquote};
  209. margin-left:1px;
  210. padding-left:9px;
  211. padding-top:1px;
  212. padding-bottom:1px;
  213.  
  214. }
  215.  
  216.  
  217. blockquote img {
  218. max-width:180px;
  219. height:auto;
  220. }
  221.  
  222. body img, img {
  223. max-width:200px;
  224. height:auto;
  225. opacity: .50;
  226. }
  227.  
  228.  
  229.  
  230. body {
  231. background:{color:background};
  232. background-attachment:fixed;
  233. background-repeat:no-repeat;
  234. background-position: top ; /* you can change this if to TOP or CENTER if you want */
  235. color:{color:text};
  236. font-family:tahoma;
  237. text-align:justify;
  238. font-size:11px;
  239. ;
  240. background-image:url("{image:Background}");
  241.  
  242. margin:0;
  243. padding-top:0;
  244. word-wrap:break-word;};
  245.  
  246.  
  247. }
  248.  
  249.  
  250. /* bold (b), italic (i,em), and underlined (u) */
  251.  
  252.  
  253. er, ber, cer, {
  254. font-weight:normal;
  255. font-size:12px;
  256. text-align:center;
  257. font-style:normal;
  258. font-family: helvetica;
  259. padding-bottom:3px;
  260. line-height:80%;
  261. letter-spacing:3px;
  262. text-transform: uppercase;
  263. color:{color:blockquote};
  264. }
  265.  
  266.  
  267. sub, sup, small {
  268. font-size: 11px;
  269. color:{color:text};
  270. }
  271.  
  272. b, strong {
  273. font-size: 13px;
  274. font-family: 'Fjalla One', sans-serif;
  275. color:{color:bold};
  276. text-shadow: 1px 1px 1px {color:bold shadow};
  277. }
  278.  
  279. i,em{
  280. color:{color:italic};
  281. text-shadow: 0px 0px 2px {color:italic shadow};
  282. font-family:georgia, sans-serif;
  283. font-size:12px;
  284. }
  285.  
  286. code {
  287. font-size: 11px;
  288. }
  289.  
  290.  
  291. big{
  292. color:{color:big};
  293. text-shadow: 0px 0px 2px {color:big shadow};
  294. font-family:georgia, sans-serif;
  295. }
  296.  
  297.  
  298. u{
  299. color:{color:underline};
  300. }
  301.  
  302. pre {
  303. font-family:courier;
  304. text-align:center;
  305. text-transform:uppercase;
  306. font-size:10px;
  307. color:{color:pre text};
  308. background:{color:pre bg};
  309. padding:10px;
  310. padding-left:15px;
  311. padding-right:15px;
  312. word-wrap: break-word;
  313. }
  314.  
  315.  
  316. h1 {
  317. font-family: 'Raleway', sans-serif;
  318. text-transform:uppercase;
  319. text-align: center;
  320. font-size:12px;
  321. line-height:100%;
  322. color: {color:blockquote};
  323. }
  324.  
  325. h2 {
  326. font-size:17px;
  327. color: {color:big};
  328. font-weight:bold;
  329. text-shadow: 0px 0px 2px {color:big shadow}}
  330.  
  331. h3 {
  332. font-size:18px;
  333. font-family: 'georgia', sans-serif;
  334. text-shadow: 0px 0px 3px {color:bold shadow};
  335. text-align:center;
  336. text-transform:lowercase;
  337. font-style:italic;
  338. line-height:100%;
  339. letter-spacing:0px;
  340. padding-bottom:-10px;
  341. color: {color:blockquote};
  342. }
  343.  
  344. h4 {
  345. font-size:11px;
  346. font-family: 'Tahoma'
  347. text-align:center;
  348. text-transform:uppercase;
  349. line-height:100%;
  350. letter-spacing:0px;
  351. font-weight:bold;
  352. color: {color:blockquote};
  353. }
  354.  
  355. h12 {
  356. font-size:16px;
  357. text-align:right;
  358. line-height:100%;
  359. letter-spacing:0px;
  360. font-family: 'IM Fell Double Pica SC', serif;
  361. text-shadow: 0px 2px 2px {color:blockquote};
  362. color:{color:text};
  363. text-transform: uppercase;
  364. }
  365.  
  366. h81 {
  367. font-weight:normal;
  368. font-size:12px;
  369. text-align:center;
  370. font-style:normal;
  371. font-family: helvetica;
  372. padding-bottom:3px;
  373. line-height:80%;
  374. letter-spacing:3px;
  375. text-transform: uppercase;
  376. color:{color:blockquote};
  377. }
  378.  
  379.  
  380.  
  381. /* Links & hovers */
  382.  
  383.  
  384. a {
  385. color:{color:links};
  386. text-shadow: none;
  387. text-decoration:none;
  388. -moz-transition-duration:1s;
  389. -webkit-transition-duration:1s;
  390. -o-transition-duration:1s;
  391. }
  392.  
  393.  
  394. a:hover {
  395. /* transition of the image when you hover on it */
  396. -webkit-transition: color 0.4s ease-out;
  397. -moz-transition: color 0.4s ease-out;
  398. text-shadow: 2px 0 .6px #FF0000, -3px 0 .5px #00F1F5;
  399. }
  400.  
  401. /* Your sidebar, image, description and links */
  402.  
  403.  
  404.  
  405. #sidebar {
  406. position:fixed;
  407. margin-left:898px;
  408. width: 190px;
  409. margin-top:158px;
  410. background-color: transparent;
  411. padding:0px 5px 0px;
  412.  
  413.  
  414. }
  415.  
  416.  
  417. .pagination {
  418.  
  419. top:30px;
  420. left:50%;
  421. margin-left: -50px;
  422. position: absolute;
  423. text-align: left;
  424. letter-spacing:1px;
  425. text-transform:uppercase;
  426.  
  427. }
  428.  
  429. .pagination a{
  430. color: {color:links};
  431. font-family:calibri;
  432. letter-spacing:4px;
  433. font-size:10px;
  434. text-shadow: 0px 0px 3px {color:links shadow};}
  435.  
  436. .pagination a:hover{
  437. color:{color:links hover};
  438. -webkit-filter: blur(2px);
  439. -webkit-transition:all .5s ease-in-out;
  440. -moz-transition:all .5s ease-in-out;
  441. transition:all .5s ease-in-out;
  442.  
  443. }
  444.  
  445. #topbar {
  446. position:fixed;
  447. top:295px;
  448. left:470px;
  449. z-index: 9;
  450.  
  451. }
  452.  
  453.  
  454.  
  455. .links {
  456. position: fixed;
  457. top:141px;
  458. margin-left:-403px;
  459. left:50%;
  460. font-size: 20px;
  461. letter-spacing:1px;
  462. font-family: georgia, sans-serif;
  463. text-transform:uppercase;
  464. line-height: 170%;
  465. text-align: right;
  466. width: 200px;
  467. text-shadow: 0px 0px 2px {color:sidebar shadow};
  468. margin-right: auto;
  469. -ms-transform: rotate(-90deg); /* IE 9 */
  470. -webkit-transform: rotate(-90deg); /* Safari */
  471. transform: rotate(-90deg);
  472.  
  473. }
  474.  
  475. .links a {
  476. padding-left: 5px;
  477. font-size: 40px;
  478. font-family: georgia, sans-serif;
  479. color: {color:sidebar links};
  480. text-shadow: 1px 1px 2px {color:sidebar shadow};
  481. -moz-transition-duration:.9s;
  482. -webkit-transition-duration:.9s;
  483. -o-transition-duration:.9s;
  484. }
  485.  
  486. .links a:hover {
  487. padding-left: 5px;
  488. color: {color:sidebar hover};
  489. text-shadow: 0px 0px 2px {color:sidebar shadow};
  490. -webkit-transition: color 0.4s ease-out;
  491. -moz-transition: color 0.4s ease-out;
  492. text-shadow: 2px 0 .6px #FF0000, -3px 0 .5px #00F1F5;
  493. }
  494.  
  495.  
  496.  
  497. #container {
  498. left:50%;
  499. height: 450px;
  500. width: 280px;
  501. text-align:justify;
  502. font-family:calibri;
  503. text-transform: auto;
  504. position: fixed;
  505. margin-left:-270px;
  506. margin-top:75px; /* this could be changed for this bottom:-2px;; */
  507. overflow: auto;
  508. z-index:1;
  509. }
  510.  
  511.  
  512. #post {
  513. width:270px;
  514. margin-top:10px;
  515. text-align:justify;
  516. font-size:11px;
  517. line-height:110%;
  518. letter-spacing:0px;
  519. color:{color:text};
  520. margin-bottom: 30px;
  521. text-transform: auto;
  522. padding: 2px;
  523. margin-left: auto;
  524. margin-right: auto;
  525. }
  526.  
  527. #posts img {
  528. height:auto;
  529. max-width:100%;
  530. }
  531.  
  532. #photo img {
  533. width:100%;
  534. -webkit-border-radius:5px;
  535. -moz-border-radius:5px;
  536. border-radius:5px;
  537. }
  538.  
  539.  
  540. .caption {
  541. width:{select:Post size}px;
  542. text-align:justify;
  543. line-height:120%;
  544. }
  545.  
  546. .question {
  547. font-family: 'Amatic SC', cursive;
  548. line-height:120%;
  549. font-size:17px;
  550. font-weight:bold;
  551. margin-top:5px;
  552. padding:10px;;
  553. background:{color:askbg};
  554. color:{color:ask text};
  555. text-shadow: 0 0 1px {color:ask shadow};
  556. border-left:2px solid {color:ask border};
  557. border-right:2px solid {color:ask border};
  558. }
  559.  
  560. .asker {
  561. font-family: 'Dancing Script', cursive;
  562. padding-top:5px;
  563. max-width:230px;
  564. margin-left:52px;
  565. margin-top:0px;
  566. font-size:20px;
  567. }
  568.  
  569. .askeru {
  570. margin-top:-7px;
  571. margin-left:4px;
  572. text-transform:lowercase;
  573. font-style:italic;
  574. font-size:20px; }
  575.  
  576. .answer {
  577. padding-top:10px;
  578. text-align:justify;
  579. }
  580.  
  581. .audio {
  582. width:250px;
  583. padding-bottom:10px;
  584. }
  585.  
  586.  
  587. .playercontainer {
  588. text-align:left;
  589. padding:10px;
  590. width:240px;
  591. }
  592.  
  593. .audioinfo {
  594. padding:10px;
  595. color:{color:text};
  596. }
  597.  
  598.  
  599. .note {
  600. text-transform:uppercase;
  601. font-style:normal;
  602. letter-spacing:0px;
  603. font-size: 9px;
  604. text-align:left;
  605. line-height:90%;
  606. margin-left:-40px;
  607. }
  608.  
  609. .note li {
  610. list-style-type:none;
  611. padding:10px 25px 10px 25px;
  612. text-align:left;
  613. margin:0px;
  614. -moz-transition-duration:0.5s;
  615. -webkit-transition-duration:0.5s;
  616. -o-transition-duration:0.5s;
  617. }
  618.  
  619. #info {
  620. font-family: 'VT323',serif ;
  621. width:250px;
  622. margin-top:0px;
  623. padding-top:4px;
  624. margin-left:auto;
  625. margin-right:auto;
  626. padding-BOTTOM:1px;
  627. font-size:15px;
  628. color:{color:info text};
  629. text-transform:uppercase;
  630. letter-spacing:1px;
  631. font-style:normal;
  632. text-align:center;
  633. padding:4px;
  634. background:url("{image:info}");
  635. border-radius: 10px;
  636. box-shadow: 1px 1px 3px #000000;
  637. text-shadow: 1px 1px 3px #000000;
  638. }
  639.  
  640.  
  641. #info a {
  642. color:{color:info text};
  643. text-shadow: 0 0 3px {color:info link shadow};
  644. }
  645.  
  646. #info a:hover {
  647. color:{color:info hover};
  648. text-shadow: 0 0 3px {color:info shadow};
  649. margin-right: auto;
  650. -webkit-transition: color 0.4s ease-out;
  651. -moz-transition: color 0.4s ease-out;
  652. text-shadow: 2px 0 .6px #FF0000, -3px 0 .5px #00F1F5;
  653.  
  654. }
  655.  
  656. .tags {
  657. width:240px;
  658. text-transform:uppercase;
  659. margin-left:auto;
  660. margin-right:auto;
  661. padding:3px;
  662. font-size:12px;
  663. font-style:normal;
  664. font-family: helvetica;
  665. padding-top:4px;
  666. line-height:100%;
  667. color:{color:tags};
  668. font-size:12px;
  669. text-align:center;
  670. opacity:0;
  671. -moz-transition-duration:.7s;
  672. -webkit-transition-duration:.7s;
  673. -o-transition-duration:.7s;
  674.  
  675. }
  676.  
  677. .tags a{
  678. font-size:9px;
  679. font-family: helvetica;
  680. text-transform:none;
  681. font-weight:0;
  682. font-weight:none;
  683. text-shadow: none;
  684. color:{color:tags};
  685. opacity:0.5;
  686. font-weight:none;
  687.  
  688. }
  689. .tags a:hover{
  690. color:{color:tags hover};
  691. opacity:1;
  692. font-weight:none;
  693. -moz-transition-duration:0.8s;
  694. -webkit-transition-duration:0.8s;
  695. -o-transition-duration:0.8s;
  696.  
  697. }
  698.  
  699. #post:hover .tags {
  700. opacity:1;
  701. -moz-transition-duration:1.2s;
  702. -webkit-transition-duration:1.2s;
  703. -o-transition-duration:1.2s;
  704. }
  705.  
  706.  
  707. /* Quote & Source */
  708.  
  709. .quotemarkleft {
  710. font-size: 80px;
  711. font-family: 'Georgia';
  712. font-weight: bold;
  713. line-height: 100px;
  714. position: relative;
  715. margin: 0px 0 -70px 30px;
  716. color: #7c373d;
  717. opacity: 0.9;
  718. }
  719.  
  720. .quotemarkright {
  721. font-family: 'Georgia';
  722. font-size: 80px;
  723. font-weight: bold;
  724. padding-right: 0px;
  725. line-height: 30px;
  726. text-align: right;
  727. position: relative;
  728. margin:0 30px 0 -10px;
  729. color: #7c373d;
  730. opacity: 0.97;
  731. }
  732.  
  733.  
  734. #quote {
  735. background:{color:background};
  736. border-top:4px double {color:ask border};
  737. border-bottom:4px double {color:bold};
  738. font-family:'Lobster', cursive;
  739. color:{color:text};
  740. font-size:12px;
  741. text-align:center;
  742. line-height:120%;
  743. padding:5px;
  744. padding-top:12px;
  745. padding-bottom:8px;
  746. }
  747.  
  748. #quote:first-letter {
  749. color:{color:info text};
  750. font-family:'Satisfy', cursive;
  751. font-size:25px;
  752. text-transform:uppercase;
  753. }
  754.  
  755. .qsource{
  756. padding-top:3px;
  757. padding-bottom:1px;
  758. font-family:'Damion', cursive;
  759. font-size:15px;
  760. text-align:right;
  761. }
  762.  
  763.  
  764. .credit {
  765. position:fixed;
  766. font-family: 'Alex Brush', cursive;
  767. color:{color:bold};
  768. font-size:16px;
  769. font-weight:bold;
  770. line-height:100%;
  771. letter-spacing:0px;
  772. right:7px;
  773. bottom:5px;
  774. text-align:center;
  775. text-shadow:0 0 3px {color:bold};
  776. -webkit-transition: all 0.5s ease-in-out;
  777. -moz-transition: all 0.5s ease-in-out;
  778. -o-transition: all 0.5s ease-in-out;
  779. -ms-transition: all 0.5s ease-in-out;
  780. transition: all 0.5s ease-in-out;
  781. }
  782.  
  783. .credit:hover {
  784. color:transparent;
  785. text-shadow:0 0 7px {color:bold shadow};
  786. -webkit-transition: all 0.5s ease-in-out;
  787. -moz-transition: all 0.5s ease-in-out;
  788. -o-transition: all 0.5s ease-in-out;
  789. -ms-transition: all 0.5s ease-in-out;
  790. transition: all 0.5s ease-in-out;
  791. }
  792.  
  793.  
  794.  
  795. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  796.  
  797.  
  798. ::selection {
  799. background:{color:selec bg};
  800. color:{color:selec};
  801. }
  802.  
  803. /* UPDATES */
  804.  
  805.  
  806. #tabcode1{
  807. margin-bottom:0px;
  808. border-left:4px solid #660d0d;
  809. padding-left:4px;
  810. text-align:center;
  811. height:13px;
  812. overflow:hidden;
  813. margin-top:-1px;
  814. color:#fff;
  815. border-bottom:0px solid #706732;
  816. background:#131313;
  817. text-transform:uppercase;
  818. letter-spacing:1px;
  819. font-size:8px;
  820. line-height:10px;
  821. z-index:0;
  822. -ms-transform: rotate(0deg);
  823. -webkit-transform: rotate(0deg);
  824. transform: rotate(0deg);
  825. -webkit-transition: all 0.7s ease-in-out;
  826. -moz-transition: all 0.7s ease-in-out;
  827. -o-transition: all 0.7s ease-in-out;
  828. }
  829. #tabcode1:hover{
  830. height:140px;/*---edit the length of tab---*/
  831. background:#131313;
  832. -webkit-transition: all 0.7s ease-in-out;
  833. -moz-transition: all 0.7s ease-in-out;
  834. -o-transition: all 0.7s ease-in-out;
  835. }
  836.  
  837.  
  838.  
  839. #tabcode{
  840. text-align:left;
  841. font-size:10px;
  842. opacity: .8;
  843. text-transform:uppercase;
  844. position:fixed;
  845. font-family:calibri;
  846. margin-left: 10px;
  847. left:50%;
  848. background-color:transparent;
  849. letter-spacing:0px;
  850. width:105px;
  851. z-index:9999;
  852. padding:4px;
  853. top:320px;
  854.  
  855. }
  856.  
  857.  
  858. /* UPDATES */
  859.  
  860.  
  861. .popup_block{
  862. display:none;
  863. background-image: url(https://41.media.tumblr.com/27a5b5c31a7e702f499d4cb36edb1058/tumblr_inline_nzcw8pUz7C1rmq82t_540.png);
  864. background-repeat: no-repeat;
  865. padding:20px;
  866. position:fixed;
  867. height: 500px;
  868. top:350px;left:550px;
  869. z-index: 99999;
  870. -webkit-box-shadow: 0px 0px 20px #000;
  871. -moz-box-shadow: 0px 0px 20px #000;
  872. box-shadow: 0px 0px 20px #000;
  873. overflow-y:scroll;
  874. overflow-x:hidden;}
  875.  
  876. *html #fade {position: absolute;}
  877. *html .popup_block {position: absolute;}
  878. #fade {
  879. display:none;
  880. background-repeat: no-repeat;
  881. position:fixed;
  882. left:0px;
  883. top:0px;
  884. width:100%;
  885. height:100%;
  886. z-index:9999;
  887. background:#000; /* change to #fff for solid white */
  888. opacity:0.5; /* change to opacity:1; */
  889. }
  890.  
  891. #conteee {
  892. left:50%;
  893. height: 350px;
  894. width: 300px;
  895. position: fixed;
  896. margin-left:-228px;
  897. margin-top:20px;
  898. overflow: auto;
  899. z-index:5;
  900. }
  901.  
  902.  
  903.  
  904. .askpopup_block {
  905. height:300px;
  906. display: none;
  907. float: left;
  908. position: fixed;
  909. top: 50%;
  910. left: 50%;
  911. z-index: 999999999999;
  912. -webkit-transition: all 0.2s ease-in-out;
  913. -moz-transition: all 0.2s ease-in-out;
  914. -o-transition: all 0.2s ease-in-out;
  915. -ms-transition: all 0.2s ease-in-out;
  916. transition: all 0.2s ease-in-out;
  917. }
  918.  
  919. *html #fade {
  920. position: absolute;
  921. }
  922.  
  923. *html .askpopup_block {
  924. position: absolute;
  925. }
  926.  
  927. #fade {
  928. display:none;
  929. position:fixed;
  930. left:0px;
  931. top:0px;
  932. width:100%;
  933. height:100%;
  934. z-index:9999;
  935. }
  936.  
  937.  
  938.  
  939.  
  940. </style></head><body>
  941.  
  942.  
  943. <!-- UPDATES -->
  944.  
  945. <body class=" top_bar">
  946.  
  947.  
  948.  
  949. <div id="tabholder">
  950. <div id="tabcode">
  951. <div id="tabcode1">
  952. <div style="font-size:8px;color:#fff;">INFORMATION.</div> <div style="padding-top:1px; text-transform:auto; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:center; color:#fff;"><br>
  953. {description}
  954.  
  955. </p></div>
  956. </div>
  957.  
  958. </div></div>
  959.  
  960. <!-- UPDATES -->
  961.  
  962. <div class="credit"><a href="http://shamelessvirgin.tumblr.com/" title="theme by shamelessvirgin"><span class="credit">SV</span></a></div>
  963.  
  964. <div id="sidebar">
  965.  
  966. <div class="links">
  967. <a href="#?w=400" rel="box1" class="poplight" title="inquire">■</span></a>
  968. <a href="#?w=400" rel="box2" class="poplight" title="rules">■</span></a>
  969. <a href="#?w=400" rel="box5" class="poplight" title="verses">■</span></a>
  970. <a href="#?w=400" rel="box4" class="poplight" title="about">■</span></a>
  971. <a href="#?w=400" rel="box6" class="poplight" title="navi">■</span></a>
  972. </div>
  973.  
  974.  
  975. </div>
  976.  
  977. <div class="pagination">
  978.  
  979. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><b>PREV</b></a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}"><b>NEXT</b></a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  980. </div></div></div>
  981.  
  982. </div>
  983.  
  984. <div id="png"></div>
  985.  
  986. <div id="container">
  987.  
  988. <div id="entries">
  989.  
  990. {block:Posts}
  991.  
  992. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  993.  
  994. <div id="post">
  995.  
  996. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  997.  
  998. <!--I got a little bug, so, if you want to change de width you need to change the -500 for -250/400 or simply let the 500 -->
  999.  
  1000. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1001.  
  1002.  
  1003. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1004.  
  1005.  
  1006. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1007.  
  1008. <!-- only on those three -->
  1009.  
  1010. {block:Quote}<div id="quote">"{Quote}"{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1011.  
  1012. {block:Link}<h1><a href="{URL}" {Target}>{name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1013.  
  1014. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1015.  
  1016. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  1017. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1018.  
  1019. {block:Answer}
  1020. <div class="question">{question}</div>
  1021. <div class="asker">{Asker}</div>
  1022. {Answer}{/block:Answer}
  1023.  
  1024. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">●</a>
  1025. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">●</a> {/block:NoteCount}
  1026.  
  1027. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">●</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">●</a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="REBLOG?">●</a> </div>
  1028.  
  1029. {block:HasTags}
  1030. <div class="tags">
  1031. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1032. {/block:HasTags}
  1033. </div>
  1034. </div>
  1035.  
  1036. <div class="postnote">
  1037. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1038.  
  1039.  
  1040. {/block:Posts}
  1041.  
  1042.  
  1043. </div>
  1044.  
  1045.  
  1046.  
  1047. </div></div>
  1048.  
  1049.  
  1050.  
  1051. <div id="box1" class="askpopup_block">
  1052. <div id="conteee">
  1053. <center><iframe frameborder="0" height="250px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:ASKURL}.tumblr.com" width="100%"></center></iframe>
  1054. </div></div>
  1055.  
  1056. <div id="box2" class="popup_block">
  1057. <div id="conteee">
  1058. <div style="margin-left: 25px; margin-right: 25px;">
  1059. <p><big>RULES&nbsp;–––––&nbsp;</big></p>
  1060. <div style="margin-left: 25px; text-align: justify;"><small>ADD THE RULES IN HERE MAKE IT LONGER AS YOU WANT</small></div>
  1061. </div>
  1062. </div>
  1063. </div>
  1064. </div>
  1065. </div>
  1066. <div id="box4" class="popup_block"><p>
  1067. <div id="conteee">
  1068. <center><img src="ADD AN IMAGE"></p>
  1069. <p></p>
  1070. <p></p>
  1071. <p></p>
  1072. <p><br><br><br></p>
  1073. <p><small>HERE'S THE ABOUT</small></div></div>
  1074. </div>
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079. <div id="box5" class="popup_block">
  1080. <div id="conteee">
  1081. <div style="text-align: center;">
  1082. <img src="PHOTO URL">
  1083. <p><big>A TITLE IN HERE OR A SHORT ABOUT</big></p>
  1084. <div style="font-style: italic;"><p><small>“ A QUOTE ”</small></p>
  1085. <div style="font-size: 9px; text-align: justify; margin-left: 20px; margin-right: 20px;">ANYTHING YOU WANT ABOUT THE VERSE</div></div>
  1086. </div>
  1087. <p>
  1088.  
  1089. <div style="text-align: center;">
  1090. <img src="PHOTO URL">
  1091. <p><big>A TITLE IN HERE OR A SHORT ABOUT</big></p>
  1092. <div style="font-style: italic;"><p><small>“ A QUOTE ”</small></p>
  1093.  
  1094. <div style="height: 120px;font-size: 9px; text-align: justify; margin-left: 20px; margin-right: 20px;">
  1095. <p>ANYTHING YOU WANT ABOUT THE VERSE</p>
  1096. </div>
  1097. </div>
  1098. </div>
  1099.  
  1100. <div style="text-align: center;">
  1101. <img src="PHOTO URL">
  1102. <p><big>A TITLE IN HERE OR A SHORT ABOUT</big></p>
  1103. <div style="font-style: italic;"><p><small>“ A QUOTE ”</small></p>
  1104.  
  1105. <div style="height: 85px;font-size: 9px; text-align: justify; margin-left: 20px; margin-right: 20px;">ANYTHING YOU WANT ABOUT THE VERSE</div>
  1106. </div>
  1107. </div>
  1108.  
  1109.  
  1110. <div style="text-align: center;">
  1111. <img src="PHOTO URL">
  1112. <p><big>A TITLE IN HERE OR A SHORT ABOUT</big></p>
  1113. <div style="font-style: italic;"><p><small>“ A QUOTE ”</small></p>
  1114. <div style="height: 90px;font-size: 9px; text-align: justify; margin-left: 20px; margin-right: 20px;">ANYTHING YOU WANT ABOUT THE VERSE</div>
  1115. </div>
  1116. </div>
  1117.  
  1118.  
  1119. <div style="text-align: center;">
  1120. <img src="PHOTO URL">
  1121. <p><big>A TITLE IN HERE OR A SHORT ABOUT</big></p>
  1122.  
  1123. <div style="font-style: italic;"><small>&nbsp;“ A QUOTE ”</small>
  1124. <br>
  1125. <div style="height: 100px;font-size: 9px; text-align: justify; margin-left: 20px; margin-right: 20px;">ANYTHING YOU WANT ABOUT THE VERSE</div>
  1126. </div>
  1127. </div>
  1128.  
  1129.  
  1130.  
  1131. </ul>
  1132. </div>
  1133. </div>
  1134. </div>
  1135. </div>
  1136.  
  1137. </div>
  1138.  
  1139.  
  1140.  
  1141. </div>
  1142. <div id="box6" class="popup_block"><p style="width: 300px; text-align: justify;">
  1143. <div id="conteee">
  1144. <big>NAVIGATION ;;</big>
  1145. <p><p>
  1146. <p><p>
  1147. <div style="font-size: 9px; text-align: center; margin-left: 20px; margin-right: 20px;">
  1148. <B><br><a href="/" title="A TITLE">LINK</a>
  1149. <br><a href="/" title="A TITLE">LINK</a>
  1150. <br><a href="/" title="A TITLE">LINK</a>
  1151. <br><a href="/" title="A TITLE">LINK</a>
  1152. <br><a href="/" title="A TITLE">LINK</a>
  1153. <br><a href="/" title="A TITLE">LINK</a>
  1154. <p><big>MORE LINKS&nbsp;–––––&nbsp;</big></p>
  1155. <B><br><a href="/" title="A TITLE">LINK</a>
  1156. <br><a href="/" title="A TITLE">LINK</a>
  1157. <br><a href="/" title="A TITLE">LINK</a>
  1158. <br><a href="/" title="A TITLE">LINK</a>
  1159. <br><a href="/" title="A TITLE">LINK</a>
  1160. <br><a href="/" title="A TITLE">LINK</a>
  1161. <p><big>AND MORE&nbsp;–––––&nbsp;</big></p>
  1162. <B><br><a href="/" title="A TITLE">LINK</a>
  1163. <br><a href="/" title="A TITLE">LINK</a>
  1164. <br><a href="/" title="A TITLE">LINK</a>
  1165. <br><a href="/" title="A TITLE">LINK</a>
  1166. <br><a href="/" title="A TITLE">LINK</a>
  1167. <big> </B>
  1168. </big></p></div><big>
  1169. </big></div><big></big>
  1170. </div>
  1171.  
  1172. </div></div>
  1173. </div>
  1174. <div id="box7" class="popup_block">insert info.
  1175. </div>
  1176.  
  1177.  
  1178. <!-- SCRIPTS -->
  1179.  
  1180. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1181. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1182.  
  1183. <script>
  1184. (function($){
  1185. $(document).ready(function(){
  1186. $("[title]").style_my_tooltips({
  1187. tip_follows_cursor:true,
  1188. tip_delay_time:90,
  1189. tip_fade_speed:600,
  1190. attribute:"title"});
  1191. });})(jQuery);
  1192. </script>
  1193.  
  1194. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur192.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/19/small-red-pointer.html" target="_blank" title="Small Red Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Red Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  1195.  
  1196.  
  1197.  
  1198. </body>
  1199. </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!