API tools faq
paste
Advertisement
sowoneuls

eliteborned

sowoneuls
Jan 18th, 2017
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.81 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 false")
  26. // -->
  27. </script>
  28.  
  29.  
  30.  
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38.  
  39.  
  40. <meta name="color:background" content="#14171b">
  41. <meta name="color:sidebar links" content="#1a4133">
  42. <meta name="color:sidebar shadow" content="#347153">
  43. <meta name="color:sidebar hover" content="#45966e">
  44. <meta name="color:links" content="#349446">
  45. <meta name="color:links shadow" content="#6d6d6d">
  46. <meta name="color:links hover" content="#ffffff">
  47. <meta name="color:text" content="#ffffff">
  48. <meta name="color:blockquote" content="#206834">
  49. <meta name="color:bold" content="#127b29">
  50. <meta name="color:bold shadow" content="#000000">
  51. <meta name="color:italic" content="#ffffff">
  52. <meta name="color:italic shadow" content="#ffffff">
  53. <meta name="color:underline" content="#228425">
  54. <meta name="color:big" content="#ffffff">
  55. <meta name="color:big shadow" content="#ffffff">
  56. <meta name="color:pre text" content="#000000">
  57. <meta name="color:pre bg" content="#97b6a2">
  58. <meta name="color:ask text" content="#ededed">
  59. <meta name="color:ask border" content="#48845e">
  60. <meta name="color:info" content="#55b667">
  61. <meta name="color:info text" content="#1d3e1d">
  62. <meta name="color:info border" content="#0c230e">
  63. <meta name="color:info hover" content="#4bbe56">
  64. <meta name="color:pagi" content="#14a344">
  65. <meta name="color:selec bg" content="#000000">
  66. <meta name="color:selec" content="#797979">
  67. <meta name="color:tags" content="#ffffff">
  68. <meta name="color:tags hover" content="#208627">
  69.  
  70. <meta name="image:Background" content=""/>
  71. <meta name="image:ask" content=""/>
  72. <meta name="image:info" content=""/>
  73.  
  74.  
  75. <meta name="text:YOUR URL" content="">
  76. <meta name="text:updates" content="">
  77. <meta name="text:drafts" content="">
  78. <meta name="text:family" content="">
  79. <meta name="text:more" content="">
  80. <meta name="text:updates title" content="">
  81.  
  82. <meta name="text:Link 1 URL" content="">
  83. <meta name="text:Link Title 1" content="">
  84. <meta name="text:Link 2 URL" content="">
  85. <meta name="text:Link Title 2" content="">
  86. <meta name="text:Link 3 URL" content="">
  87. <meta name="text:Link Title 3" content="">
  88. <meta name="text:Link 4 URL" content="">
  89. <meta name="text:Link Title 4" content="">
  90. <meta name="text:Link 5 URL" content="">
  91. <meta name="text:Link Title 5" content="">
  92.  
  93. <!--This is for you hover titles (When you hover over a link) -->
  94.  
  95.  
  96.  
  97. <script type="text/javascript">
  98. WebFontConfig = {
  99. google: { families: [ 'times' ] }
  100. };
  101. (function() {
  102. var wf = document.createElement('script');
  103. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  104. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  105. wf.type = 'text/javascript';
  106. wf.async = 'true';
  107. var s = document.getElementsByTagName('script')[0];
  108. s.parentNode.insertBefore(wf, s);
  109. })(); </script>
  110.  
  111.  
  112. <script type="text/javascript">
  113. $(document).ready(function(){
  114. $("ul#tabs li").click(function(e){
  115. if (!$(this).hasClass("active")) {
  116. var tabNum = $(this).index();
  117. var nthChild = tabNum+1;
  118. $("ul#tabs li.active").removeClass("active");
  119. $(this).addClass("active");
  120. $("ul#tab li.active").removeClass("active");
  121. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  122. }
  123. });
  124. });
  125. </script>
  126.  
  127. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  129. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  130.  
  131. <!-- SCRIPTS -->
  132.  
  133.  
  134. <link href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  135. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  136. <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  137. <link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">
  138. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  139. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  140.  
  141. <style type="text/css">
  142.  
  143.  
  144. /* this is for the scrollbar */
  145.  
  146. ::-webkit-scrollbar-thumb{
  147. background-color: transparent;
  148. border-radius:0px;
  149. height:auto;
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. height:auto;
  154. width:4px;
  155. border: 1px transparent;
  156. border-radius:0px;
  157. }
  158.  
  159.  
  160. /* TOOLTIPS */
  161.  
  162. #s-m-t-tooltip {
  163. max-width:300px;
  164. padding:3px 7px 3px 8px;
  165. margin:-20px 0px 0px 20px;
  166. background-color:{color:background};
  167. color:{color:text};
  168. font-size:7px;
  169. text-transform:uppercase;
  170. z-index:999999999999;
  171. letter-spacing:2px;
  172. -webkit-border-radius:5px;
  173. -moz-border-radius:5px;
  174. border-radius:5px;
  175. }
  176.  
  177.  
  178.  
  179. /* ENTRIES */
  180.  
  181.  
  182. blockquote {
  183. width:390px;
  184. border-radius:20px;
  185. border-left:2px solid {color:blockquote};
  186. margin-left:2px;
  187. padding-left:9px;
  188. padding-top:1px;
  189. padding-bottom:1px;
  190.  
  191. }
  192.  
  193.  
  194.  
  195. body {
  196. background:{color:background};
  197. background-attachment:fixed;
  198. background-repeat:no-repeat;
  199. background-position: top left; /* you can change this if to TOP or CENTER if you want */
  200. color:{color:text};
  201. font-family:tahoma;
  202. text-align:justify;
  203. font-size:13px;
  204. ;
  205. background-image:url("{image:Background}");
  206.  
  207. margin:0;
  208. padding-top:0;
  209. word-wrap:break-word;};
  210.  
  211.  
  212. }
  213.  
  214.  
  215. /* bold (b), italic (i,em), and underlined (u) */
  216.  
  217.  
  218. er, ber, cer, {
  219. font-weight:normal;
  220. font-size:12px;
  221. text-align:center;
  222. font-style:normal;
  223. font-family: helvetica;
  224. padding-bottom:3px;
  225. line-height:80%;
  226. letter-spacing:3px;
  227. text-transform: uppercase;
  228. color:{color:blockquote};
  229. }
  230.  
  231.  
  232. sub, sup, small {
  233. font-size: 11px;
  234. color:{color:text};
  235. }
  236.  
  237. b, strong {
  238. font-size: 13px;
  239. font-family: 'Fjalla One', sans-serif;
  240. color:{color:bold};
  241. text-shadow: 1px 1px 1px {color:bold shadow};
  242. }
  243.  
  244. i,em{
  245. color:{color:italic};
  246. text-shadow: 0px 0px 2px {color:italic shadow};
  247. font-family: 'Dancing Script', cursive;
  248. font-size:18px;
  249. }
  250.  
  251. code {
  252. font-size: 11px;
  253. }
  254.  
  255.  
  256. big{
  257. color:{color:big};
  258. text-shadow: 0px 0px 2px {color:big shadow};
  259. font-family:georgia, sans-serif;
  260. }
  261.  
  262.  
  263. u{
  264. color:{color:underline};
  265. }
  266.  
  267. pre {
  268. font-family:courier;
  269. text-align:center;
  270. text-transform:uppercase;
  271. font-size:10px;
  272. color:{color:pre text};
  273. background:{color:pre bg};
  274. padding:10px;
  275. padding-left:15px;
  276. padding-right:15px;
  277. word-wrap: break-word;
  278. }
  279.  
  280.  
  281. h1 {
  282. font-family: 'Raleway', sans-serif;
  283. text-transform:uppercase;
  284. text-align: center;
  285. font-size:12px;
  286. line-height:100%;
  287. color: {color:blockquote};
  288. }
  289.  
  290. h2 {
  291. font-size:17px;
  292. color: {color:big};
  293. font-weight:bold;
  294. text-shadow: 0px 0px 2px {color:big shadow}}
  295.  
  296. h3 {
  297. font-size:18px;
  298. font-family: 'georgia', sans-serif;
  299. text-shadow: 0px 0px 3px {color:bold shadow};
  300. text-align:center;
  301. text-transform:lowercase;
  302. font-style:italic;
  303. line-height:100%;
  304. letter-spacing:0px;
  305. padding-bottom:-10px;
  306. color: {color:blockquote};
  307. }
  308.  
  309. h4 {
  310. font-size:11px;
  311. font-family: 'Tahoma'
  312. text-align:center;
  313. text-transform:uppercase;
  314. line-height:100%;
  315. letter-spacing:0px;
  316. font-weight:bold;
  317. color: {color:blockquote};
  318. }
  319.  
  320. h12 {
  321. font-size:16px;
  322. text-align:right;
  323. line-height:100%;
  324. letter-spacing:0px;
  325. font-family: 'IM Fell Double Pica SC', serif;
  326. text-shadow: 0px 2px 2px {color:blockquote};
  327. color:{color:text};
  328. text-transform: uppercase;
  329. }
  330.  
  331. h81 {
  332. font-weight:normal;
  333. font-size:12px;
  334. text-align:center;
  335. font-style:normal;
  336. font-family: helvetica;
  337. padding-bottom:3px;
  338. line-height:80%;
  339. letter-spacing:3px;
  340. text-transform: uppercase;
  341. color:{color:blockquote};
  342. }
  343.  
  344.  
  345. /* Links & hovers */
  346.  
  347.  
  348. a {
  349. color:{color:links};
  350. text-shadow: none;
  351. text-decoration:none;
  352. -moz-transition-duration:1s;
  353. -webkit-transition-duration:1s;
  354. -o-transition-duration:1s;
  355. }
  356.  
  357.  
  358. a:hover {
  359. color:{color:links hover};
  360. text-shadow: none;
  361. /* transition of the image when you hover on it */
  362. -moz-transition-duration:1s;
  363. -webkit-transition-duration:1s;
  364. -o-transition-duration:1s;
  365. }
  366.  
  367. /* Your sidebar, image, description and links */
  368.  
  369.  
  370.  
  371.  
  372. #sidebar {
  373. position:fixed;
  374. margin-left:898px;
  375. width: 190px;
  376. margin-top:158px;
  377. background-color: transparent;
  378. padding:0px 5px 0px;
  379.  
  380.  
  381. }
  382.  
  383.  
  384. .pagination {
  385.  
  386. top:110px;
  387. margin-left:320px;
  388. position: fixed;
  389. text-align: left;
  390. letter-spacing:1px;
  391.  
  392. }
  393.  
  394. .pagination a{
  395. color: {color:pagi};
  396. font-family: 'Dancing Script'; cursive;
  397. letter-spacing:4px;
  398. font-size:10px;
  399. text-shadow: 0px 0px 3px {color:links shadow};}
  400.  
  401. .pagination a:hover{
  402. color:{color:links hover};
  403. -webkit-filter: blur(2px);
  404. -webkit-transition:all .5s ease-in-out;
  405. -moz-transition:all .5s ease-in-out;
  406. transition:all .5s ease-in-out;
  407.  
  408. }
  409.  
  410. #topbar {
  411. position:fixed;
  412. top:295px;
  413. left:470px;
  414. z-index: 9;
  415.  
  416. }
  417.  
  418.  
  419. .user {
  420. position: fixed;
  421. margin-left: -268px;
  422. left:50%;
  423. font-size: 18px;
  424. letter-spacing:-1px;
  425. font-family: 'IM Fell Double Pica SC', serif;
  426. text-transform:uppercase;
  427. line-height: 170%;
  428. text-align: center;
  429. width: 500px;
  430. top:420px;
  431. text-shadow: 0px 0px 2px {color:sidebar shadow};
  432. margin-right: auto;
  433. -ms-transform: rotate(-90deg);
  434. -webkit-transform: rotate(-90deg);
  435. transform: rotate(-90deg);
  436. -webkit-transition: all .5s linear;
  437. }
  438.  
  439. .user a {
  440. padding-left: 5px;
  441. font-size: 40px;
  442. color: {color:sidebar links};
  443. font-family: 'IM Fell Double Pica SC', serif;
  444. text-shadow: none;
  445. text-shadow: 0px 0px 2px {color:sidebar shadow};
  446. width: 500px;
  447. -moz-transition-duration:.5s;
  448. -webkit-transition-duration:.5s;
  449. -o-transition-duration:.5s;
  450.  
  451. }
  452.  
  453. .user a:hover {
  454. padding-left: 5px;
  455. color: {color:sidebar hover};
  456. text-shadow: 0px 0px 2px {color:sidebar shadow};
  457. -moz-transition-duration:.9s;
  458. -webkit-transition-duration:.9s;
  459. -o-transition-duration:.9s;
  460. }
  461.  
  462. /* JUMBLED LINKS */
  463.  
  464.  
  465.  
  466. .alinks {
  467. position:fixed;
  468. text-shadow: 0px 0px 0px #000;
  469. left:415px;
  470. top:20px;
  471. transform: rotate(-90deg);
  472. font-family: 'Montserrat', sans-serif;
  473. font-size: 40px;}
  474.  
  475.  
  476. .alinks a {
  477. padding:10px;
  478. color:#382851;
  479. margin-right:0px;
  480. -webkit-filter: blur(0px);
  481. -webkit-transition: 0.8s ease-in;
  482. -moz-transition: 1s ease-in;
  483. transition: 1s ease-in;
  484. }
  485.  
  486. .alinks a:hover {
  487. -webkit-transition: all 0.6s ease-in-out;
  488. -webkit-filter: blur(1px);
  489. -moz-transition: all 0.6s ease-in-out;
  490. -o-transition: all 0.6s ease-in-out;
  491. -ms-transition: all 0.6s ease-in-out;
  492. transition: all 0.6s ease-in-out;
  493. color: #bf705c;
  494. text-shadow: 0px 0px 0px #000;
  495. }
  496.  
  497.  
  498.  
  499.  
  500. .blinks {
  501. position:fixed;
  502. text-shadow: 0px 0px 0px #000;
  503. left:385px;
  504. top:38px;
  505. transform: rotate(-90deg);
  506. font-family: 'Montserrat', sans-serif;
  507. font-size: 40px;}
  508.  
  509.  
  510. .blinks a {
  511. padding:10px;
  512. color:#382851;
  513. margin-right:0px;
  514. -webkit-filter: blur(0px);
  515. -webkit-transition: 0.8s ease-in;
  516. -moz-transition: 1s ease-in;
  517. transition: 1s ease-in;
  518. }
  519.  
  520. .blinks a:hover {
  521. -webkit-transition: all 0.6s ease-in-out;
  522. -webkit-filter: blur(1px);
  523. -moz-transition: all 0.6s ease-in-out;
  524. -o-transition: all 0.6s ease-in-out;
  525. -ms-transition: all 0.6s ease-in-out;
  526. transition: all 0.6s ease-in-out;
  527. color: #b96c7c;
  528. text-shadow: 0px 0px 0px #000;
  529. }
  530.  
  531.  
  532.  
  533.  
  534. .clinks {
  535. position:fixed;
  536. text-shadow: 0px 0px 0px #000;
  537. left:360px;
  538. top:63px;
  539. transform: rotate(-90deg);
  540. font-family: 'Montserrat', sans-serif;
  541. font-size: 40px;}
  542.  
  543.  
  544. .clinks a {
  545. padding:10px;
  546. color:#382851;
  547. margin-right:0px;
  548. -webkit-filter: blur(0px);
  549. -webkit-transition: 0.8s ease-in;
  550. -moz-transition: 1s ease-in;
  551. transition: 1s ease-in;
  552. }
  553.  
  554. .clinks a:hover {
  555. -webkit-transition: all 0.6s ease-in-out;
  556. -webkit-filter: blur(1px);
  557. -moz-transition: all 0.6s ease-in-out;
  558. -o-transition: all 0.6s ease-in-out;
  559. -ms-transition: all 0.6s ease-in-out;
  560. transition: all 0.6s ease-in-out;
  561. color: #9f668d;
  562. text-shadow: 0px 0px 0px #000;
  563. }
  564.  
  565.  
  566.  
  567.  
  568. .dlinks {
  569. position:fixed;
  570. text-shadow: 0px 0px 0px #000;
  571. left:340px;
  572. top:90px;
  573. transform: rotate(-90deg);
  574. font-family: 'Montserrat', sans-serif;
  575. font-size: 40px;}
  576.  
  577.  
  578. .dlinks a {
  579. padding:10px;
  580. color:#382851;
  581. margin-right:0px;
  582. -webkit-filter: blur(0px);
  583. -webkit-transition: 0.8s ease-in;
  584. -moz-transition: 1s ease-in;
  585. transition: 1s ease-in;
  586. }
  587.  
  588. .dlinks a:hover {
  589. -webkit-transition: all 0.6s ease-in-out;
  590. -webkit-filter: blur(1px);
  591. -moz-transition: all 0.6s ease-in-out;
  592. -o-transition: all 0.6s ease-in-out;
  593. -ms-transition: all 0.6s ease-in-out;
  594. transition: all 0.6s ease-in-out;
  595. color: #3a6592;
  596. text-shadow: 0px 0px 0px #000;
  597. }
  598.  
  599.  
  600.  
  601.  
  602. #container {
  603. left:340px;
  604. height: 405px;
  605. width: 450px;
  606. text-align:justify;
  607. font-family:calibri;
  608. text-transform: auto;
  609. position: fixed;
  610. margin-left:-73px;
  611. margin-top:327px; /* this could be changed for this bottom:-2px;; */
  612. overflow: auto;
  613. }
  614.  
  615.  
  616. #post {
  617. width:397px;
  618. margin-top:0px;
  619. text-align:justify;
  620. font-size:11px;
  621. line-height:110%;
  622. letter-spacing:0px;
  623. color:{color:text};
  624. margin-bottom: 15px;
  625. text-transform: auto;
  626. padding: 2px;
  627. margin-left: auto;
  628. margin-right: auto;
  629. }
  630.  
  631. #posts img {
  632. height:auto;
  633. max-width:100%;
  634. }
  635.  
  636.  
  637. #entries {
  638. width;400px
  639. height;350px
  640. }
  641.  
  642. #photo img {
  643. width:100%;
  644. -webkit-border-radius:5px;
  645. -moz-border-radius:5px;
  646. border-radius:5px;
  647. }
  648.  
  649.  
  650. .caption {
  651. width:{select:Post size}px;
  652. text-align:justify;
  653. line-height:120%;
  654. }
  655.  
  656. #asker {
  657. font-family: 'Bangers', cursive;
  658. font-size:13px;
  659. text-align:right;
  660. margin-left:15px;
  661. text-transform:auto;
  662. color: {color:bold};
  663. letter-spacing:3px
  664.  
  665.  
  666. }
  667.  
  668. #asker a{
  669. color: {color:bold};
  670. font-family: 'Dancing Script', cursive;
  671. letter-spacing: 2px;
  672.  
  673. font-size:20px;
  674. text-shadow: 0px 0px 3px {color:bold shadow};
  675. }
  676.  
  677. #asker a:hover {
  678. color: {color:links hover};
  679. letter-spacing: 3px;
  680. }
  681.  
  682. #ask {
  683. font-family: tahoma
  684. font-size:10px;
  685. text-align:center;
  686. padding-top: 5px;
  687. margin-left:5px;
  688. text-transform:auto;
  689. line-height:130%;
  690. padding:8px;
  691. background:url("{image:ask}");
  692. color:{color:ask text};
  693. text-transform: uppercase;
  694. border:3px {color:ask border} solid;
  695. border-top-left-radius:20px;
  696. border-bottom-right-radius:20px;
  697. }
  698.  
  699. .ans {
  700. text-align:left;
  701. padding:10px;
  702.  
  703. }
  704.  
  705. .audio {
  706. width:250px;
  707. padding-bottom:10px;
  708. }
  709.  
  710.  
  711. .playercontainer {
  712. text-align:left;
  713. padding:10px;
  714. width:240px;
  715. }
  716.  
  717. .audioinfo {
  718. padding:10px;
  719. color:{color:text};
  720. }
  721.  
  722.  
  723. .note {
  724. text-transform:uppercase;
  725. font-style:normal;
  726. letter-spacing:0px;
  727. font-size: 9px;
  728. text-align:left;
  729. line-height:90%;
  730. margin-left:-40px;
  731. }
  732.  
  733. .note li {
  734. list-style-type:none;
  735. padding:10px 25px 10px 25px;
  736. text-align:left;
  737. margin:0px;
  738. -moz-transition-duration:0.5s;
  739. -webkit-transition-duration:0.5s;
  740. -o-transition-duration:0.5s;
  741. }
  742.  
  743. #info {
  744. font-family: 'VT323',serif ;
  745. width:380px;
  746. margin-top:8px;
  747. padding-top:4px;
  748. margin-left:auto;
  749. margin-right:auto;
  750. padding-BOTTOM:1px;
  751. font-size:14px;
  752. color:{color:info text};
  753. text-transform:uppercase;
  754. letter-spacing:1px;
  755. font-style:normal;
  756. text-align:center;
  757. padding:4px;
  758. background:url("{image:info}");
  759. opacity: 100%;
  760. BORDER:2px solid {color:info border};
  761. -moz-transition-duration:0.2s;
  762. -webkit-transition-duration:0.2s;
  763. -o-transition-duration:0.2s;
  764. }
  765.  
  766. #info a {
  767. font-size:15px;
  768. color:{color:info text};
  769. text-shadow: 0px 0px 3px {color:info link shadow};
  770. padding:5px;
  771. font-style:normal;
  772. }
  773.  
  774. #info a:hover {
  775. color:{color:tags hover};
  776. -webkit-filter: blur(0px);
  777. -moz-transition-duration:0.2s;
  778. -webkit-transition-duration:0.2s;
  779. -o-transition-duration:0.2s;
  780. }
  781.  
  782. .tags {
  783. width:380px;
  784. text-transform:uppercase;
  785. margin-left:auto;
  786. margin-right:auto;
  787. padding:3px;
  788. font-size:12px;
  789. font-style:normal;
  790. font-family: helvetica;
  791. padding-top:4px;
  792. line-height:100%;
  793. color:{color:tags};
  794. font-size:12px;
  795. text-align:center;
  796. opacity:0;
  797. -moz-transition-duration:.7s;
  798. -webkit-transition-duration:.7s;
  799. -o-transition-duration:.7s;
  800.  
  801. }
  802.  
  803. .tags a{
  804. font-size:9px;
  805. font-family: helvetica;
  806. text-transform:none;
  807. font-weight:0;
  808. font-weight:none;
  809. text-shadow: none;
  810. color:{color:tags};
  811. opacity:0.5;
  812. font-weight:none;
  813.  
  814. }
  815. .tags a:hover{
  816. color:{color:tags hover};
  817. opacity:1;
  818. font-weight:none;
  819. -moz-transition-duration:0.8s;
  820. -webkit-transition-duration:0.8s;
  821. -o-transition-duration:0.8s;
  822.  
  823. }
  824.  
  825. #post:hover .tags {
  826. opacity:1;
  827. -moz-transition-duration:1.2s;
  828. -webkit-transition-duration:1.2s;
  829. -o-transition-duration:1.2s;
  830. }
  831.  
  832.  
  833. /* Quote & Source */
  834.  
  835. .quotemarkleft {
  836. font-size: 80px;
  837. font-family: 'Georgia';
  838. font-weight: bold;
  839. line-height: 100px;
  840. position: relative;
  841. margin: 0px 0 -70px 30px;
  842. color: #7c373d;
  843. opacity: 0.9;
  844. }
  845.  
  846. .quotemarkright {
  847. font-family: 'Georgia';
  848. font-size: 80px;
  849. font-weight: bold;
  850. padding-right: 0px;
  851. line-height: 30px;
  852. text-align: right;
  853. position: relative;
  854. margin:0 30px 0 -10px;
  855. color: #7c373d;
  856. opacity: 0.97;
  857. }
  858.  
  859.  
  860. #quote{
  861. font-family:crimson text;
  862. text-align:center;
  863. font-size:25px;
  864. line-height:18px;
  865. font-weight:bold;
  866. font-style:italic;
  867. z-index:999;
  868. }
  869.  
  870.  
  871.  
  872.  
  873. .credit {
  874. position:fixed;
  875. font-family: 'Alex Brush', cursive;
  876. color:{color:bold};
  877. font-size:16px;
  878. font-weight:bold;
  879. line-height:100%;
  880. letter-spacing:0px;
  881. right:7px;
  882. bottom:5px;
  883. text-align:center;
  884. text-shadow:0 0 3px {color:bold};
  885. -webkit-transition: all 0.5s ease-in-out;
  886. -moz-transition: all 0.5s ease-in-out;
  887. -o-transition: all 0.5s ease-in-out;
  888. -ms-transition: all 0.5s ease-in-out;
  889. transition: all 0.5s ease-in-out;
  890. }
  891.  
  892. .credit:hover {
  893. color:transparent;
  894. text-shadow:0 0 7px {color:bold shadow};
  895. -webkit-transition: all 0.5s ease-in-out;
  896. -moz-transition: all 0.5s ease-in-out;
  897. -o-transition: all 0.5s ease-in-out;
  898. -ms-transition: all 0.5s ease-in-out;
  899. transition: all 0.5s ease-in-out;
  900. }
  901.  
  902.  
  903.  
  904. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  905.  
  906.  
  907. ::selection {
  908. color: #ffffff;
  909. background: transparent;
  910. text-shadow: 0 0 2px #534552;
  911. }
  912.  
  913.  
  914. /************** FLAGS UPDATES TAB **************/
  915. /* tutorial by deanlirium|tumblr (clarence.tk) */
  916.  
  917. #flags {
  918. position:fixed;
  919. top:10px; /* distance from the top of the page - adjust as you wish! */
  920. left:-10px;
  921. text-align:center;
  922.  
  923. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  924. font-size:8px; /* adjust font size */
  925. letter-spacing:1px;
  926. z-index:2147483607;
  927. font-family:calibri;}
  928.  
  929.  
  930. #flag1 {
  931. border:solid 6px #b96c7c; /* flag color */
  932. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  933. padding-left:10px;
  934. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  935. height:0px;
  936. position:absolute;
  937. -moz-transition:all 0.7s ease-out;
  938. -webkit-transition:all 0.7s ease-out;
  939. -o-transition:all 0.7s ease-out;}
  940.  
  941. #flag1:hover {
  942. width:140px;} /* lenght of the OPEN flag */
  943.  
  944. #upd1 {
  945. position:absolute;
  946. width:110px;
  947. padding:10px;
  948. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  949. left:-140px;
  950. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  951. opacity:0;
  952. -moz-transition:all 0.7s ease-out;
  953. -webkit-transition:all 0.7s ease-out;
  954. -o-transition:all 0.7s ease-out;}
  955.  
  956. #flag1:hover #upd1{
  957. left:0px;
  958. opacity:1;}
  959.  
  960. /* following is the coding for the other flags - same as above! */
  961.  
  962. #flag2 {
  963. border:solid 6px #9f668d;
  964. margin-top:20px;
  965. position:absolute;
  966. border-right:solid 6px transparent;
  967. padding-left:10px;
  968. width:20px;
  969. height:0px;
  970. -moz-transition:all 0.7s ease-out;
  971. -webkit-transition:all 0.7s ease-out;
  972. -o-transition:all 0.7s ease-out;}
  973.  
  974. #flag2:hover {
  975. width:140px;}
  976.  
  977. #upd2 {
  978. position:absolute;
  979. width:110px;
  980. padding:10px;
  981. padding-left:60px;
  982. left:-140px;
  983. margin-top:6px;
  984. opacity:0;
  985. -moz-transition:all 0.7s ease-out;
  986. -webkit-transition:all 0.7s ease-out;
  987. -o-transition:all 0.7s ease-out;}
  988.  
  989. #flag2:hover #upd2{
  990. left:0px;
  991. opacity:1;}
  992.  
  993. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  994.  
  995. #flag3 {
  996. border:solid 6px #3a6592;
  997. position:absolute;
  998. margin-top:40px; /* this one! */
  999. border-right:solid 6px transparent;
  1000. padding-left:10px;
  1001. width:20px;
  1002. height:0px;
  1003. -moz-transition:all 0.7s ease-out;
  1004. -webkit-transition:all 0.7s ease-out;
  1005. -o-transition:all 0.7s ease-out;}
  1006.  
  1007. #flag3:hover {
  1008. width:140px;}
  1009.  
  1010. #upd3 {
  1011. position:absolute;
  1012. width:110px;
  1013. padding:10px;
  1014. padding-left:60px;
  1015. left:-140px;
  1016. margin-top:6px;
  1017. opacity:0;
  1018. -moz-transition:all 0.7s ease-out;
  1019. -webkit-transition:all 0.7s ease-out;
  1020. -o-transition:all 0.7s ease-out;}
  1021.  
  1022. #flag3:hover #upd3{
  1023. left:0px;
  1024. opacity:1;}
  1025.  
  1026. /* to here */
  1027.  
  1028. </style></head><body>
  1029.  
  1030. <!-- SCM Music Player http://scmplayer.net -->
  1031. <script type="text/javascript" src="http://scmplayer.net/script.js"
  1032. data-config="{'skin':'http://static.tumblr.com/qft2cvq/w5Zn26xbc/skin-2.css','volume':100,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=IXJuAP3nzR0'}]}" ></script>
  1033. <!-- SCM Music Player script end -->
  1034.  
  1035.  
  1036.  
  1037.  
  1038. <div id="flags">
  1039. <div id="flag1"><div id="upd1">
  1040.  
  1041. indie & selective fandomless original character.<br> written by <i>peach</i>.
  1042.  
  1043. </div></div>
  1044.  
  1045. <div id="flag2"><div id="upd2">
  1046.  
  1047. please read rules & about before following
  1048.  
  1049. </div></div>
  1050.  
  1051. <!---- if you want more flags, copy from here ---->
  1052.  
  1053. <div id="flag3"><div id="upd3">
  1054.  
  1055. <i>est. 01.13.17</i>
  1056.  
  1057. </div></div>
  1058.  
  1059. <!---- to here and change the numbers according to your css! ---->
  1060.  
  1061. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  1062.  
  1063. </div>
  1064.  
  1065.  
  1066. <div class="credit"><a href="http://whiiitthemore.tumblr.com/" title="theme by whiiitthemore"><span class="credit">W</span></a></div>
  1067.  
  1068. <div id="sidebar">
  1069.  
  1070. <div class="alinks">
  1071. <a href="/" title="un">★</a>
  1072. </div>
  1073.  
  1074.  
  1075. <div class="blinks">
  1076. <a href="/ask" title="dux">★</a>
  1077. </div>
  1078.  
  1079.  
  1080. <div class="clinks">
  1081. <a href="/r." title="trois">★</a>
  1082. </div>
  1083.  
  1084.  
  1085. <div class="dlinks">
  1086. <a href="/a." title="quatre">★</a>
  1087. </div>
  1088.  
  1089.  
  1090.  
  1091. </div>
  1092.  
  1093.  
  1094. </div>
  1095.  
  1096. <div class="pagination">
  1097.  
  1098. <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>
  1099. </div></div></div>
  1100.  
  1101. </div>
  1102.  
  1103. <div id="container">
  1104.  
  1105. <div id="entries">
  1106.  
  1107. {block:Posts}
  1108.  
  1109. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  1110.  
  1111. <div id="post">
  1112.  
  1113. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1114.  
  1115. <!--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 -->
  1116.  
  1117. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1118.  
  1119.  
  1120. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1121.  
  1122.  
  1123. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1124.  
  1125. <!-- only on those three -->
  1126.  
  1127. {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}
  1128.  
  1129. {block:Link}<h1><a href="{URL}" {Target}>{name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1130.  
  1131. {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}
  1132.  
  1133. {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}
  1134. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1135.  
  1136.  
  1137.  
  1138. {block:Answer}
  1139. <div id="ask">{question}</div>
  1140. <div id="asker">{Asker}</div>
  1141. {Answer}{/block:Answer}
  1142.  
  1143. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">★</a>
  1144. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">★</a> {/block:NoteCount}
  1145.  
  1146. {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>
  1147.  
  1148. {block:HasTags}
  1149. <div class="tags">
  1150. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1151. {/block:HasTags}
  1152. </div>
  1153. </div>
  1154.  
  1155. <div class="postnote">
  1156. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1157.  
  1158.  
  1159. {/block:Posts}
  1160.  
  1161.  
  1162. </div>
  1163.  
  1164.  
  1165. </div></div>
  1166.  
  1167.  
  1168. <!-- SCRIPTS -->
  1169.  
  1170. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1171. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1172.  
  1173. <script>
  1174. (function($){
  1175. $(document).ready(function(){
  1176. $("[title]").style_my_tooltips({
  1177. tip_follows_cursor:true,
  1178. tip_delay_time:90,
  1179. tip_fade_speed:600,
  1180. attribute:"title"});
  1181. });})(jQuery);
  1182. </script>
  1183.  
  1184. </div>
  1185.  
  1186.  
  1187.  
  1188.  
  1189. </body>
  1190. </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!