API tools faq
paste
Advertisement
GaugaStrikes

NATSU THEME

GaugaStrikes
Jul 7th, 2016
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.94 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 SHAMELESSVIRGIN
  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 true")
  26. // -->
  27. </script>
  28.  
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="altertnate" type="application/rss xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37.  
  38.  
  39. <meta name="color:background" content="#14171b">
  40. <meta name="color:sidebar links" content="#1a4133">
  41. <meta name="color:sidebar shadow" content="#347153">
  42. <meta name="color:sidebar hover" content="#45966e">
  43. <meta name="color:links" content="#349446">
  44. <meta name="color:links shadow" content="#6d6d6d">
  45. <meta name="color:links hover" content="#ffffff">
  46. <meta name="color:text" content="#ffffff">
  47. <meta name="color:blockquote" content="#206834">
  48. <meta name="color:bold" content="#127b29">
  49. <meta name="color:bold shadow" content="#000000">
  50. <meta name="color:italic" content="#ffffff">
  51. <meta name="color:italic shadow" content="#ffffff">
  52. <meta name="color:underline" content="#228425">
  53. <meta name="color:big" content="#ffffff">
  54. <meta name="color:big shadow" content="#ffffff">
  55. <meta name="color:pre text" content="#000000">
  56. <meta name="color:pre bg" content="#97b6a2">
  57. <meta name="color:ask text" content="#ededed">
  58. <meta name="color:ask border" content="#48845e">
  59. <meta name="color:info" content="#55b667">
  60. <meta name="color:info text" content="#1d3e1d">
  61. <meta name="color:info border" content="#0c230e">
  62. <meta name="color:info hover" content="#4bbe56">
  63. <meta name="color:pagi" content="#14a344">
  64. <meta name="color:selec bg" content="#000000">
  65. <meta name="color:selec" content="#797979">
  66. <meta name="color:tags" content="#ffffff">
  67. <meta name="color:tags hover" content="#208627">
  68.  
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:ask" content=""/>
  71. <meta name="image:info" content=""/>
  72.  
  73.  
  74. <meta name="text:YOUR URL" content="">
  75. <meta name="text:updates" content="">
  76. <meta name="text:drafts" content="">
  77. <meta name="text:family" content="">
  78. <meta name="text:more" content="">
  79. <meta name="text:updates title" content="">
  80.  
  81. <meta name="text:Link 1 URL" content="">
  82. <meta name="text:Link Title 1" content="">
  83. <meta name="text:Link 2 URL" content="">
  84. <meta name="text:Link Title 2" content="">
  85. <meta name="text:Link 3 URL" content="">
  86. <meta name="text:Link Title 3" content="">
  87. <meta name="text:Link 4 URL" content="">
  88. <meta name="text:Link Title 4" content="">
  89. <meta name="text:Link 5 URL" content="">
  90. <meta name="text:Link Title 5" content="">
  91. <!--This is for you hover titles (When you hover over a link) -->
  92.  
  93.  
  94.  
  95. <script type="text/javascript">
  96. WebFontConfig = {
  97. google: { families: [ 'times' ] }
  98. };
  99. (function() {
  100. var wf = document.createElement('script');
  101. wf.src = ('https:' == document.location.protocol ? 'https' : 'http')
  102. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  103. wf.type = 'text/javascript';
  104. wf.async = 'true';
  105. var s = document.getElementsByTagName('script')[0];
  106. s.parentNode.insertBefore(wf, s);
  107. })(); </script>
  108.  
  109.  
  110. <script type="text/javascript">
  111. $(document).ready(function(){
  112. $("ul#tabs li").click(function(e){
  113. if (!$(this).hasClass("active")) {
  114. var tabNum = $(this).index();
  115. var nthChild = tabNum 1;
  116. $("ul#tabs li.active").removeClass("active");
  117. $(this).addClass("active");
  118. $("ul#tab li.active").removeClass("active");
  119. $("ul#tab li:nth-child(" nthChild ")").addClass("active");
  120. }
  121. });
  122. });
  123. </script>
  124.  
  125. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  126. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  127. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  128.  
  129. <!-- SCRIPTS -->
  130.  
  131.  
  132. <link href="http://fonts.googleapis.com/css?family=IM Fell Double Pica SC" rel="stylesheet" type="text/css">
  133. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  134. <link href="http://fonts.googleapis.com/css?family=Fjalla One" rel="stylesheet" type="text/css">
  135. <link href="http://fonts.googleapis.com/css?family=Alex Brush" rel="stylesheet" type="text/css">
  136. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141. /* this is for the scrollbar */
  142.  
  143. ::-webkit-scrollbar-thumb{
  144. background-color: transparent;
  145. border-radius:0px;
  146. height:auto;
  147. }
  148.  
  149. ::-webkit-scrollbar {
  150. height:auto;
  151. width:0px;
  152. border: 0px transparent;
  153. border-radius:0px;
  154. }
  155.  
  156.  
  157. /* TOOLTIPS */
  158.  
  159. #s-m-t-tooltip {
  160. max-width:300px;
  161. padding:3px 7px 3px 8px;
  162. margin:-20px 0px 0px 20px;
  163. background-color:{color:background};
  164. color:{color:text};
  165. font-size:7px;
  166. text-transform:uppercase;
  167. z-index:999999999999;
  168. letter-spacing:2px;
  169. -webkit-border-radius:5px;
  170. -moz-border-radius:5px;
  171. border-radius:5px;
  172. }
  173.  
  174.  
  175.  
  176. /* ENTRIES */
  177.  
  178.  
  179. blockquote {
  180. width:350px;
  181. border-radius:10px;
  182. border-left:1px solid {color:blockquote};
  183. margin-left:1px;
  184. padding-left:9px;
  185. padding-top:1px;
  186. padding-bottom:1px;
  187.  
  188. }
  189.  
  190.  
  191.  
  192. body {
  193. background:{color:background};
  194. background-attachment:fixed;
  195. background-repeat:no-repeat;
  196. background-position: top ; /* you can change this if to TOP or CENTER if you want */
  197. color:{color:text};
  198. font-family:tahoma;
  199. text-align:justify;
  200. font-size:11px;
  201. ;
  202. background-image:url("{image:Background}");
  203.  
  204. margin:0;
  205. padding-top:0;
  206. word-wrap:break-word;};
  207.  
  208.  
  209. }
  210.  
  211.  
  212. /* bold (b), italic (i,em), and underlined (u) */
  213.  
  214.  
  215. er, ber, cer, {
  216. font-weight:normal;
  217. font-size:12px;
  218. text-align:center;
  219. font-style:normal;
  220. font-family: helvetica;
  221. padding-bottom:3px;
  222. line-height:80%;
  223. letter-spacing:3px;
  224. text-transform: uppercase;
  225. color:{color:blockquote};
  226. }
  227.  
  228.  
  229. sub, sup, small {
  230. font-size: 11px;
  231. color:{color:text};
  232. }
  233.  
  234. b, strong {
  235. font-size: 13px;
  236. font-family: 'Fjalla One', sans-serif;
  237. color:{color:bold};
  238. text-shadow: 1px 1px 1px {color:bold shadow};
  239. }
  240.  
  241. i,em{
  242. color:{color:italic};
  243. text-shadow: 0px 0px 2px {color:italic shadow};
  244. font-family:georgia, sans-serif;
  245. font-size:12px;
  246. }
  247.  
  248. code {
  249. font-size: 11px;
  250. }
  251.  
  252.  
  253. big{
  254. color:{color:big};
  255. text-shadow: 0px 0px 2px {color:big shadow};
  256. font-family:georgia, sans-serif;
  257. }
  258.  
  259.  
  260. u{
  261. color:{color:underline};
  262. }
  263.  
  264. pre {
  265. font-family:courier;
  266. text-align:center;
  267. text-transform:uppercase;
  268. font-size:10px;
  269. color:{color:pre text};
  270. background:{color:pre bg};
  271. padding:10px;
  272. padding-left:15px;
  273. padding-right:15px;
  274. word-wrap: break-word;
  275. }
  276.  
  277.  
  278. h1 {
  279. font-family: 'Raleway', sans-serif;
  280. text-transform:uppercase;
  281. text-align: center;
  282. font-size:12px;
  283. line-height:100%;
  284. color: {color:blockquote};
  285. }
  286.  
  287. h2 {
  288. font-size:17px;
  289. color: {color:big};
  290. font-weight:bold;
  291. text-shadow: 0px 0px 2px {color:big shadow}}
  292.  
  293. h3 {
  294. font-size:18px;
  295. font-family: 'georgia', sans-serif;
  296. text-shadow: 0px 0px 3px {color:bold shadow};
  297. text-align:center;
  298. text-transform:lowercase;
  299. font-style:italic;
  300. line-height:100%;
  301. letter-spacing:0px;
  302. padding-bottom:-10px;
  303. color: {color:blockquote};
  304. }
  305.  
  306. h4 {
  307. font-size:11px;
  308. font-family: 'Tahoma'
  309. text-align:center;
  310. text-transform:uppercase;
  311. line-height:100%;
  312. letter-spacing:0px;
  313. font-weight:bold;
  314. color: {color:blockquote};
  315. }
  316.  
  317. h12 {
  318. font-size:16px;
  319. text-align:right;
  320. line-height:100%;
  321. letter-spacing:0px;
  322. font-family: 'IM Fell Double Pica SC', serif;
  323. text-shadow: 0px 2px 2px {color:blockquote};
  324. color:{color:text};
  325. text-transform: uppercase;
  326. }
  327.  
  328. h81 {
  329. font-weight:normal;
  330. font-size:12px;
  331. text-align:center;
  332. font-style:normal;
  333. font-family: helvetica;
  334. padding-bottom:3px;
  335. line-height:80%;
  336. letter-spacing:3px;
  337. text-transform: uppercase;
  338. color:{color:blockquote};
  339. }
  340.  
  341.  
  342. /* Links & hovers */
  343.  
  344.  
  345. a {
  346. color:{color:links};
  347. text-shadow: none;
  348. text-decoration:none;
  349. -moz-transition-duration:1s;
  350. -webkit-transition-duration:1s;
  351. -o-transition-duration:1s;
  352. }
  353.  
  354.  
  355. a:hover {
  356. color:{color:links hover};
  357. text-shadow: none;
  358. /* transition of the image when you hover on it */
  359. -moz-transition-duration:1s;
  360. -webkit-transition-duration:1s;
  361. -o-transition-duration:1s;
  362. }
  363.  
  364. /* Your sidebar, image, description and links */
  365.  
  366.  
  367.  
  368. #sidebar {
  369. position:fixed;
  370. margin-left:898px;
  371. width: 190px;
  372. margin-top:158px;
  373. background-color: transparent;
  374. padding:0px 5px 0px;
  375.  
  376.  
  377. }
  378.  
  379.  
  380. .pagination {
  381.  
  382. top:196px;
  383. left:50%;
  384. margin-left: 350px;
  385. position: absolute;
  386. text-align: left;
  387. letter-spacing:1px;
  388. text-transform:uppercase;
  389.  
  390. }
  391.  
  392. .pagination a{
  393. color: {color:links};
  394. font-family:calibri;
  395. letter-spacing:4px;
  396. font-size:10px;
  397. text-shadow: 0px 0px 3px {color:links shadow};}
  398.  
  399. .pagination a:hover{
  400. color:{color:links hover};
  401. -webkit-filter: blur(2px);
  402. -webkit-transition:all .5s ease-in-out;
  403. -moz-transition:all .5s ease-in-out;
  404. transition:all .5s ease-in-out;
  405.  
  406. }
  407.  
  408. #topbar {
  409. position:fixed;
  410. top:295px;
  411. left:470px;
  412. z-index: 9;
  413.  
  414. }
  415.  
  416.  
  417. .user {
  418. position: fixed;
  419. margin-left: -268px;
  420. left:50%;
  421. font-size: 18px;
  422. letter-spacing:-1px;
  423. font-family: 'IM Fell Double Pica SC', serif;
  424. text-transform:uppercase;
  425. line-height: 170%;
  426. text-align: center;
  427. width: 500px;
  428. top:420px;
  429. text-shadow: 0px 0px 2px {color:sidebar shadow};
  430. margin-right: auto;
  431. -ms-transform: rotate(-90deg);
  432. -webkit-transform: rotate(-90deg);
  433. transform: rotate(-90deg);
  434. -webkit-transition: all .5s linear;
  435. }
  436.  
  437. .user a {
  438. padding-left: 5px;
  439. font-size: 40px;
  440. color: {color:sidebar links};
  441. font-family: 'IM Fell Double Pica SC', serif;
  442. text-shadow: none;
  443. text-shadow: 0px 0px 2px {color:sidebar shadow};
  444. width: 500px;
  445. -moz-transition-duration:.5s;
  446. -webkit-transition-duration:.5s;
  447. -o-transition-duration:.5s;
  448.  
  449. }
  450.  
  451. .user a:hover {
  452. padding-left: 5px;
  453. color: {color:sidebar hover};
  454. text-shadow: 0px 0px 2px {color:sidebar shadow};
  455. -moz-transition-duration:.9s;
  456. -webkit-transition-duration:.9s;
  457. -o-transition-duration:.9s;
  458. }
  459.  
  460.  
  461. .links {
  462. position: fixed;
  463. top:630px;
  464. margin-left:-128px;
  465. left:53%;
  466. font-size: 19px;
  467. letter-spacing:1px;
  468. font-family: georgia, sans-serif;
  469. text-transform:uppercase;
  470. line-height: 170%;
  471. text-align: right;
  472. width: 200px;
  473. text-shadow: 0px 0px 2px {color:sidebar shadow};
  474. margin-right: auto;
  475. -ms-transform: rotate(-0deg); /* IE 9 */
  476. -webkit-transform: rotate(-0deg); /* Safari */
  477. transform: rotate(-0deg);
  478.  
  479. }
  480.  
  481. .links a {
  482. padding-left: 3px;
  483. font-size: 15px;
  484. font-family: georgia, sans-serif;
  485. color: {color:sidebar links};
  486. text-shadow: 1px 1px 2px {color:sidebar shadow};
  487. -moz-transition-duration:.9s;
  488. -webkit-transition-duration:.9s;
  489. -o-transition-duration:.9s;
  490. }
  491.  
  492. .links a:hover {
  493. padding-left: 5px;
  494. color: {color:sidebar hover};
  495. text-shadow: 0px 0px 2px {color:sidebar shadow};
  496. -webkit-transition:all .5s ease-in-out;
  497. -moz-transition:all .5s ease-in-out;
  498. transition:all .5s ease-in-out;
  499. }
  500.  
  501.  
  502.  
  503. #container {
  504. left:50%;
  505. height: 410px;
  506. width: 410px;
  507. text-align:justify;
  508. font-family:calibri;
  509. text-transform: auto;
  510. position: fixed;
  511. margin-left:2px;
  512. margin-top:212px; /* this could be changed for this bottom:-2px;; */
  513. overflow: auto;
  514. }
  515.  
  516.  
  517. #post {
  518. width:400px;
  519. margin-top:10px;
  520. text-align:justify;
  521. font-size:11px;
  522. line-height:110%;
  523. letter-spacing:0px;
  524. color:{color:text};
  525. margin-bottom: 30px;
  526. text-transform: auto;
  527. padding: 2px;
  528. margin-left: auto;
  529. margin-right: auto;
  530. }
  531. #posts img {
  532. height:auto;
  533. max-width:100%;
  534. }
  535.  
  536. #photo img {
  537. width:100%;
  538. -webkit-border-radius:5px;
  539. -moz-border-radius:5px;
  540. border-radius:5px;
  541. }
  542.  
  543.  
  544. .caption {
  545. width:{select:Post size}px;
  546. text-align:justify;
  547. line-height:120%;
  548. }
  549.  
  550. #asker {
  551. font-family: 'Bangers', cursive;
  552. font-size:30px;
  553. text-align:right;
  554. margin-left:15px;
  555. text-transform:uppercase;
  556. color: {color:italic};
  557. letter-spacing:3px
  558.  
  559.  
  560. }
  561.  
  562. #asker a{
  563. color: {color:bold};
  564. font-family: 'Bangers', cursive;
  565. letter-spacing: 3px;
  566.  
  567. font-size:8px;
  568. text-shadow: 0px 0px 3px {color:bold shadow};
  569. }
  570.  
  571. #asker a:hover {
  572. color: {color:links hover};
  573. letter-spacing: 3px;
  574. }
  575.  
  576. #ask {
  577. font-family: 'IM Fell Double Pica SC', serif;
  578. font-size:8px;
  579. text-align:center;
  580. padding-top: 5px;
  581. margin-left:5px;
  582. text-transform:auto;
  583. line-height:130%;
  584. padding:8px;
  585. background:url("{image:ask}");
  586. color:{color:ask text};
  587. text-transform: uppercase;
  588. border:3px {color:ask border} solid;
  589. border-top-left-radius:20px;
  590. border-bottom-right-radius:20px;
  591. }
  592.  
  593. .ans {
  594. text-align:left;
  595. padding:10px;
  596.  
  597. }
  598.  
  599. .audio {
  600. width:250px;
  601. padding-bottom:10px;
  602. }
  603.  
  604.  
  605. .playercontainer {
  606. text-align:left;
  607. padding:10px;
  608. width:240px;
  609. }
  610.  
  611. .audioinfo {
  612. padding:10px;
  613. color:{color:text};
  614. }
  615.  
  616.  
  617. .note {
  618. text-transform:uppercase;
  619. font-style:normal;
  620. letter-spacing:0px;
  621. font-size: 9px;
  622. text-align:left;
  623. line-height:90%;
  624. margin-left:-40px;
  625. }
  626.  
  627. .note li {
  628. list-style-type:none;
  629. padding:10px 25px 10px 25px;
  630. text-align:left;
  631. margin:0px;
  632. -moz-transition-duration:0.5s;
  633. -webkit-transition-duration:0.5s;
  634. -o-transition-duration:0.5s;
  635. }
  636.  
  637. #info {
  638. font-family: 'VT323',serif ;
  639. width:300px;
  640. margin-top:0px;
  641. padding-top:4px;
  642. margin-left:auto;
  643. margin-right:auto;
  644. padding-BOTTOM:1px;
  645. font-size:14px;
  646. color:{color:info text};
  647. text-transform:uppercase;
  648. letter-spacing:1px;
  649. font-style:normal;
  650. text-align:center;
  651. padding:4px;
  652. background:url("{image:info}");
  653. BORDER:2px solid {color:info border};
  654. -moz-transition-duration:0.2s;
  655. -webkit-transition-duration:0.2s;
  656. -o-transition-duration:0.2s;
  657. }
  658.  
  659. #info a {
  660. font-size:15px;
  661. color:{color:info text};
  662. text-shadow: 0px 0px 3px {color:info link shadow};
  663. padding:5px;
  664. font-style:normal;
  665. }
  666.  
  667. #info a:hover {
  668. color:{color:info hover};
  669. -webkit-filter: blur(0px);
  670. -moz-transition-duration:0.2s;
  671. -webkit-transition-duration:0.2s;
  672. -o-transition-duration:0.2s;
  673. }
  674.  
  675. .tags {
  676. width:380px;
  677. margin-top:4px;
  678. margin-left:0px;
  679. padding:2px;
  680. color:{color:tags};
  681. font-family:"Times New Roman";
  682. letter-spacing:1px;
  683. line-height:100%;
  684. font-size:10px;
  685. text-align:left;
  686.  
  687. }
  688.  
  689. .tags a{
  690. font-size:9px;
  691. font-family: helvetica;
  692. text-transform:none;
  693. font-weight:0;
  694. font-weight:none;
  695. text-shadow: none;
  696. color:{color:tags};
  697. opacity:0.5;
  698. font-weight:none;
  699.  
  700. }
  701. .tags a:hover{
  702. color:#ffffff;
  703. opacity:1;
  704. font-weight:none;
  705. -moz-transition-duration:0.8s;
  706. -webkit-transition-duration:0.8s;
  707. -o-transition-duration:0.8s;
  708.  
  709. }
  710.  
  711. #post:hover .tags {
  712. opacity:1;
  713. -moz-transition-duration:1.2s;
  714. -webkit-transition-duration:1.2s;
  715. -o-transition-duration:1.2s;
  716. }
  717.  
  718.  
  719. /* Quote & Source */
  720.  
  721. .quotemarkleft {
  722. font-size: 80px;
  723. font-family: 'Georgia';
  724. font-weight: bold;
  725. line-height: 100px;
  726. position: relative;
  727. margin: 0px 0 -70px 30px;
  728. color: #7c373d;
  729. opacity: 0.9;
  730. }
  731.  
  732. .quotemarkright {
  733. font-family: 'Georgia';
  734. font-size: 80px;
  735. font-weight: bold;
  736. padding-right: 0px;
  737. line-height: 30px;
  738. text-align: right;
  739. position: relative;
  740. margin:0 30px 0 -10px;
  741. color: #7c373d;
  742. opacity: 0.97;
  743. }
  744.  
  745.  
  746. #quote{
  747. font-family:crimson text;
  748. text-align:center;
  749. font-size:25px;
  750. line-height:18px;
  751. font-weight:bold;
  752. font-style:italic;
  753. z-index:999;
  754. }
  755.  
  756.  
  757.  
  758.  
  759. .credit {
  760. position:fixed;
  761. font-family: 'Alex Brush', cursive;
  762. color:{color:bold};
  763. font-size:16px;
  764. font-weight:bold;
  765. line-height:100%;
  766. letter-spacing:0px;
  767. right:7px;
  768. bottom:5px;
  769. text-align:center;
  770. text-shadow:0 0 3px {color:bold};
  771. -webkit-transition: all 0.5s ease-in-out;
  772. -moz-transition: all 0.5s ease-in-out;
  773. -o-transition: all 0.5s ease-in-out;
  774. -ms-transition: all 0.5s ease-in-out;
  775. transition: all 0.5s ease-in-out;
  776. }
  777.  
  778. .credit:hover {
  779. color:transparent;
  780. text-shadow:0 0 7px {color:bold shadow};
  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. -ms-transition: all 0.5s ease-in-out;
  785. transition: all 0.5s ease-in-out;
  786. }
  787.  
  788.  
  789.  
  790. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  791.  
  792.  
  793. ::selection {
  794. background:{color:selec bg};
  795. color:{color:selec};
  796. }
  797.  
  798. /* UPDATES */
  799.  
  800. /* UPDATES TAB #1 by http://wizardring.tumblr.com */
  801.  
  802. /*change 'left' to 'right' if you want it on the right corner*/
  803. #tab {width:140px; position:fixed; top:20px; left:20px; z-index:3; transition:all .5s ease;}
  804. #tab:hover {transition:all .8s ease;}
  805.  
  806. /* box */
  807. #tab_box {position:relative; text-align:justify; opacity:0; transition:all .5s ease; margin:15px -200px 8px; width:140px;}
  808. #tab:hover #tab_box {opacity:1; transition:all 1s ease; margin:15px 0px 8px;}
  809.  
  810. /* the navicon: change the color of it by putting other color code instead of #eee*/
  811. .border1 {width:20px; height:1px; background:#eee; position:absolute; margin-top:0px; transition:all .5s ease;}
  812. .border2 {width:20px; height:1px; background:#eee; position:absolute; margin-top:5px; transition:all .5s ease;}
  813. .border3 {width:20px; height:1px; background:#eee; position:absolute; margin-top:10px; transition:all .5s ease;}
  814.  
  815. #tab:hover .border1 {margin-top:0px; width:50px; transition:all .9s ease;}
  816. #tab:hover .border2 {margin-top:0px; width:50px; margin-left:50px; transition:all .9s ease;}
  817. #tab:hover .border3 {margin-top:0px; width:40px; margin-left:100px; transition:all .9s ease;}
  818.  
  819. /* title: change the title/background color by changing the #COLORCODE; if you want it on the right change the 'margin-left' to 'right' (also on the hover) */
  820. .updates_title {padding-right:5px; text-align:left; background:#151416; color:#b21023; text-transform:uppercase; font-size:7.5px; transition:all .5s ease; position:absolute; font-weight:bold; width:auto; display:inline-block; margin-top:-6.5px; margin-left:-200px; opacity:0; letter-spacing:3px;}
  821. #tab:hover .updates_title {transition:all 1.5s ease; opacity:1; margin-left:0px;}
  822.  
  823. /* tab divisor: change the color of it by putting other color code instead of #eee; if you want it centered, change the margin to 'margin:8px auto 0px' */
  824. #tab_border {height:1px; background:#eee; width:100px; position:relative; margin:8px 0px 8px;}
  825.  
  826. /* UPDATES TAB #1 by http://wizardring.tumblr.com */
  827.  
  828.  
  829.  
  830. </style></head><body>
  831.  
  832.  
  833. <!-- UPDATES TAB #1 by http://wizardring.tumblr.com -->
  834. <div id="tab">
  835. <!--navicon-->
  836. <div class="border1"></div>
  837. <div class="border2"></div>
  838. <div class="border3"></div>
  839. <!--navicon-->
  840.  
  841. <!--tab title-->
  842. <div class="updates_title">{text:updates title}</div>
  843. <!--box-->
  844. <div id="tab_box">
  845. <!--write things here, break a line by using <br>-->
  846.  
  847. <center>"{text:more}"
  848. <!--to use a divider just copy and paste this: <div id="tab_border"></div>-->
  849. <div id="tab_border"></div></center>
  850. {description}
  851. <div id="tab_border"></div>
  852. {text:updates}
  853. <div id="tab_border"></div>
  854. {text:drafts}
  855.  
  856. <!--write things here-->
  857. </div>
  858. </div>
  859. <!-- UPDATES TAB #1 by http://wizardring.tumblr.com -->
  860.  
  861. <div class="credit"><a href="http://whiiitthemore.tumblr.com/" title="theme by whiiitthemore"><span class="credit">W</span></a></div>
  862.  
  863. <div id="sidebar">
  864.  
  865. <div class="user">
  866. <a href="/" title="refresh">{text:YOUR URL}</a></div>
  867.  
  868. <div class="links">
  869.  
  870. <a href="http://ofdragonslayers.tumblr.com/" rel="home" title="HOME.">I.</span></a>
  871.  
  872. <a href="http://ofdragonslayers.tumblr.com/ask" title="INQUIRE.">II.</span></a>
  873. <a href="http://ofdragonslayers.tumblr.com/submit" title="SUBMIT.">III.</span></a>
  874. <a href="http://ofdragonslayers.tumblr.com/law" title="LAW.">IV.</span></a>
  875. <a href="http://ofdragonslayers.tumblr.com/bio" title="ABOUT.">V.</span></a>
  876.  
  877. </div>
  878.  
  879.  
  880. </div>
  881.  
  882. <div class="pagination">
  883.  
  884. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><b>«</b></a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}"><b>»</b></a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  885. </div></div></div>
  886.  
  887. </div>
  888.  
  889. <div id="container">
  890.  
  891. <div id="entries">
  892.  
  893. {block:Posts}
  894.  
  895. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  896.  
  897. <div id="post">
  898.  
  899. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  900.  
  901. <!--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 -->
  902.  
  903. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  904.  
  905.  
  906. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  907.  
  908.  
  909. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  910.  
  911. <!-- only on those three -->
  912.  
  913. {block:Quote}<div class="quote"><big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  914.  
  915. {block:Link}<h1><a href="{URL}" {Target}>{name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  916.  
  917. {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}
  918.  
  919. {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}
  920. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  921.  
  922.  
  923.  
  924. {block:Answer}
  925. <div id="ask">{question}</div>
  926. <div id="asker">{Asker}</div>
  927. {Answer}{/block:Answer}
  928.  
  929. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">★</a>
  930. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">★</a> {/block:NoteCount}
  931.  
  932. {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>
  933.  
  934. {block:HasTags}
  935. <div class="tags">
  936. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  937. {/block:HasTags}
  938. </div>
  939. </div>
  940.  
  941. <div class="postnote">
  942. {block:PostNotes}{PostNotes}{/block:PostNotes}
  943.  
  944.  
  945. {/block:Posts}
  946.  
  947.  
  948. </div>
  949.  
  950.  
  951.  
  952. </div></div>
  953.  
  954.  
  955. <!-- SCRIPTS -->
  956.  
  957. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  958. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  959.  
  960. <script>
  961. (function($){
  962. $(document).ready(function(){
  963. $("[title]").style_my_tooltips({
  964. tip_follows_cursor:true,
  965. tip_delay_time:90,
  966. tip_fade_speed:600,
  967. attribute:"title"});
  968. });})(jQuery);
  969. </script>
  970.  
  971. </div>
  972.  
  973.  
  974.  
  975.  
  976. </body>
  977. </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!