API tools faq
paste
Advertisement
Guest User

LIL ROSE

a guest
Oct 9th, 2015
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  7.  
  8. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="color:background" content="#f1f0ef"/>
  30. <meta name="color:nav" content="#fff"/>
  31. <meta name="color:navbg" content="#222"/>
  32. <meta name="color:navbghover" content="#333"/>
  33. <meta name="color:text" content="#5a565a"/>
  34. <meta name="color:title" content="#1b1919"/>
  35. <meta name="color:description" content="#1b1919"/>
  36. <meta name="color:link" content="#4e5067"/>
  37. <meta name="color:hover" content="#7494a9"/>
  38. <meta name="color:border" content="#332f2f"/>
  39. <meta name="color:bold" content="#d1b4d4" />
  40. <meta name="color:italic" content="#9d94ac" />
  41. <meta name="color:blockquote" content="#67565d" />
  42.  
  43.  
  44. <meta name="if:greyscale" content="0"/>
  45. <meta name="font:body font" content="Gibson">
  46. <meta name="text:text size" content="11px" />
  47.  
  48. <meta name="text:status" content=""/>
  49. <meta name="text:drafts" content=""/>
  50. <meta name="text:starters" content=""/>
  51. <meta name="text:inbox" content=""/>
  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 , .popup_block2').fadeOut(function() {
  78. $('#fade, a.close').remove(); //fade them both out
  79. });
  80. return false;
  81. });
  82. });
  83. </script>
  84.  
  85.  
  86. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  87.  
  88. <script src="//use.edgefonts.net/couture.js"></script>
  89. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  90. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  91. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  92. <script type=”text/javascript”>
  93. $(window).load(function () {
  94. $(‘.content’).masonry({
  95. itemSelector : “.container”,
  96. },
  97. function() { $(‘.content’).masonry({ appendedContent: $(this) }); }
  98. );
  99. });
  100. </script>
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <script type="text/javascript">
  104. $(document).ready(function () {
  105. $("#clk").toggle(function() {
  106. $("#upd").show();
  107. }, function() {
  108. $("#upd").hide();
  109. });
  110. });
  111. </script>
  112.  
  113. <style type="text/css">
  114.  
  115. #fade {
  116. display: none;
  117. background: #000;
  118. position: fixed;
  119. left:0px;
  120. top:0px;
  121. width: 100%;
  122. height: 100%;
  123. opacity: .80;
  124. z-index: 99999;
  125. }
  126.  
  127. .popup_block{
  128. display:none;
  129. background:url('http://i.imgur.com/crIQkFf.png');
  130. padding:20px;
  131. float:left;
  132. position:fixed;
  133. top:50%;left:50%;
  134. z-index: 999999999999;
  135. height: 539px;
  136. }
  137.  
  138. .popup_block2{
  139. display:none;
  140. background:url('http://i.imgur.com/CjIFPik.png');
  141. padding:20px;
  142. float:left;
  143. position:fixed;
  144. top:50%;left:50%;
  145. z-index: 999999999999;
  146. height: 500px;
  147. opacity:0.95;
  148. }
  149.  
  150.  
  151. *html #fade {position: absolute;}
  152. *html .popup_block {position: absolute;}
  153. *html .popup_block2 {position: absolute;}
  154. *html #fade {position: absolute;}
  155.  
  156.  
  157. #text {
  158. top:50%;
  159. left:50%;
  160. margin-top:43px;
  161. margin-left:0px;
  162. width:500px;
  163. height:338px;
  164. overflow-x:hidden;
  165. text-align:justify;
  166. font-family: 'Montserrat', sans-serif;;
  167. font-size:9px;
  168. color:#fff;
  169. }
  170.  
  171. #heading {
  172. position:fixed;
  173. top:50%;
  174. left:50%;
  175. margin-top:-260px;
  176. margin-left:-60px;
  177. font-family: 'Pinyon Script', cursive;
  178. font-size:17px;
  179. color:#fff;
  180. }
  181.  
  182.  
  183.  
  184. ::-webkit-scrollbar {
  185. width: 3px;height: 3px;}
  186. ::-webkit-scrollbar-button:start:decrement,
  187. ::-webkit-scrollbar-button:end:increment {
  188. height: 6px;display: block;background-color: transparent;
  189. }
  190. ::-webkit-scrollbar-track-piece {
  191. background-color: transparent;
  192. }
  193. ::-webkit-scrollbar-thumb:vertical {
  194. height: 9px;background-color: #ffffff;
  195. }
  196.  
  197. body {
  198. background-color:{color:background};
  199. background-image: url(http://i.imgur.com/5IANHLx.png);
  200. background-size: initial;
  201. margin-top:0px;
  202. word-wrap: break-word;
  203. background-position: 0px 0px;
  204. background-attachment: fixed;
  205. background-repeat: no-repeat;
  206. line-height:120%;
  207. color: {color:text};
  208. font-family: 'Montserrat', sans-serif;
  209. font-size: 10px;}
  210.  
  211. a {
  212. text-decoration:none;
  213. outline:none;
  214. -moz-outline-style:none;
  215. color:{color:link};
  216. -webkit-transition: all 0.7s ease;
  217. -moz-transition: all 0.7s ease;
  218. -o-transition: all 0.7s ease;}
  219.  
  220. a:hover {
  221. color:{color:hover};
  222. -webkit-transition: all 0.7s ease;
  223. -moz-transition: all 0.7s ease;
  224. -o-transition: all 0.7s ease;}
  225.  
  226. blockquote {
  227. border-left: solid;
  228. border-radius: 4px;
  229. border-left-width: 1.7px;
  230. border-color: {color:Blockquote};
  231. padding-left: 7px;
  232. margin-left: 10px;
  233. }
  234.  
  235. blockquote img {
  236. max-width:100%;}
  237.  
  238. b, strong {
  239. color:{color:bold};
  240. text-shadow: 1px 1px 1px #ffffff;
  241. font-family: 'Josefin Slab', serif;
  242. }
  243.  
  244. i, em {
  245. color:{color:italic};
  246. text-transform:lowercase;
  247. font-family: 'Josefin Slab', serif;
  248. font-size:20px;
  249. text-shadow: 0px 0px 1px #b9bb93;
  250.  
  251. }
  252.  
  253. small,sup,sub {
  254. font-size:10px}
  255.  
  256. big {
  257. text-transform:uppercase;
  258. letter-spacing:2px;
  259. font-weight:none;
  260. font-size:11px;
  261. color:#fff;
  262. font-family: 'Montserrat', sans-serif;
  263. }
  264.  
  265. pre {
  266. color:#000;
  267. width:95%;
  268. margin-left:auto;
  269. margin-right:auto;
  270. padding:4px;
  271. padding:10px;
  272. text-align:left;
  273. background:#e9e5e1;
  274. white-space:pre-wrap;
  275. word-wrap:break-word;
  276. font-size:9px;
  277. }
  278.  
  279. img {
  280. max-width:100%;}
  281.  
  282. h1 {
  283. font-size:14px;
  284. letter-spacing: 1.5px;
  285. line-height: 120%;
  286. color:{color:text};
  287. font-family: 'Montserrat', sans-serif;
  288. font-style: none;
  289. }
  290.  
  291. #navlinks{
  292. position:fixed;
  293. opacity:0.7;
  294. left:475px;
  295. top:-10px;
  296. z-index:999;
  297. margin-left:0px;
  298. font-size: 25px;
  299. letter-spacing:4px;
  300. font-style: none;
  301. text-align: left;
  302. line-height: 40pt;
  303. font-weight: bold;
  304. text-transform: lowercase;
  305. font-family: 'Montserrat', sans-serif;
  306. text-shadow: 2px 2px 4px #b1afad;
  307. }
  308.  
  309. #navlinks a{
  310. color: #000000;}
  311.  
  312. #navlinks a:hover{
  313. color: #b1afad;
  314. transition-duration: 0.5s;
  315. -moz-transition-duration: 0.5s;
  316. -webkit-transition-duration: 0.5s;
  317. -o-transition-duration: 0.5s;
  318. }
  319.  
  320. #navlinks2{
  321. position:fixed;
  322. opacity:0.7;
  323. left:332px;
  324. top:84px;
  325. z-index:999;
  326. margin-left:0px;
  327. font-size: 45px;
  328. letter-spacing:4px;
  329. font-style: none;
  330. text-align: left;
  331. line-height: 40pt;
  332. font-weight: bold;
  333. text-transform: lowercase;
  334. font-family: 'Montserrat', sans-serif;
  335. text-shadow: 1px 1px 4px #ffffff;}
  336.  
  337. #navlinks2 a{
  338. color: #801111;}
  339.  
  340. #navlinks2 a:hover{
  341. color: #801111;
  342. transition-duration: 0.5s;
  343. -moz-transition-duration: 0.5s;
  344. -webkit-transition-duration: 0.5s;
  345. -o-transition-duration: 0.5s;
  346. }
  347.  
  348. #navlinks3{
  349. position:fixed;
  350. opacity:0.7;
  351. left:427px;
  352. top:243px;
  353. z-index:999;
  354. margin-left:0px;
  355. font-size: 35px;
  356. letter-spacing:4px;
  357. font-style: none;
  358. text-align: left;
  359. line-height: 40pt;
  360. font-weight: bold;
  361. text-transform: lowercase;
  362. font-family: 'Montserrat', sans-serif;
  363. text-shadow: 0px 0px 4px #ffffff;
  364.  
  365. }
  366.  
  367. #navlinks3 a{
  368. color: #801111;}
  369.  
  370. #navlinks3 a:hover{
  371. color: #801111;
  372. transition-duration: 0.5s;
  373. -moz-transition-duration: 0.5s;
  374. -webkit-transition-duration: 0.5s;
  375. -o-transition-duration: 0.5s;
  376. }
  377.  
  378. #navlinks4{
  379. position:fixed;
  380. opacity:0.7;
  381. left:957px;
  382. top:53px;
  383. z-index:999;
  384. margin-left:0px;
  385. font-size: 50px;
  386. letter-spacing:4px;
  387. font-style: none;
  388. text-align: left;
  389. line-height: 40pt;
  390. font-weight: bold;
  391. text-transform: lowercase;
  392. font-family: 'Montserrat', sans-serif;
  393. text-shadow: 0px 0px 4px #ffffff;
  394. }
  395.  
  396. #navlinks4 a{
  397. color: #801111;}
  398.  
  399. #navlinks4 a:hover{
  400. color: #801111;
  401. transition-duration: 0.5s;
  402. -moz-transition-duration: 0.5s;
  403. -webkit-transition-duration: 0.5s;
  404. -o-transition-duration: 0.5s;
  405. }
  406.  
  407. #navlinks5{
  408. position:fixed;
  409. opacity:0.7;
  410. left:985px;
  411. top:195px;
  412. z-index:999;
  413. margin-left:0px;
  414. font-size: 55px;
  415. letter-spacing:4px;
  416. font-style: none;
  417. text-align: left;
  418. line-height: 40pt;
  419. font-weight: bold;
  420. text-transform: lowercase;
  421. font-family: 'Montserrat', sans-serif;
  422. text-shadow: 0px 0px 4px #ffffff;
  423. }
  424.  
  425. #navlinks5 a{
  426. color: #801111;}
  427.  
  428. #navlinks5 a:hover{
  429. color: #801111;
  430. transition-duration: 0.5s;
  431. -moz-transition-duration: 0.5s;
  432. -webkit-transition-duration: 0.5s;
  433. -o-transition-duration: 0.5s;
  434. }
  435.  
  436. #post {
  437. line-height:120%;
  438. padding: 10px 10px 10px;
  439. width:490px;
  440. padding-bottom:10px;
  441. margin-top:40px;
  442. margin-bottom:0px;
  443. text-align: justify;
  444. margin-left: 70px;
  445. font-size:10px;
  446. background:transparent;
  447. -webkit-filter: grayscale(100%);
  448. -webkit-transition: all 0.6s ease-in-out;
  449. -moz-transition: all 0.6s ease-in-out;
  450. -o-transition: all 0.6s ease-in-out;
  451. -ms-transition: all 0.6s ease-in-out;
  452. transition: all 0.6s ease-in-out;
  453. }
  454.  
  455. #post:hover {
  456. opacity:1;
  457. -webkit-filter: grayscale(0%);
  458. -webkit-transition: all 0.6s ease-in-out;
  459. -moz-transition: all 0.6s ease-in-out;
  460. -o-transition: all 0.6s ease-in-out;
  461. -ms-transition: all 0.6s ease-in-out;
  462. transition: all 0.6s ease-in-out;
  463. }
  464.  
  465. #qsource {
  466. margin:0px;
  467. margin-top:-32px;
  468. text-align:center;
  469. letter-spacing:1px;
  470. text-transform:uppercase;
  471. font-size:8px; }
  472.  
  473. #post img {
  474. max-width: 100%;}
  475.  
  476. #container {
  477. background: transparent;
  478. width: 590px;
  479. height:270px;
  480. margin-top:300px;
  481. margin-left:418px;
  482. z-index:999;
  483. opacity:3;
  484. position:absolute;
  485. overflow-y:scroll;
  486. overflow-x:hidden;
  487. padding-top:-20px;
  488. }
  489.  
  490. #side {
  491. position:fixed;
  492. left:{text:sidebar margin left}px;
  493. top:{text:sidebar margin top}px;
  494. width:400px;
  495. height: 40px;
  496. background:transparent;}
  497.  
  498.  
  499. #pagi {
  500. font-family: 'Montserrat', sans-serif;
  501. line-height:100%;
  502. margin-top:233px;
  503. margin-left:590px;
  504. padding:20px;
  505. width: 250px;
  506. color: #ffffff;
  507. text-align: center;
  508. font-size: 16px;
  509. letter-spacing: 1px;
  510. z-index:9999;
  511. }
  512.  
  513. #pagi a{
  514. color: #000;}
  515.  
  516. #pagi a:hover{
  517. color: #1e121f;
  518. transition-duration: 0.5s;
  519. -moz-transition-duration: 0.5s;
  520. -webkit-transition-duration: 0.5s;
  521. -o-transition-duration: 0.5s; }
  522.  
  523. .info {
  524. text-transform:uppercase;
  525. padding-top:5px;
  526. font-size:8px;
  527. text-align:center;
  528. margin-top:10px;
  529. margin-left:2px;
  530. line-height:15px;
  531. color:#776567;
  532. background:url('http://i.imgur.com/5PJyJLD.png');
  533. }
  534.  
  535. .tag {
  536. color:#776567;
  537. font-size:8px;
  538. font-style:normal;
  539. line-height:10px;
  540. text-align:center;
  541.  
  542. transition-duration: 0.4s;
  543. -moz-transition-duration: 0.4s;
  544. -webkit-transition-duration: 0.4s;
  545. -o-transition-duration: 0.4s;
  546. }
  547.  
  548. .tag a {
  549. color:#555555;
  550. padding:5px;
  551. }
  552.  
  553.  
  554. #asker {
  555. float: left;
  556. margin-right: 10px;}
  557.  
  558. #askurl {
  559. font-family: 'Pinyon Script', cursive;
  560. font-size:18px;
  561. letter-spacing:2px;
  562. margin-left:10px;
  563. margin-top:-36px;}
  564.  
  565. #question {
  566. font-style: italic;
  567. font-size: 10px;
  568. margin-left:0px;
  569. margin-right:0px;
  570. margin-top:12px;
  571. padding:10px;
  572. text-align:justify;
  573. background:#575757;
  574. }
  575.  
  576. #quote {
  577. font-size:28px;
  578. letter-spacing:0px;
  579. font-weight:normal;
  580. padding:0px;
  581. font-family: 'Montserrat', sans-serif;
  582. line-height:25px;
  583. border-bottom:1px solid {color:text};
  584. padding-bottom:15px;}
  585.  
  586. #cover {
  587. position: relative;
  588. z-index: 1;
  589. height: 80px;
  590. float:left;
  591. margin:4px;
  592. box-shadow:0px 0px 5px {color:box shadow};}
  593.  
  594. #button {
  595. width:20px;
  596. height:30px;
  597. overflow: hidden;
  598. position: relative;
  599. z-index: 99;
  600. margin: 15px 24px 13px 16px;}
  601.  
  602. #buttons {
  603. background-color: #fff;
  604. position: absolute;
  605. z-index: 99;
  606. margin-top: 15px;
  607. margin-left: 15px;
  608. opacity: 0;
  609. -webkit-transition: opacity 0.5s linear;
  610. -webkit-transition: all 0.5s linear;
  611. -moz-transition: all 0.5s linear;
  612. -o-transition: all 0.5s linear;}
  613.  
  614. #post:hover #buttons {
  615. opacity:1;}
  616.  
  617. .audio {
  618. width: 400px;
  619. margin-bottom: 5px;
  620. text-align: center;
  621. font-size: 12px;
  622. }
  623.  
  624. .audio img {
  625. position: absolute;
  626. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  627. filter: gray; /* IE6-9 */
  628. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  629. }
  630.  
  631. #play {
  632. position: absolute;
  633. width: 400px;
  634. background-color: white;
  635. opacity: 0.6;
  636. margin-top: -27px;
  637. text-align: center;
  638. }
  639.  
  640. .button {
  641. width:30px;
  642. height:40px;
  643. overflow:hidden;
  644. position:relative;
  645. z-index:1000;
  646. }
  647.  
  648. .note {
  649. text-transform:uppercase;
  650. width:480px;
  651. font-style:normal;
  652. letter-spacing:0px;
  653. font-size: 7px;
  654. text-align:left;
  655. line-height:100%;
  656. margin-left:19px;
  657.  
  658. }
  659.  
  660. .note li {
  661. list-style-type:none;
  662. border-bottom:1px solid {color:line};
  663. padding:10px -5px 10px 45px;
  664. text-align:left;
  665. -moz-transition-duration:0.5s;
  666. -webkit-transition-duration:0.5s;
  667. -o-transition-duration:0.5s;}
  668.  
  669. .note img.avatar {
  670. margin-right: 30px;
  671. width: 16px;
  672. height: 16px;}
  673.  
  674. #links {
  675. text-align:center;}
  676.  
  677. .links {
  678. display:inline-block;
  679. font-size:12px;
  680. color:{color:nav};
  681. line-height:21px;
  682. text-align:center;
  683. width:22px;
  684. font-weight:normal;
  685. text-transform:uppercase;
  686. letter-spacing:1px;}
  687.  
  688. .link:hover {
  689. opacity:0.7;
  690. color:{color:hover};}
  691.  
  692. div#qTip {
  693. padding:4px 4px;
  694. display: none;
  695. text-align: center;
  696. position: absolute;
  697. font-size:7px;
  698. line-height:10px;
  699. z-index: 9999999;
  700. color: {color:title};
  701. letter-spacing: 2px;
  702. text-transform:uppercase;
  703. border: 1px dotted #ded4d3;
  704. background:#131013;
  705. color:#ded4d3;
  706. font-family: helvetica;
  707. margin:-40px 0 10px -50px; }
  708.  
  709.  
  710.  
  711. #box {
  712. top: 490px;
  713. left: 1075px;
  714. overflow: hidden;
  715. position: fixed;
  716. width: 35px;
  717. height: 35px;
  718. border-radius: 90px;
  719. border: 0px solid #ccc; }
  720. #box img {
  721. margin-top: 10px;
  722. margin-left: -10px;
  723. position: fixed;
  724. -webkit-transition: all 0.7s ease-in-out;
  725. -moz-transition: all 0.7s ease-in-out;
  726. -o-transition: all 0.7s ease-in-out;
  727. -ms-transition: all 0.7s ease-in-out;
  728. transition: all 0.7s ease-in-out; }
  729. #box:hover img {
  730. opacity: 0;
  731. margin-top: 30px;
  732. -webkit-transition: all 0.7s ease-in-out;
  733. -moz-transition: all 0.7s ease-in-out;
  734. -o-transition: all 0.7s ease-in-out;
  735. -ms-transition: all 0.7s ease-in-out;
  736. transition: all 0.7s ease-in-out; }
  737. #player {
  738. margin-top: 12px;
  739. margin-left: 11px;
  740. overflow: hidden;
  741. opacity: 0;
  742. width: 14px;
  743. -webkit-transition: all 0.7s ease-in-out;
  744. -moz-transition: all 0.7s ease-in-out;
  745. -o-transition: all 0.7s ease-in-out;
  746. -ms-transition: all 0.7s ease-in-out;
  747. transition: all 0.7s ease-in-out; }
  748. #box:hover #player {
  749. opacity: 0.5;
  750. -webkit-transition: all 0.7s ease-in-out;
  751. -moz-transition: all 0.7s ease-in-out;
  752. -o-transition: all 0.7s ease-in-out;
  753. -ms-transition: all 0.7s ease-in-out;
  754. transition: all 0.7s ease-in-out; }
  755.  
  756.  
  757.  
  758. #credit {
  759. font-size:20px;
  760. font-family: 'Montserrat', sans-serif;;
  761. font-style: none;
  762. text-shadow: 1px 1px 4px #ffffff
  763. -moz-transition-duration:0.5s;
  764. -webkit-transition-duration:0.5s;
  765. -o-transition-duration:0.5s;
  766. }
  767.  
  768. #credit a {
  769. padding:5px;
  770. position:fixed;
  771. right:20px;
  772. bottom:10px
  773. }
  774.  
  775. #credit a:hover {
  776. color:#fff;
  777. }
  778.  
  779. /* PUT THIS BETWEEN < style type="text/css"> AND < /style> */
  780.  
  781. #updatestab {
  782. /* UPDATES TAB BY: MARIESTHEMES.TUMBLR.COM
  783. DO NOT REMOVE THIS CREDIT, EDIT AS MUCH AS YOU LIKE */
  784. height:5px;
  785. width:114px;
  786. left:372px;
  787. top:320px;
  788. z-index:999999;
  789. position:fixed;
  790. }
  791. #updatestab:hover {
  792. height:auto;
  793. }
  794.  
  795. .updatescontent {
  796. opacity:0;
  797. width:100px;
  798. height:auto;
  799. margin-left:-170px;
  800. padding:10px 5px 14px 5px;
  801. font-size:9px; /* CHANGE THE FONT SIZE */
  802. letter-spacing:1px; /* CHENGE THE LETTER SPACING*/
  803. font-family: font-family: 'Montserrat', sans-serif; /* CHANGE THE FONT */
  804. line-height:1.15; /* CHAGE THE LINE HEIGHT */
  805. text-transform:uppercase; /* UPPERCASE OR LOWERCASE */
  806. color:#fff; /* TEXT COLOR */
  807.  
  808. text-align:center;
  809. background-color:transparent;
  810. -webkit-transition:all 0.6s ease-out;
  811. -moz-transition:all 0.6s ease-out;
  812. transition:all 0.6s ease-out;
  813. }
  814. #updatestab:hover .updatescontent {
  815. opacity:1;
  816. margin-left:0px;
  817. -webkit-transition:all 0.6s ease-out;
  818. -moz-transition:all 0.6s ease-out;
  819. transition:all 0.6s ease-out;
  820. }
  821.  
  822. .updatesheadline {
  823. padding:3px 5px;
  824. font-size:15px; /* CHANGE THE TITLE FONT SIZE */
  825. letter-spacing:2px; /* CHENGE THE TITLE LETTER SPACING*/
  826. font-family:tahoma; /* CHANGE THE TITLE FONT */
  827. text-transform:uppercase; /* TITLE UPPERCASE OR LOWERCASE */
  828. color:#b09b9b; /* UN-HOVER TITLE TEXT COLOR */
  829. background-color:transparent; /* UN-HOVER TITLE BACKGROUND COLOR */
  830. border-right:4px solid #1e1e1e; /* UN-HOVER TITLE BORDER COLOR */
  831. -webkit-transition:all 0.7s ease-out;
  832. -moz-transition:all 0.7s ease-out;
  833. transition:all 0.7 ease-out;}
  834. #updatestab:hover .updatesheadline {
  835.  
  836. color:#9b8e8e; /* HOVER TITLE TEXT COLOR */
  837. background-color:transparent; /* HOVER TITLE BACKGROUND COLOR */
  838. border-left:4px solid #000000; /* HOVER TITLE BORDER COLOR */
  839. -webkit-transition:all 0.4s ease-out;
  840. -moz-transition:all 0.4s ease-out;
  841. transition:all 0.4s ease-out;}
  842.  
  843. .big { /* YOU DON'T HAVE TO USE THESE IF YOU DON'T WANT TO */
  844. font-size:8px;
  845. letter-spacing:1px;
  846. font-family:calibri;
  847. line-height:1.15;
  848. text-transform:uppercase;}
  849.  
  850. .bodytext { /* YOU DON'T HAVE TO USE THESE IF YOU DON'T WANT TO */
  851. font-family:calibri;
  852. font-size:8px;
  853. letter-spacing:1px;
  854. text-transform:none;
  855. text-align:justify;
  856. line-height:1.15;}
  857.  
  858.  
  859. @font-face {font-family:COUTURE; src: url(http://static.tumblr.com/tn3choy/tI5nj04rm/couture-bld.otf) format(“truetype”); }
  860.  
  861. @font-face {font-family:FLORENCE; src: url(http://static.tumblr.com/tn3choy/cZ9nj3krz/florence-regular.ttf) format(“truetype”); }
  862.  
  863.  
  864.  
  865. .grayscale {
  866. -webkit-filter: grayscale(100%);
  867. -moz-filter: grayscale(100%);
  868. -ms-filter: grayscale(100%);
  869. -o-filter: grayscale(100%);
  870. filter: grayscale(100%);
  871. filter: url(grayscale.svg); /* Firefox 4+ */
  872. filter: gray; /* IE 6-9 */
  873. }
  874.  
  875. </style></head><body>
  876.  
  877.  
  878.  
  879.  
  880.  
  881. </div></div>
  882. <div id="side">
  883. <div id="credit"><a href="http://lionswrath.tumblr.com/" title="Theme">♛</a></div>
  884. <div id="pagi">{Description}<p>{block:Pagination}
  885. {block:PreviousPage}<a href="{PreviousPage}">ᴋɴᴇᴇʟ</a>{/block:PreviousPage} &nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">ʀɪsᴇ</a>
  886. {/block:NextPage}
  887. {/block:Pagination}<p>
  888. <div id="navlinks">
  889. <a href="/" title="SWEET & GENTLE">sᴏᴍᴇ</a></div>
  890.  
  891. <div id="navlinks2"><a href="#?w=500" rel="box1" class="poplight" title="ravens">ʀᴏsᴇs</a></div>
  892. <div id="navlinks3"><a href="#?w=500" rel="box3" class="poplight" title="verses">ʜᴀᴠᴇ</a></div>
  893. <div id="navlinks4"><a href="#?w=500" rel="box4" class="poplight" title="laws">sᴛᴇᴇʟ</a></div>
  894. <div id="navlinks5"><a href="#?w=500" rel="box2" class="poplight" title="navigation">ᴛʜᴏʀɴs</a></div>
  895. </div>
  896.  
  897. </div>
  898. </div>
  899.  
  900. </div>
  901.  
  902. </div></div>
  903.  
  904.  
  905.  
  906.  
  907. <div id="container">
  908.  
  909. {block:Posts}
  910.  
  911. <div id="post">
  912. {block:Title}<h1>{Title}</h1>{/block:Title}
  913. {block:Text}{Body}{/block:Text}
  914.  
  915. {block:Photo}<center><img src="{PhotoURL-400}"class=”grayscale”>/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  916.  
  917. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  918.  
  919. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  920.  
  921. {block:Quote}<div id="quote"><span style="font-family: 'Montserrat', sans-serif;;font-size:25px;">&#10077; </span> {Quote}</div><br>{block:Source}<div class="qsource"><center>{Source}</center></div>{/block:Source}{/block:Quote}
  922.  
  923. {block:Audio}<div class="audio">
  924. <div style="background-image:url('http://i.imgur.com/P9LwcCD.png'); width: 400px; height:100px; background-position:center;">&nbsp;</div>
  925. <div id="play"><center><div class="button">{AudioPlayerWhite}</div></center></div><p><br>
  926. {block:TrackName}<span style="font-size:10px;"><b>{TrackName}</b></span>{/block:TrackName}
  927. {block:Artist}<span style="font-size:10px;">by <b>{Artist}</b></span>{/block:Artist}
  928. {block:Album}<span style="font-size:10px;">from "<b>{Album}</b>" Album</span>{/block:Album}</div>
  929. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  930.  
  931. {block:Video}
  932. {Video-400}
  933. {block:Caption}{Caption}{/block:Caption}
  934. {/block:Video}
  935.  
  936. {block:Chat}<font size="1">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  937.  
  938. {block:Answer}
  939. <div id="ask"><div id="asker"></div><div id="askurl">{Asker}:</div>
  940. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  941.  
  942. <div class="info">
  943. {block:date}<a href="{Permalink}">
  944. {block:Date}{TimeAgo}</a>{/block:Date}
  945. {block:NoteCount}
  946. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}
  947. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  948. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  949. {/block:RebloggedFrom} - <a href="{ReblogURL}">reblog</a><br>
  950. </div>
  951.  
  952. <div class="tag">{block:HasTags}{block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  953. </div>
  954.  
  955. {block:PostNotes}
  956. <div class="note">
  957. {PostNotes}
  958. </div>
  959. {/block:PostNotes}
  960.  
  961. {/block:Posts}
  962.  
  963. </div>
  964.  
  965. {block:ContentSource}
  966. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  967. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  968. {/block:SourceLogo}
  969. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  970. {/block:ContentSource}
  971. </div>
  972.  
  973. </div>
  974. </div>
  975.  
  976. <!-- PUT THIS BETWEEN < body> and < /body> -->
  977. <div id="updatestab">
  978. <div class="updatesheadline"><b>H O V E R.</b></div>
  979. <div class="updatescontent">
  980.  
  981. <!-- WRITE YOUR UPDATES BETWEEN THIS -->
  982.  
  983. <div class="big"><b>TITLE</b></div></p>
  984.  
  985. <div class="bodytext">UPDATES HERE.
  986. <br><br><marquee><code>Please read rules and about page before interacting.</code></marquee><br><br>
  987.  
  988. <br><a href="https://kapuletov.tumblr.com" title="Credit: Base Code">Base Code</a></b>
  989.  
  990. </center></div></div>
  991.  
  992. <!-- AND THIS -->
  993. </body>
  994.  
  995. <div id="box1" class="popup_block" style="height:260px; background:transparent;">
  996. <iframe frameborder="0" height="260" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  997. </div>
  998.  
  999. <div id="box3" class="popup_block2" style="font-size:10px; overflow-x:hidden; scrolling:yes;" >
  1000.  
  1001. <div id="heading">v e r s e s</div>
  1002. <div id="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales arcu ut augue gravida semper. Duis tellus nisi, mollis eu metus at, vehicula iaculis ex. Mauris quis neque eleifend, auctor arcu sed, vehicula lacus. Vivamus eget ipsum non dui posuere feugiat ac ut lectus. Maecenas rutrum sapien in nisi sodales tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut gravida enim ac quam tincidunt, in egestas mauris tempor. Pellentesque ut rutrum quam. Pellentesque sit amet nisi quis augue auctor bibendum quis vitae quam. Pellentesque molestie dapibus enim, eu elementum massa vehicula eu. Morbi at tortor non eros hendrerit aliquam. Curabitur semper, mi ut iaculis consequat, nulla felis convallis risus, et dapibus purus risus sit amet ex. Nulla tristique, magna vel rhoncus aliquam, magna libero luctus neque, eu maximus urna massa vel erat.
  1003.  
  1004. Nulla condimentum justo sit amet ex eleifend semper. Quisque id sapien sollicitudin, tincidunt quam eget, ultrices velit. Sed a erat sem. Aliquam vitae mi ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean condimentum ex non odio volutpat, non consequat justo cursus. Phasellus lacinia ultricies nulla, non tempor justo porttitor id. Quisque ullamcorper ipsum sed lorem luctus blandit. Cras egestas sapien ut blandit auctor. Nam congue ullamcorper ligula sit amet posuere. Cras rhoncus ullamcorper velit posuere fringilla. Nulla ac facilisis ex. Pellentesque dapibus mollis risus.
  1005.  
  1006. Pellentesque pharetra condimentum enim, in vestibulum neque placerat vitae. Suspendisse ullamcorper eros vitae dolor cursus faucibus. Nam pellentesque diam ac tempus commodo. Curabitur tincidunt scelerisque magna, vitae luctus sem molestie ut. Phasellus ultrices justo purus, at tempor ex aliquam a. Integer semper ex ac magna molestie, at tempus orci venenatis. Fusce at elementum elit, a lobortis tortor. Vestibulum et augue ut arcu congue bibendum. Aliquam suscipit ex ut arcu pellentesque iaculis. Ut venenatis convallis commodo. Curabitur convallis sem eu sem bibendum accumsan. Praesent nec ante et ipsum laoreet ultrices. Nulla sollicitudin neque quis diam suscipit, quis scelerisque massa rhoncus. Vestibulum efficitur pulvinar diam, ut finibus est lobortis sit amet. Quisque in massa lacus.
  1007.  
  1008. Nulla eu aliquet nisi, sit amet consectetur odio. Nullam auctor, mi ac mattis tempor, eros leo lacinia urna, sed malesuada felis purus vitae enim. Phasellus vehicula aliquam pharetra. Vivamus sodales dapibus nunc eget dictum. Morbi rhoncus mauris eu semper venenatis. Proin maximus risus sed eros mattis feugiat. Duis id nunc ut tortor fringilla maximus eu at leo. Sed aliquet cursus blandit. Quisque tristique ultricies fermentum.
  1009.  
  1010. Nam vel tincidunt dui. Fusce in odio at leo consectetur mattis et ut libero. Maecenas eget purus sed urna consectetur euismod in id metus. Aliquam finibus facilisis tortor sit amet euismod. Sed eu odio neque. Pellentesque eu est nisl. Nunc scelerisque ante eu magna lacinia eleifend.</div>
  1011. </div>
  1012.  
  1013. <div id="box4" class="popup_block2" style="font-size:9px; overflow-x:hidden; scrolling:yes; text-align:justify; ">
  1014.  
  1015. <center><div id="heading">r u l e s</div></center>
  1016.  
  1017. <div id="text">
  1018.  
  1019. <b>i.</b>
  1020. <blockquote> rule i. </blockquote>
  1021. <b>ii.</b>
  1022. <blockquote> rule ii. </blockquote>
  1023.  
  1024. <b>iii.</b>
  1025. <blockquote> rule iii. </blockquote>
  1026.  
  1027. <b>iv.</b>
  1028. <blockquote> rule iv. </blockquote>
  1029.  
  1030. <b>v.</b>
  1031. <blockquote> rule v. </blockquote>
  1032.  
  1033. <b>vi.</b>
  1034. <blockquote> rule vi. </blockquote>
  1035.  
  1036. <b>vi.</b>
  1037. <blockquote> rule vi. </blockquote>
  1038.  
  1039. <b>vi.</b>
  1040. <blockquote> rule vi. </blockquote>
  1041.  
  1042. <b><br>vi.</b>
  1043. <blockquote> rule vi. </blockquote>
  1044.  
  1045.  
  1046. <b>vi.</b>
  1047. <blockquote> rule vi. </blockquote> </div>
  1048.  
  1049. </div>
  1050. </div>
  1051.  
  1052.  
  1053. <div id="box2" class="popup_block" style="font-size:8px;">
  1054. <center><h2>n a v i g a t i o n</h2></center><br>
  1055. <table>
  1056. <tr>
  1057. <td><div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/submit">SUBMIT</a></div>
  1058. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;width:200px;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1059. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1060. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1061. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1062. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1063. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1064. </td>
  1065. <td>
  1066. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;width:200px;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1067. <div style="margin-left:30px;font-size:9px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1068. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1069. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1070. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1071. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1072. <div style="margin-left:30px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/tag">tag name</a></div>
  1073. </td>
  1074. </tr>
  1075. </table>
  1076.  
  1077. </div>
  1078. </div>
  1079.  
  1080.  
  1081. </div></div></div></div></div></div></div></div></div></div>
  1082.  
  1083.  
  1084.  
  1085.  
  1086. </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!