Files
mareike/public/css/app.css

168 lines
2.8 KiB
CSS

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
html {
background-color: #FAFAFB !important;
}
.content {
padding: 50px 0px;
}
.main {
margin: 0 auto;
box-shadow: 20px 54px 15px rgba(0, 0, 0, 0.1);
border-radius: 0 10px 0 0;
flex: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
}
.header {
height: 80px; /* Höhe anpassen */
align-items: center;
justify-content: space-between;
width: calc(100% - 40px);
}
.header .anonymous-actions {
position: relative;
right: calc(-100% + 330px);
width: 350px;
overflow: hidden;
border-radius: 50px 0 0 50px;
background-color: #FAFAFB !important;
text-align: right;
padding: 10px;
top: -75px;
}
.header .user-info {
position: relative;
right: calc(-100% + 275px);
width: 295px;
overflow: hidden;
border-radius: 50px 0 0 50px;
background-color: #FAFAFB !important;
text-align: right;
padding: 10px;
top: -75px;
}
.header .left-side {
height: 75px;
background: #ffffff;
align-content: center;
padding: 0 50px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
width: 100%;
margin-top: -5px;
}
.flexbox {
display: flex;
background-color: #FAFAFB;
height: 100%;
padding: 0;
gap: 1px;
margin: 0;
}
/* Layout */
.app-layout {
display: flex;
height: 95vh;
margin: 20px;
background: #f0f2f5;
font-family: sans-serif;
}
.sidebar {
flex-basis:275px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
height: 100%;
background-color: #ffffff !important;
overflow-y: auto;
}
.logo {
display: flex;
align-items: center;
justify-content: center;
}
.logo img {
width: 135px !important;
height: 70px !important;
}
.footer {
background: #666666;
border-top: 1px solid #ddd;
color: #ffffff;
z-index: 100;
line-height: 10px;
padding: 10px;
font-size: 11pt;
font-weight: bold;
}
.footer table {
width: 100%;
}
.footer table td:first-child {
width: 30%;
}
th {
text-align: left;
padding-right: 1em;
vertical-align: top;
}
th:after {
content: ":";
}
#show_username {
position: relative;
top: -30px;
width: calc(100% - 20px);
display: block;
font-weight: bold;
text-align: right;
overflow: auto;
}
.widget-content-item {
font-size: 10pt;
margin-bottom: 10px;
}
.widget-content-item td,
.widget-content-item th {
font-size: 10pt;
}
.widget-content-item label {
display: block;
margin-top: 5px;
}
.widget-content-item a {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}