Advertisement
diamoo

i tried im sorry

Jun 24th, 2018
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. THEME BY
  5. █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░░█ █░▀░█ █░░█ ░█░   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. DO NOT REMOVE CREDIT
  9. -->
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <!-- S C R I P T S -->
  21. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51.  
  52. <!-- C O L O U R S -->
  53. <meta name="color:background" content="#1e2129"/>
  54. <meta name="color:links" content="#9781b0"/>
  55. <meta name="color:linkh" content="#000000"/>
  56. <meta name="color:title" content="#dad6d0"/>
  57. <meta name="color:accent" content="#d8d8d8"/>
  58. <meta name="color:text" content="#ffffff"/>
  59. <meta name="color:navlinks" content="#d8d8d8"/>
  60. <meta name="color:bold" content="#715197"/>
  61. <meta name="color:italic" content="#dac9a6"/>
  62. <meta name="color:decriptiontitle" content="#000000"/>
  63.  
  64. <!-- L I N K S -->
  65. <meta name="text:link1URL" content="/"/>
  66. <meta name="text:link1name" content="home"/>
  67. <meta name="text:link2name" content="message"/>
  68. <meta name="text:link3name" content="bio"/>
  69. <meta name="text:link4name" content="nav"/>
  70. <meta name="text:link5name" content="rules"/>
  71. <meta name="text:link6name" content="verses"/>
  72. <meta name="text:username" content="paste username here"/>
  73. <meta name="text:musicp" content="music player here"/>
  74.  
  75. <!-- C O N T R O L S -->
  76. <meta name="if:music player" content="1">
  77. <meta name="text:width" content="550px"/>
  78. <meta name="text:height" content="460px"/>
  79. <meta name="text:leftmargin" content="580px"/>
  80. <meta name="text:topmargin" content="125px"/>
  81.  
  82. <!---- P O P U P S --->
  83. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  84. <meta name="text:box2" content="insert html"/>
  85. <meta name="text:box3" content="insert html"/>
  86. <meta name="text:box4" content="insert html"/>
  87.  
  88. <!-- R G B A C O L O U R S -->
  89. <meta name="text:backgrounds" content="rgba(30,33,41,.8)"/>
  90. <meta name="text:accent" content="rgba(113,81,151,.4)"/>
  91.  
  92. <!-- F O N T S -->
  93. <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Nova+Mono' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  97.  
  98. <!-- I M A G E S -->
  99. <meta name="image:background" content=""/>
  100. <meta name="image:info" content=""/>
  101.  
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. /*---- T O O L T I P ---*/
  107.  
  108. div#qTip
  109. {
  110. font-family: 'Nova Mono', monospace;
  111. background-color: {text:backgrounds};
  112. padding: 7px;
  113. border-bottom: 5px solid {text:accent};
  114. border-top: 5px solid {text:accent};
  115. border-radius: 20px 5px 20px 5px;
  116. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  117. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  118. font-size: 12px;
  119. line-height: 100%;
  120. text-transform: uppercase;
  121. padding: 5px;
  122. display: none;
  123. position: fixed;
  124. z-index: 9999999999999999999999;
  125. margin: 5px;
  126.  
  127. }
  128.  
  129. /*---- P O P U P ---*/
  130. .popup_block{
  131. display:none;
  132. background-color: {text:backgrounds};
  133. border-top: 10px solid {text:accent};
  134. border-bottom: 10px solid {text:accent};
  135. border-radius: 40px 10px 40px 10px;
  136. padding: 14px;
  137. background: {text:backgrounds};
  138. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  139. height: 400px;
  140. overflow-x: hidden;
  141. overflow-y: scroll;
  142. float:left;
  143. position:fixed;
  144. top:50%;left:50%;
  145. z-index: 99999;
  146. }
  147.  
  148. *html #fade {position: absolute;}
  149. *html .popup_block {position: absolute;}
  150. #fade {
  151. display:none;
  152. position:fixed;
  153. filter: blur(10px);
  154. -webkit-filter: blur(10px);
  155. -moz-filter: blur(10px);
  156. left:0px;
  157. top:0px;
  158. width:100%;
  159. height:100%;
  160. z-index:9999;
  161. background: {text:backgrounds}; /* change to #fff for solid white */
  162. }
  163. /*---- S E L E C T ---*/
  164.  
  165. ::selection
  166. {
  167. opacity: 1;
  168. background: #000;
  169. color: {color:accent};
  170. }
  171.  
  172. ::-moz-selection
  173. {
  174. opacity: 1;
  175. background: #000;
  176. color: {color:accent};
  177. }
  178.  
  179. p::selection
  180. {
  181. opacity: 1;
  182. background: #000;
  183. color: {color:accent};
  184. }
  185.  
  186. p::-moz-selection
  187. {
  188. opacity: 1;
  189. background: #c2d2eb;
  190. color: {color:accent};
  191. }
  192.  
  193. /*---- S C R O L L ---*/
  194. ::-webkit-scrollbar-thumb:vertical {
  195. background: url({image:info});
  196. border-radius: 0px;
  197. height: 0px;
  198. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:horizontal {
  202. background-color: rgba(31,31,31,.1);
  203. height:10px!important;
  204. }
  205.  
  206. ::-webkit-scrollbar {
  207. background-color: rgba(31,31,31,.1);
  208. height:10px;
  209. width:12px;
  210. }
  211.  
  212. #update ::-webkit-scrollbar-thumb:vertical {
  213. background: url({image:info});
  214. height: 4px;
  215. }
  216.  
  217. #update ::-webkit-scrollbar-thumb:horizontal {
  218. background-color: rgba(31,31,31,.1);
  219. height:4px!important;
  220. }
  221.  
  222. #update ::-webkit-scrollbar {
  223. background-color: rgba(31,31,31,.1);
  224. height:4px;
  225. width:4px;
  226. }
  227.  
  228. /*---- M A I N T H E M E ---*/
  229.  
  230. body {
  231. background: url("{image:background}") {color:background};
  232. background-attachment: fixed;
  233. background-repeat: no-repeat;
  234. margin:0px;
  235. color:{color:text};
  236. font-family: 'Arimo', arial;
  237. font-size: 12px;
  238. line-height:100%;
  239. text-shadow: 1px 0px 5px black, 1px 0px 2px black;
  240. }
  241.  
  242. a {
  243. color: {color:links};
  244. text-decoration: none;
  245. transition: 1s ease-in-out;
  246. text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 1px {color:links}, 0px 0px 10px {color:links}, 0px 0px 20px {color:links};
  247. }
  248.  
  249. a:hover {
  250. text-decoration: none;
  251. color: {color:linkh};
  252. transition: 1s ease-in-out;
  253. text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 1px {color:accent}, 0px 0px 10px {color:accent}, 0px 0px 20px {color:accent};
  254. }
  255.  
  256. b, strong {
  257. font-family: 'Slabo 27px', monospace;
  258. text-transform: uppercase;
  259. color: {color:bold};
  260. font-weight: bold;
  261. text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:bold}, 0px 0px 30px {color:bold};
  262. font-size: 110%;
  263. }
  264.  
  265. i, em {
  266. color: {color:italic};
  267. font-size: 120%;
  268. text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:italic}, 0px 0px 30px {color:italic};
  269. }
  270.  
  271. b em, strong em, strong i, i strong, em strong, em b, b i, i b {
  272. font-size: 14px!important;
  273. }
  274.  
  275. pre {
  276. font-family: 'Nova Mono', monospace;
  277. background-color: {text:backgrounds};
  278. padding: 7px;
  279. border-bottom: 5px solid {text:accent};
  280. border-top: 5px solid {text:accent};
  281. border-radius: 20px 5px 20px 5px;
  282. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  283. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  284. font-size: 12px;
  285. line-height: 100%;
  286. word-wrap: break-word;
  287. white-space: pre-wrap;
  288. padding: 12px;
  289. }
  290.  
  291. blockquote{
  292. border-left: 10px solid {text:accent};
  293. border-radius: 40px 10px 40px 10px;
  294. padding: 14px;
  295. margin-left: 10px;
  296. margin-right: 4px;
  297. background: #d6d8eb;
  298. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  299. }
  300.  
  301. h1{
  302. color: rgba(0,0,0,.0);
  303. background: {text:backgrounds};
  304. border-bottom: 10px solid {text:accent};
  305. border-radius: 40px 10px 40px 10px;
  306. text-align: center;
  307. text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  308. line-height: 100%;
  309. font-size: 30px;
  310. text-transform: uppercase;
  311. font-family: 'Slabo 27px', monospace;
  312. padding: 10px;
  313. box-shadow: 0px 0px 5px rgba(0,0,0,.4);
  314. }
  315.  
  316. h2{
  317. color: rgba(0,0,0,.0);
  318. text-align: center;
  319. font-family: 'Slabo 27px', monospace;
  320. text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  321. line-height: 100%;
  322. text-transform: uppercase;
  323. }
  324.  
  325. h3{
  326. color: rgba(0,0,0,.0);
  327. text-align: center;
  328. font-family: 'Slabo 27px', monospace;
  329. text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  330. line-height: 100%;
  331. }
  332.  
  333. #entries {
  334. width: {text:width};
  335. height: {text:height};
  336. margin-top: {text:topmargin};
  337. margin-left: {text:leftmargin};
  338. overflow: scroll;
  339. overflow-x: hidden;
  340. }
  341.  
  342. #posts{
  343. width: 500px;
  344. padding:10px;
  345. background: #d6d8eb;
  346. margin-top: 10px;
  347. margin-bottom: 10px;
  348. margin-left: auto;
  349. margin-right: auto;
  350. border-radius: 10px;
  351. }
  352.  
  353. /*---- N A V I G A T E ---*/
  354.  
  355. #navigate {
  356. font-size: 50px;
  357. margin-left: 480px;
  358. top: 50px;
  359. position: fixed;
  360. -ms-transform: rotate(20deg); /* IE 9 */
  361. -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  362. transform: rotate(20deg);
  363. }
  364.  
  365. #navigate2 {
  366. font-size: 40px;
  367. margin-left: 430px;
  368. top: 140px;
  369. position: fixed;
  370. -ms-transform: rotate(-7deg); /* IE 9 */
  371. -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  372. transform: rotate(-7deg);
  373. }
  374.  
  375. #navigate3 {
  376. font-size: 35px;
  377. margin-left: 500px;
  378. top: 120px;
  379. position: fixed;
  380. -ms-transform: rotate(-19deg); /* IE 9 */
  381. -webkit-transform: rotate(-19deg); /* Chrome, Safari, Opera */
  382. transform: rotate(-19deg);
  383. }
  384.  
  385. #navigate4 {
  386. font-size: 30px;
  387. margin-left: 470px;
  388. top: 200px;
  389. position: fixed;
  390. -ms-transform: rotate(17deg); /* IE 9 */
  391. -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
  392. transform: rotate(17deg);
  393. }
  394.  
  395. #navigate5 {
  396. font-size: 40px;
  397. margin-left: 490px;
  398. top: 270px;
  399. position: fixed;
  400. -ms-transform: rotate(-37deg); /* IE 9 */
  401. -webkit-transform: rotate(-37deg); /* Chrome, Safari, Opera */
  402. transform: rotate(-37deg);
  403. }
  404.  
  405. #music{
  406. font-size: 50px;
  407. margin-left: 430px;
  408. top: 290px;
  409. position: fixed;
  410. transition: 1s ease-in-out;
  411. }
  412.  
  413. #musicbulk{
  414. font-size:12px;
  415. margin-top: 25px;
  416. opacity: 0;
  417. transition: 1s ease-in-out;
  418. }
  419.  
  420. #music:hover #musicbulk{
  421. opacity: 1;
  422. transition: 1s ease-in-out;
  423. }
  424.  
  425. #navi a {
  426. font-family: 'Slabo 27px', monospace;
  427. }
  428.  
  429.  
  430. /*---- M U S I C ---*/
  431.  
  432. .playerbuttonbg {
  433. position: absolute;
  434. left: 10px;
  435. top: 14px;
  436. width: 80px;
  437. height: 80px;
  438. background-color: #000;
  439. padding: 10px;
  440. border-radius: 20px 5px 20px 5px;
  441. opacity: .4;
  442. filter: alpha(opacity=40);
  443. -moz-opacity: 0.4;
  444. -khtml-opacity: 0.4;
  445. transition: opacity .7s ease-in-out;
  446. -moz-transition: opacity .7s ease-in-out;
  447. -webkit-transition: opacity .7s ease-in-out;
  448. }
  449.  
  450. .playerbuttonbg:hover {
  451. opacity: 1;
  452. filter: alpha(opacity=100);
  453. -moz-opacity: 1;
  454. -khtml-opacity: 1;
  455. }
  456.  
  457. .newplayerbutton {
  458. position: relative;
  459. margin-top: 30px;
  460. margin-left: 20px;
  461. width: 35px;
  462. height: 30px;
  463. overflow: hidden;
  464. }
  465.  
  466. .playerbuttonhug {
  467. position: absolute;
  468. top: 3px;
  469. left: 6px;
  470. }
  471.  
  472. .tumblr_audio_player {
  473. margin-top: -20px;
  474. height: 90px;
  475. width: 270px;
  476. -moz-transform: scale(0.60, 0.60);
  477. -webkit-transform: scale(0.60, 0.60);
  478. -o-transform: scale(0.60, 0.60);
  479. -ms-transform: scale(0.60, 0.60);
  480. transform: scale(0.60, 0.60);
  481. -moz-transform-origin: top left;
  482. -webkit-transform-origin: top left;
  483. -o-transform-origin: top left;
  484. -ms-transform-origin: top left;
  485. transform-origin: top left;
  486. }
  487.  
  488. .audioimgwrapper {
  489. position: absolute;
  490. left: 0px;
  491. top: 0px;
  492. text-transform: uppercase;
  493. border-bottom: 5px solid {text:accent};
  494. border-top: 5px solid {text:accent};
  495. border-radius: 20px 5px 20px 5px;
  496. overflow: hidden;
  497. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  498. width: 120px;
  499. height: 120px;
  500. }
  501.  
  502. .audioimgwrapper img {
  503. width: 100%;
  504. }
  505.  
  506. .trackdetails {
  507. width: 340px;
  508. text-transform: uppercase;
  509. display:inline-block;
  510. color: rgba(0,0,0,.0);
  511. text-shadow: 0px 0px .5px {color:text};
  512. text-align: left;
  513. font-family: Courier, monospace;
  514. padding-top: 4px;
  515. margin-left: 135px;
  516. padding-left: 20px;
  517. min-height: 100px;
  518. border-bottom: 10px solid {text:accent};
  519. border-radius: 40px 10px 40px 10px;
  520. background: {text:backgrounds};
  521. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  522. }
  523.  
  524. .trackdetails i {
  525. color: {color:italic};
  526. text-transform: none;
  527. font-family: Georgia;
  528. font-size: 120%;
  529. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  530. }
  531.  
  532. .audiowrapper {
  533. color: {color:bold};
  534. text-shadow: 0px 0px 1px {color:bold};
  535. position: relative;
  536. display:inline-block;
  537. }
  538.  
  539. /*---- P R E V / N E X T---*/
  540.  
  541. #previ a {
  542. font-family: calibri;
  543. }
  544.  
  545. #previ a:hover{
  546. }
  547.  
  548. #previ1 {
  549. font-size: 70px;
  550. margin-left: 530px;
  551. margin-top: -530px;
  552. position: fixed;
  553. }
  554.  
  555. #previ2 {
  556. font-size: 70px;
  557. margin-left: 1130px;
  558. margin-top: -530px;
  559. position: fixed;
  560. }
  561.  
  562. /*---- A N S W E R S ---*/
  563.  
  564. #asker {
  565. border-radius: 10px;
  566. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  567. font-size: 14px;
  568. padding: 7px;
  569. min-height: 70px;
  570. display: inline-block;
  571. }
  572.  
  573. #asker {
  574. float:left;
  575. margin-right:5px;
  576. }
  577.  
  578. #askiz a{
  579. color: {color:titles};
  580. }
  581.  
  582. #askon a{
  583. color: {color:navlinks};
  584. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  585. }
  586.  
  587. #askon a:hover{
  588. color: rgba(0,0,0,.0);
  589. text-shadow: 0px 0px 4px {color:navlinks};
  590. }
  591.  
  592. #asker img{
  593. border-radius: 100%;
  594. background: rgba(0,0,0,0.0);
  595. margin-left: 10px;
  596. margin-top: -10px;
  597. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  598. }
  599.  
  600.  
  601. #askiz {
  602. text-align: center;
  603. font-family: 'Slabo 27px', monospace;
  604. background: {text:backgrounds};
  605. border-bottom: 10px solid {text:accent};
  606. border-radius: 40px 10px 40px 10px;
  607. margin-top: -27px;
  608. color: {color:titles};
  609. font-weight: bold;
  610. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  611. font-size: 18px;
  612. padding: 7px;
  613. min-height: 100px;
  614. }
  615.  
  616. #asksh{
  617. text-shadow: none;
  618. text-transform: uppercase;
  619. font-weight: normal;
  620. padding: 10px;
  621. text-align: center;
  622. font-family: 'Slabo 27px', monospace;
  623. font-size: 14px;
  624. line-height: 100%;
  625. }
  626.  
  627. #askon{
  628. text-shadow: none;
  629. font-weight: bold;
  630. margin-top: -15px;
  631. text-align: left;
  632. margin-left: 25px;
  633. font-family: 'Slabo 27px', monospace;
  634. font-size: 20px;
  635.  
  636. }
  637.  
  638. /*---- I N F O ---*/
  639.  
  640. #info{
  641. color: {color:title};
  642. text-align: center;
  643. text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title};
  644. letter-spacing: 3px;
  645. font-family: 'Slabo 27px', monospace;
  646. font-size: 11px;
  647. margin-top: -5px;
  648. text-transform: uppercase;
  649. line-height: 100%;
  650. padding: 10px;
  651. border-top: 10px solid {text:accent};
  652. border-radius: 10px 10px 40px 40px;
  653. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  654. background: {text:backgrounds};
  655. }
  656.  
  657. #info a{
  658. color: {color:bold};
  659. text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:bold}, 0px 0px 30px {color:bold};
  660. font-weight: bold;
  661. text-decoration: none;
  662. }
  663.  
  664. #info a:hover{
  665. color: rgba(0,0,0,.0);
  666. text-shadow: 0px 0px 2px {color:bold};
  667. }
  668.  
  669. #inforite{
  670. text-align: left;
  671. margin-left: 50px;
  672. margin-top: 15px;
  673. }
  674.  
  675. #inforite a{
  676. color: {color:italic};
  677. text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:italic}, 0px 0px 30px {color:italic};
  678. text-decoration: none;
  679. }
  680.  
  681. #inforite a:hover{
  682. color: rgba(0,0,0,.0);
  683. text-shadow: 0px 0px 2px {color:links};
  684. }
  685.  
  686. #tagooo{
  687. text-align: center;
  688. text-transform: uppercase;
  689. letter-spacing: 2px;
  690. margin-top: 5px;
  691. font-size: 10px;
  692. font-family: 'Nova Mono', monospace;
  693. }
  694.  
  695. #tagooo a {
  696. color: {color:links};
  697. text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  698. }
  699.  
  700. #tagooo a:hover{
  701. color: rgba(0,0,0,.0);
  702. text-shadow: 0px 0px 2px {color:links};
  703. }
  704.  
  705. /*---- N O T E S ---*/
  706.  
  707. ol.notes {
  708. list-style-type: none;
  709. text-transform: uppercase;
  710. font-family: 'Nova Mono', monospace;
  711. letter-spacing: 1px;
  712. margin-top: 20px;
  713. width: 500px;
  714. padding:10px;
  715. background: {text:backgrounds};
  716. border-radius: 10px;
  717. margin-left: auto;
  718. margin-right: auto;
  719. }
  720.  
  721. ol.notes a {
  722. color: {color:links};
  723. }
  724.  
  725. ol.notes a:hover{
  726. color: rgba(0,0,0,.0);
  727. text-shadow: 0px 0px 2px {color:linkh};
  728. text-decoration: none;
  729. }
  730.  
  731. ol.notes img {
  732. border-radius: 100%;
  733. margin-left: 5px;
  734. margin-top: 5px;
  735. }
  736.  
  737. /*---- D E S C R I P T I O N
  738. ©omni themes, do not claim as your own---*/
  739.  
  740. #update #utitle{
  741. margin-left: 500px;
  742. opacity: 1;
  743. margin-top: 350px;
  744. position: fixed;
  745. font-size: 15px;
  746. color: {color:title};
  747. text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title};
  748. font-family: 'Slabo 27px', monospace;
  749. -ms-transform: rotate(-90deg); /* IE 9 */
  750. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  751. transform: rotate(-90deg);
  752. -webkit-transition-duration: 1s; /* Safari */
  753. transition-duration: 1s;
  754. }
  755.  
  756. #update:hover #utitle{
  757. color: rgba(0,0,0,.0);
  758. text-shadow: 0px 0px 4px {color:title};
  759. -webkit-transition-duration: 1s; /* Safari */
  760. transition-duration: 1s;
  761. }
  762.  
  763. #ariamap{
  764. width: 140px;
  765. height: 300px;
  766. left: 430px;
  767. top: 20px;
  768. background: none;
  769. position: fixed;
  770. }
  771.  
  772. #up{
  773. top: 15px;
  774. left: 15px;
  775. font-size:10px;
  776. opacity: 0;
  777. width: 190px;
  778. height: 250px;
  779. padding: 10px;
  780. position: fixed;
  781. text-align: justify;
  782. overflow-y: scroll;
  783. overflow-x: hidden;
  784. border-bottom: 10px solid {text:accent};
  785. border-top: 10px solid {text:accent};
  786. border-radius: 20px 5px 20px 5px;
  787. background: {text:backgrounds};
  788. -webkit-transition-duration: 1s; /* Safari */
  789. transition-duration: 1s;
  790. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  791. }
  792.  
  793. #update:hover #up{
  794. opacity: 1;
  795. -webkit-transition-duration: 1s; /* Safari */
  796. transition-duration: 1s;
  797. }
  798.  
  799. /*---- C R E D I T ---*/
  800. /*------- DO NOT REMOVE CREDIT -------*/
  801.  
  802. #credyo {
  803. font-family: 'Nova Mono', monospace;
  804. background: {text:backgrounds};
  805. padding: 7px;
  806. border-bottom: 2px solid {text:accent};
  807. border-top: 2px solid {text:accent};
  808. border-radius: 20px 5px 20px 5px;
  809. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  810. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  811. font-size: 10px;
  812. text-align: center;
  813. text-transform: uppercase;
  814. line-height: 100%;
  815. padding: 10px;
  816. width: 220px;
  817. position: fixed;
  818. z-index: 99999999999999999;
  819. text-shadow: 1px 1px 2px rgba(114,111,64,.7), 0px 0px 20px {text:accent};
  820. left:20px;
  821. letter-spacing:1px;
  822. bottom:20px;
  823. }
  824.  
  825. {CustomCSS}</style>
  826.  
  827. </head>
  828. <body>
  829.  
  830. <div id="credyo">
  831. ☾ <b>[</b> <a href="http://omnipotenceisoverrated.tumblr.com/themes"> omnipotenceisoverrated</a> <b>]</b>
  832. </div>
  833.  
  834. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  835.  
  836. <!-- D E S C R I P T I O N & N A V I G A T I O N
  837. ©omni themes, do not claim as your own -->
  838.  
  839. <div id="update">
  840. <div id="utitle">.DESCRIPTION</div>
  841. <div id="ariamap"></div>
  842. <div id="navi">
  843.  
  844. <div id="navigate">
  845. <a href="{text:link1url}" title="{text:link1name}">I</a>
  846. </div>
  847.  
  848. <div id="navigate2">
  849. <a href="http://leoregina.tumblr.com/ask" rel="link2" class="poplight" title="{text:link2name}">II</a>
  850. </div>
  851.  
  852. <div id="navigate3">
  853. <a href="https://leoregina.tumblr.com/a" rel="link3" class="poplight" title="{text:link3name}">III</a>
  854. </div>
  855.  
  856. <div id="navigate4">
  857. <a href="#?w=520" rel="link4" class="poplight" title="{text:link4name}">IV</a>
  858. </div>
  859.  
  860. <div id="navigate5">
  861. <a href="https://leoregina.tumblr.com/r" rel="link5" class="poplight" title="{text:link5name}">V</a>
  862. </div>
  863.  
  864. {block:Ifmusicplayer}
  865. <div id="music">
  866. <a href="#" title="music player">♪</a>
  867. <p id="musicbulk">{text:musicp}</p>
  868. </div>
  869. {/block:Ifmusicplayer}
  870.  
  871. </div>
  872. <div id="up">{Description}</div>
  873. </div>
  874.  
  875. <!-- P O S T S -->
  876.  
  877. <div id="entries">
  878. {block:Posts}
  879. <div id="posts">
  880.  
  881. <!-- {block:NoRebloggedFrom}
  882. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  883. {/block:NoRebloggedFrom} -->
  884.  
  885. {block:ContentSource}<!-- {SourceURL}
  886. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  887. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  888. {/block:ContentSource}
  889.  
  890. {block:Text}
  891. {block:Title}
  892. <h1>{Title}</h1>
  893. {/block:Title}
  894. {Body}
  895. {/block:Text}
  896.  
  897. {block:Photo}
  898. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  899. {block:Caption}
  900. {Caption}
  901. {/block:Caption}
  902. {/block:Photo}
  903.  
  904. {block:Photoset}
  905. {Photoset-500}{block:Caption}
  906. {Caption}
  907. {/block:Caption}
  908. {/block:Photoset}
  909.  
  910. {block:Quote}
  911. <h2>"{Quote}"</h2>
  912. {block:Source}
  913. <h3>—— {Source}</h3>
  914. {/block:Source}
  915. {/block:Quote}
  916.  
  917. {block:Link}
  918. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  919. {block:Description}
  920. {Description}
  921. {/block:Description}
  922. {/block:Link}
  923.  
  924. {block:Chat}
  925. {block:Title}
  926. <h1>{Title}</h1>
  927. {/block:Title}
  928. {block:Lines}
  929. {block:Label}
  930. <b>{Label}</b>
  931. {/block:Label}{Line}<br>
  932. {/block:Lines}
  933. {/block:Chat}
  934.  
  935. {block:Video}
  936. {Video-500}
  937. {block:Caption}
  938. {Caption}
  939. {/block:Caption}
  940. {/block:Video}
  941.  
  942. {block:AudioPlayer}
  943. <div class="audiowrapper">
  944. {block:AlbumArt}
  945. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  946. {/block:AlbumArt}
  947. <div class="playerbuttonbg">
  948. <div class="newplayerbutton">
  949. <div class="playerbuttonhug">
  950. {AudioPlayerBlack}
  951. </div>
  952. </div>
  953. </div>
  954. <div class="trackdetails">
  955. <i><big>{block:TrackName}<p style="text-align: center;">{TrackName}{/block:TrackName}</big></i><br><hr><br>
  956. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  957. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  958. {PlayCountWithLabel}</p>
  959. </div>
  960. </div>
  961. {/block:AudioPlayer}
  962.  
  963. {block:Answer}
  964. <div id="askon"><p>{Asker} wondered:</div><div id="asker"><img src="{AskerPortraitURL-64}"></div><div id="askiz"><p><div id="asksh"><big><big>❝</big></big>&nbsp;&nbsp;{Question}&nbsp;&nbsp;<big><big>❞</big></big></p></div></div><br><blockquote>{Answer}</blockquote>
  965. {/block:Answer}
  966.  
  967. <div id="inforite">
  968. {block:Date}<a href="{Permalink}" title="posted {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month}, {Year}">✘</a>{/block:Date}&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}" title="reblog">✘</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  969. title="reblogged From {ReblogParentTitle}">✘</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">✘</a>{/block:RebloggedFrom}<br></div>
  970. <div id="info">
  971. Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  972. </div>
  973.  
  974. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  975.  
  976. </div>
  977.  
  978. {PostNotes}{/block:Posts}
  979. </div>
  980.  
  981.  
  982. </div>
  983. {/block:Posts}
  984. </div>
  985.  
  986.  
  987. <div id="previ">
  988. <div id="previ1">
  989. {block:PreviousPage}
  990. <a href="{PreviousPage}">«</a>
  991. {/block:PreviousPage}
  992. </div>
  993. <div id="previ2">
  994. {block:NextPage}
  995. <a href="{NextPage}">»</a>
  996. {/block:NextPage}
  997. </div>
  998. </div>
  999.  
  1000. </body>
  1001.  
  1002. <!-- B O X E S -->
  1003.  
  1004. <div id="link2" class="popup_block">
  1005. {text:box1}
  1006. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></p>
  1007. </div>
  1008.  
  1009.  
  1010. <div id="link3" class="popup_block">
  1011. {text:box2}
  1012. </div>
  1013.  
  1014. <div id="link4" class="popup_block">
  1015. {text:box3}
  1016. </div>
  1017.  
  1018. <div id="link5" class="popup_block">
  1019. {text:box4}
  1020. </div>
  1021. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement