Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body {
- width: 1173px;
- height: 486px;
- background-image: url('https://i.imgur.com/lDqrp1a.png');
- }
- #menu_holder {
- z-index: 3;
- width: 364px;
- height: 40px;
- overflow: visible;
- position: absolute;
- top: 0;
- left: 790px;
- }
- #holder {
- position: absolute;
- top: 0;
- left: 130px;
- height: 100%;
- }
- .menu_shadow {
- display: none;
- top: 0;
- height: 41px;
- position: absolute;
- z-index: 3;
- background: #FF847C;
- }
- #menu_holder div.menu_dropdown div.menu_subtitle {
- font-weight: bold;
- margin-bottom: 4px;
- display: block;
- letter-spacing: 1px;
- color: #FF847C;
- }
- #menu_holder div.menu_dropdown {
- font-size: 11px;
- line-height: 12px;
- background: #FF847C;
- position: absolute;
- z-index: 1000;
- top: 40px;
- display: none;
- }
- #cattery_infobox {
- display: none;
- }
- #mweor_good_text span, .good_label {
- background: #E84A5F;
- padding: 2px 5px;
- margin: 0 5px;
- font-size: 12px;
- line-height: 14px;
- color: white;
- }
- .centered {
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- display: none;
- }
- .theader, tr.theader {
- background: #94b8b8;
- }
- .plain_table {
- padding: 0;
- text-align: left;
- font-size: 12px;
- display: none;
- }
- .plain_table {
- padding: 0;
- text-align: center;
- font-size: 12px;
- width: 500px;
- }
- #cattery_infobox {
- width: 1200px;
- }
- .text_medium {
- font-size: 15px;
- line-height: 16px;
- }
- #cattery_descbox i {display: none;}
- }
- #footer { display: none; }
- #titleimg { display:none; }
- #titletxt { display:none; }
- .titlebar { display:none; height:0px !important; }
- #topbanner { display:none; }
- #bottombanner img { display: none; }
- #cattery_infobox i {display: none;}
- .ci_notice { display:none; }
- .sf-menu { display:none; }
- #sidebanners { display:none; }
- #gametime { display:none; }
- #notice { display:none; }
- #addbookmark { display:none; }
- #footer { display:none; }
- #bottombanner img { display:none; }
- .spacer { display:none; }
- .fv { display:none; }
- #topbanner { display:none; }
- #bodyi { display:none; }
- #bottombanner { display:none; }
- #titlebar { display:none; }
- .titlebar { display:none; }
- #footer { display:none; }
- #titleimg { display:none; }
- #titletxt { display:none; }
- .breed_count { display:none; }
- #updatetimegoaway{ display:none; }
- #cattery_descbox {
- position: relative;
- width: 1230px;
- height: 920px;
- float: left;
- padding: 4px;
- right: 10px;
- top: 200px;
- overflow: hidden;
- background: none;
- }
- /*mweor tabs*/
- .ui-widget-content {
- border: 1px solid #FECEA8;
- background: #FECEA8;
- color: #fff;
- }
- .ui-widget-content {
- width: 900px;
- background: #fff;
- color: #000;
- text-align: center;
- border: 22px solid #99B898;
- }
- #mweor_tabs .ui-widget-header {
- width: 723px;
- border: 1px solid #fff;
- background: #fff;
- margin-left: -3px !important;
- color: white;
- margin-top: -3px !important;
- }
- .ui-widget-header {
- border: 1px solid #fff;
- background: #fff;
- color: white;
- }
- .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
- border: 1px solid #FECEA8;
- background: #FECEA8 !important;
- }
- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
- background: #FECEA8;
- border: 1px solid #FECEA8;
- }
- .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-
- focus {
- background: #FECEA8;
- border: 1px solid #FECEA8;
- color: white;
- }
- .ui-widget-overlay {
- background: #FECEA8;
- color: white;
- opacity: 0.5;
- }
- </style>
- <style>
- .tabs {
- position: relative;
- min-height: 100px;
- clear: both;
- margin: 25px 0;
- top: 0px;
- }
- .tabs .tab {
- float: left;
- }
- .tabs .tab label {
- background: #bcea76;
- padding: 5px 66px;
- position: relative;
- color: white;
- left: 1px;
- transition: 0.5s;
- cursor: pointer;
- }
- .tabs .tab [type=radio] {
- display: none;
- }
- .tabs .content {
- position: absolute;
- top: 18px;
- left: 0;
- background: white;
- right: 0;
- bottom: 0;
- padding: 20px;
- width: 620px;
- height: 420px;
- border-top: 10px solid #CFF09E;
- border-bottom: 10px solid #A8DBA8;
- border-left: 10px solid #0B486B;
- border-right: 10px solid #3B8686;
- overflow:auto;
- transition: 0.5s;
- }
- .tabs [type=radio]:checked ~ label {
- background: #bcea76;
- border-bottom: 1px solid #bcea76;
- z-index: 2;
- transition: 0.5s;
- }
- .tabs [type=radio]:checked ~ label ~ .content {
- z-index: 1;
- }
- h {
- background-color: #3B8686;
- padding: 2px;
- color: white;
- }
- u {
- color: #79BD9A;
- }
- b {
- color: #79BD9A;
- }
- p {
- font-size: 10px;
- margin: 5px;
- }
- h1 {
- font-size: 30px;
- color: #0B486B;
- }
- h5 {
- margin-top: -15px;
- font-size: 12px;
- font-weight: normal;
- letter-spacing: 0.5px;
- color: #79BD9A;
- }
- quote {
- border-left: 5px solid #0B486B;
- background-color: #79BD9A;
- padding: 9px 70px;
- margin: auto;
- color: #fff;
- transition: 0.5s;
- }
- quote:hover {
- border-left: 5px solid #79BD9A;
- background-color: #0B486B;
- transition: 0.5s;
- color: white;
- }
- a {
- color: #2a363b;
- text-decoration: none;
- transition: 0.5s;
- }
- a:hover {
- color: #85adad;
- transition: 0.5s;
- }
- ::-moz-selection {
- background-color: #E84A5F;
- color: #FFFFFF; }
- ::selection {
- background-color: #E84A5F;
- color: #FFFFFF; }
- ::-webkit-scrollbar {
- width: 8px;
- transition: 0.5; }
- ::-webkit-scrollbar-button {
- width: 8px;
- transition: 0.5; }
- ::-webkit-scrollbar-track {
- background:#0B486B;
- border-radius:1px;
- border: thin solid #0B486B;
- transition: 0.5; }
- ::-webkit-scrollbar-thumb {
- background:#99B898;
- border-radius:1px;
- transition: 0.5; }
- ::-webkit-scrollbar-thumb:hover {
- transition: 0.5; }
- </style>
- <div class="tabs">
- <div class="tab">
- <input type="radio" id="tab-1" name="tab-group-1" checked>
- <label for="tab-1">home</label>
- <div class="content">
- <h1>header one</h1>
- <p>
- <quote>links</quote>
- <br><br><br>
- <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a>
- <br>
- <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a> <a href="www.mweor.com">link text</a>
- <br><br><br>
- <quote>goals</quote>
- <br><br><br>
- -get 10 customs (7/10)
- <br>
- -make tigger's memorial custom (0/40 MP)
- <br>
- -finish layout completely (not done)
- <br>
- -get a pair of eye blacks
- <br>
- -get a pair of glowing red eye contacts </p>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-2" name="tab-group-1">
- <label for="tab-2">about</label>
- <div class="content">
- <h1>about me</h1>
- <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!
- <br><br>
- <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>
- <br><br><br>
- <quote>your snazzy quote goes here - name</quote> </p>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-3" name="tab-group-1">
- <label for="tab-3">friends</label>
- <div class="content">
- <h1>my friends</h1>
- <p><a href="http://www.mweor.com/cattery.php?id=91960">♥][ tocks ][ (#91960)</a>
- <br><br><br>
- <quote>your snazzy quote goes here - name</quote> </p>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-4" name="tab-group-1">
- <label for="tab-4">art</label>
- <div class="content">
- <h1>my art</h1>
- <h5>I am a subtitle/caption</h5>
- <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">
- <br><br>
- <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>
- <br><br><br>
- <quote>your snazzy quote goes here - name</quote> </p>
- </div>
- </div>
- </div>
- <style>
- #mweor_buttons2 {
- position: absolute;
- left: 685px;
- top: 285px;
- width: 100%;
- }
- #mweor_buttons2 a {
- background-color: #bcea76;
- border: none;
- color: white;
- padding: 5px 95px;
- font-size: 15px;
- cursor: pointer;
- transition: 0.5s;
- }
- /* Darker background on mouse-over */
- #mweor_buttons2 a:hover {
- background-color: #bcea76;
- padding: 5px 135px;
- }
- </style>
- <div id="mweor_buttons2">
- <a href="/messages.php?user=162374" >Newbie Helper! Message me for help!</a>
- </div>
- <style>
- #mweor_buttons {
- position: absolute;
- top: 310px;
- left: 695px;
- }
- #mweor_buttons a {
- background-color: #666;
- border-top: 5px solid #111;
- border-bottom: 5px solid #222;
- border-left: 5px solid #333;
- border-right: 5px solid #444;
- color: white; /* White text */
- padding: 2px 133px; /* Some padding */
- cursor: pointer; /* Pointer/hand icon */
- width: 200px;
- display: table; /* Make the buttons appear below each other */
- text-decoration: none;
- text-align: center;
- font-family: calibri;
- font-size: 13px;
- margin: 5px;
- transition: 0.5s;
- }
- /* Add a background color on hover */
- #mweor_buttons a:hover {
- transition: 0.5s;
- background-color: #79BD9A;
- border-top: 5px solid #CFF09E;
- border-bottom: 5px solid #A8DBA8;
- border-left: 5px solid #0B486B;
- border-right: 5px solid #3B8686;
- cursor: default;
- }
- </style>
- <div id="mweor_buttons">
- <a href="/usershop.php?id=162374">Shop</a>
- <a href="/cattery_offspring.php?id=162374">Offspring List</a>
- <a href="/cattery_expected.php?id=162374">Expected Mwits</a>
- <a href="/cattery_retired.php?id=162374">Retired Mweors</a>
- <a href="/cattery_overview.php?id=162374">Overview</a>
- <a>layout by oakhearted (#196723)</a>
- </div>
- <style>
- #profilepicholder {
- position: relative;
- top: -130px;
- left: 700px;
- width: 400px;
- padding: 10px;
- border-top: 10px solid #CFF09E;
- border-bottom: 10px solid #A8DBA8;
- border-left: 10px solid #0B486B;
- border-right: 10px solid #3B8686;
- color: #2a363b;
- text-align: center;
- background-color: rgba(255,255,255,0.9);
- }
- #profilepicholder img {
- position: relative;
- left: 0px;
- top: -5px;
- border: 0px solid #ccc;
- width: 150px;
- height: 150px;
- }
- </style>
- <div id="profilepicholder">
- <img src="https://orig00.deviantart.net/1090/f/2018/170/5/5/avatar_by_amaranthiis-dceuta2.png">
- <br>
- <b style="font-family: calibri; font-size: 30px; font-weight: normal;">delphiinium</b>
- <br>
- (#168250)
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement