Advertisement
WhiteRozePetals

Jen's Layout

Sep 22nd, 2019
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.74 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. body {
  6. }
  7. #holder {text-align: center;}
  8. #layout {
  9. z-index: 1;
  10. position: relative;
  11. left: 0px;
  12. width:1250px;
  13. background-image: url(https://i.imgur.com/0SCAoxE.png);
  14. height:1498px;
  15. margin-left: auto;
  16. margin-right: auto;
  17. margin-top: 25px;
  18. background-repeat: no-repeat;
  19. }
  20. #layout h1 {
  21. color:#273841;
  22. font-size:20px;
  23. line-height:25px;
  24. text-align:left;
  25. margin-top: 10px;
  26. margin-bottom: 10px;
  27. padding: 0px 0px 0px 0px;
  28. font-style: normal;
  29. font-weight:normal;
  30. font-family: 'Pacifico', cursive;
  31. }
  32. #layout h2 {
  33. color:#143a65;
  34. font-size:32px;
  35. line-height:20px;
  36. text-align:center;
  37. margin: 3px 0px 3px 0px;
  38. padding: 0px 0px 0px 0px;
  39. font-style: normal;
  40. text-transform: uppercase;
  41. font-family: 'Slabo 27px', serif;
  42. text-shadow:0px 0px 3px #c6deff;
  43. text-align: center;
  44. }
  45. #layout h6 {
  46. color:#143a65;
  47. font-size:25px;
  48. line-height:25px;
  49. text-align:center;
  50. margin: 3px 0px 3px 0px;
  51. padding: 0px 0px 0px 0px;
  52. font-style: normal;
  53. font-weight:normal;
  54. font-family: 'Merriweather', serif;
  55. text-shadow:0px 0px 3px #c6deff;
  56. }
  57. #layout h4 {
  58. color:#143a65;
  59. font-size:20px;
  60. line-height:25px;
  61. text-align:center;
  62. margin: 3px 0px 3px 0px;
  63. padding: 0px 0px 0px 0px;
  64. font-style: normal;
  65. font-weight:normal;
  66. font-family: 'Merriweather', serif;
  67. text-shadow:0px 0px 3px #c6deff;
  68. }
  69. #layout {
  70. color:#354b58;
  71. font-size:14px;
  72. font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;text-align:justify;
  73. }
  74. #layout .text {
  75. padding: 2px;
  76. }
  77. a {
  78. color:#3d82b0;
  79. text-decoration: none;
  80. }
  81. a:hover {
  82. color:#1d85ca;
  83. }
  84. #layout #scrollheader {
  85. overflow: auto;
  86. position:absolute;
  87. top:840px;
  88. left:60px;
  89. width:340px;
  90. height:50px;
  91. }
  92. #layout #scrollheader2 {
  93. overflow: auto;
  94. position:absolute;
  95. top:840px;
  96. left:415px;
  97. width:415px;
  98. height:50px;
  99. }
  100. #layout #scrollheader3{
  101. overflow: auto;
  102. position:absolute;
  103. top:1175px;
  104. left:414px;
  105. width:415px;
  106. height:50px;
  107. }
  108. #layout #scrollheader4 {
  109. overflow: auto;
  110. position:absolute;
  111. top:840px;
  112. left:874px;
  113. width:340px;
  114. height:50px;
  115. }
  116. #layout #scroll1 {
  117. overflow: auto;
  118. position:relative;
  119. top:900px;
  120. left:40px;
  121. width:342px;
  122. height:558px;
  123. scrollbar-base-color:white;
  124. scrollbar-track-color:white;
  125. }
  126. #layout #scroll2 {
  127. overflow: auto;
  128. position:relative;
  129. top:338px;
  130. left:414px;
  131. width:418px;
  132. height:228px;
  133. scrollbar-base-color:white;
  134. scrollbar-track-color:white;
  135. }
  136. #layout #scroll3 {
  137. overflow: auto;
  138. position:relative;
  139. top:450px;
  140. left:414px;
  141. width:420px;
  142. height:225px;
  143. scrollbar-base-color:white;
  144. scrollbar-track-color:white;
  145. }
  146. #layout #scroll4 {
  147. overflow: auto;
  148. position:relative;
  149. top:-115px;
  150. left:871px;
  151. width:342px;
  152. height:558px;
  153. scrollbar-base-color:white;
  154. }
  155. #layout #newnav {
  156. position:absolute;
  157. top: 475px;
  158. left:725px;
  159. font-family: "Georgia";
  160. font-size: 20px;
  161. text-transform: uppercase;
  162. z-index: -1;
  163. }
  164. </style>
  165.  
  166. <div id="holder"><div id="layout">
  167.  
  168.  
  169. <div id="newnav"><h4><a href="https://eqcetera.com/estate-management/">estate management</a> || <a href="https://eqcetera.com/breeding-grounds/jen/">breeding grounds</a>
  170. <br><a href="https://eqcetera.com/training-center/jen/">training center</a> ||
  171. <a href="https://eqcetera.com/retirement-pasture/jen/">retirement pasture</a></h4></div>
  172.  
  173.  
  174. <div id="scrollheader"><div class="text"><h2> About Me </h2> </div></div>
  175.  
  176. <div id="scroll1"><div class="text">
  177. <h1>Welcome</h1>
  178. Hello and welcome. I am Jen.
  179. I am the mother of a toddler named Annabelle, a Jack Russel named Pepper and a tabby cat named Bentley.
  180. My husband and I have been married for 12 wonderful years.
  181. We love to cheer on the St Louis Cardinals baseball team and the Ohio State Buckeyes football team.
  182. I have loved horses for as long as I can remember.
  183. I used to ride all the time but lost touch with the horse I used to ride.
  184. .
  185.  
  186.  
  187. </div></div><div id="scrollheader2"><div class="text"><h2>Tags </h2> </div></div>
  188.  
  189. <div id="scroll2" style="user-select: auto;"><div class="text" style="user-select: auto;">
  190. <img src="https://i.postimg.cc/rwShb6HC/Os9es6cw.png">
  191. <img src="https://i.postimg.cc/dVMH4Q5V/VFE1aeLA.png">
  192. <img src="https://i.postimg.cc/rFv4thXT/ddex4rb-5c537f50-17f6-4891-b99d-a4847dacf081.png">
  193. <img src="https://i.postimg.cc/yYJ9dMGn/ddex4rk-3a7d35f6-57d0-49ef-932a-1734546c9c55.png">
  194. <img src="https://www.mediafire.com/convkey/7558/l4zesfld6mj59v1zg.jpg">
  195. <img src="https://www.mediafire.com/convkey/5ef4/quvltn6inb96yakzg.jpg">
  196. <img src="https://www.mediafire.com/convkey/97b5/qm6sqf1vkr0o20wzg.jpg">
  197. <img src="https://www.mediafire.com/convkey/1152/dnu3qt6yhw519whzg.jpg">
  198. <img src="https://www.mediafire.com/convkey/7796/sz9i5oou1vl9v8szg.jpg">
  199. <img src="https://www.mediafire.com/convkey/7c6e/lvlp2v1n9x0gw4pzg.jpg">
  200. <img src="https://www.mediafire.com/convkey/bc20/7z55k3crqk6ev8nzg.jpg">
  201. <img src="https://www.mediafire.com/convkey/0ea6/cnz7cv0ag0kvtnczg.jpg">
  202. <img src="https://www.mediafire.com/convkey/ba57/grswkg0njb782gizg.jpg">
  203. <img src="https://www.mediafire.com/convkey/462e/p7ko0eu05wbfznezg.jpg">
  204. <img src="https://i.postimg.cc/Y00drzdB/fjT8efy.png">
  205. <img src="https://i.postimg.cc/bJXXvTrn/2qtxzf6.png">
  206. <img src="https://i.postimg.cc/4xHm6SpD/pepper1.png">
  207. <img src="https://i.postimg.cc/PqGN2Q4P/pepper2.png">
  208. <img src="https://i.postimg.cc/s2px8G6K/pepper3.png">
  209. <img src="https://i.postimg.cc/9Q02h4JW/pepper2-by-horseofblackestnight-dcs3k5t.png">
  210. <img src="https://i.postimg.cc/JzFL412j/pepper1-by-horseofblackestnight-dcs3k61.png">
  211. <img src="https://s5.postimg.cc/6ryil5mbb/5692690_jn_Dmj_N9k_P3x6_QBG.png">
  212. <img src="https://s5.postimg.cc/i6c7b5nvr/L5t_YBD7.png">
  213. <img src="https://s5.postimg.cc/6su9dnsg7/zkch_Vh_C.png">
  214. <img src="https://s5.postimg.cc/r60b56e1z/Crqo_Lk_Y.png">
  215. <img src="https://s5.postimg.cc/qt8wz03hz/T904f_FZ.png">
  216. <img src="https://s5.postimg.cc/lcuuipmqv/ef7b8_FN_d.png">
  217. <img src="https://s5.postimg.cc/x5snmtgl3/V7_I7si0.png">
  218. <img src="https://s5.postimg.cc/p84o4cqzr/Q7m_S4e_X.png">
  219. <img src="https://s5.postimg.cc/i4wsou8qf/QSu_Bd_Xf.png">
  220. <img src="https://s5.postimg.cc/6l7yfs1tj/S3o5_Np_J.png">
  221. <img src="https://s5.postimg.cc/5bke5dfdj/pepper_wonder_by_laterpeaches-dckoqb2.png">
  222. <img src="https://s5.postimg.cc/5obsbgpwn/pepper_beau_by_laterpeaches-dckoqaf.png">
  223. <img src="https://s5.postimg.cc/bjo9inh9z/precolor02.png">
  224. <img src="https://s5.postimg.cc/eqit2a9fr/precolor01.png">
  225. <img src="https://s5.postimg.cc/d5d6lk7uf/barnum_by_milehighstables-dcl6na3.jpg">
  226. <img src="https://s5.postimg.cc/i40p03jd3/darkoverlord_by_milehighstables-dcl6n70.jpg">
  227. <img src="https://s5.postimg.cc/6s7e3njyv/American_Mustang_Pepper_m_zpsnq4fykaq.png">
  228. <img src="https://s5.postimg.cc/wazqgob8n/American_Mustang_Pepper_2_m_zpsu9jifddr.png">
  229. <img src="https://s5.postimg.cc/el9l5tdrb/pepper_1_by_altaircallisto-dcmcbki.png">
  230. <img src="https://i.postimg.cc/QttYZ9mT/fqMXrgw.png">
  231. <img src="https://i.postimg.cc/sXN6jjH0/uesZlLV.png">
  232. <img src="https://i.postimg.cc/G2tQQ1NR/nqIU9wv.png">
  233. <img src="https://i.postimg.cc/pT05fvsH/5yundG4.png">
  234. <img src="https://i.postimg.cc/pTVn5rYC/bYROBaQ.png">
  235. <img src="https://i.postimg.cc/SQnW3d8V/dcyiond-47177d42-9c0d-4a19-88ef-7e66c51d47a9.png"><br>
  236.  
  237.  
  238.  
  239. </div></div><div id="scrollheader3"><div class="text"><h2>Breeding</h2> </div></div>
  240. <div id="scroll3" style="user-select: auto;"><div class="text" style="user-select: auto;">
  241. <h1>A few rules</h1>
  242. 1. If you breed to any of my horses you run the risk of a foal or foals you do not want. You WILL NOT recieve your money back.<br>
  243. 2. No breeding if your mare is more then 20 levels below my stallions. I will breed at five levels below. But no more.<br>
  244. 3. If you don't want the foal(s) you recieve after breeding, offer them back to me. If I don't want them, you are free
  245. to do what you please.
  246.  
  247. </div></div><div id="scrollheader4"><div class="text"><h2>My Horses</h2> </div></div>
  248. <div id="scroll4" style="user-select: auto;"><div class="text" style="user-select: auto;">
  249. <h1>Clydesdales</h1>
  250. Clydesdales are my main breed here on Eqc. I have always found this breed very regal and lively.
  251. Also very beautiful.
  252. I fell in love with them when
  253. I saw the <a href="https://media1.fdncms.com/riverfronttimes/imager/u/original/13918704/budweiser.jpg">Budwieser Clydesdales</a>
  254. in my home town. They are fantastic. <br>
  255. My Clydes here on Eqc are trained and shown in Driving.
  256. My most winningest Clyde Stallion is <a href="https://eqcetera.com/horse/33655/">Bohemian Rhapsody</a>.
  257. My most winningest Clyde Mare is <a href="https://eqcetera.com/horse/35041/">Radio Ga Ga</a>.
  258.  
  259. <h1>Marwari's</h1>
  260. My Mar's are a fairly new breed to me. I have never had them on any game I play. I don't have the most fabulous horses, but the ears are fun
  261. to look at. I only have 4 at the moment. These will not be bred outside of my stables. Only I will breed them then decide if I want to sell them.
  262. IF I do decide to breed ( and that is a big IF) I will decide who they get to be bred to
  263. </div></div></div></div>
  264. <style type="text/css">
  265. <p><Br><p><br><p>
  266.  
  267. <br>
  268. .body {
  269. margin: 0;
  270. 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";
  271. font-size: 1rem;
  272. font-weight: 400;
  273. line-height: 1.5;
  274. font-color: #b37baa;
  275. text-align: left;
  276. color: #f8d4f6!important;
  277.  
  278. }
  279. .navbar-nav {
  280. background-color: #5b8197;
  281. opacity: 0.8;
  282. }
  283. .nav-tabs .nav-link {
  284. display:none!important;
  285. }
  286. .nav-tabs.mb-3.mt-3 .nav-link {
  287. display:none!important;
  288. }
  289. div.bg-gradient-primary{
  290. background-color: #5b8197;
  291. background-image: none;
  292. opacity: 0.8;
  293.  
  294. }
  295. .card{
  296. background-color: #6792ab;
  297. border: 1px solid #000000;
  298. }
  299.  
  300. .card-header{
  301. background-color: #5b8197;
  302. }
  303. .table {
  304. color: #FFF;
  305. border: 1px solid #000000;
  306. }
  307.  
  308. .table-bordered td, .table-bordered th {
  309. border: none;
  310. }
  311.  
  312. tr[role=row].odd {
  313. background: #9fc2d6 !important;
  314. border: 0;
  315. }
  316.  
  317. tr[role=row].even {
  318. background: #84b1cc !important;
  319. border: 0;
  320. }
  321.  
  322. td{
  323. color: #FFF;
  324. }
  325.  
  326. .text-primary {
  327. color: #FFF!important;
  328. }
  329.  
  330. footer.sticky-footer {
  331. background: none !important;
  332. }
  333. #wrapper #content-wrapper, .bg-gradient-primary, #wrapper{
  334. background:none;
  335. box-shadow:none!important;
  336. -webkit-box-shadow:none!important;
  337. }
  338. .text-gray-800 {
  339. display:none!important;
  340. }
  341. .mb-3, .my-3 {
  342. display:none!important;
  343. }
  344. p {
  345. display:none!important;
  346. }
  347. .page-banner {
  348. background-image: none;
  349. background-position: 0 100%;
  350. background-size: cover;
  351. background-repeat: no-repeat;
  352. height: 0px;
  353. }
  354. .page-banner, .bg-white, .sidebar, .flex-row{
  355. display:none!important;
  356. }
  357. body{
  358. background-image: url("https://i.imgur.com/GcFNohG.png")!important;
  359. background-repeat: repeat !important;
  360. background-attachment:fixed;
  361. background-size:auto;
  362. height:100%;
  363. position:relative;
  364. font-family:'Open Sans',sans-serif;
  365. font-size:16px
  366. }
  367. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement