Advertisement
Guest User

delri code owo

a guest
Jun 23rd, 2018
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.93 KB | None | 0 0
  1. <style>
  2.  
  3. body {
  4. width: 1173px;
  5. height: 486px;
  6. background-image: url('https://i.imgur.com/lDqrp1a.png');
  7.  
  8. }
  9.  
  10. #menu_holder {
  11. z-index: 3;
  12. width: 364px;
  13. height: 40px;
  14. overflow: visible;
  15. position: absolute;
  16. top: 0;
  17. left: 790px;
  18. }
  19.  
  20. #holder {
  21. position: absolute;
  22. top: 0;
  23. left: 130px;
  24. height: 100%;
  25. }
  26.  
  27. .menu_shadow {
  28. display: none;
  29. top: 0;
  30. height: 41px;
  31. position: absolute;
  32. z-index: 3;
  33. background: #FF847C;
  34. }
  35.  
  36. #menu_holder div.menu_dropdown div.menu_subtitle {
  37. font-weight: bold;
  38. margin-bottom: 4px;
  39. display: block;
  40. letter-spacing: 1px;
  41. color: #FF847C;
  42. }
  43.  
  44. #menu_holder div.menu_dropdown {
  45. font-size: 11px;
  46. line-height: 12px;
  47. background: #FF847C;
  48. position: absolute;
  49. z-index: 1000;
  50. top: 40px;
  51. display: none;
  52. }
  53.  
  54.  
  55. #cattery_infobox {
  56. display: none;
  57. }
  58.  
  59. #mweor_good_text span, .good_label {
  60. background: #E84A5F;
  61. padding: 2px 5px;
  62. margin: 0 5px;
  63. font-size: 12px;
  64. line-height: 14px;
  65. color: white;
  66. }
  67.  
  68. .centered {
  69. text-align: center;
  70. margin-left: auto;
  71. margin-right: auto;
  72. display: none;
  73. }
  74.  
  75.  
  76.  
  77. .theader, tr.theader {
  78. background: #94b8b8;
  79. }
  80.  
  81. .plain_table {
  82. padding: 0;
  83. text-align: left;
  84. font-size: 12px;
  85. display: none;
  86. }
  87.  
  88. .plain_table {
  89. padding: 0;
  90. text-align: center;
  91. font-size: 12px;
  92. width: 500px;
  93. }
  94.  
  95.  
  96. #cattery_infobox {
  97. width: 1200px;
  98. }
  99.  
  100. .text_medium {
  101. font-size: 15px;
  102. line-height: 16px;
  103. }
  104.  
  105. #cattery_descbox i {display: none;}
  106.  
  107. }
  108.  
  109. #footer { display: none; }
  110.  
  111. #titleimg { display:none; }
  112.  
  113. #titletxt { display:none; }
  114.  
  115. .titlebar { display:none; height:0px !important; }
  116.  
  117. #topbanner { display:none; }
  118.  
  119. #bottombanner img { display: none; }
  120.  
  121. #cattery_infobox i {display: none;}
  122.  
  123. .ci_notice { display:none; }
  124.  
  125. .sf-menu { display:none; }
  126.  
  127. #sidebanners { display:none; }
  128.  
  129. #gametime { display:none; }
  130.  
  131. #notice { display:none; }
  132.  
  133. #addbookmark { display:none; }
  134.  
  135. #footer { display:none; }
  136.  
  137. #bottombanner img { display:none; }
  138.  
  139. .spacer { display:none; }
  140.  
  141. .fv { display:none; }
  142.  
  143. #topbanner { display:none; }
  144.  
  145. #bodyi { display:none; }
  146.  
  147. #bottombanner { display:none; }
  148.  
  149. #titlebar { display:none; }
  150.  
  151. .titlebar { display:none; }
  152.  
  153. #footer { display:none; }
  154.  
  155. #titleimg { display:none; }
  156.  
  157. #titletxt { display:none; }
  158.  
  159. .breed_count { display:none; }
  160.  
  161. #updatetimegoaway{ display:none; }
  162.  
  163. #cattery_descbox {
  164. position: relative;
  165. width: 1230px;
  166. height: 920px;
  167. float: left;
  168. padding: 4px;
  169. right: 10px;
  170. top: 200px;
  171. overflow: hidden;
  172. background: none;
  173. }
  174.  
  175.  
  176. /*mweor tabs*/
  177.  
  178. .ui-widget-content {
  179.  
  180. border: 1px solid #FECEA8;
  181.  
  182. background: #FECEA8;
  183.  
  184. color: #fff;
  185.  
  186. }
  187.  
  188. .ui-widget-content {
  189. width: 900px;
  190. background: #fff;
  191. color: #000;
  192. text-align: center;
  193. border: 22px solid #99B898;
  194. }
  195.  
  196.  
  197. #mweor_tabs .ui-widget-header {
  198.  
  199. width: 723px;
  200.  
  201. border: 1px solid #fff;
  202.  
  203. background: #fff;
  204.  
  205. margin-left: -3px !important;
  206.  
  207. color: white;
  208.  
  209. margin-top: -3px !important;
  210.  
  211. }
  212.  
  213.  
  214.  
  215. .ui-widget-header {
  216.  
  217. border: 1px solid #fff;
  218.  
  219. background: #fff;
  220.  
  221. color: white;
  222.  
  223. }
  224.  
  225.  
  226.  
  227. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  228.  
  229. border: 1px solid #FECEA8;
  230.  
  231. background: #FECEA8 !important;
  232.  
  233. }
  234.  
  235.  
  236.  
  237. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  238.  
  239. background: #FECEA8;
  240.  
  241. border: 1px solid #FECEA8;
  242.  
  243. }
  244.  
  245.  
  246.  
  247. .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-
  248.  
  249.  
  250.  
  251. focus {
  252.  
  253. background: #FECEA8;
  254.  
  255. border: 1px solid #FECEA8;
  256.  
  257. color: white;
  258.  
  259. }
  260.  
  261.  
  262.  
  263. .ui-widget-overlay {
  264.  
  265. background: #FECEA8;
  266.  
  267. color: white;
  268.  
  269. opacity: 0.5;
  270.  
  271. }
  272.  
  273. </style>
  274.  
  275.  
  276. <style>
  277. .tabs {
  278. position: relative;
  279. min-height: 100px;
  280. clear: both;
  281. margin: 25px 0;
  282. top: 0px;
  283. }
  284. .tabs .tab {
  285. float: left;
  286. }
  287. .tabs .tab label {
  288. background: #bcea76;
  289. padding: 5px 66px;
  290. position: relative;
  291. color: white;
  292. left: 1px;
  293. transition: 0.5s;
  294. cursor: pointer;
  295. }
  296. .tabs .tab [type=radio] {
  297. display: none;
  298. }
  299. .tabs .content {
  300. position: absolute;
  301. top: 18px;
  302. left: 0;
  303. background: white;
  304. right: 0;
  305. bottom: 0;
  306. padding: 20px;
  307. width: 620px;
  308. height: 420px;
  309. border-top: 10px solid #CFF09E;
  310. border-bottom: 10px solid #A8DBA8;
  311. border-left: 10px solid #0B486B;
  312. border-right: 10px solid #3B8686;
  313. overflow:auto;
  314. transition: 0.5s;
  315.  
  316. }
  317. .tabs [type=radio]:checked ~ label {
  318. background: #bcea76;
  319. border-bottom: 1px solid #bcea76;
  320. z-index: 2;
  321. transition: 0.5s;
  322.  
  323. }
  324. .tabs [type=radio]:checked ~ label ~ .content {
  325. z-index: 1;
  326. }
  327.  
  328. h {
  329. background-color: #3B8686;
  330. padding: 2px;
  331. color: white;
  332. }
  333.  
  334. u {
  335. color: #79BD9A;
  336. }
  337.  
  338. b {
  339. color: #79BD9A;
  340. }
  341.  
  342. p {
  343. font-size: 10px;
  344. margin: 5px;
  345. }
  346.  
  347. h1 {
  348. font-size: 30px;
  349. color: #0B486B;
  350. }
  351.  
  352. h5 {
  353. margin-top: -15px;
  354. font-size: 12px;
  355. font-weight: normal;
  356. letter-spacing: 0.5px;
  357. color: #79BD9A;
  358. }
  359.  
  360. quote {
  361. border-left: 5px solid #0B486B;
  362. background-color: #79BD9A;
  363. padding: 9px 70px;
  364. margin: auto;
  365. color: #fff;
  366. transition: 0.5s;
  367. }
  368.  
  369. quote:hover {
  370. border-left: 5px solid #79BD9A;
  371. background-color: #0B486B;
  372. transition: 0.5s;
  373. color: white;
  374. }
  375.  
  376. a {
  377. color: #2a363b;
  378. text-decoration: none;
  379. transition: 0.5s;
  380. }
  381.  
  382. a:hover {
  383. color: #85adad;
  384. transition: 0.5s;
  385. }
  386.  
  387. ::-moz-selection {
  388. background-color: #E84A5F;
  389. color: #FFFFFF; }
  390.  
  391. ::selection {
  392. background-color: #E84A5F;
  393. color: #FFFFFF; }
  394.  
  395. ::-webkit-scrollbar {
  396. width: 8px;
  397. transition: 0.5; }
  398.  
  399. ::-webkit-scrollbar-button {
  400. width: 8px;
  401. transition: 0.5; }
  402.  
  403. ::-webkit-scrollbar-track {
  404. background:#0B486B;
  405. border-radius:1px;
  406. border: thin solid #0B486B;
  407. transition: 0.5; }
  408.  
  409. ::-webkit-scrollbar-thumb {
  410. background:#99B898;
  411. border-radius:1px;
  412. transition: 0.5; }
  413.  
  414. ::-webkit-scrollbar-thumb:hover {
  415. transition: 0.5; }
  416.  
  417. </style>
  418.  
  419. <div class="tabs">
  420.  
  421. <div class="tab">
  422. <input type="radio" id="tab-1" name="tab-group-1" checked>
  423. <label for="tab-1">home</label>
  424.  
  425. <div class="content">
  426. <h1>header one</h1>
  427. <p>
  428. <quote>links</quote>
  429. <br><br><br>
  430. <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a>
  431. <br>
  432. <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a>
  433. <br><br><br>
  434. <quote>goals</quote>
  435. <br><br><br>
  436. -get 10 customs (7/10)
  437. <br>
  438. -make tigger's memorial custom (0/40 MP)
  439. <br>
  440. -finish layout completely (not done)
  441. <br>
  442. -get a pair of eye blacks
  443. <br>
  444. -get a pair of glowing red eye contacts </p>
  445. </div>
  446. </div>
  447.  
  448. <div class="tab">
  449. <input type="radio" id="tab-2" name="tab-group-1">
  450. <label for="tab-2">about</label>
  451.  
  452. <div class="content">
  453. <h1>about me</h1>
  454. <p>hi there! my name's delphiinium, but you can call me delph, delphi, etc! i prefer he/they pronouns! i've been on mweor a collective 7 years if you include my previous account that i lost the info to. i don't have many mweors anymore, as i've been on an in and out semi hiatus because of a hectic life but i plan on being more active on here!
  455. <br><br>
  456. <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>
  457. <br><br><br>
  458. <quote>your snazzy quote goes here - name</quote> </p>
  459. </div>
  460. </div>
  461.  
  462. <div class="tab">
  463. <input type="radio" id="tab-3" name="tab-group-1">
  464. <label for="tab-3">friends</label>
  465.  
  466. <div class="content">
  467. <h1>my friends</h1>
  468. <p><a href="http://www.mweor.com/cattery.php?id=91960">♥][ tocks ][ (#91960)</a>
  469. <br><br><br>
  470. <quote>your snazzy quote goes here - name</quote> </p>
  471. </div>
  472. </div>
  473.  
  474. <div class="tab">
  475. <input type="radio" id="tab-4" name="tab-group-1">
  476. <label for="tab-4">art</label>
  477.  
  478. <div class="content">
  479. <h1>my art</h1>
  480. <h5>I am a subtitle/caption</h5>
  481. <p><img src="http://orig04.deviantart.net/6a58/f/2015/351/3/3/33ca6168c9a796481edba9fb373eb982-d9kg1oj.png"> <img src="http://orig09.deviantart.net/e1a8/f/2015/351/1/a/1ae613bb96e44d0cdd251f7163f7b16f-d9kg1o3.png">
  482. <br><br>
  483. <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>
  484. <br><br><br>
  485. <quote>your snazzy quote goes here - name</quote> </p>
  486. </div>
  487. </div>
  488. </div>
  489.  
  490. <style>
  491.  
  492. #mweor_buttons2 {
  493. position: absolute;
  494. left: 685px;
  495. top: 285px;
  496. width: 100%;
  497. }
  498.  
  499. #mweor_buttons2 a {
  500. background-color: #bcea76;
  501. border: none;
  502. color: white;
  503. padding: 5px 95px;
  504. font-size: 15px;
  505. cursor: pointer;
  506. transition: 0.5s;
  507. }
  508.  
  509. /* Darker background on mouse-over */
  510. #mweor_buttons2 a:hover {
  511. background-color: #bcea76;
  512. padding: 5px 135px;
  513. }
  514. </style>
  515.  
  516. <div id="mweor_buttons2">
  517. <a href="/messages.php?user=162374" >Newbie Helper! Message me for help!</a>
  518. </div>
  519.  
  520. <style>
  521.  
  522. #mweor_buttons {
  523. position: absolute;
  524. top: 310px;
  525. left: 695px;
  526. }
  527.  
  528. #mweor_buttons a {
  529. background-color: #666;
  530. border-top: 5px solid #111;
  531. border-bottom: 5px solid #222;
  532. border-left: 5px solid #333;
  533. border-right: 5px solid #444;
  534. color: white; /* White text */
  535. padding: 2px 133px; /* Some padding */
  536. cursor: pointer; /* Pointer/hand icon */
  537. width: 200px;
  538. display: table; /* Make the buttons appear below each other */
  539. text-decoration: none;
  540. text-align: center;
  541. font-family: calibri;
  542. font-size: 13px;
  543. margin: 5px;
  544. transition: 0.5s;
  545. }
  546.  
  547. /* Add a background color on hover */
  548. #mweor_buttons a:hover {
  549. transition: 0.5s;
  550. background-color: #79BD9A;
  551. border-top: 5px solid #CFF09E;
  552. border-bottom: 5px solid #A8DBA8;
  553. border-left: 5px solid #0B486B;
  554. border-right: 5px solid #3B8686;
  555. cursor: default;
  556. }
  557. </style>
  558.  
  559.  
  560. <div id="mweor_buttons">
  561. <a href="/usershop.php?id=162374">Shop</a>
  562. <a href="/cattery_offspring.php?id=162374">Offspring List</a>
  563. <a href="/cattery_expected.php?id=162374">Expected Mwits</a>
  564. <a href="/cattery_retired.php?id=162374">Retired Mweors</a>
  565. <a href="/cattery_overview.php?id=162374">Overview</a>
  566. <a>layout by oakhearted (#196723)</a>
  567. </div>
  568.  
  569.  
  570.  
  571. <style>
  572. #profilepicholder {
  573. position: relative;
  574. top: -130px;
  575. left: 700px;
  576. width: 400px;
  577. padding: 10px;
  578. border-top: 10px solid #CFF09E;
  579. border-bottom: 10px solid #A8DBA8;
  580. border-left: 10px solid #0B486B;
  581. border-right: 10px solid #3B8686;
  582. color: #2a363b;
  583. text-align: center;
  584. background-color: rgba(255,255,255,0.9);
  585. }
  586. #profilepicholder img {
  587. position: relative;
  588. left: 0px;
  589. top: -5px;
  590. border: 0px solid #ccc;
  591. width: 150px;
  592. height: 150px;
  593. }
  594. </style>
  595.  
  596. <div id="profilepicholder">
  597. <img src="https://orig00.deviantart.net/1090/f/2018/170/5/5/avatar_by_amaranthiis-dceuta2.png">
  598. <br>
  599. <b style="font-family: calibri; font-size: 30px; font-weight: normal;">delphiinium</b>
  600. <br>
  601. (#168250)
  602. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement