main { height: 100vh; /*display: flex;*/ /*align-items: center;*/ justify-content: center; } .alertify-notifier .ajs-message.ajs-success { color: #fff; background: rgba(91, 189, 114, 0.95); text-shadow: none !important; } /* #content { max-width: 50%; } */ .color--primary { background-color: rgba(34, 51, 89, 1.0); } /* .row { margin-left: 0px; margin-right: 0px; width: 100%; } */ .color--answered { background-color: rgb(81, 93, 121); } .text--primary { color: rgba(34, 51, 89, 1.0); } .text--primary > h5, .card-title__login { font-weight: 200; } .header__container, .body__container, .footer__container { display: flex; justify-content: center; /*width: 100%;*/ } .card { width: 100% !important; text-align: center; } #questions-list { margin-top: 0px; margin-bottom: 0px; } #questions-list li { display: flex; justify-content: space-between; padding: 20px 20px 20px 20px; transition: 0.5s all; } #questions-list li:hover { background-color: white; color: rgba(34, 51, 89, 1.0); padding-top: 20px; padding-bottom: 20px; } ul > li:not(:last-child) { border-bottom: 1px solid white; } .counter { display: flex; align-items: center; min-width: 60px; } .counter > i { padding-right: 10px; } .footer__container--content { display: flex; padding-top: 10px !important; padding-bottom: 10px !important; } .footer__container--content > div { width: 100%; height: 28px; line-height: 28px; transition: 0.5s all; } .footer__container__lecturer--content > div { height: 80px; display: flex; align-items: center; justify-content: center; } .footer__container--content > div:not(:last-child) { border-right: 1px solid white; } .footer__container--content > div:hover { background-color: white; color: rgba(34, 51, 89, 1.0); } #modalAsk > div.modal-footer > a.waves-primary { background-color: rgba(34, 51, 89, 1.0); } .btn-thumb-up { cursor: pointer; } .upper-row { border-bottom: 1px solid white; } .upper-row, .bottom-row { display: flex; } .upper-row > div, .bottom-row > div { width: 50%; height: 20vh; display: flex; align-items: center; justify-content: center; font-size: 22px; transition: all 0.2s; } .upper-row > div:hover, .bottom-row > div:hover { background-color: white; color: rgba(34, 51, 89, 1.0); } #card-title__lecturer { font-size: 18px; } .upper-row > div:nth-child(odd), .bottom-row > div:nth-child(odd) { border-right: 1px solid white; } .small-font { font-size: 12px; } .question-text { break-after: always; } .card__login { width: 45vh; } /* label color */ .input-field label { color: #fff !important; } /* label focus color */ .input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label { color: #fff !important; } /* label underline focus color */ .input-field input[type=text]:focus, .input-field input[type=password]:focus { border-bottom: 1px solid #fff !important; box-shadow: 0 1px 0 0 #fff !important; } /* valid color */ .input-field input[type=text].valid { border-bottom: 1px solid #fff !important; box-shadow: 0 1px 0 0 #fff !important; } /* invalid color */ .input-field input[type=text].invalid { border-bottom: 1px solid #fff !important; box-shadow: 0 1px 0 0 #fff !important; } /* icon prefix focus color */ .input-field .prefix.active { color: #fff !important; } #name, #password { color: #fff !important; } #btn--login { background-color: #fff; color: rgba(34, 51, 89, 1.0); width: 100%; transition: 0.2s all; } .btn--answer, #ask-question { transition: all 0.2s; } #btn--login:hover, .btn--answer:hover, #ask-question:hover { box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.75); } .forgot__text { color: lightgrey; font-weight: 200; transition: 0.2s all; } .forgot__text:hover { color: #fff; font-weight: 500; cursor: pointer; } .main__row { margin-bottom: 0; } .login--wrapper { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background: url(../static/books.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #btn--logout { position: fixed; top: 10px; right: 10px; transition: 0.2s all; } #btn--logout:hover { background-color: rgba(34, 51, 89, 1.0); } #questions-list .row { margin-bottom: 0px !important; } .date { line-height: 54px; } .ask__container--content { display: flex; justify-content: center; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 120px !important; padding-right: 120px !important; padding-bottom: 20px !important; } .ask__container--content > div { height: 56px; line-height: 56px; transition: 0.5s all; } .ask__container__lecturer--content > div { height: 80px; display: flex; align-items: center; justify-content: center; } .collapsible { border: 0 !important; box-shadow: none !important; } .collapsible-header { /*background: rgba(34, 51, 89, 1.0) !important;*/ border-bottom: 0 !important; } .collapsible-body { border-bottom: 0 !important; border-top: 1px solid #fff; } /* .full-width { width: 100%; min-width: 1000px !important; justify-content: center; } */ .container { margin: 0 auto; max-width: 1280px; width: 100vw !important; } @media only screen and (min-width: 601px) { .container { width: 100%; } } @media only screen and (min-width: 993px) { .container { width: 100%; } } .row { width: 100% !important; margin-left: auto; margin-right: auto; margin-bottom: 20px; }