diff --git a/src/css/fan2.css b/src/css/fan2.css new file mode 100644 index 0000000000000000000000000000000000000000..8b1e41217289c44cdbb45536018432dabb1a4ba4 --- /dev/null +++ b/src/css/fan2.css @@ -0,0 +1,164 @@ +/* Main Container */ +.card { + margin-top: 20px; + width: 750px; +} + +/* Elements */ +.number { + border-radius: 50%; + background-color: grey; + height: 40px; + width: 40px; +} + +.box { + border: 1px solid black; + text-align: center; +} + +.order-step { + padding: 10px; + margin-left: 20px; +} + +.order-step:first-child { + margin-left: 0; +} + + +/* Fonts */ +.font-order { + font-size: 17px; + font-weight: bold; +} + +.font-title { + font-size: 40px; + font-weight: bold; +} + +.font-header { + font-size: 30px; + font-weight: bold; +} + + +/* Selection */ +.selected-navbar { + background-color: green; + color: white; +} + +.selected-order { + background-color: #fbff96; +} + + +/* container direction */ +.rowflex { + display: flex; + flex-direction: row; +} + + +/* Flex one */ +.flexone { + flex: 1; +} + +/* Text Align */ +.textcenter { + text-align: center; +} + +.textleft { + text-align: left; +} + +.textright { + text-align: right; +} + + +/* Pictures */ + +.profilepic { + width: 150px; + height: 150px; + border-radius: 50%; + border: 4px solid black; +} + +.editpic { + width: 30px; + height: 30px; + margin-top: auto; +} + + +/* Users */ +#username { + font-weight: bold; +} + +/* Floating */ +.float-right { + float: right; +} + +/* Margins */ +.mtop10 { + margin-top: 10px; +} + +.mtop30 { + margin-top: 30px; +} + +.mtop50 { + margin-top: 50px; +} + +.mcenter { + margin-right: auto; + margin-left: auto; +} + +.mlauto { + margin-left: auto; +} + +.mrauto { + margin-right: auto; +} + +.mr20 { + margin-right: 20px; +} + +/* List */ +li { + font-size: 20px; +} + +/* Line height */ +.lh40 { + line-height: 40px; +} + +/* Button */ +.button { + background-color: green; + border: 1px solid black; + border-radius: 7%; + width: 120px; + padding: 10px; +} + +/* Label */ +.labels { + width: 150px; + margin-right: 20px; + font-size: 20px; +} diff --git a/src/css/stylesheet3.css b/src/css/stylesheet3.css deleted file mode 100644 index 5c2dde592bb169ebd484e75d35ba058fe2ccb67a..0000000000000000000000000000000000000000 --- a/src/css/stylesheet3.css +++ /dev/null @@ -1,120 +0,0 @@ -.header-box { - border: 1px solid black; - padding: 10px 10px 10px 10px; - font-size: 30px; - font-family: sans-serif; - text-align: center; - flex: 1; -} - -.header-box:first-child { - background-color: #244224; - color: white; -} - -.container { - display: flex; - flex-direction: row; - margin-top: 10px; -} - -.step-container { - display: flex; - flex-direction: row; - margin-bottom: 20px; -} - -.step-box:first-child { - margin-left: 0; - background-color: #fbff96; -} - - -.step-box { - flex: 1; - display: flex; - flex-direction: row; - text-align: center; - border: 1px solid black; - margin-left: 40px; -} - -.round-num { - text-align: center; - line-height: 40px; - background-color: grey; - border-radius: 50%; - width: 40px; - height: 40px; - margin: 5px 5px 5px 5px; -} - -.step-box p { - flex: 1; -} - - -.page-header { - display: flex; - flex-direction: row; - flex: 1; -} - -.user-info { - flex: 1; - text-align: right; -} - -.page-header div p { - margin: 0 0 5px 0; -} -.company-name { - font-size: 35px; -} - -.company-name span { - color: red; - font-weight: bold; -} -.company-name span:first-child { - color: green; -} - -.company-tagline { - color: green; -} - -.user-name span { - font-weight: bold; -} - -.logout { - text-decoration: underline; - color: blue; -} - -.dest-input { - display: flex; - flex-direction: row; -} - -.dest-input p { - text-align: center; - font-size: 25px; -} -.dest-input * { - flex: 1; - margin: 20px; -} - - -.next-button { - background-color: #7ecc20; - border-radius: 8px; - border: 1px solid black; - font-size: 20px; - width: 100px; - text-align: center; - margin: auto; - padding: 10px 0 10px 0; -} diff --git a/src/img/foto-profil.JPG b/src/img/foto-profil.jpg similarity index 100% rename from src/img/foto-profil.JPG rename to src/img/foto-profil.jpg