API tools faq
paste
oakhearted

oakhearted's lil peachy cute layout~

oakhearted
Oct 16th, 2018
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.52 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--- DO NOT REMOVE THESE CODES DISPLAYED AT THE TOP, THEY ARE IMPORTANT FOR YOUR CATTERY LAYOUT SO IT STAYS NEAT AND CLEAN! ---!>
  3. <style>
  4.  
  5. body {
  6. background-image: url('http://blog.visme.co/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-042.jpg');
  7. background-size:cover;
  8. background-color: rgba(0,0,0,0.0);
  9. }
  10.  
  11. .ui-tooltip {
  12. background: #aaa !important;
  13. border: 1px dashed #999 !important;
  14. color: #eee !important;
  15. border-radius: 30px;
  16. transition: 0.5s;
  17. font-size: 10px;
  18. box-shadow: 3px 0px 4px #333;
  19. }
  20.  
  21. #content {
  22.  
  23. }
  24.  
  25. #reportplayer { display:none; }
  26. #messageplayer { display: none; }
  27.  
  28. a {
  29. color: white;
  30. text-shadow: 0px 1px 1px #999;
  31. }
  32.  
  33.  
  34. #eventtxt {
  35. background: blanchedalmond;
  36. }
  37.  
  38. #messageplayer { display: none; }
  39.  
  40. .popup {
  41. -moz-border-radius: 15px;
  42. border-radius: 15px;
  43. background: bisque;
  44. color: #fff;
  45. position: absolute;
  46. z-index: 100;
  47. left: -100000px;
  48. top: 0;
  49. }
  50.  
  51. input[type="text"], input[type="password"], select {
  52. font: 11px/12px "Arial";
  53. color: #2b2514;
  54. background: #fff;
  55. border: 1px solid #fff;
  56. height: 17px;
  57. }
  58.  
  59. textarea {
  60. font: 11px/12px "Arial";
  61. color: #2b2514;
  62. background: #fff;
  63. border: none;
  64. }
  65.  
  66. #popupclose {
  67. position: absolute;
  68. top: 0;
  69. right: 0;
  70. font-weight: normal;
  71. color: white;
  72. padding: 10px;
  73. font-size: 20px;
  74. line-height: 16px;
  75. z-index: 10;
  76. }
  77.  
  78.  
  79. .trow2, .trow2 table, .trow2 tr, .trow2 td {
  80. background: none;
  81. color: #142b19;
  82. }
  83.  
  84. .button, .button_tall {
  85. font: 12px/13px "Arial";
  86. font-weight: bold;
  87. color: #f6c19c;
  88. border: 2px solid blanchedalmond;
  89. margin: 5px;
  90. padding: 0 10px;
  91. -moz-border-radius: 5px;
  92. border-radius: 5px;
  93. overflow: visible;
  94. height: inherit;
  95. background: white;
  96. }
  97.  
  98. .button:hover, .button_tall:hover {
  99. color: #f6c19c;
  100. border: 2px solid blanchedalmond;
  101. opacity: 0.5;
  102. transition: 0.5s;
  103. }
  104.  
  105. .popup_title {
  106. font-size: 14px;
  107. line-height: 16px;
  108. z-index: 10;
  109. font-family: calibri;
  110. text-transform: uppercase;
  111. position: absolute;
  112. top: 10px;
  113. letter-spacing: 1px;
  114. left: 20px;
  115. font-weight: normal;
  116. }
  117.  
  118. .theader, tr.theader {
  119. background-color: #ffe4c4;
  120. }
  121.  
  122. .tborder {
  123. border: 2px dashed bisque;
  124. }
  125.  
  126. .trow1, .trow1 table, .trow1 tr, .trow1 td {
  127. background: bisque;
  128. color: white;
  129. padding: 20px;
  130. }
  131.  
  132. #cattery_descbox {
  133. position: relative;
  134. width: 1230px;
  135. height: 920px;
  136. float: left;
  137. padding: 4px;
  138. right: 10px;
  139. overflow: hidden;
  140. background-color: rgba(0,0,0,0.0);
  141. }
  142.  
  143. .item_box {
  144. text-align: center;
  145. float: left;
  146. width: 125px;
  147. margin: 10px;
  148. color: white;
  149. opacity: 0.5;
  150. transition: 0.5s;
  151. }
  152.  
  153. .item_box:hover {
  154. text-align: center;
  155. float: left;
  156. width: 125px;
  157. margin: 10px;
  158. opacity: 9;
  159. transition: 0.5s;
  160. }
  161.  
  162. #cattery_infobox {
  163. display:none;
  164. }
  165.  
  166. #topbanner, #bottombanner, #titlebar, #bodyi, .titlebar, #footer, #titleimg, #titletxt, .titlebar, #topbanner, #bottombanner img, #menu_holder, .menu_dropdown_bkg, #addbookmark, #breed_count, .breed_count, #menu_holder, i, .ci_notice, .sf-menu, .sf-menu ul, .sf-menu li li {
  167. display: none;
  168. }
  169.  
  170. ::-moz-selection {
  171. background-color: #f6c19c;
  172. color: #fff; }
  173.  
  174. ::selection {
  175. background-color: #f6c19c;
  176. color: #fff; }
  177.  
  178. ::-webkit-scrollbar {
  179. width: 8px;
  180. transition: 0.5; }
  181.  
  182. ::-webkit-scrollbar-button {
  183. width: 8px;
  184. transition: 0.5; }
  185.  
  186. ::-webkit-scrollbar-track {
  187. background:#fff;
  188. border-radius:1px;
  189. border: thin solid #fff;
  190. transition: 0.5; }
  191.  
  192. ::-webkit-scrollbar-thumb {
  193. background:#f6c19c;
  194. border-radius:1px;
  195. transition: 0.5; }
  196.  
  197. .breed_count {
  198. letter-spacing: 1.5px;
  199. float: left;
  200. opacity: 0.5;
  201. margin-right: 5px;
  202. padding: 3px;
  203. font-weight: normal;
  204. color: #000;
  205. transition: 0.5s;
  206. }
  207.  
  208. .breed_count:hover {
  209. letter-spacing: 1.5px;
  210. float: left;
  211. opacity: 1;
  212. margin-right: 5px;
  213. padding: 3px;
  214. font-weight: normal;
  215. color: #000;
  216. transition: 0.5s;
  217. }
  218.  
  219.  
  220.  
  221. .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  222. cursor: crosshair;
  223. outline: none;
  224. }
  225.  
  226. .ui-dialog .ui-dialog-buttonpane {
  227. text-align: left;
  228. border-width: 1px 0 0 0;
  229. background-image: none;
  230. margin-top: .5em;
  231. padding: 0px 110px;
  232. width: 200px;
  233. background-color: bisque;
  234. }
  235.  
  236. #menu_holder { display:none; }
  237.  
  238.  
  239. #mweor_good_text span, .good_label {
  240. background: #555;
  241. padding: 2px 45px;
  242. margin: 0 5px;
  243. font-size: 12px;
  244. line-height: 14px;
  245. color: white;
  246. border-radius: 30px;
  247. border: 1px dashed #ccc;
  248. transition: 0.5s;
  249. }
  250.  
  251. #mweor_good_text span, .good_label:hover {
  252. opacity: 0.5;
  253. padding: 2px 45px;
  254. margin: 0 5px;
  255. font-size: 12px;
  256. line-height: 14px;
  257. color: white;
  258. border-radius: 30px;
  259. border: 1px dashed #eee;
  260. transition: 0.5s;
  261. }
  262.  
  263. .centered {
  264. text-align: center;
  265. margin-left: auto;
  266. margin-right: auto;
  267. display: none;
  268. }
  269.  
  270. .plain_table {
  271. padding: 0;
  272. text-align: left;
  273. font-size: 12px;
  274. display: none;
  275. color: white;
  276. }
  277.  
  278. .plain_table {
  279. padding: 0;
  280. color: white;
  281. text-align: center;
  282. font-size: 12px;
  283. border: none;
  284. }
  285.  
  286.  
  287.  
  288. .text_medium {
  289. font-size: 15px;
  290. line-height: 16px;
  291. color: white;
  292. }
  293.  
  294.  
  295. #content {
  296. background-image: url('https://www.diageo.com/assets/img/temp/small-16x9-transparent.png');
  297. background-repeat:no-repeat;
  298. background-size:cover;
  299. }
  300.  
  301. #contentholder {
  302. background-image: url('https://www.diageo.com/assets/img/temp/small-16x9-transparent.png');
  303. background-repeat:no-repeat;
  304. background-size:cover;
  305. }
  306.  
  307.  
  308. /*mweor tabs*/
  309.  
  310. .ui-widget-content {
  311.  
  312.  
  313. background: #83bdc9;
  314.  
  315. transition: 0.5s;
  316.  
  317. color: #000;
  318.  
  319. }
  320.  
  321. .ui-widget-content {
  322. width: 900px;
  323. background: none;
  324. color: #000;
  325. text-align: center;
  326. border: none;
  327. transition: 0.5s;
  328.  
  329. }
  330.  
  331.  
  332. #mweor_tabs .ui-widget-header {
  333.  
  334. width: 993px;
  335.  
  336. border: 1px solid #f6c19c;
  337.  
  338. margin-top: -280px !important;
  339.  
  340. background: #f6c19c;
  341.  
  342. margin-left: -0px !important;
  343.  
  344. color: white;
  345.  
  346. transition: 0.5s;
  347.  
  348. outline: none;
  349.  
  350. }
  351.  
  352.  
  353.  
  354. .ui-widget-header {
  355.  
  356. border: 1px solid bisque;
  357.  
  358. background: bisque;
  359.  
  360. outline: none;
  361.  
  362. transition: 0.5s;
  363.  
  364. color: white;
  365.  
  366. }
  367.  
  368.  
  369.  
  370. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  371.  
  372. border: 1px solid bisque;
  373.  
  374. outline: none;
  375.  
  376. transition: 0.5s;
  377.  
  378. color: white;
  379.  
  380. background: bisque !important;
  381.  
  382. }
  383.  
  384.  
  385.  
  386. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  387.  
  388. background: bisque;
  389.  
  390. outline: none;
  391.  
  392. border: 1px solid bisque;
  393.  
  394. transition: 0.5s;
  395.  
  396. color: white;
  397.  
  398. }
  399.  
  400. .ui-tabs .ui-tabs-nav li a {
  401. float: left;
  402. padding: .5em 1em;
  403. text-decoration: none;
  404. color: white;
  405. }
  406.  
  407. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  408. background: bisque;
  409. outline: none;
  410. border: 1px solid blanchedalmond;
  411. transition: .5s;
  412. color: #fff;
  413. }
  414.  
  415.  
  416. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-
  417.  
  418.  
  419.  
  420. focus {
  421.  
  422. background: #f6c19c;
  423.  
  424. border: 1px solid #f6c19c;
  425.  
  426. color: white;
  427.  
  428. transition: 0.5s;
  429.  
  430. outline: none;
  431.  
  432. cursor: crosshair;
  433.  
  434. }
  435.  
  436.  
  437. .ui-widget-overlay {
  438.  
  439. background: blanchedalmond;
  440.  
  441. color: white;
  442.  
  443. cursor: crosshair;
  444.  
  445. outline: none;
  446.  
  447. opacity: 0.5;
  448.  
  449. transition: 0.5s;
  450.  
  451.  
  452. }
  453.  
  454. </style>
  455. <!--- END OF CODE! YOU CAN EDIT THE HEXES ( ONES STARTING WITH # ) EXAMPLE HEX IS #CD7F32 ---!>
  456.  
  457.  
  458.  
  459. <style>
  460.  
  461. h {
  462. background-color: #f6c19c;
  463. padding: 2px;
  464. color: white;
  465. }
  466.  
  467. u {
  468. color: #f6c19c;
  469. }
  470.  
  471.  
  472. p {
  473. font-size: 10px;
  474. margin: 5px;
  475. }
  476.  
  477. h1 {
  478. font-size: 30px;
  479. color: #f6c19c;
  480. }
  481.  
  482. h5 {
  483. margin-top: -15px;
  484. font-size: 12px;
  485. font-weight: normal;
  486. letter-spacing: 0.5px;
  487. color: bisque;
  488. }
  489.  
  490.  
  491. #box1 {
  492. position: absolute;
  493. border: 2px solid #ccc;
  494. color: #2a363b;
  495. text-align: center;
  496. padding: 10px;
  497. width: 580px;
  498. height: 240px;
  499. top: 90px;
  500. background-color: white;
  501. transition: 0.5s;
  502. left: 490px;
  503. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  504. }
  505.  
  506. #box2 {
  507. position: absolute;
  508. border: 2px solid #f6c19c;
  509. color: #f6c19c;
  510. text-align: center;
  511. padding: 10px;
  512. width: 360px;
  513. height: 170px;
  514. top: 380px;
  515. background-color: bisque;
  516. transition: 0.5s;
  517. left: 670px;
  518. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  519. }
  520.  
  521. #box3 {
  522. position: absolute;
  523. border: 1px solid #eee;
  524. color: #2a363b;
  525. text-align: center;
  526. padding: 10px;
  527. width: 470px;
  528. height: 170px;
  529. top: 380px;
  530. background-color: white;
  531. transition: 0.5s;
  532. left: 165px;
  533. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  534. }
  535. </style>
  536.  
  537. <style>
  538. .tabs {
  539. position: absolute;
  540. min-height: 100px;
  541. clear: both;
  542. margin: 25px 0;
  543. left: 490px;
  544. top: 30px;
  545. }
  546. .tabs .tab {
  547. float: left;
  548. }
  549. .tabs .tab label {
  550. background: #f6c19c;
  551. padding: 5px 40px;
  552. border-bottom: 3px solid #f6c19c;
  553. border-radius: 200px 200px 0px 0px;
  554. -moz-border-radius: 200px 200px 0px 0px;
  555. -webkit-border-radius: 200px 200px 0px 0px;
  556. position: relative;
  557. color: white;
  558. left: 1px;
  559. transition: 0.5s;
  560. cursor: crosshair;
  561. }
  562.  
  563. .tabs .tab label:hover {
  564. transition: 0.5s;
  565. cursor: crosshair;
  566. }
  567.  
  568. .tabs .tab [type=radio] {
  569. display: none;
  570. }
  571. .tabs .content {
  572. position: absolute;
  573. top: 18px;
  574. left: 0;
  575. background: white;
  576. right: 0;
  577. bottom: 0;
  578. padding: 20px;
  579. width 760px;
  580. height: 230px;
  581. border-top: 10px solid bisque;
  582. border-bottom: 10px solid bisque;
  583. border-left: 10px solid blanchedalmond;
  584. border-right: 10px solid blanchedalmond;
  585. overflow:auto;
  586. transition: 0.5s;
  587.  
  588. }
  589. .tabs [type=radio]:checked ~ label {
  590. background: blanchedalmond;
  591. color: #fff;
  592. z-index: 2;
  593. transition: 0.5s;
  594. cursor: crosshair;
  595. border-bottom: 3px solid blanchedalmond;
  596.  
  597. }
  598. .tabs [type=radio]:checked ~ label ~ .content {
  599. z-index: 1;
  600. }
  601.  
  602. h {
  603. background-color: #f6c19c;
  604. padding: 2px;
  605. color: white;
  606. }
  607.  
  608. u {
  609. color: #f6c19c;
  610. }
  611.  
  612. b {
  613. color: #f6c19c;
  614. }
  615.  
  616. s {
  617. color: bisque;
  618. }
  619. p {
  620. font-size: 10px;
  621. margin: 5px;
  622. color: #f6c19c;
  623. }
  624.  
  625. h1 {
  626. font-size: 30px;
  627. color: #f6c19c;
  628. }
  629.  
  630. h5 {
  631. margin-top: -15px;
  632. font-size: 12px;
  633. font-weight: normal;
  634. letter-spacing: 0.5px;
  635. color: blanchedalmond;
  636. }
  637. </style>
  638.  
  639. <div class="tabs">
  640.  
  641. <div class="tab">
  642. <input type="radio" id="tab-1" name="tab-group-1" checked>
  643. <label for="tab-1">Tab 1</label>
  644.  
  645. <div class="content">
  646. <h1>Header One</h1>
  647. <h5>I am a subtitle/caption</h5>
  648. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
  649. <br><br>
  650. <b>bold text</b> <i>italic text</i> <u>underlined text</u> <s>strike text</s> <a href="www.mweor.com">link text</a> <h>highlighted text</h></p>
  651.  
  652. </div>
  653. </div>
  654.  
  655. <div class="tab">
  656. <input type="radio" id="tab-2" name="tab-group-1">
  657. <label for="tab-2">Tab 2</label>
  658.  
  659. <div class="content">
  660. <h1>Header One</h1>
  661. <h5>I am a subtitle/caption</h5>
  662. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
  663. <br><br>
  664. <b>bold text</b> <i>italic text</i> <u>underlined text</u> <s>strike text</s> <a href="www.mweor.com">link text</a> <h>highlighted text</h></p>
  665. </div>
  666. </div>
  667.  
  668. <div class="tab">
  669. <input type="radio" id="tab-3" name="tab-group-1">
  670. <label for="tab-3">Tab 3</label>
  671.  
  672. <div class="content">
  673. <h1>Header One</h1>
  674. <h5>I am a subtitle/caption</h5>
  675. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
  676. <br><br>
  677. <b>bold text</b> <i>italic text</i> <u>underlined text</u> <s>strike text</s> <a href="www.mweor.com">link text</a> <h>highlighted text</h></p>
  678. </div>
  679. </div>
  680.  
  681. <div class="tab">
  682. <input type="radio" id="tab-4" name="tab-group-1">
  683. <label for="tab-4">Tab 4</label>
  684.  
  685. <div class="content">
  686. <h1>Header One</h1>
  687. <h5>I am a subtitle/caption</h5>
  688. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
  689. <br><br>
  690. <b>bold text</b> <i>italic text</i> <u>underlined text</u> <s>strike text</s> <a href="www.mweor.com">link text</a> <h>highlighted text</h></p>
  691. </div>
  692. </div>
  693.  
  694. <div class="tab">
  695. <input type="radio" id="tab-5" name="tab-group-1">
  696. <label for="tab-5">Tab 5</label>
  697.  
  698. <div class="content">
  699. <h1>Header One</h1>
  700. <h5>I am a subtitle/caption</h5>
  701. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
  702. <br><br>
  703. <b>bold text</b> <i>italic text</i> <u>underlined text</u> <s>strike text</s> <a href="www.mweor.com">link text</a> <h>highlighted text</h></p>
  704. </div>
  705. </div>
  706.  
  707. </div>
  708.  
  709. <div id="box3">
  710. <div id="mweor_buttons">
  711. <a href="/usershop.php?id=youridgoeshere"> Shop </a>
  712. <a href="/cattery_offspring.php?id=youridgoeshere"> Offspring List </a>
  713. <a href="/cattery_expected.php?id=youridgoeshere"> Expected Mwits </a>
  714. <a href="/cattery_retired.php?id=youridgoeshere"> Retired Mweors </a>
  715. <a href="/cattery_overview.php?id=youridgoeshere"> Overview </a>
  716. </div>
  717. </div>
  718.  
  719. <style>
  720. #mweor_profile {
  721. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  722. max-width: 300px;
  723. margin: auto;
  724. height: 310px;
  725. background-color: rgba(255,255,255,0.9);
  726. text-align: center;
  727. font-family: arial;
  728. top: 50px;
  729. position: relative;
  730. color: #ccc;
  731. left: -300px;
  732. }
  733.  
  734. #mweor_profile img {
  735. position: relative;
  736. left: 0px;
  737. width: 100px;
  738. height: 100px;
  739. }
  740.  
  741.  
  742. h2 {
  743. background-color: #f6c19c;
  744. border: 3px solid #f6c19c;
  745. color: white; /* White text */
  746. padding: 5px 50px; /* Some padding */
  747. cursor: pointer; /* Pointer/hand icon */
  748. width: 250px;
  749. display: table; /* Make the buttons appear below each other */
  750. text-decoration: none;
  751. text-align: center;
  752. font-family: calibri;
  753. font-size: 10px;
  754. margin: 5px;
  755. transition: 0.5s;
  756. }
  757.  
  758. h2:hover {
  759. opacity: 0.8;
  760. transition: 0.5s;
  761. cursor: crosshair;
  762. background-color: blanchedalmound;
  763. text-shadow: 0px 10px 0px bisque;
  764. }
  765.  
  766. h1 {
  767. color: #f6c19c;
  768. font-weight: normal;
  769. font-size: 20px;
  770. }
  771.  
  772. a:hover {
  773. color: #eda776;
  774. text-shadow: 0px 1px 1px #fff;
  775. }
  776.  
  777. </style>
  778.  
  779.  
  780. <div id="mweor_profile">
  781. <br>
  782. <img src="https://i.imgur.com/JhPO8bJ.png">
  783. <h1>username</h1>
  784. Mweor ID: #idgoeshere
  785. </div>
  786.  
  787. <link href="https://fonts.googleapis.com/css?family=Nanum+Pen+Script" rel="stylesheet">
  788.  
  789. <style>
  790. #mweor_profile h1 {
  791. font-size: 20px;
  792. color: #f6c19c;
  793. position: relative;
  794. z-index: 99;
  795. transition: 0.5s;
  796. }
  797. #mweor_profile h1:hover {
  798. opacity: 0.5;
  799. transition: 0.5s;
  800. }
  801.  
  802. </style>
  803.  
  804. <style>
  805.  
  806. #mweor_buttons2 {
  807. position: absolute;
  808. left: 180px;
  809. top: 245px;
  810. width: 100%;
  811. }
  812.  
  813. #mweor_buttons2 a {
  814. background-color: bisque;
  815. border: 1px dashed #f6c19c;
  816. color: white;
  817. padding: 5px 120px;
  818. font-size: 12px;
  819. cursor: pointer;
  820. transition: 0.5s;
  821. }
  822.  
  823. /* Darker background on mouse-over */
  824. #mweor_buttons2 a:hover {
  825. transition: 0.5s;
  826. opacity: 0.8;
  827. background-color: blanchedalmound;
  828. cursor: crosshair;
  829. }
  830. </style>
  831.  
  832. <div id="mweor_buttons2">
  833. <div class="message">
  834. <a class="compose" cid="1234">inbox</a>
  835. </div>
  836. <br>
  837. <a href="#">report</a>
  838. </div>
  839.  
  840. <style>
  841.  
  842. #mweor_buttons {
  843. position: absolute;
  844. }
  845.  
  846. #mweor_buttons a {
  847. background-color: bisque;
  848. border: 1px dashed #f6c19c;
  849. color: white;
  850. padding: 5px 120px;
  851. font-size: 12px;
  852. cursor: pointer;
  853. width: 200px;
  854. display: table; /* Make the buttons appear below each other */
  855. text-decoration: none;
  856. text-align: center;
  857. font-family: calibri;
  858. font-size: 13px;
  859. margin: 5px;
  860. transition: 0.5s;
  861. }
  862.  
  863. /* Add a background color on hover */
  864. #mweor_buttons a:hover {
  865. transition: 0.5s;
  866. opacity: 0.8;
  867. background-color: blanchedalmound;
  868. cursor: crosshair;
  869. }
  870.  
  871. </style>
  872.  
  873. <div id="creditbutton">
  874. <a>Layout by Oakhearted (#196723)</a>
  875. </div>
  876.  
  877. <style>
  878. #creditbutton {
  879. position: absolute;
  880. top: 297px;
  881. left: 170px;
  882. }
  883.  
  884. #creditbutton a {
  885. background-color: #f6c19c;
  886. border: 3px solid #f6c19c;
  887. color: white; /* White text */
  888. padding: 5px 45px; /* Some padding */
  889. cursor: pointer; /* Pointer/hand icon */
  890. width: 190px;
  891. display: table; /* Make the buttons appear below each other */
  892. text-decoration: none;
  893. text-align: center;
  894. font-family: calibri;
  895. font-size: 13px;
  896. margin: 5px;
  897. transition: 0.5s;
  898. }
  899.  
  900. /* Add a background color on hover */
  901. #creditbutton a:hover {
  902. opacity: 0.8;
  903. transition: 0.5s;
  904. cursor: crosshair;
  905. background-color: blanchedalmound;
  906. text-shadow: 0px 10px 0px bisque;
  907. }
  908.  
  909. </style>
  910.  
  911.  
  912. <div id="box2">
  913. <p><h2>My Bookmarks</h2>
  914. <a href="#">bookmark name</a> // <a href="#">bookmark name</a> // <a href="#">bookmark name</a> // <a href="#">bookmark name</a> // <a href="#">bookmark name</a> // <a href="#">bookmark name</a> // <a href="#">bookmark name</a>
  915. <br><br>
  916. <h2>Other Links</h2>
  917. <a href="http://mweor.com/cattery.php">cattery</a> // <a href="http://mweor.com/explore.php">explore</a> // <a href="http://mweor.com/chat.php">chat</a> // <a href="http://mweor.com/news.php">news</a> // <a href="http://mweor.com/help.php">help</a> // <a href="http://mweor.com/logout.php">logout</a>
  918. <br>
  919. <a href="http://mweor.com/index.php">index</a> // <a href="http://mweor.com/tos.php">terms of use</a> // <a href="http://mweor.com/credits.php">credits</a></p>
  920. </div>
Advertisement
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!