Advertisement
WhiteRozePetals

Skeletora Layout

Jan 18th, 2020
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.38 KB | None | 0 0
  1. <style type="text/css" style="user-select: auto;">/*Code created by`Roze`. Do not steal or resell. You may not resell this code as is. Do not edit.*/
  2. @import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
  3. @import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
  4. @import url('https://fonts.googleapis.com/css?family=Slabo+27px&display=swap');
  5. @import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');
  6. @import url('https://fonts.googleapis.com/css?family=Port+Lligat+Sans&display=swap');
  7. @import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
  8. body {
  9. }
  10. #holder {text-align: center;}
  11.  
  12. #layout {
  13. z-index: 1;
  14. position: relative;
  15. left: 0px;
  16. width:1250px;
  17. background-image: url(https://i.imgur.com/WgzQJSO.png);
  18. height:1513px;
  19. margin-left: auto;
  20. margin-right: auto;
  21. margin-top: 20px;
  22. background-repeat: no-repeat;
  23. }
  24. #layout h1 {
  25. color:#dfc6af;
  26. font-size:25px;
  27. line-height:26px;
  28. text-align:center;
  29. margin-top: 10px;
  30. margin-bottom: 10px;
  31. padding: 0px 0px 0px 0px;
  32. font-style: normal;
  33. font-weight:normal;
  34. text-transform: uppercase;
  35. font-family: 'Merriweather', serif;
  36. border-bottom: 1px dotted #c6cc8b;
  37. text-shadow: 2px 2px 5px #474a32
  38. }
  39. #layout h4 {
  40. color:#6e4a75;
  41. font-size:20px;
  42. line-height:30px;
  43. text-align:center;
  44. margin: 3px 0px 3px 0px;
  45. padding: 0px 0px 0px 0px;
  46. font-style: normal;
  47. text-transform: lowercase;
  48. font-weight:normal;
  49. font-family: 'Yanone Kaffeesatz', sans-serif;
  50. text-shadow: 2px 2px 2px #fff9eb
  51.  
  52. }
  53. #layout {
  54. color:#e5e8cb;
  55. font-size:16px;
  56. font-family: 'Port Lligat Sans', sans-serif;
  57. text-align:justify;
  58. }
  59. #layout .text {
  60. padding: 2px;
  61. }
  62. a {
  63. color:#222b1a;
  64. text-decoration: none;
  65. }
  66. a:hover {
  67. color:#6b6f4b;
  68.  
  69. }
  70. #layout #scroll1 {
  71. overflow: auto;
  72. position:relative;
  73. top:848px;
  74. left:40px;
  75. width:446px;
  76. height:272px;
  77. scrollbar-base-color:white;
  78. scrollbar-track-color:white;
  79. }
  80. #layout #scroll2 {
  81. overflow: auto;
  82. position:relative;
  83. top:576px;
  84. left:765px;
  85. width:446px;
  86. height:272px;
  87. scrollbar-base-color:white;
  88. scrollbar-track-color:white;
  89. }
  90. #layout #scroll3 {
  91. overflow: auto;
  92. position:relative;
  93. top:648px;
  94. left:265px;
  95. width:720px;
  96. height:260px;
  97. scrollbar-base-color:white;
  98. scrollbar-track-color:white;
  99. }
  100. #layout #newnav {
  101. position:absolute;
  102. top: 1145px;
  103. left:440px;
  104. z-index: -1;
  105. }
  106.  
  107. </style>
  108.  
  109. <div id="holder"><div id="layout">
  110.  
  111. <!----- ESTATE NAVIGATION ----->
  112. <div id="newnav"><h4><center><a href="https://eqcetera.com/sales-pen/">Sales</a>&nbsp;&nbsp;&nbsp; <a href="https://eqcetera.com/breeding-grounds/flirtatious/">Breeding Grounds</a>
  113. &nbsp;&nbsp;&nbsp;<a href="https://eqcetera.com/training-center/flirtatious/">Training Center</a>&nbsp;&nbsp;&nbsp;
  114. <a href="https://eqcetera.com/retirement-pasture/flirtatious/">Retirement</a></center></h4></div>
  115.  
  116. <!----- TOP LEFT SCROLL ----->
  117.  
  118. <div id="scroll1"><div class="text">
  119. <h1>Header</h1>
  120. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  121.  
  122. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  123.  
  124. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  125.  
  126. <h1 style="user-select: auto;">Header</h1>
  127. Etiam nisi elit, bibendum in, faucibus at, eleifend a, nulla. Cras sed enim et massa mattis varius. In metus odio, ultricies vitae, pulvinar sit amet, cursus eget, risus. Aenean nisl neque, sollicitudin volutpat, commodo quis, lobortis non, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur non metus. Sed sit amet sapien id eros cursus pretium. Curabitur venenatis nibh viverra lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque turpis. Nulla facilisi. Fusce posuere tempor lectus. Nam eu magna at purus pulvinar euismod.
  128. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  129.  
  130. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  131. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  132.  
  133. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  134.  
  135. <!----- TOP RIGHT SCROLL ----->
  136.  
  137. </div></div><div id="scroll2"><div class="text">
  138. <h1>Header</h1>
  139. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  140.  
  141. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  142.  
  143. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  144.  
  145. <h1 style="user-select: auto;">Header</h1>
  146. Etiam nisi elit, bibendum in, faucibus at, eleifend a, nulla. Cras sed enim et massa mattis varius. In metus odio, ultricies vitae, pulvinar sit amet, cursus eget, risus. Aenean nisl neque, sollicitudin volutpat, commodo quis, lobortis non, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur non metus. Sed sit amet sapien id eros cursus pretium. Curabitur venenatis nibh viverra lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque turpis. Nulla facilisi. Fusce posuere tempor lectus. Nam eu magna at purus pulvinar euismod.
  147. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  148.  
  149. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  150. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  151.  
  152. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  153.  
  154. <!----- BOTTOM MIDDLE SCROLL ----->
  155.  
  156. </div></div><div id="scroll3"><div class="text">
  157. <h1>Header</h1>
  158. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  159.  
  160. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  161.  
  162. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  163.  
  164. <h1 style="user-select: auto;">Header</h1>
  165. Etiam nisi elit, bibendum in, faucibus at, eleifend a, nulla. Cras sed enim et massa mattis varius. In metus odio, ultricies vitae, pulvinar sit amet, cursus eget, risus. Aenean nisl neque, sollicitudin volutpat, commodo quis, lobortis non, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur non metus. Sed sit amet sapien id eros cursus pretium. Curabitur venenatis nibh viverra lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque turpis. Nulla facilisi. Fusce posuere tempor lectus. Nam eu magna at purus pulvinar euismod.
  166. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  167.  
  168. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  169. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  170.  
  171. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper, odio eu dictum lobortis, erat lacus rhoncus est, vitae fermentum ante lectus nec nulla. Donec a ante nec nulla facilisis pulvinar. Mauris vel metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer luctus, lectus ac volutpat tristique, nunc purus pretium tellus, eu luctus neque urna eget massa. Phasellus urna augue, consectetur eget, iaculis vel, egestas at, tortor. Fusce volutpat erat nec dui. Vestibulum tempus euismod lacus. Proin tincidunt, tellus eu viverra lobortis, quam magna rutrum diam, et aliquam odio ante eget lorem. Phasellus faucibus nulla in quam.
  172.  
  173. </div></div></div></div>
  174. <style type="text/css">
  175. <p><Br><p><br><p>
  176.  
  177. <!--s t y l i n g --><br>
  178. .body {
  179. margin: 0;
  180. font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  181. font-size: 1rem;
  182. font-weight: 400;
  183. line-height: 1.5;
  184. font-color: #b37baa;
  185. text-align: left;
  186. color: #f8d4f6!important;
  187.  
  188. }
  189. .navbar-nav {
  190. background-color: #474a32;
  191. opacity: 0.8;
  192. z-index: 2;
  193. }
  194. .navbar-nav .nav-item .nav-link:hover {
  195. background: #6b6f4b;
  196. opacity: 0.8;
  197. }
  198. .nav-tabs .nav-link {
  199. display:none!important;
  200. }
  201. .nav-tabs.mb-3.mt-3 .nav-link {
  202. display:none!important;
  203. }
  204. div.bg-gradient-primary{
  205. background-color: #375068;
  206. background-image: none;
  207. opacity: 0.8;
  208.  
  209. }
  210. .card{
  211. background-color: #6b6f4b;
  212. border: 1px solid #000000;
  213. }
  214.  
  215. .card-header{
  216. background-color: #474a32;
  217. }
  218. .table {
  219. color: #FFF;
  220. border: 1px solid #000000;
  221. }
  222.  
  223. .table-bordered td, .table-bordered th {
  224. border: none;
  225. }
  226.  
  227. tr[role=row].odd {
  228. background: #999e6c !important;
  229. border: 0;
  230. }
  231.  
  232. tr[role=row].even {
  233. background: #dfc6af !important;
  234. border: 0;
  235. }
  236.  
  237. td{
  238. color: #FFF;
  239. }
  240.  
  241. .text-primary {
  242. color: #FFF!important;
  243. }
  244.  
  245. footer.sticky-footer {
  246. background: none !important;
  247. }
  248. #wrapper #content-wrapper, .bg-gradient-primary, #wrapper{
  249. background:none;
  250. box-shadow:none!important;
  251. -webkit-box-shadow:none!important;
  252. }
  253. .text-gray-800 {
  254. display:none!important;
  255. }
  256. .mb-3, .my-3 {
  257. display:none!important;
  258. }
  259. p {
  260. display:none!important;
  261. }
  262. .page-banner {
  263. background-image: none;
  264. background-position: 0 100%;
  265. background-size: cover;
  266. background-repeat: no-repeat;
  267. height: 0px;
  268. }
  269. .page-banner, .bg-white, .sidebar, .flex-row{
  270. display:none!important;
  271. }
  272. body{
  273. background-image: url("https://i.imgur.com/ydT4Nd3.png")!important;
  274. background-repeat: repeat !important;
  275. background-attachment:fixed;
  276. background-size:auto;
  277. height:100%;
  278. position:relative;
  279. font-family:'Open Sans',sans-serif;
  280. font-size:16px
  281. }
  282.  
  283.  
  284. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement