summer mweor layout

<! -- hello, dolce! welcome to your new layout. i'll be here to help you customize everything in case you have trouble navigating the coding. have fun, be creative, and make the layout your own! --!>

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

 <!-- this is the sidebar. feel free to change the icon image url to whatever you want!! --!>
<div id="sidebar">
<img src="https://i.imgbox.com/yxzcyK2u.png" id="icon"></img>

<!-- this space is for the text next to the icons. you can put whatever you want here! --!>
<div class="abt"><div class="abttxt">summer, 18, cis (she/her)
breeder / coder</div></div>

<!-- these are the links. you can add to, remove from, change the text, or replace them with other links if you wish!! --!>
<p><p><p><div class="nav">— <em><a href=/cattery.php>home</a> <a href=/chat.php>chat</a> <a href=/usershop.php?id=37107>shop</a> <a href=/searchtopics.php?subject=&author=37107&mweor=&board=0&search=Search>my posts</a> <a href=/cattery_offspring.php?id=37107>mwits</a> <a href=/explore.php>map</a> <a class="compose" cid="37107">talk</a> <a href=/report.php?loc=1&other=37107>report</a> <a href=/cattery.php?id=43641>creds</a></em></div>

<!-- here's the scrolling textbox under the links. you can put whatever you want here! --!>
<div class="sbtext"><p></p>
</div></div>

<!-- alright, your layout is finished! enjoy! if anything goes wrong or if you'd like to suggest a tweak, just send me a message and i'll help you out.  --!>

<font color=#ded6d4>

