API tools faq
paste
manon15

fablcr theme code

manon15
Nov 4th, 2016
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.16 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/1hxuVpj.png");
  202. background-position:left bottom;
  203. background-attachment:fixed;
  204. background-repeat:no-repeat;
  205. margin:0px;
  206. background-color:#929394;
  207. color:#000;
  208. font-family:"prata";
  209. font-size:15px;
  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 #000;
  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:18px;
  277. text-align:left;
  278. font-family:"helvetica";
  279. text-align:center;
  280. line-height:115%;
  281. letter-spacing:1px;
  282. color:#fff;
  283. text-transform:uppercase;
  284. }
  285.  
  286. h2 {
  287. font-size:16px;
  288. text-align:left;
  289. font-family:"seaweed script";
  290. text-align:center;
  291. line-height:110%;
  292. letter-spacing:1px;
  293. color:#845759;
  294. }
  295.  
  296. h3 {
  297. font-size:17px;
  298. text-align:left;
  299. font-family:"rock salt";
  300. text-align:center;
  301. line-height:110%;
  302. letter-spacing:1px;
  303. color:#000;
  304. }
  305.  
  306. h4 {
  307. font-size:16px;
  308. text-align:left;
  309. font-family:"kristi";
  310. text-align:center;
  311. line-height:110%;
  312. letter-spacing:1px;
  313. color:#98807b;
  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:"satisfy";
  338. font-size:12px;
  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:60px;
  393. margin-left:934px;
  394. font-size:21px;
  395. line-height: 850%;
  396. text-align: left;
  397. width:300px;
  398. margin-right: auto;
  399. -ms-transform: rotate(0deg); /* IE 9 */
  400. -webkit-transform: rotate(0deg); /* Safari */
  401. transform: rotate(0deg)
  402.  
  403. }
  404.  
  405. .links a {
  406. -webkit-filter:blur(0px);
  407. letter-spacing: 1px;
  408. padding:3px;
  409. text-shadow: 1px 0px 1px #000;
  410.  
  411. }
  412.  
  413. .links a:hover {
  414. color:#000;
  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:60px;
  426. margin-left:961px;
  427. font-size:21px;
  428. word-spacing:2px;
  429. line-height: 850%;
  430. text-align: left;
  431. width:20px;
  432. margin-right: auto;
  433. -ms-transform: rotate(0deg); /* IE 9 */
  434. -webkit-transform: rotate(0deg); /* Safari */
  435. transform: rotate(0deg)
  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 #000;
  445.  
  446. }
  447.  
  448. .alinks a:hover {
  449. color:#000;
  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:60px;
  461. margin-left:1000px;
  462. font-size:21px;
  463. word-spacing:2px;
  464. line-height: 850%;
  465. text-align: left;
  466. width:20px;
  467. margin-right: auto;
  468. -ms-transform: rotate(0deg); /* IE 9 */
  469. -webkit-transform: rotate(0deg); /* Safari */
  470. transform: rotate(0deg)
  471.  
  472. }
  473.  
  474. .blinks a {
  475. -webkit-filter:blur(0px);
  476. letter-spacing: 1px;
  477. padding:3px;
  478. text-shadow: 1px 0px 1px #000;
  479. }
  480.  
  481. .blinks a:hover {
  482. color:#000;
  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:60px;
  494. margin-left:1033px;
  495. font-size:21px;
  496. word-spacing:2px;
  497. line-height: 850%;
  498. text-align: left;
  499. width:20px;
  500. margin-right: auto;
  501. -ms-transform: rotate(0deg); /* IE 9 */
  502. -webkit-transform: rotate(0deg); /* Safari */
  503. transform: rotate(0deg)
  504. }
  505.  
  506. .clinks a {
  507. -webkit-filter:blur(0px);
  508. letter-spacing: 1px;
  509. padding:3px;
  510. text-shadow: 1px 0px 1px #000;
  511. }
  512.  
  513. .clinks a:hover {
  514. color:#000;
  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:60px;
  526. margin-left:1066px;
  527. font-size:21px;
  528. word-spacing:2px;
  529. line-height: 850%;
  530. text-align: left;
  531. width:20px;
  532. margin-right: auto;
  533. -ms-transform: rotate(0deg); /* IE 9 */
  534. -webkit-transform: rotate(0deg); /* Safari */
  535. transform: rotate(0deg)
  536. }
  537.  
  538. .dlinks a {
  539. -webkit-filter:blur(0px);
  540. letter-spacing: 1px;
  541. padding:3px;
  542. text-shadow: 1px 0px 1px #000;
  543. }
  544.  
  545. .dlinks a:hover {
  546. color:#000;
  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.  
  555. /* this is the box that comes up when you hover over something with a title*/
  556.  
  557. #s-m-t-tooltip {
  558. margin-left:15px;
  559. margin-top:-21px;
  560. letter-spacing:0px;
  561. font-family:"helvetica";
  562. text-transform:auto;
  563. font-size:10px;
  564. text-transform:lowercase;
  565. color:#fff;
  566. background-color:#929394;
  567. border-bottom:1px double #000;
  568. border-top:1px double #000;
  569. text-shadow:0px 2px 7px #000;
  570. padding: 3px;
  571. z-index:99999999999999999999999;
  572. -webkit-transition:all 1.5s;
  573. -moz-transition:all 1.5s;
  574. -ms-transition:all 1.5s;
  575. -o-transition:all 1.5s;
  576. transition:all 1.5s;
  577. }
  578.  
  579. .buttons {
  580. display:inline-block;
  581. width:90px;
  582. border-top:1px solid #000;
  583. border-bottom:1px solid #000;
  584. margin:5px;
  585. padding:5px;
  586. text-align:center;
  587. }
  588.  
  589. .buttons:hover {
  590. background:url('http://i.imgur.com/VJqZcSA.png');
  591. }
  592.  
  593. /*next page and previous page*/
  594.  
  595. #pagination {
  596. bottom:250px;
  597. font-size:10px;
  598. margin-left:240px;
  599. color:#fff;
  600. position: absolute;
  601. font-family:"prata";
  602. text-align: left;
  603. letter-spacing:2px;
  604. padding-left:87px;
  605. width:300px;
  606. word-spacing:2px;
  607. text-transform:lowercase;
  608. -ms-transform: rotate(-90deg); /* IE 9 */
  609. -webkit-transform: rotate(-90deg); /* Safari */
  610. transform: rotate(-90deg)
  611.  
  612.  
  613. }
  614.  
  615. #pagination a {
  616. padding:0 3px;
  617. opacity:2;
  618. -webkit-filter: Grayscale(0%);
  619. -webkit-transition: all 0.8s ease-out;
  620. -moz-transition: all 0.8s ease-out;
  621. transition: all 0.8s ease-out;
  622. -webkit-filter: blur(0px)
  623.  
  624. }
  625.  
  626. #pagination a:hover {
  627. color:#18191b;
  628. opacity:1;
  629. -webkit-transition: all 0.8s ease-out;
  630. -moz-transition: all 0.8s ease-out;
  631. transition: all 0.8s ease-out;
  632. -webkit-filter:blur(.8px);
  633. }
  634.  
  635.  
  636. #container {
  637. position: fixed;
  638. width:405px;
  639. height:402px;
  640. bottom:150px;
  641. margin-left:470px;
  642. overflow: auto;
  643. text-align:justify;
  644. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 90%, from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));
  645.  
  646. }
  647.  
  648.  
  649. #post {
  650. width:400px;
  651. margin-top:5px;
  652. font-size:12px;
  653. line-height:110%;
  654. padding-top:10px;
  655. margin-bottom:20px;
  656. margin-left:auto;
  657. margin-right:auto;
  658. }
  659.  
  660. #post blockquote {
  661. padding-left:10px;
  662. margin-left:10px;
  663. border-left:#0005 1px solid;
  664. }
  665.  
  666.  
  667. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  668.  
  669. b, strong, bold {
  670. color:#fff;
  671. text-shadow:0px 0px 1px #000;
  672. font-size:12px;
  673. font-family:"khand";
  674. letter-spacing:2px;
  675. line-height:115%;
  676. font-weight: bold;
  677. text-transform:none;
  678. }
  679.  
  680. i, em, italic {
  681. color: #845759;
  682. text-shadow:none;
  683. font-size:22px;
  684. line-height:115%;
  685. font-family:"reenie beanie";
  686. text-transform:lowercase;
  687. letter-spacing:2px;
  688.  
  689. }
  690.  
  691. /*time posted, note count, via and source*/
  692.  
  693. #info {
  694. width:360px;
  695. font-size:16px;
  696. padding:4px 0px 1px 0px;
  697. margin:0px 0px 40px 0px;
  698. letter-spacing:4px;
  699. font-size:22px;
  700. color:#947b79;
  701. }
  702.  
  703. #info a {
  704. color:#947b79;
  705. text-shadow:1px 2px 4px #000;
  706. }
  707.  
  708. #info a:hover {
  709. color:#000;
  710. text-shadow:0px 0px 1px #000;
  711. }
  712.  
  713.  
  714. /*tags*/
  715.  
  716. .tags {
  717. width:360px;
  718. margin:-20px 0px 0px 30px;
  719. line-height:115%;
  720. padding:5px;
  721. font-size:10px;
  722. word-break:keep-all;
  723. text-align:center;
  724. font-family:calibri;
  725. background:#fff;
  726. border-top:solid 1px #000;
  727. border-bottom:solid 1px #000;
  728. border-radius:3px 3px 8px 8px;
  729. background:url('http://i.imgur.com/VJqZcSA.png');
  730. }
  731.  
  732. .tags a {
  733. color:#fff;
  734. text-shadow:0px 0px 5px #000;
  735. }
  736.  
  737. .tags a:hover {
  738. color:#6d6d6d;
  739. text-shadow:0px 0px 1px #6d6d6d;
  740. }
  741.  
  742. .postnote {
  743. width:360px;
  744. margin-top:40px;
  745. font-family:arial;
  746. text-transform:lowercase;
  747. font-style:normal;
  748. letter-spacing:0px;
  749. font-size:10px;
  750. text-align:left;
  751. }
  752.  
  753. .verses img {
  754. float:center;
  755. -webkit-filter: grayscale(0%);
  756. width:260px;
  757. height:100px;
  758. }
  759.  
  760. .pic img {
  761. float: center;
  762. padding: 0px;
  763. margin-right: 10px;
  764. width: 100px;
  765. height: 100px;
  766. }
  767.  
  768. /*here go asks*/
  769.  
  770. #ask {
  771. width:395px;
  772. margin-left:5px;
  773. font-size:22px;
  774. text-align:center;
  775. font-family:"yellowtail";
  776. font-style:none;
  777. text-transform:lowercase;
  778. color:#fff;
  779. }
  780.  
  781. #ask a {
  782. color:#000;
  783. text-transform:lowercase;
  784. text-shadow:0px 2px 7px #6d6d6d;
  785.  
  786. }
  787.  
  788. #ask a:hover {
  789. color:#000;
  790. letter-spacing:2px;
  791. text-shadow:0px 2px 7px #fff;
  792. }
  793.  
  794. #q {
  795. width:390px;
  796. margin-left:10px;
  797. padding:10px;
  798. text-align:center;
  799. font-family:calibri;
  800. font-size:12px;
  801. color:#fff;
  802. text-shadow:0px 0px 5px #000;
  803. border-radius:0px 0px 0px 2px;
  804. border-top:1px solid #000;
  805. background:url('http://i.imgur.com/VJqZcSA.png');
  806. }
  807.  
  808. #ans {
  809. text-align:justify;
  810. padding:5px;
  811. }
  812.  
  813.  
  814.  
  815.  
  816. /*audio player container*/
  817.  
  818. .playercontainer {
  819. text-align:left;
  820. padding:10px;
  821. padding-left:0px;
  822. background-color:#929394;
  823. width:467px;
  824. }
  825.  
  826. /*artist, song, etc.*/
  827.  
  828. .musicinfo {
  829. padding-top:7px;
  830. padding-left:50px;
  831. color:#000;
  832. text-align:justify;
  833. }
  834.  
  835. #updates {
  836. position:fixed;
  837. width:150px;
  838. height:290px;
  839. bottom:162px;
  840. margin-left:935px;
  841. font-size:11px;
  842. padding:5px;
  843. overflow:scroll;
  844. text-align:center;
  845. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 95%, from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));
  846. }
  847.  
  848. /*credit. only change this if you actually make the code your own*/
  849.  
  850. #credit {
  851. position:fixed;
  852. font-size:18px;
  853. color:#000;
  854. font-weight:none;
  855. line-height:50%;
  856. letter-spacing:2px;
  857. font-family:'prata';
  858. right:20px;
  859. bottom:15px;
  860. text-transform:UPPERCASE;
  861. text-align:left;
  862. -webkit-transition: all 0.5s ease-in-out;
  863. -moz-transition: all 0.5s ease-in-out;
  864. -o-transition: all 0.5s ease-in-out;
  865. }
  866.  
  867. #credit a {
  868. letter-spacing: 0px;
  869. padding:3px;
  870. color:#000;
  871. }
  872.  
  873. #credit a:hover {
  874. background:#929394;
  875. color:#fff;
  876. }
  877.  
  878.  
  879.  
  880.  
  881. {CustomCSS}
  882.  
  883. }
  884.  
  885. </style></head><body>
  886. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  887. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  888. <script>
  889. (function($){
  890. $(document).ready(function(){
  891. $("a[title]").style_my_tooltips({
  892. tip_follows_cursor:true,
  893. tip_delay_time:7,
  894. tip_fade_speed:7,
  895. attribute:"title"
  896. });
  897. });
  898. })(jQuery);
  899. </script>
  900.  
  901.  
  902. <!-- YOUR UPDATES TAB -->
  903. <div id="updates">
  904. this is where you put your
  905. <pre>UPDATES</pre>
  906. <b>aren't they beautiful?</b>
  907. <HR WIDTH="30%">
  908. <i>some more cool stuff</i><br>
  909. more more more moRE<br>
  910. <marquee>moving text now eyy</marquee>
  911. <br>oooh that was a p cool effect lol<br>
  912. <h2>isn't this pretty</h2><br>
  913. and then you can do another special font!<br>
  914. <h3>lots of cool fonts tbh</h3>
  915. and here's more font so i can make sure it scrolls down<br>
  916. lmfao let's keep going<br>
  917. let's do it again
  918.  
  919. </div>
  920. <!-- END UPDATES TAB -->
  921.  
  922.  
  923. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  924. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  925. <script>
  926.  
  927. (function($){
  928.  
  929. $(document).ready(function(){
  930.  
  931. $("a[title]").style_my_tooltips({
  932.  
  933. tip_follows_cursor:true,
  934.  
  935. tip_delay_time:50,
  936.  
  937. tip_fade_speed:600,
  938.  
  939. attribute:"title"
  940.  
  941. });
  942.  
  943. });
  944.  
  945. })(jQuery);
  946.  
  947. </script>
  948.  
  949.  
  950.  
  951.  
  952. <div class="links">
  953. <a href="/" title="headquarters">✕<a></div>
  954.  
  955. <div class="alinks">
  956. <a href="#?w=500" title="inquire within" rel="box1" class="poplight">✕</a></div>
  957.  
  958. <div class="blinks">
  959. <a href="/muses" title="muses">✕</a></div>
  960.  
  961. <div class="clinks">
  962. <a href="/rules" title="rules">✕</a></div>
  963.  
  964. <div class="dlinks">
  965. <a href="/navi" title="guidebook">✕</a></div>
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979. </div>
  980.  
  981. <div id="description">{Description}</div>
  982.  
  983.  
  984. <div id="pagination">
  985. {block:Pagination}
  986. {block:PreviousPage}
  987. <a href="{PreviousPage}">back</a>
  988. {/block:PreviousPage}
  989.  
  990.  
  991. {block:NextPage}
  992. <a href="{NextPage}">/ forth</a>
  993. {/block:NextPage}
  994. {/block:Pagination}
  995. </div>
  996.  
  997.  
  998.  
  999. </div>
  1000.  
  1001.  
  1002. <div id="container">
  1003. <div id="content">
  1004.  
  1005. {block:Posts}<div id="post">
  1006.  
  1007. {block:Text}
  1008. {block:Title}<b><center>{Title}</center></b>{/block:Title}
  1009. {Body}
  1010. {/block:Text}
  1011.  
  1012. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1013.  
  1014. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1015.  
  1016. {block:Quote}
  1017. <h2>{Quote}</h2>
  1018. <h1>—{Source}</h1>
  1019. {/block:Quote}
  1020.  
  1021. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1022.  
  1023. {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}
  1024.  
  1025. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1026.  
  1027. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1028.  
  1029. {block:Answer}
  1030.  
  1031. <div id="ask">{Asker}</div>
  1032. <div id="q">{Question}</div>
  1033. <br/>{Answer}{/block:Answer}
  1034.  
  1035. {block:Date}
  1036. <div id="info">
  1037. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; margin-left:15px; margin-top:-2px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);">✩</a>
  1038. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:-3px; margin-top:12px;font-size:20px;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);">✦</a>
  1039. <a href={ReblogURL} target=”_blank” class=”details” title="Reblog" style="position:absolute; margin-left:7px; margin-top:28px;font-size:19px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);">✧</a>
  1040. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1041. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1042. </div>
  1043. {/block:Date}
  1044.  
  1045.  
  1046. {block:HasTags}
  1047. <div class="tags">
  1048. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1049. {/block:HasTags}
  1050.  
  1051.  
  1052. <div class="postnote">
  1053. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1054. </div>
  1055. </div>
  1056. {/block:Posts}
  1057. </div>
  1058. </div>
  1059. </div>
  1060. </div></div>
  1061.  
  1062.  
  1063.  
  1064.  
  1065. </div></div></div></div>
  1066. </div>
  1067.  
  1068. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1069.  
  1070. </body>
  1071.  
  1072. <div id="box1" class="question_block">
  1073. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1074. </div>
  1075. </div></div></div></div></div></div></div></div></div></div>
  1076.  
  1077.  
  1078. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!