API tools faq
paste
Advertisement
manon15

updated juliacaesaris code

manon15
Jan 26th, 2018
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.03 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/0p2dJyt.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/Ib7ZuIm.png");
  201. background-position:top left;
  202. background-attachment:fixed;
  203. background-repeat:no-repeat;
  204. margin:0px;
  205. background-color:#a2a48a;
  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:#3d3d3d;
  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 #c6bb96;
  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:#000;
  281. text-transform:uppercase;
  282. }
  283.  
  284. h2 {
  285. font-size:20px;
  286. text-align:left;
  287. font-family:"yellowtail";
  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:"arial";
  298. text-align:center;
  299. line-height:110%;
  300. letter-spacing:1px;
  301. color:#b6a27d;
  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:#000;
  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:#000;
  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/hyo8whz.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. margin-top:0px;
  391. margin-left:570px;
  392. font-size:20px;
  393. line-height: 850%;
  394. text-align: left;
  395. width:300px;
  396. margin-right: auto;
  397. -ms-transform: rotate(10deg); /* IE 9 */
  398. -webkit-transform: rotate(10deg); /* Safari */
  399. transform: rotate(10deg)
  400.  
  401. }
  402.  
  403. .links a {
  404. -webkit-filter:blur(0px);
  405. letter-spacing: 1px;
  406. padding:3px;
  407. text-shadow: 1px 0px 1px #27282e;
  408.  
  409. }
  410.  
  411. .links a:hover {
  412. color:#fff;
  413. opacity:1;
  414. -webkit-transition: all 0.8s ease-out;
  415. -moz-transition: all 0.8s ease-out;
  416. transition: all 0.8s ease-out;
  417. -webkit-filter:blur(3px);
  418. }
  419.  
  420. .alinks {
  421. position: fixed;
  422. font-style:none;
  423. margin-top:-50px;
  424. margin-left:660px;
  425. font-size:18px;
  426. word-spacing:2px;
  427. line-height: 850%;
  428. text-align: left;
  429. width:20px;
  430. margin-right: auto;
  431. -ms-transform: rotate(-30deg); /* IE 9 */
  432. -webkit-transform: rotate(-30deg); /* Safari */
  433. transform: rotate(-30deg)
  434.  
  435.  
  436. }
  437.  
  438. .alinks a {
  439. -webkit-filter:blur(0px);
  440. letter-spacing: 1px;
  441. padding:3px;
  442. text-shadow: 1px 0px 1px #27282e;
  443.  
  444. }
  445.  
  446. .alinks a:hover {
  447. color:#fff;
  448. opacity:1;
  449. -webkit-transition: all 0.8s ease-out;
  450. -moz-transition: all 0.8s ease-out;
  451. transition: all 0.8s ease-out;
  452. -webkit-filter:blur(3px);
  453. }
  454.  
  455. .blinks {
  456. position: fixed;
  457. font-style:none;
  458. margin-top:12px;
  459. margin-left:730px;
  460. font-size:18px;
  461. word-spacing:2px;
  462. line-height: 850%;
  463. text-align: left;
  464. width:20px;
  465. margin-right: auto;
  466. -ms-transform: rotate(-10deg); /* IE 9 */
  467. -webkit-transform: rotate(-10deg); /* Safari */
  468. transform: rotate(-10deg)
  469.  
  470. }
  471.  
  472. .blinks a {
  473. -webkit-filter:blur(0px);
  474. letter-spacing: 1px;
  475. padding:3px;
  476. text-shadow: 1px 0px 1px #27282e;
  477. }
  478.  
  479. .blinks a:hover {
  480. color:#fff;
  481. opacity:1;
  482. -webkit-transition: all 0.8s ease-out;
  483. -moz-transition: all 0.8s ease-out;
  484. transition: all 0.8s ease-out;
  485. -webkit-filter:blur(3px);
  486. }
  487.  
  488. .clinks {
  489. position: fixed;
  490. font-style:none;
  491. margin-top:28px;
  492. margin-left:880px;
  493. font-size:20px;
  494. word-spacing:2px;
  495. line-height: 850%;
  496. text-align: left;
  497. width:20px;
  498. margin-right: auto;
  499. -ms-transform: rotate(-50deg); /* IE 9 */
  500. -webkit-transform: rotate(-50deg); /* Safari */
  501. transform: rotate(-50deg)
  502. }
  503.  
  504. .clinks a {
  505. -webkit-filter:blur(0px);
  506. letter-spacing: 1px;
  507. padding:3px;
  508. text-shadow: 1px 0px 1px #27282e;
  509. }
  510.  
  511. .clinks a:hover {
  512. color:#fff;
  513. opacity:1;
  514. -webkit-transition: all 0.8s ease-out;
  515. -moz-transition: all 0.8s ease-out;
  516. transition: all 0.8s ease-out;
  517. -webkit-filter:blur(3px);
  518. }
  519.  
  520. .dlinks {
  521. position: fixed;
  522. font-style:none;
  523. margin-top:-50px;
  524. margin-left:820px;
  525. font-size:20px;
  526. word-spacing:2px;
  527. line-height: 850%;
  528. text-align: left;
  529. width:20px;
  530. margin-right: auto;
  531. -ms-transform: rotate(-40deg); /* IE 9 */
  532. -webkit-transform: rotate(-40deg); /* Safari */
  533. transform: rotate(-40deg)
  534. }
  535.  
  536. .dlinks a {
  537. -webkit-filter:blur(0px);
  538. letter-spacing: 1px;
  539. padding:3px;
  540. text-shadow: 1px 0px 1px #27282e;
  541. }
  542.  
  543. .dlinks a:hover {
  544. color:#fff;
  545. opacity:1;
  546. -webkit-transition: all 0.8s ease-out;
  547. -moz-transition: all 0.8s ease-out;
  548. transition: all 0.8s ease-out;
  549. -webkit-filter:blur(3px);
  550. }
  551.  
  552. .elinks {
  553. position: fixed;
  554. font-style:none;
  555. margin-top:-45px;
  556. margin-left:960px;
  557. font-size:20px;
  558. word-spacing:2px;
  559. line-height: 850%;
  560. text-align: left;
  561. width:20px;
  562. margin-right: auto;
  563. -ms-transform: rotate(30deg); /* IE 9 */
  564. -webkit-transform: rotate(30deg); /* Safari */
  565. transform: rotate(30deg)
  566.  
  567. }
  568.  
  569. .elinks a {
  570. -webkit-filter:blur(0px);
  571. letter-spacing: 1px;
  572. padding:3px;
  573. text-shadow: 1px 0px 1px #27282e;
  574.  
  575. }
  576.  
  577. .elinks a:hover {
  578. color:#fff;
  579. opacity:1;
  580. -webkit-transition: all 0.8s ease-out;
  581. -moz-transition: all 0.8s ease-out;
  582. transition: all 0.8s ease-out;
  583. -webkit-filter:blur(3px);
  584. }
  585.  
  586. .flinks {
  587. position: fixed;
  588. font-style:none;
  589. margin-top:290px;
  590. margin-left:750px;
  591. font-size:20px;
  592. word-spacing:2px;
  593. line-height: 850%;
  594. text-align: left;
  595. width:20px;
  596. margin-right: auto;
  597. -ms-transform: rotate(50deg); /* IE 9 */
  598. -webkit-transform: rotate(50deg); /* Safari */
  599. transform: rotate(50deg)
  600.  
  601. }
  602.  
  603. .flinks a {
  604. -webkit-filter:blur(0px);
  605. letter-spacing: 1px;
  606. padding:3px;
  607. text-shadow: 1px 0px 1px #27282e;
  608.  
  609. }
  610.  
  611. .flinks a:hover {
  612. color:#fff;
  613. opacity:1;
  614. -webkit-transition: all 0.8s ease-out;
  615. -moz-transition: all 0.8s ease-out;
  616. transition: all 0.8s ease-out;
  617. -webkit-filter:blur(3px);
  618. }
  619.  
  620.  
  621.  
  622. #description {
  623. width:208px;
  624. font-size:11px;
  625. padding:5px;
  626. text-align:justify;
  627. letter-spacing:0px;
  628. line-height:90%;
  629. margin-left:-16px;
  630. margin-top:-2px;
  631. }
  632.  
  633. /* this is the box that comes up when you hover over something with a title*/
  634.  
  635. #s-m-t-tooltip {
  636. margin-left:15px;
  637. margin-top:-21px;
  638. letter-spacing:0px;
  639. font-family:"prata";
  640. text-transform:auto;
  641. font-size:12px;
  642. color:#fff;
  643. background:url('http://i.imgur.com/hyo8whz.png');
  644. border:1px solid #fff;
  645. text-shadow:0px 0px 1px #fff;
  646. padding: 3px;
  647. z-index:99999999999999999999999;
  648. -webkit-transition:all 1.5s;
  649. -moz-transition:all 1.5s;
  650. -ms-transition:all 1.5s;
  651. -o-transition:all 1.5s;
  652. transition:all 1.5s;
  653. }
  654.  
  655. .buttons {
  656. display:inline-block;
  657. width:90px;
  658. border-top:1px solid #fff;
  659. border-bottom:1px solid #fff;
  660. margin:5px;
  661. padding:5px;
  662. text-align:center;
  663. }
  664.  
  665. .buttons:hover {
  666. background:url('http://i.imgur.com/hyo8whz.png');
  667.  
  668. }
  669.  
  670. /*next page and previous page*/
  671.  
  672. #pagination {
  673. top:572px;
  674. font-size:10px;
  675. margin-left:460px;
  676. color:#fff;
  677. position: absolute;
  678. font-family:"prata";
  679. text-align: left;
  680. letter-spacing:2px;
  681. padding-left:87px;
  682. width:300px;
  683. word-spacing:2px;
  684. text-transform:lowercase;
  685. -ms-transform: rotate(0deg); /* IE 9 */
  686. -webkit-transform: rotate(0deg); /* Safari */
  687. transform: rotate(0deg)
  688.  
  689.  
  690. }
  691.  
  692. #pagination a {
  693. padding:0 3px;
  694. opacity:2;
  695. -webkit-filter: Grayscale(0%);
  696. -webkit-transition: all 0.8s ease-out;
  697. -moz-transition: all 0.8s ease-out;
  698. transition: all 0.8s ease-out;
  699. -webkit-filter: blur(0px)
  700.  
  701. }
  702.  
  703. #pagination a:hover {
  704. color:#000;
  705. opacity:1;
  706. -webkit-transition: all 0.8s ease-out;
  707. -moz-transition: all 0.8s ease-out;
  708. transition: all 0.8s ease-out;
  709. -webkit-filter:blur(.8px);
  710. }
  711.  
  712.  
  713. #container {
  714. position: fixed;
  715. width:505px;
  716. height:398px;
  717. top:160px;
  718. margin-left:568px;
  719. overflow: auto;
  720. text-align:justify;
  721. }
  722.  
  723. .content { /* --- Entries within the container --- */
  724. padding:5px;
  725. width:500px;
  726. height:315px;
  727. margin-left:-125px;
  728. margin-top:-150px;
  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:500px;
  739. font-size:12px;
  740. line-height:110%;
  741. padding-top:10px;
  742. margin-top:20px;
  743. margin-left:auto;
  744. margin-right:auto;
  745. }
  746.  
  747. #post blockquote {
  748. padding-left:10px;
  749. margin-left:10px;
  750. border-left:#0c6bb96 1px solid;
  751. }
  752.  
  753.  
  754. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  755.  
  756. b, strong, bold {
  757. color:#d0caa3;
  758. text-shadow:0px 0px 1px #d0caa3;
  759. font-size:13px;
  760. font-family:"Oswald";
  761. letter-spacing:2px;
  762. line-height:115%;
  763. font-weight: bold;
  764. text-transform:none;
  765. }
  766.  
  767. i, em, italic {
  768. color: #000;
  769. text-shadow:0px 0px 1px #000;
  770. font-size:14px;
  771. line-height:115%;
  772. font-family:"arial";
  773. text-transform:lowercase;
  774. letter-spacing:2px;
  775.  
  776. }
  777.  
  778. /*time posted, note count, via and source*/
  779.  
  780. #info {
  781. width:450px;
  782. font-size:16px;
  783. padding:4px 0px 1px 0px;
  784. margin:0px 0px 40px 0px;
  785. letter-spacing:4px;
  786. font-size:22px;
  787. color:#534840;
  788. }
  789.  
  790. #info a {
  791. color:#5348403;
  792. text-shadow:none;
  793. }
  794.  
  795. #info a:hover {
  796. color:#806e79;
  797. text-shadow:0px 0px 1px #000;
  798. }
  799.  
  800.  
  801. /*tags*/
  802.  
  803. .tags {
  804. width:450px;
  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:#000;
  813. border-top:dashed 1px #000;
  814. border-radius:3px 3px 8px 8px;
  815. background:url('http://i.imgur.com/hyo8whz.png');
  816. }
  817.  
  818. .tags a {
  819. color:#333;
  820. text-shadow:0px 0px 1px #222;
  821. }
  822.  
  823. .tags a:hover {
  824. color:#6d6d6d;
  825. text-shadow:0px 0px 1px #6d6d6d;
  826. }
  827.  
  828. .postnote {
  829. width:450px;
  830. margin-top:40px;
  831. font-family:arial;
  832. text-transform:lowercase;
  833. font-style:normal;
  834. letter-spacing:0px;
  835. font-size:10px;
  836. text-align:left;
  837. }
  838.  
  839. .verses img {
  840. float:center;
  841. -webkit-filter: grayscale(0%);
  842. width:260px;
  843. height:100px;
  844. }
  845.  
  846. .pic img {
  847. float: center;
  848. padding: 0px;
  849. margin-right: 10px;
  850. width: 100px;
  851. height: 100px;
  852. }
  853.  
  854. /*here go asks*/
  855.  
  856. #ask {
  857. width:460px;
  858. margin-left:5px;
  859. font-size:15px;
  860. text-align:center;
  861. font-family:arial;
  862. font-style:italic;
  863. text-transform:lowercase;
  864. color:#fff;
  865. }
  866.  
  867. #ask a {
  868. color:#fff;
  869. text-transform:lowercase;
  870. }
  871.  
  872. #ask a:hover {
  873. color:#6d6d6d;
  874. letter-spacing:2px;
  875. }
  876.  
  877. #q {
  878. width:460px;
  879. margin-left:5px;
  880. padding:10px;
  881. text-align:center;
  882. font-family:calibri;
  883. font-size:12px;
  884. color:#000;
  885. border-radius:3px 5px 3px 5px;
  886. border:1px solid #1d1d1d;
  887. background:url('http://i.imgur.com/hyo8whz.png');
  888. }
  889.  
  890. #ans {
  891. text-align:justify;
  892. padding:5px;
  893. }
  894.  
  895.  
  896.  
  897.  
  898. /*audio player container*/
  899.  
  900. .playercontainer {
  901. text-align:left;
  902. padding:10px;
  903. padding-left:0px;
  904. background-color:#c0bbb7;
  905. width:500px;
  906. }
  907.  
  908. /*artist, song, etc.*/
  909.  
  910. .musicinfo {
  911. padding-top:7px;
  912. padding-left:50px;
  913. color:#000;
  914. text-align:justify;
  915. }
  916.  
  917. /* --- UPDATES ---*/
  918.  
  919.  
  920.  
  921. #bite
  922. #bite a{
  923. display:block
  924. }
  925. #bite .death {
  926. margin-top:0px;filter: alpha(opacity = 0);
  927. opacity:0;-webkit-transition: all 0.5s ease-out;
  928. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  929. }
  930.  
  931. #bite:hover .death {
  932. margin-top:0px;
  933. -webkit-transition: all 0.8s ease-out;
  934. -moz-transition: all 0.8s ease-out;
  935. transition: all 0.8s ease-out;
  936. filter: alpha(opacity = 100);
  937. filter: alpha(opacity = 100);
  938. opacity:100;
  939. }
  940.  
  941. #actualnews {
  942. font-family:'calibri';
  943. font-size:12px;
  944. color: #fff;
  945. width:175px;
  946. height:auto;
  947. padding-top:3px;
  948. margin-left:1100px;
  949. top:160px;
  950. text-align:center;
  951. position:fixed;
  952. background:transparent;
  953. }
  954.  
  955. #thekey {
  956. width:auto;
  957. letter-spacing:5px;
  958. top:161px;
  959. margin-left:504px;
  960. padding:2px;
  961. position:fixed;
  962. font-size:11px;
  963. font-family: 'prata', serif;
  964. color:#000;
  965. text-transform:uppercase;
  966. text-shadow: 0px 0px 0px #000;
  967. -ms-transform: rotate(-90deg); /* IE 9 */
  968. -webkit-transform: rotate(-90deg); /* Safari */
  969. transform: rotate(-90deg)
  970.  
  971. }
  972.  
  973.  
  974. /*credit. only change this if you actually make the code your own*/
  975.  
  976. #credit {
  977. position:fixed;
  978. font-size:18px;
  979. color:#000;
  980. font-weight:none;
  981. line-height:50%;
  982. letter-spacing:2px;
  983. font-family:'prata';
  984. right:20px;
  985. bottom:15px;
  986. text-transform:none;
  987. text-align:left;
  988. -webkit-transition: all 0.5s ease-in-out;
  989. -moz-transition: all 0.5s ease-in-out;
  990. -o-transition: all 0.5s ease-in-out;
  991. }
  992.  
  993. #credit a {
  994. letter-spacing: 0px;
  995. padding:3px;
  996. color:#000;
  997. }
  998.  
  999. #credit a:hover {
  1000. background:#a2a48a;
  1001. color:#a2a48a7;
  1002. }
  1003.  
  1004.  
  1005.  
  1006.  
  1007. {CustomCSS}
  1008.  
  1009. }
  1010.  
  1011. </style></head><body>
  1012. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  1013. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  1014. <script>
  1015. (function($){
  1016. $(document).ready(function(){
  1017. $("a[title]").style_my_tooltips({
  1018. tip_follows_cursor:true,
  1019. tip_delay_time:7,
  1020. tip_fade_speed:7,
  1021. attribute:"title"
  1022. });
  1023. });
  1024. })(jQuery);
  1025. </script>
  1026.  
  1027.  
  1028. <!-- begin updates tab -->
  1029.  
  1030. <div id="bite">
  1031. <div id="thekey">HOVER</div>
  1032. <div class="death">
  1033. <div id="actualnews">
  1034. <h2>Kleopatra Selene II</h2>
  1035. daughter of &nbsp;<i>kleopatra vii</i>.<br>
  1036. <HR WIDTH="50%">
  1037. indie. selective. private.<br>
  1038. <div>penned by <b>anastasia</b></div>
  1039. </div></div></div>
  1040.  
  1041. <!-- end updates tab -->
  1042.  
  1043.  
  1044.  
  1045. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1046. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1047. <script>
  1048.  
  1049. (function($){
  1050.  
  1051. $(document).ready(function(){
  1052.  
  1053. $("a[title]").style_my_tooltips({
  1054.  
  1055. tip_follows_cursor:true,
  1056.  
  1057. tip_delay_time:50,
  1058.  
  1059. tip_fade_speed:600,
  1060.  
  1061. attribute:"title"
  1062.  
  1063. });
  1064.  
  1065. });
  1066.  
  1067. })(jQuery);
  1068.  
  1069. </script>
  1070.  
  1071.  
  1072.  
  1073.  
  1074. <div class="links">
  1075. <a href="/" title="home">I</a></div>
  1076.  
  1077. <div class="alinks">
  1078. <a href="/ask" title="inquiries">II</a></div>
  1079.  
  1080. <div class="blinks">
  1081. <a href="/scroll" title="scroll">III</a></div>
  1082.  
  1083. <div class="clinks">
  1084. <a href="/map" title="map">IV</a></div>
  1085.  
  1086. <div class="dlinks">
  1087. <a href="/about" title="about">V</a></div>
  1088.  
  1089. <div class="elinks">
  1090. <a href="/navi" title="about">VI</a></div>
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104. </div>
  1105.  
  1106. <div id="description">{Description}</div>
  1107.  
  1108.  
  1109. <div id="pagination">
  1110. {block:Pagination}
  1111. {block:PreviousPage}
  1112. <a href="{PreviousPage}">back</a>
  1113. {/block:PreviousPage}
  1114.  
  1115.  
  1116. {block:NextPage}
  1117. <a href="{NextPage}">/ forth</a>
  1118. {/block:NextPage}
  1119. {/block:Pagination}
  1120. </div>
  1121.  
  1122.  
  1123.  
  1124. </div>
  1125.  
  1126.  
  1127. <div id="container">
  1128. <div id="content">
  1129.  
  1130. {block:Posts}<div id="post">
  1131.  
  1132. {block:Text}
  1133. {block:Title}<b><center>{Title}</center></b>{/block:Title}
  1134. {Body}
  1135. {/block:Text}
  1136.  
  1137. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1138.  
  1139. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1140.  
  1141. {block:Quote}
  1142. <h2>{Quote}</h2>
  1143. <h1>—{Source}</h1>
  1144. {/block:Quote}
  1145.  
  1146. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1147.  
  1148. {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}
  1149.  
  1150. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1151.  
  1152. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1153.  
  1154. {block:Answer}
  1155.  
  1156. <div id="ask">{Asker}</div>
  1157. <div id="q">{Question}</div>
  1158. <br/>{Answer}{/block:Answer}
  1159.  
  1160. {block:Date}
  1161. <div id="info">
  1162. <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>
  1163. <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>
  1164. <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>
  1165. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1166. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1167. </div>
  1168. {/block:Date}
  1169.  
  1170.  
  1171. {block:HasTags}
  1172. <div class="tags">
  1173. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1174. {/block:HasTags}
  1175.  
  1176.  
  1177. <div class="postnote">
  1178. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1179. </div>
  1180. </div>
  1181. {/block:Posts}
  1182. </div>
  1183. </div>
  1184. </div>
  1185. </div></div>
  1186.  
  1187.  
  1188.  
  1189.  
  1190. </div></div></div></div>
  1191. </div>
  1192.  
  1193. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1194.  
  1195. </body>
  1196.  
  1197. </div></div></div></div></div></div></div></div></div></div>
  1198.  
  1199.  
  1200.  
  1201.  
  1202.  
  1203. </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!