Untitled diff
생성일 비교 결과 만료 없음
5 삭제
| 행 | |
|---|---|
| 총 | |
| 삭제 | |
| 글자 | |
| 총 | |
| 삭제 | |
55 추가
| 행 | |
|---|---|
| 총 | |
| 추가 | |
| 글자 | |
| 총 | |
| 추가 | |
/*
/*
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%;
}
}