123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603 |
- * {
- padding: 0;
- margin: 0%;
- color: rgb(229, 229, 243);
- }
- a {
- text-decoration: none;
- color: rgb(229, 229, 243);
- }
- a:hover {
- color: rgb(229, 229, 243);
- }
- input {
- background-color: rgb(229, 229, 243);
- border-radius: 10%;
- color: rgb(58, 58, 65);
-
- }
- textarea {
- background-color: rgb(229, 229, 243);
- border-radius: 10%;
- color: rgb(58, 58, 65);
- width: 300px;
- }
- textarea:hover {
- background-color: rgb(248, 238, 238);
- }
- input:hover {
- background-color: rgb(248, 238, 238);
- }
- button:disabled {
- background-color: rgb(90, 88, 88);
- }
- .links {
- text-decoration: none;
- color: rgb(229, 229, 243);
- }
- .catalog li {
- padding-left: 5px;
- }
- .adminSmile {
- margin: 5px;
- }
- .subCatalog .subLink li {
- background-color: rgb(10, 10, 10);
- border-color: rgb(248, 238, 238);
- padding-left: 5px;
- }
- .subCatalog {
- list-style: none;
- }
- .redAlert {
- background-color: rgb(41, 9, 9);
- }
- .header {
- position: fixed;
- width: 100%;
- top:0%;
- color: rgb(229, 229, 243);
- background-color: rgb(58, 58, 65);
- display: flex;
- justify-content: space-between;
- height: 50px;
- z-index: 2;
- }
- .header .standartMenu {
- height: 100%;
- align-items: center;
- width: 50%;
- list-style-type: none;
- display: flex;
- justify-content: space-around;
- }
- .mobileMenu {
- position: absolute;
- background-color: rgb(58, 58, 65);
- height: 7em;
- border-radius: 0 0% 10% 10%;
- align-items: center;
- list-style-type: none;
- font-size: 10px;
- justify-content: space-around;
- top: 50px;
- left: 0px;
- padding: 0%;
- right: 0%;
- z-index: 2;
- display: flex;
- flex-direction: row;
- border-bottom: 2px solid rgb(10, 10, 10);
- }
- .tabletMenu {
- display: none;
- }
-
- .rightSide {
- height: 100%;
- align-items: center;
- display: flex;
- justify-content: space-around;
- }
- .rightSide div {
- margin: 0px 10px;
- }
- .rightSide div svg {
- margin-right: 2px;
- }
- .MainImg {
- background-image: url(./images/main.jpg);
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- width: 100%;
- min-height: 45em;
- max-height: 100%;
- margin-top: 50px;
- padding-bottom: 100px;
- display: flex;
- flex-direction: column;
- }
- .catalogInput {
- display: flex;
- justify-content: space-between;
- }
- .catalogHead {
- padding: 5px;
- }
- .search input{
- width: 50%;
- margin: 0 15px 0 0px;
- }
- .search button {
- width: 100px;
- background-color: rgb(58, 58, 65);
- border-radius: 15%;
- }
- content {
- width: 80%;
- }
- .goodsNotFound {
- padding-top: 20%;
- }
- .goodsNotFound h5 {
- font-size: 30px;
- }
- .goodsWrapper {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
- .goods {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
- width: 90%;
- border-radius: 10%;
- padding: 20px;
- }
- .catalog {
- list-style: none;
- padding: 3%;
- }
- .catalog li {
- background-color: rgb(58, 58, 65);
- border: 0.01px;
- border-style: solid;
- border-color:rgb(10, 10, 10);
- }
- .oneGood {
- position: relative;
- background-color: rgb(10, 10, 10);
- display: flex;
- width: 170px;
- flex-direction: column;
- font-size: 14px;
- align-items: center;
- margin: 5px;
- padding: 25px;
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 20%;
- justify-content: space-between;
- }
- .oneGood h5 {
- font-size: 16px;
- height: 75px;
- }
- .forOneGoodImg {
- height: 170px;
- }
- .smallGoodInner {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .goodCard {
- display: flex;
- flex-direction: column;
- margin: 5px;
- padding: 25px;
- padding: 35px;
- align-items: center;
- background-color: rgb(10, 10, 10);
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- }
- .goodCard h2 {
- text-align: center;
- }
- .goodCard span {
- font-size: 20px;
- }
- .goodCard img {
- width: 250px;
- }
- .loginWrapper {
- background-color: rgb(58, 58, 65);
- width: 80%;
- display: flex;
- padding: 15px;
- flex-direction: column;
- align-items: center;
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- }
- .loginForm {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 15em;
- }
- .loginForm input{
- color:rgb(58, 58, 65);
- margin: 10px;
-
- }
- button {
- margin: 10px;
- width: 100px;
- background-color: rgb(58, 58, 65);
- border-radius: 15%;
- }
- .loginForm button {
- margin: 10px;
- width: 100px;
- border-radius: 15%;
- }
- .profilePage {
- display: flex;
- position: relative;
- flex-direction: column;
- align-items: center;
- width: 80%;
- background-color: rgb(58, 58, 65);
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- padding: 15px;
- }
- .profilePage svg {
- margin: 15px;
- }
- .profilePage .click {
- background-color: rgb(10, 10, 10);
- padding: 5px 10px;
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 10%;
- }
- .profilePage img {
- width: 250px;
- }
- .usersList {
- display: flex;
- width: 40%;
- flex-direction: column;
- align-items: center;
- background-color: rgb(10, 10, 10);
- padding: 5px 10px;
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- /* border-radius: 10%; */
- }
- .oneUser {
- display: flex;
- align-items: center;
- /* justify-content: space-between; */
- width: 100%;
- margin: 10px;
- border-bottom: 2px dotted rgb(229, 229, 243);
- }
- .oneUser a {
- display: flex;
- justify-content: space-between;
- width: 100%;
- }
- .usersList img {
- width: 30px;
- }
- .updateWrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .updateWrapper input {
- margin: 5px;
- }
- .basketInner {
- display: flex;
- justify-content: center;
- flex-direction: column;
- flex-wrap: wrap;
- width: 80%;
- }
- .basketgoodsInner {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- }
- .order {
- padding-left: 10px;
- padding-right: 10px;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- background-color: rgb(10, 10, 10);
- border: 2px solid;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- width: 400px;
- height: 280px;
- }
- .basketNoGoods {
- padding-left: 10px;
- padding-right: 10px;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- background-color: rgb(10, 10, 10);
- border: 2px solid;
- align-items: center;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- width: 400px;
- height: 280px;
- }
- .basketButoons {
- display: flex;
- }
- .total {
- display: flex;
- justify-content: center;
- background-color: rgb(58, 58, 65);
- border-radius: 10%;
- padding: 10px;
- align-items: center;
- }
- .basketBottom {
- display: flex;
- justify-content: center;
- }
- .basketInner .oneGood button {
- width: 40px;
- }
- .bottom {
- background-image: url(./images/bottom.jpg);
- background-position: center;
- background-size: cover;
- background-repeat: no-repeat;
- height: 550px;
- }
- .footer {
- position: fixed;
- width: 100%;
- bottom:0%;
- color: rgb(229, 229, 243);
- background-color: rgb(58, 58, 65);
- display: flex;
- justify-content: space-between;
- padding-bottom: 10px;
- align-items: center;
- height: 50px;
- }
- .guarantee {
- padding: 0% 5px;
- }
- .contacts {
- width: 50%;
- display: flex;
- justify-content: space-around;
- }
- @media screen and (max-width: 900px) {
- .header {
- padding: 0%;
- }
- .header .standartMenu {
- display: none;
- }
- .tabletMenu {
- display: inline-block;
- }
- .rightSide {
- padding-right: 10px;
- font-size: 10px;
- /* width: 70%; */
- align-items: center;
- }
- .rightSide button {
- width: 50px;
- }
- .rightSide div {
- margin: 0px 2px;
- }
- .loginWrapper {
- width: 100%;
- }
- .loginForm {
- flex-direction: column;
-
- }
- .loginForm input {
- margin: 5px ;
- width: 150px;
- }
- .profilePage {
- width: 100%;
- }
- .profilePage .click {
- font-size: 8px;
- padding: 2px 3px;
- }
- .updateImg input{
- width: 250px;
- }
- .usersList {
- width: 100%;
- }
- .order {
- padding-left: 10px;
- padding-right: 10px;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- background-color: rgb(10, 10, 10);
- border: 2px solid;
- font-size: 10px;
- border-color:rgb(229, 229, 243);
- border-radius: 5%;
- width: 100%;
- height: 250px;
- }
- .order h2 {
- font-size: 22px;
- }
- .order h5 {
- font-size: 13px;
- }
- .catalog li{
- font-size: 10px;
- }
-
- .catalogInput {
- justify-content: flex-start;
- }
- .catalog a {
- font-size: 10px;
- }
- .MainImg {
- padding-top: 100px;
- /* height: 15em; */
- background-position: top;
- }
- /* .MainImg aside {
- width: 40%;
- } */
- .MainImg content {
- width: 100%;
- }
- .subCatalog .subLink li {
- width: 80px;
- }
- .goods {
- padding: 0%;
- background: none;
- }
- .basketInner {
- width: 100%;
- }
- .basketInner .oneGood {
- height: 270px;
- }
- .oneGood {
- background-color: rgb(10, 10, 10);
- padding: auto;
- margin: 5px 0;
- width: 140px;
- }
- .oneGood h5 {
- font-size: 10px;
- height: 40px;
- }
- .forOneGoodImg {
- height: 120px;
- }
- .oneGood img {
- width: 80px;
- }
- .goodsNotFound h5 {
- font-size: 15px;
- line-height: 25px;
- }
- .goodCard {
- margin: 5px;
- position: absolute;
- left: 0;
- right: 0;
- /* padding: 10px; */
- }
- .goodCard img{
- width: 250px;
- }
- .goodCard h2 {
- font-size: 14px;
- }
- .goodCard p {
- width: 100%;
- font-size: 8px;
- }
- .basketNoGoods {
- width: 100%;
- height: auto;
- }
- .footer {
- font-size: 8px;
- }
- .contacts {
- width: 70%;
- }
- }
|