c3gov/website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS

Browse Source
This commit is contained in:
Bandie
2026-03-26 23:49:58 +01:00
parent f3cb4c2a5f
commit 9bbe92d8ee
2 changed files with 108 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
public/css/style.css
View File

@@ -1,89 +1,167 @@
html, body { html, body {
margin: 0; margin: 0;
width: 100vw; width: 100%;
height: 100vh; min-height: 100vh;
background-color: #4b0600; background-color: #4b0600;
box-sizing: border-box;
overflow-x: hidden;
}
*, *:before, *:after {
box-sizing: inherit;
} }
.ticker { .ticker {
background-color: #0c0; background-color: #0c0;
height: 3vh; height: 3vh;
min-height: 24px;
} }
.header { .header {
background-color: #999; background-color: #999;
height: 20vh; min-height: 20vh;
margin: 0; margin: 0;
display: flex;
flex-wrap: wrap;
} }
.header-main { .header-main {
width: 20vw; width: 20%;
float: left;
height: 20vh; height: 20vh;
margin: 0; margin: 0;
display: flex;
justify-content: center;
align-items: center;
} }
.banner { .banner {
width: 60vw; width: 60%;
height: 20vh; height: 20vh;
float: left; display: flex;
align-content: center; justify-content: center;
align-items: center;
} }
.banner img { .banner img {
margin-left: auto; max-width: 100%;
margin-right: auto; height: auto;
display: block; display: block;
} }
.language-area { .language-area {
width: 20vw; width: 20%;
height: 20vh; height: 20vh;
float: left;
background-color: #ccc; background-color: #ccc;
border: 2vh; padding: 10px;
} }
.language { .language {
margin: 1vw; margin: 5px;
display: flex;
gap: 10px;
justify-content: center;
}
.language img {
cursor: pointer;
} }
.login-status { .login-status {
text-align: center; text-align: center;
font-size: 0.9em;
} }
#logo { #logo {
margin: 2vh; max-width: 90%;
min-height: 12.5vh; max-height: 18vh;
max-height: 35vh;
} }
.main { .main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0; margin: 0;
min-height: 77vh; min-height: 77vh;
width: 100vw; width: 100%;
} }
.navbar { .navbar {
background-color: #ccc; background-color: #ccc;
width: 20vw; width: 200px;
flex-shrink: 0;
} }
.content { .content {
background-color: #dcccaa; background-color: #dcccaa;
width: 80vw; flex-grow: 1;
padding-left: 1vw; padding: 15px;
}
.navbar ul {
list-style-type: none;
padding: 10px;
margin: 0;
}
.navbar li {
margin-bottom: 8px;
}
.navbar a {
text-decoration: none;
color: #333;
display: block;
padding: 5px;
}
.navbar a:hover {
background-color: #bbb;
}
@media (max-width: 768px) {
.header {
flex-direction: column;
height: auto;
}
.header-main, .banner, .language-area {
width: 100%;
height: auto;
padding: 10px;
}
.main {
flex-direction: column;
}
.navbar {
width: 100%;
}
.navbar ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.content {
width: 100%;
}
#logo {
max-height: 100px;
}
.banner img {
max-width: 100%;
}
} }
.eingabemaske { .eingabemaske {
border: 5px inset; border: 5px inset;
font-size: 1.2em; font-size: 1.2em;
padding: 0.5em; padding: 0.5em;
overflow-x: auto;
} }
.eingabemaske table, th, td { .eingabemaske table, th, td {
@@ -92,6 +170,7 @@ html, body {
.eingabemaske input { .eingabemaske input {
padding: 0.5em; padding: 0.5em;
max-width: 100%;
} }
.eingabemaske button { .eingabemaske button {
@@ -103,7 +182,8 @@ html, body {
#fehlermeldung { #fehlermeldung {
border: 4px outset; border: 4px outset;
width: 50vw; width: 100%;
max-width: 500px;
} }
nav { nav {
@@ -111,7 +191,7 @@ nav {
} }
.w-5 { .w-5 {
width: 5vw; width: 5%;
} }
.h-5 { .h-5 {

3
resources/views/layout/app.blade.php
View File

@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>c3gov - {{ __('app.subtitle') }}</title> <title>c3gov - {{ __('app.subtitle') }}</title>
<link rel="stylesheet" href="{{ asset("css/style.css") . "?rnd=" . rand(0, 1000000000) }}"> <link rel="stylesheet" href="{{ asset("css/style.css") . "?rnd=" . rand(0, 1000000000) }}">
<script src="{{ asset("js/jquery/jquery-4.0.0.min.js") }}"></script> <script src="{{ asset("js/jquery/jquery-4.0.0.min.js") }}"></script>
@@ -37,7 +38,7 @@
<li><a href="{{ route('about') }}">{{ __('app.nav.about') }}</a></li> <li><a href="{{ route('about') }}">{{ __('app.nav.about') }}</a></li>
<li><a href="{{ route('services') }}">{{ __('app.nav.services') }}</a></li> <li><a href="{{ route('services') }}">{{ __('app.nav.services') }}</a></li>
<li><a href="{{ route('news') }}">{{ __('app.nav.news') }}</a></li> <li><a href="{{ route('news') }}">{{ __('app.nav.news') }}</a></li>
<li><a href="{{ route('contact') }}">{{ __('app.nav.contact') }}</li> <li><a href="{{ route('contact') }}">{{ __('app.nav.contact') }}</a></li>
<li><a href="{{ route('imprint') }}">{{ __('app.nav.imprint') }}</a></li> <li><a href="{{ route('imprint') }}">{{ __('app.nav.imprint') }}</a></li>
<br /> <br />
<li><a href="{{ route('apply') }}">{{ __('app.nav.apply') }}</a></li> <li><a href="{{ route('apply') }}">{{ __('app.nav.apply') }}</a></li>