<style>
#icon
{width:80px;
height:80px;
border-radius:50px 50px 0;
border:1px solid #161c19;
float:left;
margin-right:10px;
margin-bottom:10px;}
#sidebar
{width:225px;
margin-top:100px!important;
padding:10px;
background:#ded6d4;
color:#161c19;
margin:5px;
float:left;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
#sidebar a
{color:#161c19;
font-family: 'Open Sans', sans-serif!important;}
#sidebar a:hover
{color:#d6bab5;}
.abt
{height:82px;
float:right;
line-height:82px;
width:133px;
text-align:justify;
font-family: 'Open Sans', sans-serif!important;}
.abttxt
{display: inline-block;
vertical-align: middle;
line-height: normal;}
.nav
{margin-top:92px;
width:225px;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
.sbtext
{width:100%;
height:300px;
padding-right:5px;
overflow:scroll;
margin-top:80px;}
.mweorbox.tall
{height:140px;}
</style>

<style>
#topbanner,
#bottombanner,
#titlebar,
#bodyi, .titlebar, .sf-menu {display: none;}
#footer{display:none;}
#titleimg { display:none;}
#titletxt { display:none; }
.titlebar { display:none; height:0px}
#topbanner { display:none;}
#bottombanner img { display:none;}
#menu_holder { display:none; }
img.trans {display:none;}
.tip.good_label {background:#ded6d4!important;
font-family: 'Open Sans', sans-serif!important;
color:#161c19!important;
border:1px solid #161c19;
font-size:10px;
top:5px; left:5px;
position:fixed;}
.tip.neutral_label  {background:#ded6d4!important;
font-family: 'Open Sans', sans-serif!important;
color:#161c19!important;
border:1px solid #161c19;
font-size:10px;
top:5px; left:5px;
position:fixed;
z-index:500;}
.good_label
{background:#ded6d4!important;
font-family: 'Open Sans', sans-serif!important;
color:#161c19!important;
border:1px solid #161c19;
top:5px; left:60px;
z-index:5000050000;
font-size:10px;
position:fixed;}
.good_label a
{color:#161c19;
font-family: 'Open Sans', sans-serif!important;
text-decoration:none;}
.fa.fa-info.circle.active
{display:none;}
#cattery_infobox {display:none;}
.mweor_icon
{-webkit-filter: grayscale(100%);
filter: grayscale(100%);}
#eventtxt span
{display:none;}
</style>

<style>
div [style="width: 99px; height: 98px; position: relative; float: left;"]
{display:none;}
div [style="overflow: auto; width: 375px; height: 60px; position: relative; left: 5px; top: 5px; text-align: center;"] {display:inherit!important;
left:0px!important;
padding-bottom:0px;
top:0px!important;}
td
{font-size:10px;
font-family: 'Open Sans', sans-serif!important;
color:#ded6d4!important;}
#notice
{background: #161c19;
font-family: 'Open Sans', sans-serif!important;
color:#ded6d4;
border: 1px solid #ded6d4;
text-align:center;
margin:0px}
.theader
{property: value;
background: #161c19;
font-style:normal;
font-family: 'Open Sans', sans-serif!important;
color:#ded6d4;
border: 1px solid #ded6d4;
position:relative;}
#eventtxt .theader
{display:none;}
#eventtxt tbody, #eventtxt td
{background:transparent!important;}
#eventtxt td
{width:230px;
top:0px;
left:0px;
color:#161c19;}
div [style="position: relative; left: 115px;"]
{left:0px;
height:0px;
margin-top:-72px;}
#eventtxt table
{width:230px!important;}
#eventtxt
{top:100px;
position:fixed;
left:-126px;
z-index:9999;
color:#161c19;
background:#ded6d4;
border:1px solid #161c19;
font-family: 'Open Sans', sans-serif!important;
position: relative;
width:230px;
height:50px;
padding:5px;}
#eventtxt a
{color:#161c19;}
#eventtxt a:hover
{color:#d6bab5;}
#retxt
{margin-top:-10px;
margin-left:0px;}
div [style="color: #ded6d4; overflow: auto; width: 375px; height: 70px; position: relative; left: 5px; top: 5px; text-align: center;"]
{width:230px!important;
color:#161c19!important;
left:-2px;
top:0px;}
div [style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 400px; border-spacing: 0px;"]
{width:230px!important;
height:100px!important;}
div [style="color: #ded6d4; overflow: auto; width: 375px; height: 70px; position: relative; left: 5px; top: 5px; text-align: center;"]
{font-family: 'Open Sans', sans-serif!important;
color:#ded6d4!important;
font-size:10px!important;}
div [style="color: #ded6d4; overflow: auto; width: 375px; height: 70px; position: relative; left: 5px; top: 5px; text-align: center;"]
{color:#161c19!important;
width:230px!important;
left:0px;
top:0px;}
</style>

<style>
.breed_count
{display:none;}
#mweor_tabs
{background: #161c19;
margin-right:-50px;
position:relative;
margin-top:-970px;
width:750px;
float:right;
border:0px solid #161c19!important;
color: #ded6d4!important;
font-family: 'Open Sans', sans-serif!important;
border-radius:0px;
font-size:10px;}
.ui-widget-header
{background: #8d8f8d;      background: -webkit-linear-gradient(#d6bab5, #8d8f8d);      background: -o-linear-gradient(#d6bab5, #8d8f8d);      background: -moz-linear-gradient(#d6bab5, #8d8f8d);      background: linear-gradient(#d6bab5, #8d8f8d);
border:1px solid #ded6d4!important;
color:#ded6d4!important;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;
border-radius:0px;}
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{background: #161c19;
color: #ded6d4!important;
border: 0px solid #161c19;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
ul#cattery_menu
{background:#161c19;
color:#ded6d4!important;
font-family: 'Open Sans', sans-serif;
border-radius:0px;}
.ui-corner-top
{border:1px solid #ded6d4!important;
border-bottom:0px solid #d6bab5!important;
color:#ded6d4!important;
font-family: 'Open Sans', sans-serif;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
border-radius:0px;
background:#161c19;}
.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: #161c19;
color:#ded6d4!important;
border:0px solid #161c19;
font-family: 'Open Sans', sans-serif;}
.add_small_margins
{border: 0px solid #161c19!important;}
th
{color:#ded6d4!important;
font-family: 'Open Sans', sans-serif;
font-size:10px;}
.ui-tabs-anchor
{color:#ded6d4!important;
font-family: 'Open Sans', sans-serif;}
.theader
{font-weight:normal;
font-size:10px;
color:#ded6d4;}
td
{background:#161c19!important;
font-size:10px;
color:#ded6d4;
font-style:normal;}
tr
{font-size:10px;
color:#ded6d4;
font-style:normal;}
ui
{font-size:10px;
color:#ded6d4;}
.text_medium.add_small_margins
{font-size:10px!important;}
.mweor_page td
{width:20px!important;}
.mweor_page table
{width:initial!important;
background:transparent!important;}
.mweor_page
{width: 750px;}
</style>

<style>
#cattery_descbox
{width:265px;
margin-top:-10px;
float:left;
height:964px;
overflow:hidden;
position:relative;
margin-left:-10px;
background:#ded6d4;
font-family: 'Open Sans', sans-serif!important;}
body
{background: #8d8f8d;      background: -webkit-linear-gradient(#d6bab5, #8d8f8d);      background: -o-linear-gradient(#d6bab5, #8d8f8d);      background: -moz-linear-gradient(#d6bab5, #8d8f8d);      background: linear-gradient(#d6bab5, #8d8f8d);
margin:auto;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
#content
{background:#161c19;
width:1100px;
height:955px;
border-left:1px solid #ded6d4;
border-right:1px solid #ded6d4;
border-bottom:1px solid #ded6d4;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;
left:0px;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
#contentholder
{width:1000px;
height:955px;
font-size:10px;
font-family: 'Open Sans', sans-serif!important;}
tbody
{font-family: 'Open Sans', sans-serif!important;
background:#161c19!important;
color:#ded6d4;
font-size:10px;
color:#ded6d4;}
td
{font-family: 'Open Sans', sans-serif!important;
color:#ded6d4;
background:#161c19!important;
font-weight:normal;
font-size:10px;
color:#ded6d4;}
</style>

<style>
.button
{color:#ded6d4;
background:#161c19!important;
border: 1px solid #ded6d4;
border-radius:0px;
font-weight:normal;
font-family: 'Open Sans', sans-serif;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;}
.button:hover
{color:#d6bab5;
border: 1px solid #d6bab5;}
.theader
{property: value;
background: #161c19;
font-family: 'Open Sans', sans-serif;
color:#ded6d4;
position:relative;}
.popup
{background:#161c19;
color:#ded6d4;
border: 1px solid #ded6d4;
font-family: 'Open Sans', sans-serif;}
.ui-tooltip
{background: #d6bab5!important;
color:#ded6d4!important;
border-radius:0px;
box-shadow: 0px 0px 0 #ded6d4;
border: 1px solid #ded6d4!important;
font-family: 'Open Sans', sans-serif;
font-size:10px;}
.ui-button
{-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.mweorbox.ui-corner-all
{font-size:10px; }
#subject, #recipient, #message
{font-family: 'Open Sans', sans-serif!important;
color:#d6bab5;
font-size:10px;
border:1px solid #ded6d4!important;
background:#161c19!important;}
#popupclose, .popup_title, td b
{color:#d6bab5;
font-weight:normal;}
.ui-button
{border:0px solid #161c19!important;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.ui-button:hover
{color:#d6bab5!important;}
.ui-dialog-titlebar
{font-weight:normal!important;
border:0px solid #161c19!important;}
.ui-tabs-panel
{width:562px;}
.tab_paging
{border-bottom:0px solid #161c19;
margin-left:-10px;
position:relative;
font-size:10px!important;
color:#ded6d4;}
.page_number
{border:0px solid #161c19!important;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.page_number:hover
{color:#d6bab5!important;}
.tborder
{border:1px solid #ded6d4!important;}
</style>

<style>
::-webkit-scrollbar
{-webkit-appearance: none;
width: 5px;
height: 5px;}
::-webkit-scrollbar-track
{background:#d6bab5;}
::-webkit-scrollbar-thumb
{background:#ded6d4;}
::-webkit-scrollbar-button
{background:#d6bab5;}
::-webkit-scrollbar-track-piece
{background:#d6bab5;}
::-webkit-scrollbar-corner
{background:#d6bab5;}
::-webkit-resizer
{background:#d6bab5;}
#sidebar ::-webkit-scrollbar
{-webkit-appearance: none;
width: 3px;
height: 3px;}
#sidebar ::-webkit-scrollbar-track
{background:#ded6d4;}
#sidebar ::-webkit-scrollbar-thumb
{background:#161c19;}
#sidebar ::-webkit-scrollbar-button
{background:#ded6d4;}
#sidebar ::-webkit-scrollbar-track-piece
{background:#ded6d4;}
#sidebar ::-webkit-scrollbar-corner
{background:#ded6d4;}
#mpopup ::-webkit-scrollbar
{-webkit-appearance: none;
width: 3px;
height: 3px;}
#mpopup ::-webkit-scrollbar-track
{background:#161c19;}
#mpopup ::-webkit-scrollbar-thumb
{background:#ded6d4;}
#mpopup ::-webkit-resizer
{background:#161c19;
width:3px;
height:3px;}
#mpopup ::-webkit-scrollbar-button
{background:#161c19;}
#mpopup ::-webkit-scrollbar-track-piece
{background:#161c19;}
#mpopup ::-webkit-scrollbar-corner
{background:#161c19!important;}
</style>

<style>
font
{color:#ded6d4!important;
font-family: 'Open Sans', sans-serif;
font-size:10px;}
a
{color:#ded6d4;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
text-decoration:underline;
font-family: 'Open Sans', sans-serif!important;}
a:hover
{color:#d6bab5;}
b
{color: #d6bab5;}
i
{display:none;}
h1
{font-family: 'Open Sans', sans-serif!important;
color:#ded6d4;}
h4
{font-family: 'Open Sans', sans-serif!important;
color:#d6bab5;}
hr
{height:1px;
background: #ded6d4;
border:0px solid #ded6d4;}
</style>

<!--
chaotic, pretty pixel air adopt (headaches):
http://orig07.deviantart.net/138b/f/2016/339/7/3/37107_headaches_by_theshadowofthefrost-daqpcrt.png

paws, air adopt (everlasting august):
http://orig07.deviantart.net/488a/f/2016/358/c/8/summer01_by_derppaws-dasr4q8.png

syzygy, pat adopt (headaches):
http://orig10.deviantart.net/3a1b/f/2017/043/5/8/headaches_by_aursae-dayup1g.png
--!>