Untitled diff

Created Diff never expires
6 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
128 lines
53 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
175 lines
/*
/*
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%;
}

}