API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2016
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. THEME BY
  5. █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░░█ █░▀░█ █░░█ ░█░ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. DO NOT REMOVE CREDIT
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21.  
  22. <link href='https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,900' rel='stylesheet' type='text/css'>
  23. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/ycoy7yx/qWXntupl5/jquery.style-my-tooltips.js"></script>
  26. <link href="http://static.tumblr.com/ycoy7yx/3Iwntxr3c/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  27. <!-- S C R I P T S -->
  28. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29. <script>
  30. $(document).ready(function() {
  31. //
  32. $('a.poplight[href^=#]').click(function() {
  33. var popID = $(this).attr('rel'); //Get Popup Name
  34. var popURL = $(this).attr('href'); //Get Popup href to define size
  35. var query= popURL.split('?');
  36. var dim= query[1].split('&');
  37. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  38. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  39. var popMargTop = ($('#' + popID).height() + 80) / 2;
  40. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  41. //Apply Margin to Popup
  42. $('#' + popID).css({
  43. 'margin-top' : -popMargTop,
  44. 'margin-left' : -popMargLeft
  45. });
  46. $('body').append('<div id="fade"></div>');
  47. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  48. return false;
  49. });
  50. $('a.close, #fade').live('click', function() {
  51. $('#fade , .popup_block').fadeOut(function() {
  52. $('#fade, a.close').remove(); //fade them both out
  53. });
  54. return false;
  55. });
  56. });
  57. </script>
  58.  
  59. <script>
  60. $(document).ready(function() {
  61. $(".about").click(function() {
  62. $("#about").fadeIn("slow");
  63. $("#faq, #ask, #links, #blogroll").fadeOut(0);
  64. });
  65. $(".faq").click(function() {
  66. $("#faq").fadeIn("slow");
  67. $("#about, #ask, #links, #blogroll").fadeOut(0);
  68. });
  69. $(".ask").click(function() {
  70. $("#ask").fadeIn("slow");
  71. $("#faq, #about, #links, #blogroll").fadeOut(0);
  72. });
  73. $(".links").click(function() {
  74. $("#links").fadeIn("slow");
  75. $("#faq, #ask, #about, #blogroll").fadeOut(0);
  76. });
  77. $(".blogroll").click(function() {
  78. $("#blogroll").fadeIn("slow");
  79. $("#faq, #ask, #links, #about").fadeOut(0);
  80. });
  81. });
  82. </script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:10,
  89. tip_fade_speed:300,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96. <!-- C O L O U R S -->
  97. <meta name="color:background" content="#1f1f1f"/>
  98. <meta name="color:links" content="white"/>
  99. <meta name="color:linkh" content="black"/>
  100. <meta name="color:title" content="white"/>
  101. <meta name="color:accent" content="#4b3058"/>
  102. <meta name="color:text" content="#c2c2c2"/>
  103. <meta name="color:blockline" content="#4b3058"/>
  104. <meta name="color:blockcolour" content="#0c0c0c"/>
  105. <meta name="color:bold" content="#5d4469"/>
  106. <meta name="color:italic" content="white"/>
  107. <meta name="color:navlinks" content="#888888"/>
  108.  
  109. <!-- I M A G E S -->
  110. <meta name="image:background" content="http://static.tumblr.com/909a8c0064a9c5471d55903106138e31/jlxoeum/wWlnvt8nk/tumblr_static_1wsnd3ydlo2s0gs8wscwskc8.png"/>
  111. <meta name="image:info" content="http://static.tumblr.com/1b7eaab9b16a4b2da7b8d0b5faecc192/jlxoeum/cGYnvt8nk/tumblr_static_c5hvtrm355w0oo84kk8808c8s.png"/>
  112.  
  113. <!-- C O N T R O L S -->
  114. <meta name="text:entriesleft" content="400px"/>
  115. <meta name="text:entriestop" content="220px"/>
  116. <meta name="text:boxheight" content="400px"/>
  117. <meta name="text:accent" content="rgba(116,60,150,.4)"/>
  118. <meta name="text:backgrounds" content="rgba(32,32,32,.8)"/>
  119.  
  120. <!-- L I N K S -->
  121. <meta name="text:link1URL" content="/"/>
  122. <meta name="text:link1name" content="home"/>
  123. <meta name="text:link2URL" content="/ask"/>
  124. <meta name="text:link2name" content="message"/>
  125. <meta name="text:link3name" content="bio"/>
  126. <meta name="text:link4name" content="nav"/>
  127. <meta name="text:link5name" content="rules"/>
  128. <meta name="text:link6name" content="verses"/>
  129.  
  130. <!---- U P D A T E S --->
  131. <meta name="text:tab1name" content="TAB ONE"/>
  132. <meta name="text:tab2name" content="TAB TWO"/>
  133. <meta name="text:tab3name" content="TAB THREE"/>
  134. <meta name="text:tab4name" content="TAB FOUR"/>
  135. <meta name="text:tab1text" content="TEXT TEXT"/>
  136. <meta name="text:tab2text" content="TEXT TEXT"/>
  137. <meta name="text:tab3text" content="TEXT TEXT"/>
  138. <meta name="text:tab4text" content="TEXT TEXT"/>
  139.  
  140. <!---- P O P U P S --->
  141. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  142. <meta name="text:box2" content="insert html"/>
  143. <meta name="text:box3" content="insert html"/>
  144. <meta name="text:box4" content="insert html"/>
  145.  
  146. <!-- F O N T S -->
  147. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  148. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  149.  
  150.  
  151. <!---- O T H E R --->
  152. <meta name="text:url" content="insert username"/>
  153.  
  154. <!-- S L I D E -->
  155. <meta name="if:previ" content=""/>
  156. <meta name="if:grey" content=""/>
  157.  
  158. <style type="text/css">
  159.  
  160.  
  161.  
  162. @font-face
  163. { font-family: "04b03";
  164. src:url('http://static.tumblr.com/5fd89aw/aFUlmf7ca/04b03.ttf');}
  165.  
  166. /* popups */
  167.  
  168.  
  169. header, footer, .controls {
  170. width: 300px;
  171. margin: 50px auto;
  172. height: 50px;
  173. border: 1px solid rgba(220,220,220,1);
  174. letter-spacing: 1px;
  175. background:#000;
  176. font-family:arial black;
  177. padding: 10px;
  178. }
  179. header {
  180. margin-top: -10px;
  181. }
  182. .controls {
  183. margin-top: -20px;
  184. }
  185. footer {
  186. letter-spacing:none;
  187. font-family: 'Raleway';
  188. padding: 10px;
  189. height: 250px;
  190. }
  191. header ul {
  192. padding-left: 0px;
  193. text-align:center;
  194. text-transform:uppercase;
  195. }
  196. header a {
  197. color: #fff;
  198. transition: .5s ease;
  199. }
  200. header a:hover {
  201. color: #000;
  202. }
  203. header li {
  204. display:inline-block;
  205. border-bottom: 1px solid rgba(220,220,220,1);
  206. margin: 5px 20px;
  207. transition: 1s ease;
  208. }
  209. header li:hover {
  210. border-bottom: 1px solid rgba(200,200,250,1);
  211. }
  212. #about, #faq, #ask, #links, #blogroll {
  213. margin: 10px;
  214. padding: 20px;
  215. display:none;
  216. height: 200px;
  217. overflow:auto;
  218. }
  219. .f {
  220. padding: 2px;
  221. line-height: 20px;
  222. font-weight: bold;
  223. }
  224. .a, blockquote {
  225. margin: 10px 0px 10px 20px;
  226. border-left: 1px solid rgba(220,220,220,1);
  227. width: auto;
  228. padding: 5px;
  229. }
  230.  
  231. .lc {
  232. line-height: 20px;
  233. text-transform:none;
  234. text-align:left;
  235. margin-left: 20px;
  236. }
  237. .lc a {
  238. text-decoration:none;
  239. display:inline-block;
  240. margin-right: 10px;
  241. transition: .54s ease-in-out;
  242. }
  243. .lc a:after {
  244. content: ' ';
  245. display: block;
  246. height: 1px;
  247. width: 0;
  248. background: rgba(220,220,220,1);
  249. transition: .5s ease;
  250. }
  251. .lc a:hover:after {
  252. width: 100%;
  253. }
  254. #about img {
  255. float:right;
  256. height: 100px;
  257. border-radius: 100%;
  258. }
  259. #faq img {
  260. float:right;
  261. height: 100px;
  262. border-radius: 100%;
  263. }
  264.  
  265. #ask img {
  266. float:right;
  267. height: 100px;
  268. border-radius: 100%;
  269. }
  270.  
  271. #links img {
  272. float:right;
  273. height: 100px;
  274. border-radius: 100%;
  275. }
  276. #about {
  277. display:block;
  278. }
  279. #ditt {
  280. position: fixed;
  281. bottom: 0px;
  282. left: 5px;
  283. font-weight: bold;
  284. text-decoration:none;
  285. z-index: 5;
  286. }
  287. .controls {
  288. background: white;
  289. border:none;
  290. }
  291. #co, #coc {
  292. background:rgba(250,250,250,1);
  293. border: 1px solid rgba(220,220,220,1);
  294. display:inline-block;
  295. margin: 0px 10px;
  296. padding: 15px;
  297. width: auto;
  298. height: 10px;
  299. text-align:center;
  300. }
  301. #co {
  302. position: relative;
  303. top: 9px;
  304. }
  305. #co p {
  306. vertical-align: top;
  307. margin-top: 0px;
  308. }
  309. .controls a {
  310. color: rgba(180,180,180,1);
  311. font-size: 8px;
  312. text-transform:uppercase;
  313. letter-spacing: 1px;
  314. text-decoration:none;
  315. padding: 9px;
  316. }
  317. #search input {
  318. background-color: rgba(250,250,250,1);
  319. border: 0px;
  320. font-size: 8px;
  321. position: relative;
  322. top: 0px;
  323. text-transform: uppercase;
  324. text-align:center;
  325. width: 90px;
  326. color: rgba(180,180,180,1);
  327. letter-spacing: 1px;
  328. }
  329. input::-webkit-input-placeholder {
  330. font-family: 'Playfair Display SC';
  331. }
  332. #search input[type=text] {
  333. vertical-align: top;
  334. margin-top: 0px;
  335. }
  336. input:focus {
  337. outline:none !important;
  338. }
  339.  
  340. .popup_block{
  341. display:none;
  342. no-repeat;
  343. padding:20px;
  344. float:left;
  345. height:350px;
  346. position:fixed;
  347. overflow: fit;
  348. font-size: 10px;
  349. font-family:calibri;
  350.  
  351. top:40%;left:40%;
  352. z-index: 99999;
  353. }
  354.  
  355.  
  356.  
  357. *html #fade {position: absolute;}
  358. *html .popup_block {position: absolute;}
  359. #fade {
  360. display:none;
  361. position:fixed;
  362. left:0px;
  363. top:0px;
  364. width:100%;
  365. height:100%;
  366. z-index:9999;
  367. background:#000000; /* change to #fff for solid white */
  368. opacity:.4; /* change to opacity:1; */
  369. }
  370.  
  371. img.btn_close {
  372. float: right;
  373. margin: -55px -55px 0 0; opacity: 0;
  374. }
  375.  
  376.  
  377.  
  378.  
  379. #continue {
  380. margin-top:10px;
  381. }
  382.  
  383. #titless { display:inline-block;
  384. background-color:#00000;
  385. width:370px; font-family: calibri;
  386. padding:5px;
  387. color:#ffffff;
  388. letter-spacing:2px;
  389. font-size:8px;
  390. text-transform:uppercase;
  391. text-align:center; }
  392.  
  393. #continue a {
  394. display:inline-block;
  395. background-color:#94adac;
  396. width:70px; font-family: calibri;
  397. padding:5px;
  398. color:#ffffff;
  399. letter-spacing:2px;
  400. font-size:8px;
  401. text-transform:uppercase;
  402. text-align:center;
  403. border-bottom:2px solid transparent;
  404. -webkit-transition: all 0.3s ease-in-out;
  405. -moz-transition: all 0.3s ease-in-out;
  406. transition: all 0.3s ease-in-out;
  407. }
  408.  
  409. .links2 { font-family: cambria; font-size: 10px; font-style:italic; letter-spacing:2px; color: #8b8888;text-transform: lowercase; }
  410.  
  411. .links2 a { display: block; text-align:center;padding: 10px; margin: 5px;color:#fff; font-style:italic; letter-spacing:2px; color: #8b8888; border-bottom: 1px solid #f1f1f1;}
  412.  
  413. a:hover {
  414. color: {color:Hover Link};
  415. -webkit-transition: all 0.5s ease;
  416. -moz-transition: all 0.5s ease;
  417. transition: all 0.5s ease;
  418. }
  419.  
  420.  
  421. /*---- S C R O L L ---*/
  422. ::-webkit-scrollbar-thumb:vertical {
  423. background-color: #000;
  424. border-radius: 1px;
  425. height: 10px;
  426. }
  427.  
  428. ::-webkit-scrollbar-thumb:horizontal {
  429. background-color: rgba(31,31,31,.1);
  430. height:3px!important;
  431. }
  432.  
  433. ::-webkit-scrollbar {
  434. background-color: rgba(31,31,31,.1);
  435. height:3px;
  436. width:1px;
  437. }
  438.  
  439. /*---- S E L E C T ---*/
  440.  
  441. ::selection
  442. {
  443. opacity: 1;
  444. background: #000;
  445. color: #7b7b7b;
  446. }
  447.  
  448. ::-moz-selection
  449. {
  450. opacity: 1;
  451. background: #000;
  452. color: #7b7b7b;
  453. }
  454.  
  455. p::selection
  456. {
  457. opacity: 1;
  458. background: #000;
  459. color: #7b7b7b;
  460. }
  461.  
  462. p::-moz-selection
  463. {
  464. opacity: 1;
  465. background: #464133;
  466. color: #7b7b7b;
  467. }
  468.  
  469. /*---- T O O L T I P ---*/
  470.  
  471. div#qTip
  472. {
  473.  
  474. border-radius: 3px;
  475. border: 2px solid #7b7b7b;
  476. text-align: center;
  477. font-size: 10px;
  478. text-transform: uppercase;
  479. display: none;
  480. position: fixed;
  481. z-index: 9999999999999999999999;
  482. margin: 2px;
  483. color:{color:text};
  484. font-weight: bold;
  485. padding: 2px;
  486. }
  487.  
  488. /*---- C U R S O R ---*/
  489.  
  490. body {
  491. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), default;
  492. }
  493.  
  494. /*---- M A I N T H E M E ---*/
  495.  
  496. body {
  497. background: url("{image:background}") {color:background};
  498. background-attachment: fixed;
  499. background-repeat: no-repeat;
  500. margin:0px;
  501. color:{color:text};
  502. font-family: arial;
  503. font-size: 11px;
  504. line-height:100%;
  505. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  506. {block:IfNotPrevi}
  507. overflow: hidden;
  508. {/block:IfNotPrevi}
  509. }
  510.  
  511. sub, sup, small {
  512. font-size: 11px;
  513. }
  514. a {
  515. color: {color:links};
  516. text-decoration: none;
  517. -webkit-transition-duration: 1s; /* Safari */
  518. transition-duration: 1s;
  519. }
  520.  
  521. a:hover{
  522. color: {color:linkh};
  523. text-shadow: 0px 0px 10px {color:linkh};
  524. }
  525.  
  526. b, strong {
  527. color: {color:bold};
  528. font-family:Calligraffitti;
  529. text-shadow: 1px 1px 3px #333, 0px 0px 15px #fff;
  530. font-weight: bold;
  531. font-size:14px;
  532. letter-spacing:1px;
  533. text-transform:lowercase;
  534. }
  535.  
  536. em, i, italic {
  537. text-size:9px;/* THE SIZE OF ITALIC TEXT */
  538. font-family:arial;/* THE FONT OF ITALIC TEXT */
  539. color:{color:italic};/* THE COLOR OF ITALIC TEXT */
  540. }
  541.  
  542. h1 i, h1 em, h2 i, h2 em, #ocehans i, #ocehans em {
  543. font-family: arial black;
  544. font-size: 100%;
  545. }
  546.  
  547.  
  548. pre {
  549. font-family: arial black;
  550. background-color: rgba(32,32,32,.5);
  551. padding: 7px;
  552. border-radius: 10px;
  553. border: 1px solid {text:accent};
  554. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  555. font-size: 11px;
  556. line-height: 100%;
  557. }
  558.  
  559. #posts img {
  560. max-width: 100%;
  561. }
  562.  
  563. h1{
  564. color: #b1b1b1;
  565. text-align: center;
  566. text-transform: uppercase;
  567. background: {color:accent};
  568. height:25px;
  569. font-size: 10px;
  570. padding: 10px;
  571. border-radius: 10px;
  572. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  573. background-image: url("{image:info}");
  574. }
  575.  
  576. h2{
  577. color: {color:title};
  578. font-size: 20px;
  579. text-align: center;
  580. line-height: 100%;
  581. text-transform: uppercase;
  582. }
  583.  
  584. h3{
  585. text-align: center;
  586. line-height: 100%;
  587. }
  588.  
  589. blockquote{
  590. border-left: 1px solid {color:blockline};
  591.  
  592. padding: 10px;
  593. margin-left:3px;
  594. margin-right: 3px;
  595.  
  596. }
  597.  
  598. #info{
  599. color: {color:title};
  600. text-align: center;
  601. margin-top: 10px;
  602. text-transform: uppercase;
  603. background: {color:accent};
  604. line-height: 100%;
  605. padding: 10px;
  606. border-radius: 10px;
  607. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  608. background-image: url("{image:info}");
  609. }
  610.  
  611. #tagooo{
  612. text-align: center;
  613. text-transform: uppercase;
  614. margin-top: 5px;
  615. font-size: 10px;
  616. }
  617.  
  618.  
  619.  
  620. #navigate {
  621. margin-left: 600px;
  622. top: 60px;
  623. position: fixed;
  624. }
  625.  
  626. #navigate2 {
  627. font-size: 40px;
  628. margin-left: -140px;
  629. top: 90px;
  630. position: fixed;
  631. }
  632.  
  633. #navigate3 {
  634. font-size: 40px;
  635. margin-left: -100px;
  636. top: 50px;
  637. position: fixed;
  638. }
  639.  
  640.  
  641.  
  642. #navigate6 {
  643. font-size: 40px;
  644. margin-left: -50px;
  645. top: 80px;
  646. position: fixed;
  647. }
  648.  
  649.  
  650.  
  651. #navi a {
  652. color: {color:navlinks};
  653. text-shadow: 2px 2px 5px {color:navlinks}, 3px 3px 3px rgba(0,0,0,.6);
  654. }
  655.  
  656. #navi a:hover{
  657. color: rgba(0,0,0,.0);
  658. text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  659. }
  660.  
  661. #pages{
  662. font-size: 20px;
  663. font-family: Calibri;
  664. margin-top: -10px;
  665. margin-left: 880px;
  666. }
  667.  
  668. #pages a{
  669. color: {color:navlinks};
  670. }
  671.  
  672. #pages a:hover{
  673. color: rgba(0,0,0,.0);
  674. text-shadow: 0px 0px 5px {color:linkh};
  675. }
  676.  
  677. #entries {
  678. width: 270px;
  679. height: {text:boxheight};
  680. margin-top: {text:entriestop};
  681. margin-left: {text:entriesleft};
  682. overflow: scroll;
  683. overflow-x: hidden;
  684. -webkit-mask-image: -webkit-gradient(linear, left 20%, left bottom, from(rgba(26,26,26,1)), to(rgba(26,26,26,0)))
  685. }
  686.  
  687. #posts{
  688. width: 250px;
  689. padding:10px;
  690. margin-top: 10px;
  691. margin-bottom: 10px;
  692. margin-left: auto;
  693. margin-right: auto;
  694. border-radius: 10px;
  695. }
  696.  
  697.  
  698.  
  699.  
  700. #chatty b{
  701. text-transform: uppercase;
  702. }
  703.  
  704. ol.notes {
  705. list-style-type: none;
  706. text-transform: uppercase;
  707. width:250px;
  708. border-radius: 5px;
  709. margin-left: auto;
  710. margin-right: auto;
  711. margin-top: 20px;
  712. padding: 15px;
  713. background: rgba(31,31,31,.7);
  714. }
  715.  
  716. ol.notes img {
  717. border-radius: 100%;
  718. margin-left: 5px;
  719. margin-top: 5px;
  720. }
  721.  
  722. #asker {
  723. float:left;
  724. margin-right:5px;
  725. }
  726.  
  727. #askiz a{
  728. color: {color:titles};
  729. }
  730.  
  731. #askiz a:hover{
  732. color: rgba(187,181,150,.0);
  733. text-shadow: 0px 0px 1px {color:titles};
  734. }
  735.  
  736. #asker img{
  737. border-radius: 100%;
  738. display: inline-block;
  739. margin: 5px;
  740.  
  741. margin-left: 10px;
  742. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  743. }
  744.  
  745. #askiz {
  746. text-align: center;
  747. font-family: Calligraffitti;
  748. background: #00000;
  749. background-image: url("{image:info}");
  750. color: #d2d2d2;
  751. font-weight: bold;
  752. background-color: rgba(32,32,32,.5);
  753. border-radius: 10px;
  754. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  755. {color:accent}dow: 1px 1px 3px rgba(0,0,0,.4);
  756. font-size: 23px;
  757. padding: 7px;
  758. min-height: 70px;
  759. }
  760.  
  761. #asksh{
  762. text-align: center;
  763. margin-top: -20px;
  764. text-shadow: none;
  765. text-transform: uppercase;
  766. font-family: Calibri;
  767. font-size: 10px;
  768. }
  769.  
  770. .playerbuttonbg {
  771. position: absolute;
  772. left: 10px;
  773. top: 10px;
  774. width: 40px;
  775. height: 40px;
  776. background-color: #000;
  777. padding: 10px;
  778. -webkit-border-radius: 40px;
  779. -moz-border-radius: 40px;
  780. border-radius: 40px;
  781. opacity: .4;
  782. filter: alpha(opacity=40);
  783. -moz-opacity: 0.4;
  784. -khtml-opacity: 0.4;
  785. transition: opacity .7s ease-in-out;
  786. -moz-transition: opacity .7s ease-in-out;
  787. -webkit-transition: opacity .7s ease-in-out;
  788. }
  789.  
  790. .playerbuttonbg:hover {
  791. opacity: 1;
  792. filter: alpha(opacity=100);
  793. -moz-opacity: 1;
  794. -khtml-opacity: 1;
  795. }
  796.  
  797. .newplayerbutton {
  798. position: relative;
  799. margin-top: 10px;
  800. margin-left: 2px;
  801. width: 35px;
  802. height: 30px;
  803. overflow: hidden;
  804. }
  805.  
  806. .playerbuttonhug {
  807. position: absolute;
  808. top: -18px;
  809. left: -7px;
  810. }
  811.  
  812. .tumblr_audio_player {
  813. margin-top: -20px;
  814. height: 90px;
  815. width: 150px;
  816. -moz-transform: scale(0.60, 0.60);
  817. -webkit-transform: scale(0.60, 0.60);
  818. -o-transform: scale(0.60, 0.60);
  819. -ms-transform: scale(0.60, 0.60);
  820. transform: scale(0.60, 0.60);
  821. -moz-transform-origin: top left;
  822. -webkit-transform-origin: top left;
  823. -o-transform-origin: top left;
  824. -ms-transform-origin: top left;
  825. transform-origin: top left;
  826. }
  827.  
  828.  
  829.  
  830. .trackdetails {
  831. width: 120px;
  832. text-transform: uppercase;
  833. display:inline-block;
  834. text-align: left;
  835. padding-top: 4px;
  836. margin-left: 90px;
  837. padding-left: 20px;
  838. min-height: 100px;
  839. }
  840.  
  841. .audiowrapper {
  842. position: relative;
  843. display:inline-block;
  844. }
  845.  
  846.  
  847. /*---- C R E D I T ---*/
  848. /*------- DO NOT REMOVE CREDIT -------*/
  849.  
  850. #credyo {
  851. font-family: monospace;
  852. width:15px;
  853. padding: 7px;
  854. border-radius: 5px;
  855. border: 1px solid #fff;
  856.  
  857. text-align: center;
  858. font-size: 10px;
  859. line-height: 100%;
  860. text-transform: uppercase;
  861. position: fixed;
  862. z-index: 99999999999999999;
  863. text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  864. left:20px;
  865. letter-spacing:1px;
  866. bottom:20px;
  867. }
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874. .titulo {
  875. color: #d1d1d1;/*Change the title color*/
  876. margin-top:-100px;
  877. margin-left:-5px;
  878. z-index: 2;
  879. padding: 10px;
  880. width: 350px;
  881. height: 16px;
  882. font-family: 'Headline One HPLHS';
  883. font-size: 25px;
  884. font-weight: bold;
  885. text-align:center;
  886. letter-spacing: 10px;
  887. }
  888.  
  889.  
  890. .imagen {
  891. height: 250px;
  892. width: 351px;
  893. margin-top: 10px;
  894. }
  895.  
  896. #player
  897. {position: fixed; bottom: -20px; left: 0;}
  898.  
  899.  
  900. .imagen2 {
  901. height: 250px;
  902. margin-right:-240px;
  903. width: 80px;
  904. border:solid 10px #ffffff;/*Change the image border color*/
  905. margin-top: 40px;
  906. }
  907.  
  908. .imagen2:hover {
  909. border-color: #d8edfe;/*Change the image border hover color*/
  910. }
  911.  
  912. .all {
  913. margin:130px auto;
  914. width: 400px;
  915. }
  916.  
  917. .tagslinks {
  918. float:right;
  919. width:135px;
  920. margin-top: -250px;
  921. margin-right: 180px;
  922. }
  923.  
  924. .tagslinks ul {list-style-type: none;}
  925. .tagslinks ul li a {
  926. line-height: 15px;
  927. letter-spacing: 0.2em;
  928.  
  929. font-size: 8px;
  930. text-decoration:none;
  931. color: #404040;
  932. background-color: #ebebeb; /*Change the main links background color*/
  933. width:90px;
  934. padding: 5px;
  935. text-transform: uppercase;
  936. height: 15px;
  937. text-align: center;
  938. }
  939.  
  940.  
  941. .tagslinks ul li a:hover {
  942. background-color: #d8edfe; /*Change the main links background hover color*/
  943. text-align: right;
  944. color: #fff;/*Change the main links hover color*/
  945. }
  946.  
  947.  
  948.  
  949. /*navigation*/
  950.  
  951.  
  952. .lettuce {
  953. text-align:center;
  954. width: auto;
  955. padding:10px;
  956. margin-top: -20px;
  957. }
  958.  
  959. .lettuce a {
  960. margin-left:5px;
  961. margin-top:10px;
  962. display: inline-block;
  963. padding:8px;
  964. outline: 1px solid #fff;
  965. border: 1px solid #fff;
  966. letter-spacing:1px;
  967. font-size:10px;
  968. font-family:calibri;
  969. font-variant: small-caps;
  970. color: #fff;
  971. width:40px;
  972. text-align:center;
  973. -moz-transition-duration:0.8s;
  974. -webkit-transition-duration:0.8s;
  975. -o-transition-duration:0.8s;
  976. }
  977.  
  978. .lettuce a:hover {
  979. background-color:#dedbda;
  980. -webkit-box-shadow: 0px 0px 20px #000;
  981. -moz-box-shadow: 0px 0px 20px #000;
  982. box-shadow: 0px 0px 20px #000;
  983. -moz-transition-duration:0.8s;
  984. -webkit-transition-duration:0.8s;
  985. -o-transition-duration:0.8s;
  986. }
  987.  
  988.  
  989. /*
  990.  
  991.  
  992.  
  993.  
  994.  
  995. {CustomCSS}</style>
  996.  
  997. </head>
  998. <body>
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. <div id="box1" class="popup_block" style="width:340px;height:480px; background-size:fit; background-image:url(https://67.media.tumblr.com/65d7b8a7f6cd594a7764956d29b7ed9e/tumblr_inline_ofhcjdv6Jj1r6z6q7_540.png); overflow:fit;">
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <center> <p style="text-transform:uppercase; color: #151b77; font-size:18px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; font-family:times new roman;"> guidelines.</p> </b>
  1010. </center>
  1011.  
  1012. <p style="text-transform:uppercase; color: #fff; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; "><b>RULES HERE </b> RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE <br>
  1013.  
  1014.  
  1015. <br><b>RULES HERE </b> RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE <br>
  1016.  
  1017. <br><b>RULES HERE </b> RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE <br>
  1018.  
  1019. <br><b>RULES HERE </b> RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE RULES HERE <br>
  1020.  
  1021. </p></div>
  1022.  
  1023. <div id="box2" class="popup_block" style="background-image:url('http://i66.tinypic.com/fyhnqu.png');width:700px;height:270px;left:50%;background-size:fit;">
  1024.  
  1025.  
  1026. </a></div>
  1027. </div>
  1028.  
  1029.  
  1030.  
  1031. <div id="box5" class="popup_block">
  1032. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1033. </div>
  1034.  
  1035. <div id="box20" class="popup_block" style="width:150px;height:400px; background-size:fit; overflow:fit;">
  1036. <header>
  1037. <ul>
  1038. <b><li><a class="about">about</a></li>
  1039. <li><a class="faq">verse here</a></li>
  1040. <li><a class="ask">verse here</a></li>
  1041. <li><a class="links">verse here</a></li>
  1042. </ul></b>
  1043. </header>
  1044. <footer>
  1045. <div id="about">
  1046. <p style="font-size:13px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; "><center><b>NAME HERE.</b></center></p><br>
  1047. <img src=" IMG URL HERE "><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; "> ABOUT HERE </b></p>
  1048. </div>
  1049. <div id="faq">
  1050. <center><b>VERSE HERE</b></center>
  1051. <img src="IMG URL HERE"><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; ">INFO HERE</p> <blockquote><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; ">INFO HERE.</P>
  1052.  
  1053.  
  1054.  
  1055. </div>
  1056. <div id="ask">
  1057. <center><b>VERSE HERE</b></center>
  1058. <img src="IMG URL HERE"><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; ">INFO</p> <blockquote><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; ">INFO INFO INFO </blockquote></blockquote>
  1059. </div>
  1060. <div id="links">
  1061. <center><b>VERSE HERE</b></center>
  1062. <img src="IMG URL HERE"><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; "></p> <blockquote><p style="text-transform:uppercase; color: #9d9d9d; font-size:8px; text-shadow: 1px 1px 3px rgba(0,0,0,.4); text-align:center;letter-spacing:1px; ">INFO INFO INFO </blockquote></blockquote>
  1063. </div>
  1064. <div id="blogroll">
  1065. <h2>blogroll</h2>der
  1066. {block:Following}<center>
  1067. <ul>{block:Followed}<li class="followin">
  1068. <a title="{FollowedTitle}" href="{FollowedURL}">
  1069. <img align="left" src="{FollowedPortraitURL-30}"/>
  1070. </a>
  1071. </li>{/block:Followed}</ul>
  1072. </center>{/block:Following}
  1073. </div>
  1074. </footer>
  1075.  
  1076.  
  1077. </div>
  1078. </center></div>
  1079. </div>
  1080.  
  1081.  
  1082. </div></div></div></div></div></div></div></div></div></div>
  1083.  
  1084.  
  1085.  
  1086.  
  1087. <div id="credyo">
  1088. <b></b> <a href="http://omnipotenceisoverrated.tumblr.com/themes"> ☾</a> <b></b>
  1089. </div>
  1090.  
  1091. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1092.  
  1093. <!-- L I N K S -->
  1094.  
  1095. <div id="navi">
  1096.  
  1097. <div id="navigate">
  1098.  
  1099.  
  1100. <div id="navigate2"> <a href="#?w=350" rel="box5" class="poplight" title="{text:link2name}">*</a></div>
  1101. <div id="navigate3"><a href="#?w=350" rel="box1" class="poplight" title="RULES.">*</a></div>
  1102. <div id="navigate6"><a href="#?w=300" rel="box20" class="poplight" title="ABOUT.">*</a></div>
  1103.  
  1104. </div></div>
  1105.  
  1106.  
  1107. <!-- P O S T S -->
  1108.  
  1109. <div id="entries">
  1110. {block:Posts}
  1111. <div id="posts">
  1112.  
  1113. <!-- {block:NoRebloggedFrom}
  1114. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1115. {/block:NoRebloggedFrom} -->
  1116.  
  1117. {block:ContentSource}<!-- {SourceURL}
  1118. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1119. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1120. {/block:ContentSource}
  1121.  
  1122. {block:Text}
  1123. {block:Title}
  1124. <h1>{Title}</h1>
  1125. {/block:Title}
  1126. {Body}
  1127. {/block:Text}
  1128.  
  1129. {block:Photo}
  1130.  
  1131. <div class="photo"><img src="{PhotoURL-250}"></div>
  1132. {block:Caption}
  1133. {Caption}
  1134. {/block:Caption}
  1135. {/block:Photo}
  1136.  
  1137. {block:Photoset}
  1138. {Photoset-250}{block:Caption}
  1139. {Caption}
  1140. {/block:Caption}
  1141. {/block:Photoset}
  1142.  
  1143. {block:Quote}
  1144. <h2>"{Quote}"</h2>
  1145. {block:Source}
  1146. <h3>—— {Source}</h3>
  1147. {/block:Source}
  1148. {/block:Quote}
  1149.  
  1150. {block:Link}
  1151. <h1><a href="{URL}" style="text-decoration: underline;" class="link" {Target}>{Name}</a></h1>
  1152. {block:Description}
  1153. {Description}
  1154. {/block:Description}
  1155. {/block:Link}
  1156.  
  1157. {block:Chat}
  1158. <div id="chatty">
  1159. {block:Title}
  1160. <h1>{Title}</h1>
  1161. {/block:Title}
  1162. {block:Lines}
  1163. {block:Label}
  1164. <b>{Label}</b>
  1165. {/block:Label}{Line}<br>
  1166. {/block:Lines}
  1167. </div>
  1168. {/block:Chat}
  1169.  
  1170. {block:Video}
  1171. {Video-250}
  1172. {block:Caption}
  1173. {Caption}
  1174. {/block:Caption}
  1175. {/block:Video}
  1176.  
  1177. {block:AudioPlayer}
  1178. <div class="audiowrapper">
  1179.  
  1180. <div class="playerbuttonbg">
  1181. <div class="newplayerbutton">
  1182. <div class="playerbuttonhug">
  1183. {AudioPlayerBlack}
  1184. </div>
  1185. </div>
  1186. </div>
  1187. <div class="trackdetails">
  1188. <b><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></b><br><hr><br>
  1189. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1190. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1191. {PlayCountWithLabel}</p>
  1192. </div>
  1193. </div>
  1194. {/block:AudioPlayer}
  1195.  
  1196. {block:Answer}
  1197. <div id="asker"><img src="{AskerPortraitURL-64}"></div><div id="askiz"><p>{Asker} asked:<div id="asksh">{Question}</p></div></div><br>{Answer}
  1198. {/block:Answer}
  1199.  
  1200. <div id="info">
  1201. {block:Date}<a href="{Permalink}" title="posted {TimeAgo}">❖</a>{/block:Date}&nbsp;&nbsp;&nbsp; <a href="{Permalink}" title="with {NoteCountWithLabel}">❖</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  1202. title="reblogged From {ReblogParentTitle}">❖</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">❖</a>{/block:RebloggedFrom}<br></div>
  1203.  
  1204. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1205.  
  1206. </div>
  1207. {PostNotes}{/block:Posts}
  1208. {/block:Posts}
  1209. </div>
  1210.  
  1211.  
  1212. <div id="pages">
  1213. {block:PreviousPage}
  1214. <a href="{PreviousPage}">«</a>
  1215. {/block:PreviousPage}{block:NextPage}
  1216. <a href="{NextPage}">»</a>
  1217. {/block:NextPage}
  1218. </div>
  1219.  
  1220.  
  1221.  
  1222.  
  1223. </body>
  1224.  
  1225.  
  1226. </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!