Files
TaoWeb/static/css/baseCSS.css
2026-02-01 20:09:11 +09:00

183 lines
2.4 KiB
CSS

*{
/* margin: 0; */
padding: 0;
background-color: var(--baseBlue);
}
a, h1, h2, h3, h4, h5, h6, label, p{
text-decoration: none;
color: inherit;
margin: 0 !important;
padding: 0;
}
label{
padding: 0 0 1% 2%;
}
li{
list-style: none;
}
.flex{
display: flex;
}
:root{
--baseBlue: #242430;
--blue: #4D54BA;
--lightBlue: #54AAFF;
--white: #fff;
}
.baseBlue{
color: var(--baseBlue);
}
.blue{
color: var(--blue);
}
.white{
color: var(--white);
}
.lightBlue{
color: var(--lightBlue);
}
.container{
padding: 0 7%;
}
.arial-regular{
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
}
.arial-bald{
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.f14{
/* font-size: 14px; */
font-size: 0.9rem;
}
.f16{
font-size: 16px;
}
.colms{
flex-direction: column;
margin: 0 !important
}
.between{
justify-content: space-between;
}
.w100{
width: 100%;
}
.w1-5
{
width: 20%;
}
/* ---------------------- footer ----------------------- */
.footer-inner{
text-align: center;
}
.right{
width: 50%;
}
.footerLI{
padding: 9% 2% 0;
}
/* -------------------- header ----------------------*/
.pokazateli{
padding: 0;
margin: 0;
font-size: 11px;
}
.header-inner{
justify-content: space-between;
align-items: center;
}
.select{
max-width: 8vw;
font-size: 14px;
}
.header-1{
width: 9%;
text-align: center;
align-items: center;
}
.header-2{
width: 35%;
justify-content: space-between !important;
text-align: center;
align-items: center;
}
.headerUL{
justify-content: space-between !important;
text-align: center;
align-items: center;
border: none;
width: 35%;
}
.header-3{
width: 30%;
text-align: center;
align-items: center;
text-align: center;
}
#search-inpt{
border-radius: 30px;
border-color: var(--blue);
min-width: 22vw;
min-height: 2vw;
box-sizing: border-box;
padding-left: 3%;
border-style: solid;
background-color: var(--backBlue);
color: var(--white);
}
.header-4{
width: 7%;
justify-content: space-around;
text-align: center;
align-items: center;
color: var(--lightBlue);
}
.header-5{
width: 10%;
}
.login{
background-color: var(--blue);
border: var(--blue) solid 1px;
padding: 6% 20%;
}
option{
font-size: 14px !important;
}