Untitled diff

Created Diff never expires
6 Entfernungen
Zeilen
Gesamt
Entfernt
Wörter
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisieren Sie auf
Diffchecker logo
Diffchecker Pro
128 Zeilen
53 Hinzufügungen
Zeilen
Gesamt
Hinzugefügt
Wörter
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisieren Sie auf
Diffchecker logo
Diffchecker Pro
175 Zeilen
/*
/*
COLORS:
COLORS:
28aadc - lighblue
28aadc - lighblue
646464 - menu/gray
646464 - menu/gray
dcdcdc - lightgray
dcdcdc - lightgray
282828 - dark grey
282828 - dark grey


*/
*/


* {
box-sizing: border-box;
}

body {
body {
margin: 0px;
font-family: 'Lato', sans-serif;
font-family: 'Lato', sans-serif;
font-size: 16px; /* Making sure */
font-size: 16px; /* Making sure */
}
}


h1 {
h1 {
font-weight: 700;
font-weight: 700;
margin: 1em 0;
margin: 1em 0;
}
}


p {
p {
/* text-indent: 1.5em; ciu check*/
/* text-indent: 1.5em; ciu check*/
}
}


a {
a {
color: #646464;
color: #646464;
text-decoration: none;
text-decoration: none;
}
}


a:hover {
a:hover {
color: #28aadc;
color: #28aadc;
}
}


p a {
p a {
border-bottom: 1px solid #28aadc;
border-bottom: 1px solid #28aadc;
}
}


.logo-img {
.logo-img {
display: block;
display: block;
margin: auto;
margin: 50px auto;
height:100px;
width: 50%;
width: 50%;
padding: 3em 0.9em;

}
}


ul {
ul {
list-style-type: none;
list-style-type: none;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
}
}


input {
input {
padding: 0.75em;
padding: 0.75em;
border: solid 2px #dcdcdc;
border: solid 2px #dcdcdc;
border-radius: 0.75em;
border-radius: 0.75em;
outline: none; /* fixing chrome error */
outline: none; /* fixing chrome error */
}
}


input[type="text"]:focus {
input[type="text"]:focus {
border: solid 2px #28aadc;
border: solid 2px #28aadc;
}
}


.side-nav {
.side-nav {
width: 10em;
width: 10em;
margin: auto;
margin: auto;
}
}


.side-nav li {
.side-nav li {
color: #646464;
color: #646464;
padding: 0.4em;
padding: 0.4em;
padding-left: 25px;
padding-left: 25px;
background-image: url('../img/icon.png');
background-image: url('../img/icon.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left;
background-position: left;
}
}


#user-side-menu {
#user-side-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
width: 18em;
width: 18em;
height: 100vh;
height: 100vh;
background-color: #282828;
background-color: #282828;
}
}


#user-top-menu {
#user-top-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
width: 100%;
width: calc(100vw - 18em);
max-width: 1150px;
max-width: 100%;
height: 4.125em;
height: 4.125em;
padding-top: 1em;
padding-top: 1em;
padding-left: 2em;
padding-left: 2em;
background-color: #fff;
background-color: #fff;
border-bottom: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
}


.search-form {
max-width:100%;
}

.search-form,
.search-form,
.search-form input {
.search-form input {
display: inline-block;
display: inline-block;
width: 60%;
float: left;
float: left;
}
}


.search-form input {
width: 100%;
}

.notifi {
.notifi {
margin-top: -8px;
height: 50px;
height: 50px;
width: 50px;
width: 50px;
float: right;
float: right;
margin-right: 30px;
}
}


.site {
.site {
padding: 0 2em;
padding: 0 2em;
line-height: 1.75em;
line-height: 1.75em;
width: calc(100vw - 18em);
max-width: 100%;
}
}


.wrapper {
.wrapper {
padding-top: 5.1875em;
padding-top: 5.1875em;
padding-left: 18em;
padding-left: 18em;
max-width: 1200px;
max-width: 100%;
}
}


footer {
footer {
padding-left: 20em;
padding-left: 20em;
}
}


.clearit:after {
.clearit:after {
content: "";
content: "";
display: table;
display: table;
clear: both;
clear: both;
}
}
.site {
width: 100%;
}


/*Make sidebar smaller on break point for better UI */


@media (max-width: 579px) {
#user-side-menu {
width:10em;
}
.site {
width: calc(100vw - 10em);
}
#user-top-menu {
width: calc(100vw - 10em);
}

.wrapper {
padding-top: 5.1875em;
padding-left: 10em;
max-width: 100%;
}

}