@color: #0046a0; //header .om-header-container{ position: fixed; top: 0px; z-index: 1; width: 100%; display: block; z-index:10; } .om-header{ justify-content:space-between; display: flex; padding-left: 2%; padding-right: 2%; height: 65px; background-color: @color; } .logo-img{ padding:10px; } .om-searchbar{ display: inline-block; padding: 0; margin: 15px; } //content .om-content{ margin: 10px; margin-top: 80px; margin-bottom: 80px; width: auto; overflow: hidden; a{ color: white; &:hover{color:white;} } } .content-desktop { margin-right: 30px; } //footer .om-nav{ position:fixed; bottom: 0; height: 65px; width: 100%; background-color: @color; z-index:10; i{ color: white; } } a.nav-item.nav-link{ } .navbar-item { display: inline-block; text-align: center; i { margin: auto; text-align: center; } } //msg-Card .om-card{ margin: 10px; margin-bottom: 20px; padding: 20px; } .om-card-footer{ justify-content: space-between; display: flex; } .om-btn{ background-color: @color; color: white; } .msg-head{ margin-top: 10px; margin-bottom: 10px; img{ float: right } } .om-user-line{ display: flex; width: 80%; i{ margin-right: 2%; } } //createMsg taginput-container is-focusable:focus { border-color: @color !important; //box-shadow: 0; } // bookmark .bookmark-headline{ margin: 10px; padding-bottom: 10px; } //empty state .empty-state{ margin: 40px; margin-top: 40%; color: #6c757d; text-align: center; i{ font-size: 50px; margin: 10px; } } // profil .profil-text { margin-top: 90px; text-align: center; display: block; margin-left: auto; margin-right: auto; z-index:2; } .profil-card { margin-left: 10px; margin-right: 10px; margin-top: 130px; padding-top: 10px; margin-bottom: 15px; position: relative; z-index:1; } .prof-image { background-color: @color; border-style: solid; border-color: @color; border-width: thick; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); display: block; position: absolute; top: -50px; left: 50%; margin-left: -60px; width: 120px !important; height: 120px; z-index:4; } hr.first { margin-top: 0px; margin-bottom: 0px; } .btnprofil { height: 60px; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: center; button { width: 110px; display: inline-block; margin-right: 20px; margin-left: 20px; } } .logout-item { color: @color; margin-top: -25px; margin-right: 10px; i { float: right; font-size: 30px; z-index:3; } } // Modal .vertical-alignment-helper { display:table; height: 100%; width: 100%; } .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; } .modal-content { width:inherit; height: 80%; /* To center horizontally */ margin: 0 auto; } .om-tab { font-size: 16px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .om-tablinks{ background: 0; border: 0; } //bmd changes //border .form-group.is-focused .form-control .custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control { background-image: linear-gradient(0deg, @color 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0); } //checkbox .checkbox label input[type=checkbox]:checked+.checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check:before { color: @color; } .checkbox label input[type=checkbox]:checked+.checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check { color: @color; border-color: @color; } //label .is-focused [class*="bmd-label"], .is-focused[class^=bmd-label]{ color: @color; } /*//Präsentation Styles .om-card { font-size: 140%; } .msg-head{ font-size:90%; } .empty-state{ margin: 40px; margin-top: 30%; font-size:140%; }*/ .om-searchbar input.input{ border-radius: 0 !important; box-shadow: none !important; border-right: white; } button.clearButton{ border-radius: 0 !important; background-color: white; margin-left: -5px; border-color: #dbdbdb; border-left: white; }