API tools faq
paste
Advertisement
manon15

roxyxmorton theme code

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