kopia lustrzana https://github.com/ogre/habboy
110 wiersze
1.6 KiB
CSS
110 wiersze
1.6 KiB
CSS
|
|
|
|
body, html {
|
|
width: 100%;
|
|
/* height: 90vh; */
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Open Sans', sans-serif;
|
|
background-color: #000;
|
|
}
|
|
|
|
|
|
.HABBOY_MAIN_DIV {
|
|
/* height: 100%; */
|
|
}
|
|
|
|
|
|
/* single TAB container */
|
|
.HB_TAB_DIV {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* dov created in tab builder functions */
|
|
.HB_TAB_CONTENT_DIV {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* bottom */
|
|
.HB_STATUS_BAR_DIV {
|
|
/* display: flex; */
|
|
background-color: var(--HB_tab_button);
|
|
color: var(--HB_text);
|
|
}
|
|
|
|
|
|
/* top TABS buttons */
|
|
.HB_TAB_BUTTON {
|
|
background-color: var(--HB_tab_button);
|
|
color: var(--HB_text);
|
|
margin: 1px;
|
|
border: solid;
|
|
border-color: var(--HB_tab_button_border);
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
}
|
|
|
|
button {
|
|
flex: auto;
|
|
background-color: var(--HB_button);
|
|
color: var(--HB_text);
|
|
border: solid;
|
|
border-color: var(--HB_button_border);
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
|
|
.HB_modal_submenu_bg {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
/* overflow: auto; */
|
|
/* z-index: 1; */
|
|
background-color: var(--HB_bg);
|
|
}
|
|
|
|
|
|
.HB_modal_submenu_div {
|
|
position: fixed;
|
|
left: 10%;
|
|
top: 10%;
|
|
width: 80%;
|
|
height: 80%;
|
|
}
|
|
|
|
table, th, td {
|
|
border: 1px solid var(--HB_button_border);
|
|
border-collapse: collapse;
|
|
/* width: 70%; */
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
p {
|
|
color: var(--HB_text);
|
|
text-align: center;
|
|
margin: 5px;
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
th > p, td > p {
|
|
color: var(--HB_text);
|
|
text-align: center;
|
|
margin: 5px;
|
|
font-size: 25px;
|
|
} |