API tools faq
paste
Advertisement
manon15

theevolutionaryapex theme code

manon15
Aug 17th, 2016
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--code by manon/butscrewmefirst. don't take as your own!-->
  5.  
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Tillana' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  31. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  32. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  33. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  34. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  35. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  36. <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
  37. <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
  38. <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  40. <link href='https://fonts.googleapis.com/css?family=Khand' rel='stylesheet' type='text/css'>
  41. <link href='https://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>
  42. <link href='https://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
  43. <link href='https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  44. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  45. <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  46. <link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
  47. <link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  48. <link href="https://fonts.googleapis.com/css?family=Over+the+Rainbow" rel='stylesheet' type='text/css'>
  49. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel='stylesheet' type='text/css'>
  50.  
  51.  
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block, .question_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. .popup_block{
  88. display:none;
  89. float:left;
  90. background-image: url('http://i.imgur.com/N2VSYDX.png');
  91. background-color: #fff;
  92. height:500px;
  93. position:fixed;
  94. top:50%; left: 50%;
  95. z-index:9999999999999;
  96. opacity:1;
  97. }
  98.  
  99.  
  100. *html #fade {position: absolute;}
  101. *html .popup_block {position: absolute;}
  102. #fade {
  103. display:none;
  104. position:fixed;
  105. left:0px;
  106. top:0px;
  107. width:100%;
  108. height:100%;
  109. z-index:999999;
  110. background:#000001;
  111. opacity:.5;
  112. }
  113.  
  114.  
  115. #text {
  116. top:50%; *
  117. left:50%; *
  118. margin-top:50px; *
  119. margin-left:450px; *
  120. width:270px; **
  121. height:200px; **
  122. overflow:scroll; **
  123. text-align:justify;
  124. font-family:calibri;
  125. font-size:10px;
  126. color:#fff;
  127. background:transparent;
  128. }
  129.  
  130. #heading {
  131. top:50%;
  132. left:50%;
  133. margin-top:12px;
  134. text-align:left;
  135. margin-left:05px;
  136. font-family:"prata";
  137. font-size:40px;
  138. color:#fff;
  139. background:transparent;
  140. text-shadow: 0px 0px 14px #fff;
  141. }
  142.  
  143. #poptext2 {
  144. margin-top:225px;
  145. margin-left:185px;
  146. width:260px;
  147. height:245px;
  148. font-family:'calibri';
  149. font-size:12px;
  150. overflow:scroll;
  151. text-align:justify;
  152. }
  153.  
  154. #poptext {
  155. margin-top:226px;
  156. margin-left:172px;
  157. width:260px;
  158. height:244px;
  159. font-family:'calibri';
  160. font-size:12px;
  161. overflow:scroll;
  162. text-align:justify;
  163. }
  164.  
  165. .question_block{
  166. height:300px;
  167. display: none;
  168. float: left;
  169. position: fixed;
  170. top: 50%; left: 50%;
  171. z-index: 999999999999;
  172. }
  173.  
  174.  
  175.  
  176.  
  177.  
  178. para {
  179. font-family: 'Prata', serif;
  180. color:#000;
  181. text-shadow:0 0 2px #fff;
  182. font-size:15px;
  183.  
  184. }
  185.  
  186. /*edit scrollbar*/
  187.  
  188. ::-webkit-scrollbar-thumb {
  189. height:auto;
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193. height:4px;
  194. width:3px;
  195. padding-right:2px;
  196. }
  197. /*edit the body this is what post text looks like, background color, etc.*/
  198.  
  199. body {
  200. background-image:url("http://i.imgur.com/Ivp8kd6.png");
  201. background-position:center bottom;
  202. background-attachment:fixed;
  203. background-repeat:no-repeat;
  204. margin:0px;
  205. background-color:#020202;
  206. color:#fff;
  207. font-family:arial;
  208. font-size:16px;
  209. line-height:120%;
  210. overflow-x:hidden;
  211. overflow-y:hidden;
  212. }
  213.  
  214.  
  215. /*edit links*/
  216.  
  217. a {
  218. text-decoration:none;
  219. outline:none;
  220. -moz-outline-style:none;
  221. color:#fff;
  222. -moz-transition-duration:0.8s;
  223. -webkit-transition-duration:0.8s;
  224. -o-transition-duration:0.8s;
  225. text-transform:uppercase;
  226. }
  227.  
  228. /*edit link hover*/
  229.  
  230. a:hover {
  231. color:#806e79;
  232. outline:none;
  233. -moz-outline-style:none;
  234. text-decoration:none;
  235. border-radius: 20px 20px 20px 20px #851e1a;
  236. -webkit-filter: blur(0px);
  237. }
  238.  
  239. img {
  240. opacity:.8;
  241. -webkit-filter: Grayscale(50%);
  242. -webkit-transition-duration: 0.8s;
  243. -moz-transition-duration:0.8s;
  244. transition-duration:0.8s;
  245. -o-transition-duration:0.8s;
  246. -webkit-filter: blur(0px);
  247. border-radius: 20px 20px 20px 20px #000;
  248. }
  249.  
  250. img:hover {
  251. opacity:1;
  252. -webkit-filter: Grayscale(0%);
  253. -webkit-transition: all 0.8s ease-out;
  254. -moz-transition: all 0.8s ease-out;
  255. transition: all 0.8s ease-out;
  256. -webkit-filter: blur(0px);
  257. border-radius: 20px 20px 20px 20px #000;
  258.  
  259. }
  260.  
  261. blockquote {
  262. padding-left:5px;
  263. border-left:1px solid #000;
  264. border-radius:6px;
  265.  
  266. }
  267.  
  268. blockquote blockquote {
  269. padding-left:5px;
  270. border-left:2px solid;
  271. }
  272.  
  273. h1 {
  274. font-size:15px;
  275. text-align:left;
  276. font-family:"prata";
  277. text-align:center;
  278. line-height:115%;
  279. letter-spacing:1px;
  280. color:#fff;
  281. text-transform:uppercase;
  282. }
  283.  
  284. h2 {
  285. font-size:20px;
  286. text-align:left;
  287. font-family:"dancing script";
  288. text-align:center;
  289. line-height:110%;
  290. letter-spacing:1px;
  291. color:#000;
  292. }
  293.  
  294. h3 {
  295. font-size:20px;
  296. text-align:left;
  297. font-family:"Reenie Beanie";
  298. text-align:center;
  299. line-height:110%;
  300. letter-spacing:1px;
  301. color:#fff;
  302. }
  303.  
  304. h4 {
  305. font-size:16px;
  306. text-align:left;
  307. font-family:"Yellowtail";
  308. text-align:center;
  309. line-height:110%;
  310. letter-spacing:1px;
  311. color:#fff;
  312. }
  313.  
  314. h5 { /*this is for home link*/
  315. font-size:20px;
  316. text-align:left;
  317. font-family:"prata";
  318. text-align:center;
  319. line-height:110%;
  320. letter-spacing:1px;
  321. color:#fff;
  322. }
  323.  
  324. h6 { /*this is for pagination*/
  325. font-size:8px;
  326. font-family:"prata";
  327. text-align:center;
  328. line-height:110%;
  329. letter-spacing:1px;
  330. width:250px;
  331. color:#fff;
  332. }
  333.  
  334. pre {
  335. font-family:calibri;
  336. font-size:9px;
  337. color:#fff;
  338. text-shadow:0px 0px 1px #222;
  339. letter-spacing:1px;
  340. text-align:center;
  341. text-transform:uppercase;
  342. padding:5px;
  343. background:url('http://i.imgur.com/pGFwo7R.png');
  344. background-position:top center;
  345. border-radius:10px 3px 10px 3px;
  346. border:3px double #222;
  347. }
  348.  
  349.  
  350.  
  351. #title {
  352. color:#fff;
  353. font-family:arial;
  354. font-size:16px;
  355. text-transform:lowercase;
  356. font-weight:bold;
  357. letter-spacing:0px;
  358. padding:4px;
  359. margin-top:-20px;
  360. margin-left:-14px;
  361. position:fixed;
  362. text-align:left;
  363. }
  364.  
  365.  
  366. #navi {
  367. float:left;
  368. width:115px;
  369. padding:3px;
  370. }
  371.  
  372. #muses {
  373. width:125px;
  374. float:left;
  375. overflow:auto;
  376. margin:1px 2px;
  377. }
  378.  
  379. .muses text {
  380. height:50px;
  381. overflow:scroll;
  382. }
  383.  
  384.  
  385. /*sidebar links*/
  386.  
  387. .links {
  388. position: fixed;
  389. font-style:none;
  390. left:50%;
  391. bottom:-10px;
  392. margin-left:-450px;
  393. font-size:16px;
  394. line-height: 850%;
  395. text-align: left;
  396. width:300px;
  397. margin-right: auto;
  398. -ms-transform: rotate(10deg); /* IE 9 */
  399. -webkit-transform: rotate(10deg); /* Safari */
  400. transform: rotate(10deg)
  401.  
  402. }
  403.  
  404. .links a {
  405. -webkit-filter:blur(0px);
  406. letter-spacing: 1px;
  407. padding:3px;
  408. text-shadow: 1px 0px 1px #27282e;
  409.  
  410. }
  411.  
  412. .links a:hover {
  413. color:#fff;
  414. opacity:1;
  415. -webkit-transition: all 0.8s ease-out;
  416. -moz-transition: all 0.8s ease-out;
  417. transition: all 0.8s ease-out;
  418. -webkit-filter:blur(3px);
  419. }
  420.  
  421. .alinks {
  422. position: fixed;
  423. font-style:none;
  424. left:50%;
  425. bottom:-20px;
  426. margin-left:-390px;
  427. font-size:18px;
  428. word-spacing:2px;
  429. line-height: 850%;
  430. text-align: left;
  431. width:20px;
  432. margin-right: auto;
  433. -ms-transform: rotate(-30deg); /* IE 9 */
  434. -webkit-transform: rotate(-30deg); /* Safari */
  435. transform: rotate(-30deg)
  436.  
  437.  
  438. }
  439.  
  440. .alinks a {
  441. -webkit-filter:blur(0px);
  442. letter-spacing: 1px;
  443. padding:3px;
  444. text-shadow: 1px 0px 1px #27282e;
  445.  
  446. }
  447.  
  448. .alinks a:hover {
  449. color:#fff;
  450. opacity:1;
  451. -webkit-transition: all 0.8s ease-out;
  452. -moz-transition: all 0.8s ease-out;
  453. transition: all 0.8s ease-out;
  454. -webkit-filter:blur(3px);
  455. }
  456.  
  457. .blinks {
  458. position: fixed;
  459. font-style:none;
  460. left:50%;
  461. bottom:15px;
  462. margin-left:-170px;
  463. font-size:18px;
  464. word-spacing:2px;
  465. line-height: 850%;
  466. text-align: left;
  467. width:20px;
  468. margin-right: auto;
  469. -ms-transform: rotate(-10deg); /* IE 9 */
  470. -webkit-transform: rotate(-10deg); /* Safari */
  471. transform: rotate(-10deg)
  472.  
  473. }
  474.  
  475. .blinks a {
  476. -webkit-filter:blur(0px);
  477. letter-spacing: 1px;
  478. padding:3px;
  479. text-shadow: 1px 0px 1px #27282e;
  480. }
  481.  
  482. .blinks a:hover {
  483. color:#fff;
  484. opacity:1;
  485. -webkit-transition: all 0.8s ease-out;
  486. -moz-transition: all 0.8s ease-out;
  487. transition: all 0.8s ease-out;
  488. -webkit-filter:blur(3px);
  489. }
  490.  
  491. .clinks {
  492. position: fixed;
  493. font-style:none;
  494. left:50%;
  495. bottom:-40px;
  496. margin-left:-317px;
  497. font-size:20px;
  498. word-spacing:2px;
  499. line-height: 850%;
  500. text-align: left;
  501. width:20px;
  502. margin-right: auto;
  503. -ms-transform: rotate(-50deg); /* IE 9 */
  504. -webkit-transform: rotate(-50deg); /* Safari */
  505. transform: rotate(-50deg)
  506. }
  507.  
  508. .clinks a {
  509. -webkit-filter:blur(0px);
  510. letter-spacing: 1px;
  511. padding:3px;
  512. text-shadow: 1px 0px 1px #27282e;
  513. }
  514.  
  515. .clinks a:hover {
  516. color:#fff;
  517. opacity:1;
  518. -webkit-transition: all 0.8s ease-out;
  519. -moz-transition: all 0.8s ease-out;
  520. transition: all 0.8s ease-out;
  521. -webkit-filter:blur(3px);
  522. }
  523.  
  524. .dlinks {
  525. position: fixed;
  526. font-style:none;
  527. left:50%;
  528. bottom:525px;
  529. margin-left:-200px;
  530. font-size:20px;
  531. word-spacing:2px;
  532. line-height: 850%;
  533. text-align: left;
  534. width:20px;
  535. margin-right: auto;
  536. -ms-transform: rotate(-40deg); /* IE 9 */
  537. -webkit-transform: rotate(-40deg); /* Safari */
  538. transform: rotate(-40deg)
  539. }
  540.  
  541. .dlinks a {
  542. -webkit-filter:blur(0px);
  543. letter-spacing: 1px;
  544. padding:3px;
  545. text-shadow: 1px 0px 1px #27282e;
  546. }
  547.  
  548. .dlinks a:hover {
  549. color:#000;
  550. opacity:1;
  551. -webkit-transition: all 0.8s ease-out;
  552. -moz-transition: all 0.8s ease-out;
  553. transition: all 0.8s ease-out;
  554. -webkit-filter:blur(3px);
  555. }
  556.  
  557. .elinks {
  558. position: fixed;
  559. font-style:none;
  560. left:50%;
  561. bottom:500px;
  562. margin-left:-150px;
  563. font-size:20px;
  564. word-spacing:2px;
  565. line-height: 850%;
  566. text-align: left;
  567. width:20px;
  568. margin-right: auto;
  569. -ms-transform: rotate(30deg); /* IE 9 */
  570. -webkit-transform: rotate(30deg); /* Safari */
  571. transform: rotate(30deg)
  572.  
  573. }
  574.  
  575. .elinks a {
  576. -webkit-filter:blur(0px);
  577. letter-spacing: 1px;
  578. padding:3px;
  579. text-shadow: 1px 0px 1px #27282e;
  580.  
  581. }
  582.  
  583. .elinks a:hover {
  584. color:#000;
  585. opacity:1;
  586. -webkit-transition: all 0.8s ease-out;
  587. -moz-transition: all 0.8s ease-out;
  588. transition: all 0.8s ease-out;
  589. -webkit-filter:blur(3px);
  590. }
  591.  
  592. .flinks {
  593. position: fixed;
  594. font-style:none;
  595. left:50%;
  596. bottom:-20px;
  597. margin-left:-250px;
  598. font-size:20px;
  599. word-spacing:2px;
  600. line-height: 850%;
  601. text-align: left;
  602. width:20px;
  603. margin-right: auto;
  604. -ms-transform: rotate(50deg); /* IE 9 */
  605. -webkit-transform: rotate(50deg); /* Safari */
  606. transform: rotate(50deg)
  607.  
  608. }
  609.  
  610. .flinks a {
  611. -webkit-filter:blur(0px);
  612. letter-spacing: 1px;
  613. padding:3px;
  614. text-shadow: 1px 0px 1px #27282e;
  615.  
  616. }
  617.  
  618. .flinks a:hover {
  619. color:#fff;
  620. opacity:1;
  621. -webkit-transition: all 0.8s ease-out;
  622. -moz-transition: all 0.8s ease-out;
  623. transition: all 0.8s ease-out;
  624. -webkit-filter:blur(3px);
  625. }
  626.  
  627. #description {
  628. width:208px;
  629. font-size:11px;
  630. padding:5px;
  631. text-align:justify;
  632. letter-spacing:0px;
  633. line-height:90%;
  634. margin-left:-16px;
  635. margin-top:-2px;
  636. }
  637.  
  638. /* this is the box that comes up when you hover over something with a title*/
  639.  
  640. #s-m-t-tooltip {
  641. margin-left:15px;
  642. margin-top:-21px;
  643. letter-spacing:0px;
  644. font-family:"prata";
  645. text-transform:auto;
  646. font-size:12px;
  647. color:#fff;
  648. padding: 3px;
  649. z-index:99999999999999999999999;
  650. -webkit-transition:all 1.5s;
  651. -moz-transition:all 1.5s;
  652. -ms-transition:all 1.5s;
  653. -o-transition:all 1.5s;
  654. transition:all 1.5s;
  655. }
  656.  
  657. .buttons {
  658. display:inline-block;
  659. width:90px;
  660. border-top:1px solid #fff;
  661. border-bottom:1px solid #fff;
  662. margin:5px;
  663. padding:5px;
  664. text-align:center;
  665. }
  666.  
  667. /*next page and previous page*/
  668.  
  669. #pagination {
  670. left:50%;
  671. bottom:425px;
  672. font-size:10px;
  673. margin-left:-568px;
  674. color:#fff;
  675. position: absolute;
  676. font-family:"prata";
  677. text-align: left;
  678. letter-spacing:2px;
  679. padding-left:87px;
  680. width:300px;
  681. word-spacing:2px;
  682. text-transform:lowercase;
  683. -ms-transform: rotate(0deg); /* IE 9 */
  684. -webkit-transform: rotate(0deg); /* Safari */
  685. transform: rotate(0deg)
  686.  
  687.  
  688. }
  689.  
  690. #pagination a {
  691. padding:0 3px;
  692. opacity:2;
  693. -webkit-filter: Grayscale(0%);
  694. -webkit-transition: all 0.8s ease-out;
  695. -moz-transition: all 0.8s ease-out;
  696. transition: all 0.8s ease-out;
  697. -webkit-filter: blur(0px)
  698.  
  699. }
  700.  
  701. #pagination a:hover {
  702. color:#000;
  703. opacity:1;
  704. -webkit-transition: all 0.8s ease-out;
  705. -moz-transition: all 0.8s ease-out;
  706. transition: all 0.8s ease-out;
  707. -webkit-filter:blur(.8px);
  708. }
  709.  
  710.  
  711. #container {
  712. position: fixed;
  713. width:405px;
  714. height:348px;
  715. left:50%;
  716. bottom:171px;
  717. margin-left:-269px;
  718. overflow: auto;
  719. text-align:justify;
  720. }
  721.  
  722. .content { /* --- Entries within the container --- */
  723. padding:5px;
  724. width:400px;
  725. height:315px;
  726. margin-left:-125px;
  727. margin-top:-150px;
  728. margin-bottom:40px;
  729. position:fixed;
  730. overflow:scroll;
  731. overflow-x:hidden;
  732. background-color:transparent;
  733. -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  734.  
  735. }
  736.  
  737. #post {
  738. width:400px;
  739. margin-top:5px;
  740. font-size:12px;
  741. line-height:110%;
  742. padding-top:10px;
  743. margin-bottom:20px;
  744. margin-left:auto;
  745. margin-right:auto;
  746. }
  747.  
  748. #post blockquote {
  749. padding-left:10px;
  750. margin-left:10px;
  751. border-left:#000 1px solid;
  752. }
  753.  
  754.  
  755. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  756.  
  757. b, strong, bold {
  758. color:#000;
  759. text-shadow:0px 0px 2px #000;
  760. font-size:12px;
  761. font-family:"helvetica";
  762. letter-spacing:2px;
  763. line-height:115%;
  764. font-weight: bold;
  765. text-transform:none;
  766. }
  767.  
  768. i, em, italic {
  769. color: #005c50;
  770. text-shadow:0px 0px 2px #000;
  771. font-size:15px;
  772. line-height:115%;
  773. font-family:"Over the Rainbow", cursive;
  774. text-transform:lowercase;
  775. letter-spacing:2px;
  776.  
  777. }
  778.  
  779. /*time posted, note count, via and source*/
  780.  
  781. #info {
  782. width:350px;
  783. font-size:16px;
  784. padding:4px 0px 1px 0px;
  785. margin:0px 0px 40px 0px;
  786. letter-spacing:4px;
  787. font-size:22px;
  788. }
  789.  
  790. #info a {
  791. color:#222;
  792. text-shadow:none;
  793. }
  794.  
  795. #info a:hover {
  796. color:#806e79;
  797. text-shadow:0px 0px 1px #6d6d6d;
  798. }
  799.  
  800.  
  801. /*tags*/
  802.  
  803. .tags {
  804. width:350px;
  805. margin:-20px 0px 0px 30px;
  806. line-height:115%;
  807. padding:5px;
  808. font-size:10px;
  809. word-break:keep-all;
  810. text-align:center;
  811. font-family:calibri;
  812. background:#806e79;
  813. border-top:dashed 1px #000;
  814. border-radius:3px 3px 8px 8px;
  815. }
  816.  
  817. .tags a {
  818. color:#333;
  819. text-shadow:0px 0px 1px #222;
  820. }
  821.  
  822. .tags a:hover {
  823. color:#6d6d6d;
  824. text-shadow:0px 0px 1px #6d6d6d;
  825. }
  826.  
  827. .postnote {
  828. width:350px;
  829. margin-top:40px;
  830. font-family:arial;
  831. text-transform:lowercase;
  832. font-style:normal;
  833. letter-spacing:0px;
  834. font-size:10px;
  835. text-align:left;
  836. }
  837.  
  838. .verses img {
  839. float:center;
  840. -webkit-filter: grayscale(0%);
  841. width:260px;
  842. height:100px;
  843. }
  844.  
  845. .pic img {
  846. float: center;
  847. padding: 0px;
  848. margin-right: 10px;
  849. width: 100px;
  850. height: 100px;
  851. }
  852.  
  853. /*here go asks*/
  854.  
  855. #ask {
  856. width:370px;
  857. margin-left:5px;
  858. font-size:15px;
  859. text-align:center;
  860. font-family:arial;
  861. font-style:italic;
  862. text-transform:lowercase;
  863. color:#aaa;
  864. }
  865.  
  866. #ask a {
  867. color:#ddd;
  868. text-transform:lowercase;
  869. }
  870.  
  871. #ask a:hover {
  872. color:#6d6d6d;
  873. letter-spacing:2px;
  874. }
  875.  
  876. #q {
  877. width:370px;
  878. margin-left:5px;
  879. padding:10px;
  880. text-align:center;
  881. font-family:calibri;
  882. font-size:12px;
  883. color:#6d6d6d;
  884. border-radius:3px 5px 3px 5px;
  885. border:1px solid #1d1d1d;
  886. background:url('http://i.imgur.com/pGFwo7R.png');
  887. }
  888.  
  889. #ans {
  890. text-align:justify;
  891. padding:5px;
  892. }
  893.  
  894.  
  895.  
  896.  
  897. /*audio player container*/
  898.  
  899. .playercontainer {
  900. text-align:left;
  901. padding:10px;
  902. padding-left:0px;
  903. background-color:#513347;
  904. width:400px;
  905. }
  906.  
  907. /*artist, song, etc.*/
  908.  
  909. .musicinfo {
  910. padding-top:7px;
  911. padding-left:50px;
  912. color:#fff;
  913. text-align:justify;
  914. }
  915.  
  916. #updates {
  917. position:fixed;
  918. width:140px;
  919. height:238px;
  920. left:50%;
  921. bottom:170px;
  922. margin-left:-468px;
  923. font-size:11px;
  924. padding:5px;
  925. overflow:scroll;
  926. text-align:center;
  927. }
  928.  
  929. /*credit. only change this if you actually make the code your own*/
  930.  
  931. #credit {
  932. position:fixed;
  933. font-size:18px;
  934. color:#331623;
  935. font-weight:none;
  936. line-height:50%;
  937. letter-spacing:2px;
  938. font-family:'prata';
  939. right:20px;
  940. bottom:15px;
  941. text-transform:none;
  942. text-align:left;
  943. -webkit-transition: all 0.5s ease-in-out;
  944. -moz-transition: all 0.5s ease-in-out;
  945. -o-transition: all 0.5s ease-in-out;
  946. }
  947.  
  948. #credit a {
  949. letter-spacing: 0px;
  950. padding:3px;
  951. color:#331623;
  952. }
  953.  
  954. #credit a:hover {
  955. background:#020202;
  956. color:#331623;
  957. }
  958.  
  959.  
  960.  
  961.  
  962. {CustomCSS}
  963.  
  964. }
  965.  
  966. </style></head><body>
  967. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  968. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  969. <script>
  970. (function($){
  971. $(document).ready(function(){
  972. $("a[title]").style_my_tooltips({
  973. tip_follows_cursor:true,
  974. tip_delay_time:7,
  975. tip_fade_speed:7,
  976. attribute:"title"
  977. });
  978. });
  979. })(jQuery);
  980. </script>
  981.  
  982.  
  983. <!-- YOUR UPDATES TAB -->
  984. <div id="updates">
  985. this is where you put your
  986. <pre>UPDATES</pre>
  987. <b>aren't they beautiful?</b>
  988. <HR WIDTH="30%">
  989. <i>some more cool stuff</i><br>
  990. <marquee>moving text now eyy</marquee>
  991. <h2>isn't this pretty</h2><br>
  992. and then you can do another special font!<br>
  993. <h3>lots of cool fonts tbh</h3>
  994.  
  995. </div>
  996. <!-- END UPDATES TAB -->
  997.  
  998.  
  999. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1000. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1001. <script>
  1002.  
  1003. (function($){
  1004.  
  1005. $(document).ready(function(){
  1006.  
  1007. $("a[title]").style_my_tooltips({
  1008.  
  1009. tip_follows_cursor:true,
  1010.  
  1011. tip_delay_time:50,
  1012.  
  1013. tip_fade_speed:600,
  1014.  
  1015. attribute:"title"
  1016.  
  1017. });
  1018.  
  1019. });
  1020.  
  1021. })(jQuery);
  1022.  
  1023. </script>
  1024.  
  1025.  
  1026.  
  1027.  
  1028. <div class="links">
  1029. <a href="/" title="base">░</a></div>
  1030.  
  1031. <div class="alinks">
  1032. <a href="#?w=400" title="inquire" rel="box1" class="poplight">░</a></div>
  1033.  
  1034. <div class="flinks">
  1035. <a href="#?w=400" title="deliver" rel="box8" class="poplight">░</a></div>
  1036.  
  1037. <div class="blinks">
  1038. <a href="/guidelines" title="guidelines">░</a></div>
  1039.  
  1040. <div class="clinks">
  1041. <a href="/navigation" title="navigation">░</a></div>
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. </div>
  1055.  
  1056. <div id="description">{Description}</div>
  1057.  
  1058.  
  1059. <div id="pagination">
  1060. {block:Pagination}
  1061. {block:PreviousPage}
  1062. <a href="{PreviousPage}">back</a>
  1063. {/block:PreviousPage}
  1064.  
  1065.  
  1066. {block:NextPage}
  1067. <a href="{NextPage}">/ forth</a>
  1068. {/block:NextPage}
  1069. {/block:Pagination}
  1070. </div>
  1071.  
  1072.  
  1073.  
  1074. </div>
  1075.  
  1076.  
  1077. <div id="container">
  1078. <div id="content">
  1079.  
  1080. {block:Posts}<div id="post">
  1081.  
  1082. {block:Text}
  1083. {block:Title}<b><center>{Title}</center></b>{/block:Title}
  1084. {Body}
  1085. {/block:Text}
  1086.  
  1087. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1088.  
  1089. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1090.  
  1091. {block:Quote}
  1092. <h2>{Quote}</h2>
  1093. <h1>—{Source}</h1>
  1094. {/block:Quote}
  1095.  
  1096. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1097.  
  1098. {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}
  1099.  
  1100. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1101.  
  1102. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1103.  
  1104. {block:Answer}
  1105.  
  1106. <div id="ask">{Asker}</div>
  1107. <div id="q">{Question}</div>
  1108. <br/>{Answer}{/block:Answer}
  1109.  
  1110. {block:Date}
  1111. <div id="info">
  1112. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; margin-left:25px; margin-top:6px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);">*</a>
  1113. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:3px; margin-top:5px;font-size:25px;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);">△</a>
  1114. <a href={ReblogURL} target=”_blank” class=”details” title="Reblog" style="position:absolute; margin-left:5px; margin-top:23px;font-size:17px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);">▲</a>
  1115. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1116. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1117. </div>
  1118. {/block:Date}
  1119.  
  1120.  
  1121. {block:HasTags}
  1122. <div class="tags">
  1123. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1124. {/block:HasTags}
  1125.  
  1126.  
  1127. <div class="postnote">
  1128. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1129. </div>
  1130. </div>
  1131. {/block:Posts}
  1132. </div>
  1133. </div>
  1134. </div>
  1135. </div></div>
  1136.  
  1137.  
  1138.  
  1139.  
  1140. </div></div></div></div>
  1141. </div>
  1142.  
  1143. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1144.  
  1145. </body>
  1146.  
  1147. </div></div></div></div></div></div></div></div></div></div>
  1148. <div id="box1" class="question_block">
  1149. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1150. </div>
  1151. </div></div></div></div></div></div></div></div></div></div>
  1152.  
  1153. <div id="box8" class="question_block" style="height:450px; padding:0px; background:url(); background-repeat:no repeat; overflow-x:hidden;">
  1154. <iframe frameborder="0" height="200" id="submit_form" scrolling="yes" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" width="100%"></iframe>
  1155. </div>
  1156. </div></div>
  1157.  
  1158.  
  1159.  
  1160. </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!