API tools faq
paste
Advertisement
manon15

juliaxcaesaris theme code 2

manon15
Oct 2nd, 2016
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.02 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:-30px;
  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. #description {
  621. width:208px;
  622. font-size:11px;
  623. padding:5px;
  624. text-align:justify;
  625. letter-spacing:0px;
  626. line-height:90%;
  627. margin-left:-16px;
  628. margin-top:-2px;
  629. }
  630.  
  631. /* this is the box that comes up when you hover over something with a title*/
  632.  
  633. #s-m-t-tooltip {
  634. margin-left:15px;
  635. margin-top:-21px;
  636. letter-spacing:0px;
  637. font-family:"prata";
  638. text-transform:auto;
  639. font-size:12px;
  640. color:#fff;
  641. background:url('http://i.imgur.com/hyo8whz.png');
  642. border:1px solid #fff;
  643. text-shadow:0px 0px 1px #fff;
  644. padding: 3px;
  645. z-index:99999999999999999999999;
  646. -webkit-transition:all 1.5s;
  647. -moz-transition:all 1.5s;
  648. -ms-transition:all 1.5s;
  649. -o-transition:all 1.5s;
  650. transition:all 1.5s;
  651. }
  652.  
  653. .buttons {
  654. display:inline-block;
  655. width:90px;
  656. border-top:1px solid #fff;
  657. border-bottom:1px solid #fff;
  658. margin:5px;
  659. padding:5px;
  660. text-align:center;
  661. }
  662.  
  663. .buttons:hover {
  664. background:url('http://i.imgur.com/hyo8whz.png');
  665.  
  666. }
  667.  
  668. /*next page and previous page*/
  669.  
  670. #pagination {
  671. top:572px;
  672. font-size:10px;
  673. margin-left:460px;
  674. color:#fff;
  675. position: absolute;
  676. font-family:"prata";
  677. text-align: left;
  678. letter-spacing:2px;
  679. padding-left:87px;
  680. width:300px;
  681. word-spacing:2px;
  682. text-transform:lowercase;
  683. -ms-transform: rotate(0deg); /* IE 9 */
  684. -webkit-transform: rotate(0deg); /* Safari */
  685. transform: rotate(0deg)
  686.  
  687.  
  688. }
  689.  
  690. #pagination a {
  691. padding:0 3px;
  692. opacity:2;
  693. -webkit-filter: Grayscale(0%);
  694. -webkit-transition: all 0.8s ease-out;
  695. -moz-transition: all 0.8s ease-out;
  696. transition: all 0.8s ease-out;
  697. -webkit-filter: blur(0px)
  698.  
  699. }
  700.  
  701. #pagination a:hover {
  702. color:#000;
  703. opacity:1;
  704. -webkit-transition: all 0.8s ease-out;
  705. -moz-transition: all 0.8s ease-out;
  706. transition: all 0.8s ease-out;
  707. -webkit-filter:blur(.8px);
  708. }
  709.  
  710.  
  711. #container {
  712. position: fixed;
  713. width:505px;
  714. height:398px;
  715. top:160px;
  716. margin-left:568px;
  717. overflow: auto;
  718. text-align:justify;
  719. }
  720.  
  721. .content { /* --- Entries within the container --- */
  722. padding:5px;
  723. width:500px;
  724. height:315px;
  725. margin-left:-125px;
  726. margin-top:-150px;
  727. position:fixed;
  728. overflow:scroll;
  729. overflow-x:hidden;
  730. background-color:transparent;
  731. -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  732.  
  733. }
  734.  
  735. #post {
  736. width:500px;
  737. font-size:12px;
  738. line-height:110%;
  739. padding-top:10px;
  740. margin-top:20px;
  741. margin-left:auto;
  742. margin-right:auto;
  743. }
  744.  
  745. #post blockquote {
  746. padding-left:10px;
  747. margin-left:10px;
  748. border-left:#0c6bb96 1px solid;
  749. }
  750.  
  751.  
  752. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  753.  
  754. b, strong, bold {
  755. color:#d0caa3;
  756. text-shadow:0px 0px 1px #d0caa3;
  757. font-size:13px;
  758. font-family:"Oswald";
  759. letter-spacing:2px;
  760. line-height:115%;
  761. font-weight: bold;
  762. text-transform:none;
  763. }
  764.  
  765. i, em, italic {
  766. color: #000;
  767. text-shadow:0px 0px 1px #000;
  768. font-size:14px;
  769. line-height:115%;
  770. font-family:"arial";
  771. text-transform:lowercase;
  772. letter-spacing:2px;
  773.  
  774. }
  775.  
  776. /*time posted, note count, via and source*/
  777.  
  778. #info {
  779. width:450px;
  780. font-size:16px;
  781. padding:4px 0px 1px 0px;
  782. margin:0px 0px 40px 0px;
  783. letter-spacing:4px;
  784. font-size:22px;
  785. color:#534840;
  786. }
  787.  
  788. #info a {
  789. color:#5348403;
  790. text-shadow:none;
  791. }
  792.  
  793. #info a:hover {
  794. color:#806e79;
  795. text-shadow:0px 0px 1px #000;
  796. }
  797.  
  798.  
  799. /*tags*/
  800.  
  801. .tags {
  802. width:450px;
  803. margin:-20px 0px 0px 30px;
  804. line-height:115%;
  805. padding:5px;
  806. font-size:10px;
  807. word-break:keep-all;
  808. text-align:center;
  809. font-family:calibri;
  810. background:#000;
  811. border-top:dashed 1px #000;
  812. border-radius:3px 3px 8px 8px;
  813. background:url('http://i.imgur.com/hyo8whz.png');
  814. }
  815.  
  816. .tags a {
  817. color:#333;
  818. text-shadow:0px 0px 1px #222;
  819. }
  820.  
  821. .tags a:hover {
  822. color:#6d6d6d;
  823. text-shadow:0px 0px 1px #6d6d6d;
  824. }
  825.  
  826. .postnote {
  827. width:450px;
  828. margin-top:40px;
  829. font-family:arial;
  830. text-transform:lowercase;
  831. font-style:normal;
  832. letter-spacing:0px;
  833. font-size:10px;
  834. text-align:left;
  835. }
  836.  
  837. .verses img {
  838. float:center;
  839. -webkit-filter: grayscale(0%);
  840. width:260px;
  841. height:100px;
  842. }
  843.  
  844. .pic img {
  845. float: center;
  846. padding: 0px;
  847. margin-right: 10px;
  848. width: 100px;
  849. height: 100px;
  850. }
  851.  
  852. /*here go asks*/
  853.  
  854. #ask {
  855. width:460px;
  856. margin-left:5px;
  857. font-size:15px;
  858. text-align:center;
  859. font-family:arial;
  860. font-style:italic;
  861. text-transform:lowercase;
  862. color:#fff;
  863. }
  864.  
  865. #ask a {
  866. color:#fff;
  867. text-transform:lowercase;
  868. }
  869.  
  870. #ask a:hover {
  871. color:#6d6d6d;
  872. letter-spacing:2px;
  873. }
  874.  
  875. #q {
  876. width:460px;
  877. margin-left:5px;
  878. padding:10px;
  879. text-align:center;
  880. font-family:calibri;
  881. font-size:12px;
  882. color:#000;
  883. border-radius:3px 5px 3px 5px;
  884. border:1px solid #1d1d1d;
  885. background:url('http://i.imgur.com/hyo8whz.png');
  886. }
  887.  
  888. #ans {
  889. text-align:justify;
  890. padding:5px;
  891. }
  892.  
  893.  
  894.  
  895.  
  896. /*audio player container*/
  897.  
  898. .playercontainer {
  899. text-align:left;
  900. padding:10px;
  901. padding-left:0px;
  902. background-color:#c0bbb7;
  903. width:500px;
  904. }
  905.  
  906. /*artist, song, etc.*/
  907.  
  908. .musicinfo {
  909. padding-top:7px;
  910. padding-left:50px;
  911. color:#000;
  912. text-align:justify;
  913. }
  914.  
  915. /* --- UPDATES ---*/
  916.  
  917.  
  918.  
  919. #bite
  920. #bite a{
  921. display:block
  922. }
  923. #bite .death {
  924. margin-top:0px;filter: alpha(opacity = 0);
  925. opacity:0;-webkit-transition: all 0.5s ease-out;
  926. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  927. }
  928.  
  929. #bite:hover .death {
  930. margin-top:0px;
  931. -webkit-transition: all 0.8s ease-out;
  932. -moz-transition: all 0.8s ease-out;
  933. transition: all 0.8s ease-out;
  934. filter: alpha(opacity = 100);
  935. filter: alpha(opacity = 100);
  936. opacity:100;
  937. }
  938.  
  939. #actualnews {
  940. font-family:'calibri';
  941. font-size:12px;
  942. color: #fff;
  943. width:175px;
  944. height:auto;
  945. padding-top:3px;
  946. margin-left:1100px;
  947. top:160px;
  948. text-align:center;
  949. position:fixed;
  950. background:transparent;
  951. }
  952.  
  953. #thekey {
  954. width:auto;
  955. letter-spacing:5px;
  956. top:161px;
  957. margin-left:504px;
  958. padding:2px;
  959. position:fixed;
  960. font-size:11px;
  961. font-family: 'prata', serif;
  962. color:#000;
  963. text-transform:uppercase;
  964. text-shadow: 0px 0px 0px #000;
  965. -ms-transform: rotate(-90deg); /* IE 9 */
  966. -webkit-transform: rotate(-90deg); /* Safari */
  967. transform: rotate(-90deg)
  968.  
  969. }
  970.  
  971.  
  972. /*credit. only change this if you actually make the code your own*/
  973.  
  974. #credit {
  975. position:fixed;
  976. font-size:18px;
  977. color:#000;
  978. font-weight:none;
  979. line-height:50%;
  980. letter-spacing:2px;
  981. font-family:'prata';
  982. right:20px;
  983. bottom:15px;
  984. text-transform:none;
  985. text-align:left;
  986. -webkit-transition: all 0.5s ease-in-out;
  987. -moz-transition: all 0.5s ease-in-out;
  988. -o-transition: all 0.5s ease-in-out;
  989. }
  990.  
  991. #credit a {
  992. letter-spacing: 0px;
  993. padding:3px;
  994. color:#000;
  995. }
  996.  
  997. #credit a:hover {
  998. background:#a2a48a;
  999. color:#a2a48a7;
  1000. }
  1001.  
  1002.  
  1003.  
  1004.  
  1005. {CustomCSS}
  1006.  
  1007. }
  1008.  
  1009. </style></head><body>
  1010. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  1011. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  1012. <script>
  1013. (function($){
  1014. $(document).ready(function(){
  1015. $("a[title]").style_my_tooltips({
  1016. tip_follows_cursor:true,
  1017. tip_delay_time:7,
  1018. tip_fade_speed:7,
  1019. attribute:"title"
  1020. });
  1021. });
  1022. })(jQuery);
  1023. </script>
  1024.  
  1025.  
  1026. <!-- begin updates tab -->
  1027.  
  1028. <div id="bite">
  1029. <div id="thekey">HOVER</div>
  1030. <div class="death">
  1031. <div id="actualnews">
  1032. <h2>Kleopatra Selene II</h2>
  1033. daughter of &nbsp;<i>cleopatra</i>.<br>
  1034. <HR WIDTH="50%">
  1035. indie. selective. private.<br>
  1036. penned by <b>dev</b>.
  1037. </div></div></div>
  1038.  
  1039. <!-- end updates tab -->
  1040.  
  1041.  
  1042.  
  1043. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1044. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1045. <script>
  1046.  
  1047. (function($){
  1048.  
  1049. $(document).ready(function(){
  1050.  
  1051. $("a[title]").style_my_tooltips({
  1052.  
  1053. tip_follows_cursor:true,
  1054.  
  1055. tip_delay_time:50,
  1056.  
  1057. tip_fade_speed:600,
  1058.  
  1059. attribute:"title"
  1060.  
  1061. });
  1062.  
  1063. });
  1064.  
  1065. })(jQuery);
  1066.  
  1067. </script>
  1068.  
  1069.  
  1070.  
  1071.  
  1072. <div class="links">
  1073. <a href="/" title="home">I</a></div>
  1074.  
  1075. <div class="alinks">
  1076. <a href="/ask" title="inquiries">II</a></div>
  1077.  
  1078. <div class="blinks">
  1079. <a href="/law" title="guidelines">III</a></div>
  1080.  
  1081. <div class="clinks">
  1082. <a href="/map" title="navigation">IV</a></div>
  1083.  
  1084. <div class="dlinks">
  1085. <a href="/about" title="about">V</a></div>
  1086.  
  1087. <div class="elinks">
  1088. <a href="/verses" title="verses">VI</a></div>
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102. </div>
  1103.  
  1104. <div id="description">{Description}</div>
  1105.  
  1106.  
  1107. <div id="pagination">
  1108. {block:Pagination}
  1109. {block:PreviousPage}
  1110. <a href="{PreviousPage}">back</a>
  1111. {/block:PreviousPage}
  1112.  
  1113.  
  1114. {block:NextPage}
  1115. <a href="{NextPage}">/ forth</a>
  1116. {/block:NextPage}
  1117. {/block:Pagination}
  1118. </div>
  1119.  
  1120.  
  1121.  
  1122. </div>
  1123.  
  1124.  
  1125. <div id="container">
  1126. <div id="content">
  1127.  
  1128. {block:Posts}<div id="post">
  1129.  
  1130. {block:Text}
  1131. {block:Title}<b><center>{Title}</center></b>{/block:Title}
  1132. {Body}
  1133. {/block:Text}
  1134.  
  1135. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1136.  
  1137. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1138.  
  1139. {block:Quote}
  1140. <h2>{Quote}</h2>
  1141. <h1>—{Source}</h1>
  1142. {/block:Quote}
  1143.  
  1144. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1145.  
  1146. {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}
  1147.  
  1148. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1149.  
  1150. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1151.  
  1152. {block:Answer}
  1153.  
  1154. <div id="ask">{Asker}</div>
  1155. <div id="q">{Question}</div>
  1156. <br/>{Answer}{/block:Answer}
  1157.  
  1158. {block:Date}
  1159. <div id="info">
  1160. <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>
  1161. <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>
  1162. <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>
  1163. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1164. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1165. </div>
  1166. {/block:Date}
  1167.  
  1168.  
  1169. {block:HasTags}
  1170. <div class="tags">
  1171. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1172. {/block:HasTags}
  1173.  
  1174.  
  1175. <div class="postnote">
  1176. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1177. </div>
  1178. </div>
  1179. {/block:Posts}
  1180. </div>
  1181. </div>
  1182. </div>
  1183. </div></div>
  1184.  
  1185.  
  1186.  
  1187.  
  1188. </div></div></div></div>
  1189. </div>
  1190.  
  1191. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1192.  
  1193. </body>
  1194.  
  1195. </div></div></div></div></div></div></div></div></div></div>
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201. </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!