diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-05-15 22:20:53 +0300 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-05-15 22:20:53 +0300 |
| commit | f35a7aecd313547a6f6478a056fb2d5593f1c07b (patch) | |
| tree | 4473c30a5b51591d79f627b7518f8c9e15787cbf /ExamTemplate/Web/wwwroot/css/styles.css | |
| parent | 2ac139d0854c0f6d1b4cebc1487dd41128f00c60 (diff) | |
| download | it-kariera-exam-template-f35a7aecd313547a6f6478a056fb2d5593f1c07b.tar it-kariera-exam-template-f35a7aecd313547a6f6478a056fb2d5593f1c07b.tar.gz it-kariera-exam-template-f35a7aecd313547a6f6478a056fb2d5593f1c07b.zip | |
Big daddy refactor
Diffstat (limited to 'ExamTemplate/Web/wwwroot/css/styles.css')
| -rw-r--r-- | ExamTemplate/Web/wwwroot/css/styles.css | 143 |
1 files changed, 0 insertions, 143 deletions
diff --git a/ExamTemplate/Web/wwwroot/css/styles.css b/ExamTemplate/Web/wwwroot/css/styles.css deleted file mode 100644 index e7fc7b3..0000000 --- a/ExamTemplate/Web/wwwroot/css/styles.css +++ /dev/null @@ -1,143 +0,0 @@ - -/* Change the maximum width of content (stuff inside pages and navbar), - * depending on width of browser window. - * Configuration copied from default Bootstrap - */ - -@media (min-width: 576px) { - :root { - --max-content-width: 540px; - } -} - -@media (min-width: 768px) { - :root { - --max-content-width: 720px; - } -} - -@media (min-width: 992px) { - :root { - --max-content-width: 960px; - } -} - -@media (min-width: 1200px) { - :root { - --max-content-width: 1140px; - } -} - -/* Main */ - -.main { - width: 100%; - height: 100%; -} - - /* Stuff that you need in the middle portion - * of the screen (like the stuff inside the - * navbar and footer) should be inside - * an element with this tag - */ -.middle-content-container { - max-width: var(--max-content-width); - margin-left: auto; - margin-right: auto; -} - -/* Navbar and footer */ - -.navbar, .footer-content { - width: 100%; - min-height: 45px; - - padding-top: 8px; - padding-bottom: 8px; - - display: flex; - align-items: center; - justify-content: center; -} - -.navbar section > :not(*:first-child) { - padding-left: 5px; -} - -.navbar section > :not(*:last-child) { - padding-right: 5px; -} - -.navbar a { - text-decoration: none; - color: #343a40; -} - -.navbar a:hover { - color: black; -} - -.navbar-contents { - width: 100%; - display: flex; - box-sizing: border-box; -} - -.navbar-contents > * { - display: flex; - align-items: center; - justify-content: center; -} - -/* Forms */ - -form { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: fit-content; -} - -.main > div > form { - margin-top: 10px; -} - -.main > div > form:first-child { - width: 100%; - max-width: 300px; - margin-left: auto; - margin-right: auto; -} - -form > * { - width: 100%; - box-sizing: border-box; -} - -input { - margin: 5px; - padding: 9px; - border: 1px solid darkgrey; - border-radius: 4px; -} - -input[type="submit"] { - color: white; - background-color: black; -} - -input[type="submit"]:hover { - cursor: pointer; -} - -.form-error { - font-size: 0.8em; - color: red; -} - -/* Other general stuff */ - -.flex-spacer { - flex: 1; -} |
