API tools faq
paste
desolationresources6

Carnival Layout

desolationresources6
Dec 2nd, 2016
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.00 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Amatic+SC);
  3. @import url(https://fonts.googleapis.com/css?family=Six+Caps);
  4. @import url(http://fonts.googleapis.com/css?family=Playfair+Display);
  5. @import url(https://fonts.googleapis.com/css?family=Dorsa);
  6. @import url(https://fonts.googleapis.com/css?family=Rye);
  7. </style>
  8.  
  9.  
  10. <style>
  11.  
  12. .DRs { Created by desolation resources }
  13.  
  14.  
  15. .DRs { Background Properties }
  16. table, tr, td { background-color:transparent; border:none; border-width:0;}
  17. body {
  18. background-color: 000000;
  19. background-image:url("");
  20. background-attachment:fixed;
  21. background-repeat:no-repeat;
  22. background-position:top center;
  23. }
  24.  
  25. .DRs { Table Properties }
  26. table table { border: 0px }
  27. table table table table{border:0px}
  28. table table table {
  29. border-style:solid;
  30. border-width:1px;
  31. border-color:000000;
  32. background-color:000000;
  33. }
  34.  
  35. ::-webkit-scrollbar-thumb:vertical {
  36. background-color: #141414;
  37. height: 7px;
  38. }
  39.  
  40. ::-webkit-scrollbar-thumb:horizontal { background-color: #141414;
  41. height: 7px;
  42. }
  43.  
  44. ::-webkit-scrollbar {
  45. background-color: #3d0b09;
  46. border: 2px solid #3d0b09;
  47. height:5px;
  48. width:5px;
  49. }
  50.  
  51. .DRs{text properties}
  52. table, tr, td, li, p, div {
  53. font-family: arial!important;
  54. font-size: 10px!important;
  55. line-height: 9px!important;
  56. text-align: justify!important;
  57. color: #424340!important;
  58.  
  59. }
  60.  
  61. a:active, a:visited, a:link {
  62. font-family: Six Caps!important;
  63. font-size: 20px!important;
  64. line-height: 15px!important;
  65. color: #636461;
  66. font-weight: lighter!important;
  67. text-decoration: none;
  68. -webkit-transition: all .9s ease-in-out;
  69. -moz-transition: all .9s ease-in-out;
  70. -o-transition: all .9s ease-in-out;
  71. }
  72.  
  73. a:hover {
  74. color: #c0c0c0;
  75. background-color: #49342b;
  76. }
  77.  
  78. a.first, a.first:link, a.first:active, a.first:visited
  79. {
  80. width: 55px;
  81. font-family: "Amatic SC";
  82. font-size: 16px;
  83. font-weight: lighter;
  84. line-height: 16px;
  85. letter-spacing: 2px;
  86. color: #887d1e;
  87. text-decoration: none;
  88. text-transform: uppercase;
  89. background-image:url('');
  90. background-color: #3d0b09;
  91. text-align: center;
  92. display: inline-block;
  93. padding: 8px;
  94. margin: 1px;
  95. -webkit-transition: all .7s ease-in-out;
  96. -moz-transition: all .7s ease-in-out;
  97. -o-transition: all .7s ease-in-out;
  98. }
  99.  
  100. a.first:hover {
  101. color: #c0c0c0;
  102. text-align: right;
  103. letter-spacing: 3px;
  104. }
  105.  
  106. a.second, a.second:link, a.second:active, a.second:visited{
  107. font-family: "Six Caps";
  108. font-size: 16px;
  109. font-weight: lighter;
  110. line-height: 12px;
  111. letter-spacing: 0px;
  112. color: #971717;
  113. text-transform: uppercase;
  114. background-image:url('');
  115. background-color: transparent;
  116. border-bottom: 1px solid #467755;
  117. text-align: left;
  118. display: block;
  119. padding: 5px;
  120. margin: 1px;
  121. -webkit-transition: all .9s ease-in-out;
  122. -moz-transition: all .9s ease-in-out;
  123. -o-transition: all .9s ease-in-out;
  124. }
  125.  
  126. a.second:hover {
  127. color: #c0c0c0;
  128. text-align: right;
  129. letter-spacing: 3px;
  130. background-color: #467755;
  131. }
  132.  
  133. a.third, a.third:link, a.third:active, a.third:visited{
  134. font-family: "Six Caps";
  135. font-size: 16px;
  136. font-weight: lighter;
  137. line-height: 12px;
  138. letter-spacing: -1px;
  139. color: #971717;
  140. text-transform: uppercase;
  141. background-image:url('');
  142. background-color: #c0c0c0;
  143. border-bottom: 1px solid #467755;
  144. text-align: left;
  145. display: block;
  146. padding: 5px;
  147. margin: 1px;
  148. -webkit-transition: all .9s ease-in-out;
  149. -moz-transition: all .9s ease-in-out;
  150. -o-transition: all .9s ease-in-out;
  151. }
  152.  
  153. a.third:hover {
  154. color: #c0c0c0;
  155. text-align: right;
  156. letter-spacing: 3px;
  157. background-color: #467755;
  158. }
  159.  
  160.  
  161.  
  162.  
  163. .DRs {second properties}
  164.  
  165. b {
  166. font-size: 9px;
  167. color: #3d0b09!important;
  168. text-transform: uppercase;
  169. font-weight: lighter;
  170. letter-spacing: 1px;
  171. font-style: none;
  172. border-left: 5px solid #3d0b09;
  173. line-height: 12px;
  174. }
  175.  
  176.  
  177.  
  178. i {
  179. font-family: Amatic SC;
  180. font-size: 20px;
  181. font-weight: normal;
  182. text-align: center;
  183. color: #887d1e;
  184. background-color: transparent;
  185. text-transform: none;
  186. margin: 1px;
  187. letter-spacing: 1px;
  188. line-height: 9px;
  189. }
  190.  
  191. u {
  192. color: #887d1e
  193. text-decoration: none;
  194. font-size: 12px;
  195. text-transform: uppercase;
  196. font-weight: lighter;
  197. line-height: 9px;
  198. font-style: Amatic SC;;
  199. }
  200.  
  201.  
  202. em {
  203. font-style: Orbitron;
  204. font-size: 9px;
  205. font-weight: normal;
  206. color: #adb3a6
  207. text-decoration: none;
  208. text-transform: uppercase;
  209. letter-spacing: 1px;
  210. line-height: 9px;
  211.  
  212. }
  213.  
  214.  
  215. .DRs {header properties}
  216.  
  217. h1{font-family: Amatic SC; font-size:18px; font-weight:normal; text-align:right; color: 887d1e ; background-color:3d0b09; text-transform:normal; margin:3px; letter-spacing:1px; padding:14px; line-height:4px; font-style:normal;}
  218.  
  219. h2 {font-family: Amatic SC; font-size:15px; font-weight:normal; text-align:right; color: 887d1e ; background-color:3d0b09; text-transform:normal; margin:3px; letter-spacing:1px; padding:6px; line-height:4px; font-style:normal;}
  220.  
  221. h3 {font-family: Dorsa; font-size:22px; font-weight:normal; text-align:center; color: 3d0b09 ; background-color:; text-transform:normal; margin:2px; letter-spacing:3px; padding:2px; line-height:14px; font-style:uppercase;}
  222.  
  223. h4{color: 4e5348; background-color:141414; font-family:small fonts; font-size: 8px; line-height:7px; text-align:right;font-weight:normal; text-transform:uppercase; letter-spacing:3px; margin:2px; padding:1px;}
  224.  
  225.  
  226. h5{color: 414b48; font-family: Six Caps; font-size: 18px; line-height:12px; text-align:left; font-weight:normal; text-transform:uppercase; letter-spacing:2px; margin:1px; padding:1px; border-bottom:1px solid; border-color:4e5348; background-image:url("")}
  227.  
  228. h6 {font-family: Six Caps; color: #887d1e; font-size: 26px; text-align: right; text-transform: uppercase; font-weight: lighter; font-style: none; line-height: 30px; margin:2px; letter-spacing:3px;}
  229.  
  230. h7 {font-family: Rye; font-size:20px; font-weight:normal; text-align:center; color: 3d0b09; text-transform:normal; margin:3px; letter-spacing:3px; padding:1px; line-height:33px; font-style:normal;}
  231.  
  232.  
  233. h8 {font-family: Amatic SC; font-size:25px; font-weight:normal; text-align: center; color: 414b48; text-transform:normal; margin:1px; letter-spacing:1px; padding:1px; line-height:20px; font-style:normal;}
  234.  
  235.  
  236. h9 {font-family: Rye; font-size:32px; font-weight:normal; text-align: center; color: 3d0b09; text-transform:normal; margin:2px; letter-spacing:0px; padding:1px; line-height:30px; font-style:normal;}
  237.  
  238. s2 {font-family: Amatic SC; font-size: 14px; font-weight: normal; text-align: center; color: #887d1e; background-color: transparent; text-transform: none; margin: 1px; letter-spacing: 1px; line-height: 9px;
  239. }
  240.  
  241. s3 {float:left; font:italic 20px 'Playfair Display'; text-transform:uppercase; font-weight:400; color:#887d1e; background-color:#3d0b09; padding:2px 10px 2px 10px; margin:5px 5px 0 0;}
  242.  
  243.  
  244. </style>
  245.  
  246.  
  247. <style type="text/css">table table { direction:ltr; } table table table { direction:ltr; }</style>
  248.  
  249. <style>
  250. .a {move left column}
  251. object, embed,
  252. table table table {position:relative; top: -32px; left: 172px;}
  253. table table table table {position:static;}
  254.  
  255. .a {move right column}
  256. td.text table {position:relative; top: -60px!important; left: 162px;}
  257. td.text object, td.text embed,
  258. td.text table table {position:static;}
  259.  
  260.  
  261. table table table {margin-top:15px;}
  262. table table table table {margin-top:0px;}
  263. </style>
  264.  
  265. <style>
  266. .DRhide {Hidden Sections}
  267. .blurbs{display:none;visibility:hidden;}
  268. .friendSpace { display:none; }
  269. .contactTable { display: none; }
  270. .interestsAndDetails { display:none; }
  271. .latestBlogEntry { display:none; }
  272. .friendsComments { display:none; }
  273. .userProfileDetail{ display:none; }
  274. .extendednetwork {display:none;}
  275. .userProfileURL{display:none;}
  276. .nametext {display:none;}
  277. .profileInfo{display:none;}
  278. #googlebar{display:none;}
  279. .clearfix{display:none;}
  280. .orangetext15{display: none;}
  281. .whitetext12{display: none;}
  282. .lightbluetext8{display: none;}
  283. .blacktext12 {display: none;}
  284. a.text, table div font a, table div div {visibility:hidden;}
  285. table tr td div font {display: none;}
  286. div table td font {display: none;}
  287. body div table td form img{display:none!important;}
  288. a.text, table div font a, table div div {visibility:hidden;}
  289. table table div font a, table table div div {visibility:visible;}
  290. img {border:0px;}
  291. table tr td div font {display: none;}
  292.  
  293. td.text table {position:relative; top: -10px;}
  294.  
  295. .{hide text properties}
  296. .whitetext12{display: none;}.lightbluetext8{display: none;}.lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;}
  297. </style>
  298.  
  299.  
  300.  
  301.  
  302. <style>tr {background-color: transparent;}</style>
  303.  
  304. <style>select {position:absolute!important; top:-800px;}div table div form {display:none!important;}</style>
  305.  
  306.  
  307. <style>td.text table {position:relative; top:100px;}td.text table table {position:static;}td.text table {position:relative; top: 0px;}td.text table table {position:static;}
  308.  
  309. </style>
  310.  
  311.  
  312. </style>
  313.  
  314. <style>
  315. #navigation {
  316. position: absolute;
  317. top: -9px;
  318. left: -250px;
  319. width: 230px;
  320. height: 100px;
  321. background-color: ;
  322. padding: 6px;
  323. border-style:solid;
  324. border-width:0px;
  325. border-color:;
  326. text-align: center!important;
  327. }
  328.  
  329.  
  330. .box {
  331. vertical-align:top;
  332. position:relative;
  333. float:left;
  334. margin:5px 17px;
  335. width:195px;
  336. font-size:10px;
  337. border-color:3d0b09;
  338. border-width:1px;
  339. }
  340.  
  341. .box img {
  342. width:215px;
  343. height:145px;
  344. border-color:3d0b09;
  345. border-width:1px;
  346. }
  347.  
  348.  
  349. .DRside {
  350. top:-2px;
  351. background:#000000;
  352. width:195px;
  353. font-size:12px;
  354. text-transform:lowercase;
  355. opacity:0;
  356. height:0;
  357. border-top:1px solid transparent;
  358. padding:10px;
  359. text-align:center;
  360. position:absolute;
  361. transition:0.3s ease-in;
  362. -webkit-transition:0.3s ease-in;
  363. -moz-transition:0.3s ease-in;
  364. }
  365.  
  366. .box:hover .DRside {
  367. opacity:.9;
  368. height:45%;
  369. top:-1px;
  370. }
  371.  
  372.  
  373. .bottom {
  374. padding:10px 12px 7px 12px;
  375. line-height:160%;
  376. max-height:70px;
  377. overflow-y:auto;
  378. }
  379.  
  380. .caption {
  381. opacity:0;
  382. top:auto;
  383. background:#000000;
  384. width:195px;
  385. height:0;
  386. border-bottom:1px solid transparent;
  387. padding:10px;
  388. bottom:-2px;
  389. text-align:center;
  390. position:absolute;
  391. transition:0.3s ease-in;
  392. -webkit-transition:0.3s ease-in;
  393. -moz-transition:0.3s ease-in;
  394. }
  395.  
  396. .box:hover .caption {
  397. opacity:.9;
  398. height:30%;
  399. bottom:0px;
  400. }
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408. #musicnav {
  409. position: absolute;
  410. top: 145px;
  411. left: -240px;
  412. width: 230px;
  413. height: 200px;
  414. background-color: ;
  415. padding: 6px;
  416. border-style:solid;
  417. border-width:0px;
  418. border-color:;
  419. text-align: center!important;
  420. }
  421.  
  422.  
  423.  
  424.  
  425.  
  426. </style>
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468. </tr></table></td></tr></table><br /> <table bordercolor="" cellspacing="0" cellpadding="0" width="550" bgcolor="0" border="0"><tr></tr><tr><td><table bordercolor="" cellspacing="0" cellpadding="0" width="550" align="right" bgcolor="ffffff" border="2"><td valign="top" align="left" width="550" bgcolor="" style="word-wrap:break-word; padding: 0px;">
  469.  
  470.  
  471.  
  472.  
  473.  
  474. <img src="http://i.imgur.com/nmnt5nl.png">
  475.  
  476.  
  477.  
  478.  
  479. <div style="float: left; width: 49%; text-align: justified;">
  480. Welcome to my gates you gay and lucky souls. Get your tickets, form a line! You can't help help but fall from my humble hole. O, those grapes of green hanging down from Heaven's vine.
  481.  
  482. </div>
  483.  
  484.  
  485. <div style="float: right; width: 49%; text-align: justified;">
  486. Keep your hands, arms, legs and head about you at all times. Use discretion, stay alert! Pick the pace up, tortoise as a gate smacks your behind. Welcome to eternity, now eat your just desserts.
  487.  
  488. </div>
  489.  
  490. <br><br><br>
  491.  
  492.  
  493.  
  494. <center><h7>COME ONE, COME TWO, COME ALL</h7></center>
  495.  
  496.  
  497.  
  498. <div style="border:1px solid #3d0b09; width:264px; background-color:; overflow:auto; text-align:left; padding:3px; margin:1px; height:160px; float:left;">
  499. <h1>we're one and we're twain</h1>
  500. <br>
  501. <s3>C</s3>arnival Resources was originally known as Desolation resources and was relaunched on 10/13/16. All the content on this site is free for use and available to any members of Morsmordre, For the People, and Blood of Olympus. For an all access pass to the Carnival, play a game of knife throwing. <br><br>
  502. The site was originally created to provide resources for FREE during the high popularity of charging for such content. While we respect those that have chosen to do this, Carnival Resources firmly stands behind the idea of providing its content for free. Our goal is to simply be helpful and perhaps even provide a means of learning.
  503. <br>
  504. </div>
  505.  
  506.  
  507.  
  508. <div style="border:1px solid #3d0b09; width:264px; background-color:; overflow:auto; text-align:left; padding:3px; margin:1px; height:160px; float:right;">
  509. <h1>now let's play a game</h1>
  510. <br>
  511. <s3>E</s3>ven the worst Carnival has a set of guidelines and while we're at it, how about we delve into some Frequently Asks as well? Below is just some good need to knows.
  512. <br>
  513.  
  514. <br><s2>♦</s2> No, you do not have to comment/message notifying us on what you'll be using.
  515. <br><s2>♦</s2>No, we do not do requests on layouts.
  516. <br><s2>♦</s2>Yes, you may comment/message us with SUGGESTIONS.
  517. <br><s2>♦</s2>Yes, you may request easy tutorials (like the video of combining two gifs)
  518. <br><s2>♦</s2> Yes, you may grab and Frankenstein codes.
  519. <br><s2>♦</s2> No, you may not remove the credit link on prefabricated layouts.
  520. <br><s2>♦</s2> Yes, premades will eventually be provided at a later time.
  521. <br><s2>♦</s2>Yes, you may use our content for your profiles not affiliated with said RPGs.
  522. <br><s2>♦</s2> No, you may not share our content with anyone outside of said RPGs.
  523. <br><s2>♦</s2> Yes, you may use our content to help someone outside of said RPGs provided you yourself do the work and claim so in a disclaimer.
  524. </div>
  525.  
  526.  
  527. <center><img src="http://i.imgur.com/mg8Fdfq.gif" width="181"> <img src="http://i.imgur.com/E44XPQh.gif" width="181"> <img src="http://i.imgur.com/UnBV2WT.gif" width="181"></center>
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640. <div id="navigation">
  641.  
  642.  
  643.  
  644.  
  645.  
  646. <div class="box">
  647. <img src="http://i.imgur.com/ZQKclpa.gif"/>
  648. <div class="DRside">
  649. <div class="bottom">
  650.  
  651. <h6>all access pass:</h6>
  652.  
  653. </div>
  654. </div>
  655. <div class="caption">
  656. <br><center><i>fairgame</i></center>
  657. </div>
  658. </div>
  659.  
  660.  
  661.  
  662. </div>
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669. <div id="musicnav">
  670. <center>
  671. <a href="/home.php" class="first">home</a><a href="http://www.roleplayer.me/send_message.php?member_id=#" class="first">mssge</a><a href="http://www.roleplayer.me/add_comment.php?member_id=#" class="first">cmmnt</a>
  672. <a href="http://www.roleplayer.me/gallery.php?member_id=#" class="first">gllry</a><a href="http://carnivalresources.tumblr.com" class="first">content</a><a href="http://desolationresources.tumblr.com/" class="first">credit</a>
  673.  
  674. </center>
  675.  
  676. <center><h9>HAVE US A GAME </h9><br>
  677. <h8> shadow takes all</h8>
  678. <br>
  679.  
  680.  
  681.  
  682. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="25">
  683. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  684. <param name="bgcolor" value="#acacac" />
  685. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/cs7p3quig8y4cws/After%20the%20Fall.mp3?dl=1|https://www.dropbox.com/s/ejpjrbty46d24cm/All%20Aboard%20%28Everybody%27s%20Doing%20the%20Ark%29.mp3?dl=1|https://www.dropbox.com/s/yzx4y8vpdlxfay8/Good%20Little%20Dictation%20Machines.mp3?dl=1|https://www.dropbox.com/s/iwogjhd4f1107ur/05.%20Alex%20Vega%20%26%20Woe-Maidens%20-%20Kiss%20The%20Girls.mp3?dl=1|https://www.dropbox.com/s/0qkwwn93gu2ix3l/06.%20Kevin%20Ogre%20Ogilvie%20%26%20Briana%20Evigan%20-%20Beautiful%20Stranger.mp3?dl=1|https://www.dropbox.com/s/nmyt0ejba4nekwy/08.%20Marc%20Senter%20-%20Trust%20Me.mp3?dl=1|https://www.dropbox.com/s/krpuye3s9o28qfe/Fair%20-%20Fair%20Game.mp3?dl=1|https://www.dropbox.com/s/ec7un5qsqz4hh7h/Shovel%20and%20Bone.mp3?dl=1|https://www.dropbox.com/s/42mp40d1lw8k361/Hoof%20and%20Lap%20-%20The%20Devil%27s%20Carnival.mp3?dl=1|https://www.dropbox.com/s/mgxxzw0zfl73fvw/02.%20Alex%20Vega%2C%20Mighty%20Mike%20Murga%2C%20%26%20Bill%20Moseley%20-%20The%20Devil%27s%20Carnival.mp3?dl=1|https://www.dropbox.com/s/mgxxzw0zfl73fvw/02.%20Alex%20Vega%2C%20Mighty%20Mike%20Murga%2C%20%26%20Bill%20Moseley%20-%20The%20Devil%27s%20Carnival.mp3?dl=1|https://www.dropbox.com/s/i1mazm3akngons6/09.%20Emilie%20Autumn%20-%20Prick%21%20Goes%20The%20Scorpion%27s%20Tale.mp3?dl=1&height=25&autoplay=1&loop=1&shuffle=2&loadingcolor=d8d8d8&bgcolor=000000&bgcolor1=000000&bgcolor2=000000&slidercolor1=887d1e&slidercolor2=887d1e&sliderovercolor=887d1e&buttoncolor=887d1e&buttonovercolor=887d1e&textcolor=887d1e" />
  686. </object>
  687.  
  688. </center>
  689.  
  690.  
  691. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!