aboutsummaryrefslogtreecommitdiff
path: root/ExamTemplate/Web/wwwroot/css/styles.css
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-05-15 22:20:53 +0300
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-05-15 22:20:53 +0300
commitf35a7aecd313547a6f6478a056fb2d5593f1c07b (patch)
tree4473c30a5b51591d79f627b7518f8c9e15787cbf /ExamTemplate/Web/wwwroot/css/styles.css
parent2ac139d0854c0f6d1b4cebc1487dd41128f00c60 (diff)
downloadit-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.css143
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;
-}