diff --git a/styles.css b/styles.css deleted file mode 100644 index 4bf2676..0000000 --- a/styles.css +++ /dev/null @@ -1,322 +0,0 @@ -.htmlMain { - Background: #EDEDED; - min-height: 100%; - display: flex; - flex-direction: column; - scroll-behavior: smooth; - font-family: 'Roboto'; -} - -.bodyMain { - background: unset; - display: flex; - flex-direction: column; - align-items: center; - flex-grow: 1; - min-height: 100vh; - position: relative; - letter-spacing: 1px; - font-size: 18px; - line-height: 1.5; - word-break: break-word; - color: #434343; - text-shadow: 0 0 1px rgba(0,0,0,0.15); - font-weight: 500; -} - -body::-webkit-scrollbar { - width: 12px; -} - -body::-webkit-scrollbar-track { - background-color: rgba(0,0,0,0.15); -} - -body::-webkit-scrollbar-thumb { - max-width: 10px; - border-radius: 2px; - background-color: #4c82a3; - cursor: grab; -} - -.secMain { - width: 100%; - display: flex; - flex-direction: column; - align-items: center; -} - -.containerMain { - max-width: 1400px; - width: 100%; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: end; - padding: 0 10px 0 10px; - position: relative; -} - -.containerMain.containerMainFullHeight { - flex-grow: 1; -} - -.secMain.secMainBody { - flex-grow: 1; -} - -p { - margin: 0; -} - -.secMainFooterInsideTopSec.secMainFooterInsideTopSecLeft { - grid-gap: 25px; -} - -@media (max-width: 768px) { - .secMainFooterInsideTopSec.secMainFooterInsideTopSecLeft { - justify-content: center; - align-items: center; - } -} - -.secMainFooterInsideTopSec.secMainFooterInsideTopSecMid { -} - -.secMainFooterInsideTopSec.secMainFooterInsideTopSecRight { -} - -.btnMain { - transition: ease 0.2s; - width: auto; - border-radius: 4px; - outline: unset; - border: unset; - background: unset; - color: #ffffff; - background: #4c82a3; - font-weight: 500; - font-size: 14px; - padding: 8px 15px; - white-space: nowrap; - display: flex; - flex-direction: row; - grid-gap: 12px; - justify-content: center; - align-items: center; - text-decoration: unset; - position: relative; - cursor: pointer; -} - -.btnMain:hover { - transition: ease 0.2s; - background: #5e8eab; - color: white; -} - -.btnMain:active { - transition: ease 0.2s; - background: #447592; - color: white; -} - -.linkMain { - transition: ease 0.4s; - color: #4c82a3; - text-decoration: unset; -} - -.linkMain:hover { - transition: ease 0.4s; - color: #4c82a3; - text-decoration: underline; -} - -.btnMainImg { - border-radius: 100px; - width: 20px; - height: 20px; - background: rgb(255,255,255); -} - -.btnMainIcon { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - font-size: 14px; -} - -.secMainBodySec { - width: 100%; - display: flex; - flex-direction: column; - padding: 25px 0px; - align-items: center; -} - -.secMainBodySecInside { - width: 100%; - display: flex; - flex-direction: column; -} - -h1, h2, h3, h4, h5, h6 { - margin: 0; -} - -.searchMain { - overflow: hidden; - border-radius: 4px; - display: flex; - flex-direction: row; - grid-gap: 0px; - outline: solid 1px #dddddd; - background: white; -} - -.inputMain { - border-radius: 4px; - border: solid 1px rgba(0,0,0,0.15); - padding: 5px 10px; - font-size: 16px; - width: 100%; - background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.00) 100%), linear-gradient(white, white); -} - -.inputMain:focus { - border: solid 1px rgba(0,0,0,0.15); - outline: none; - background: linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.05) 100%), linear-gradient(white, white); -} - -.inputMain.searchMainInput { - border: unset; - border-radius: 0px; -} - -.btnMain.searchMainBtn { - border-radius: 0px; -} - -.dropdownMain { -} - -.btnMain.dropdownMainBtn { - width: 100%; - justify-content: space-between; -} - -.dropdown-menu.dropdownMainMenu { - background: #ffffff; - border: unset; - border-radius: 4px; - padding: 5px 5px 0px 5px; - margin: 3px 0 0 0!important; - box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); - width: 100%; -} - -.dropdown-item.dropdownMainMenuItem { - transition: ease 0.2s; - border-radius: 4px; - color: #696969; - background: white; - font-weight: 500; - font-size: 14px; - margin: 0 0 5px 0; - padding: 5px 10px; -} - -.dropdown-item.dropdownMainMenuItem:hover { - transition: ease 0.2s; - color: #ffffff; - background: #4c82a3; -} - -.fieldWrapper { - display: flex; - flex-direction: column; - grid-gap: 5px; -} - -.labelMain { - font-size: 16px; - margin: 0; -} - -.labelMain.labelMainWhite { -} - -.inputMain.inputMainAlt { - background: rgba(255,255,255,0.1); - border: solid 1px rgba(255,255,255,0.15); - color: white; -} - -.inputMain.inputMainAlt::placeholder { - color: rgba(255,255,255,0.2); -} - -.checkboxWrapper { - display: flex; - flex-direction: row; - grid-gap: 10px; - align-items: center; -} - -.labelMain.labelMainCheckbox { - font-size: 13px; - color: rgba(0,0,0,0.65); -} - -.checkboxMain { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - width: 15px; - height: 15px; - content: ''; - border: solid 1px #4c82a3; - border-radius: 2px; - cursor: pointer; - position: relative; - background: rgba(0,0,0,0.1); -} - -.checkboxMain:checked { -} - -.checkboxMain:checked::before { - content: '\2714'; - color: white; - font-size: 7px; - text-align: center; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #4c82a3; -} - -.filesPageSecSidesSecToolsItemIcon { - font-size: 15px; -} - -.btnMainInputFile { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - opacity: 0; - cursor: pointer; -} - -.btnMain.filesPageSecMidActionsBottomBtn { - width: 100%; - max-width: 300px; -} -