160 lines
2.3 KiB
SCSS
160 lines
2.3 KiB
SCSS
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
color : #212121;
|
|
height : 100%;
|
|
width : 100%;
|
|
}
|
|
|
|
h2 {
|
|
margin: .83em 0;
|
|
}
|
|
|
|
nav {
|
|
position : fixed;
|
|
top : 0;
|
|
left : 0;
|
|
height : 3em;
|
|
width : 100%;
|
|
background-color: #263238;
|
|
padding : 0 1em;
|
|
box-sizing : border-box;
|
|
z-index : 999;
|
|
color : #eee;
|
|
}
|
|
|
|
nav ul {
|
|
margin : 0;
|
|
padding: 0;
|
|
display: -webkit-box;
|
|
/* OLD - iOS 6-, Safari 3.1-6 */
|
|
display: -moz-box;
|
|
/* OLD - Firefox 19- (buggy but mostly works) */
|
|
display: -ms-flexbox;
|
|
/* TWEENER - IE 10 */
|
|
display: -webkit-flex;
|
|
/* NEW - Chrome */
|
|
display: flex;
|
|
}
|
|
|
|
nav ul li {
|
|
list-style-type: none;
|
|
display : inline-block;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
nav ul li:last-child {
|
|
margin-left: auto;
|
|
}
|
|
|
|
nav img {
|
|
height: 2em;
|
|
}
|
|
|
|
nav ul li a {
|
|
padding : .5em;
|
|
line-height : 2em;
|
|
display : block;
|
|
text-decoration: none;
|
|
color : inherit;
|
|
transition : .5s ease background-color;
|
|
}
|
|
|
|
nav ul li a:hover {
|
|
background-color: rgba(255, 255, 255, 0.57);
|
|
}
|
|
|
|
.box {
|
|
position: fixed;
|
|
top : 3em;
|
|
left : 0;
|
|
width : 100%;
|
|
height : calc(100% - 3em);
|
|
overflow: hidden;
|
|
}
|
|
|
|
header {
|
|
color : #fff;
|
|
background-color: #37474f;
|
|
padding : .67em 0;
|
|
}
|
|
|
|
header h1 {
|
|
margin: 0;
|
|
}
|
|
|
|
footer {
|
|
background-color: #ddd;
|
|
padding : 1.5em 0;
|
|
text-align : center;
|
|
color : rgba(0,0,0,0.5);
|
|
}
|
|
|
|
footer a {
|
|
text-decoration: none;
|
|
color : inherit;
|
|
}
|
|
|
|
footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
main {
|
|
width: 100%;
|
|
}
|
|
|
|
.content {
|
|
margin : 1.5em auto;
|
|
width : 80%;
|
|
max-width: 800px;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
@import 'editor';
|
|
@import 'forms';
|
|
|
|
/* BROWSE */
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.browse a {
|
|
color : inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.browse table {
|
|
width: 100%;
|
|
}
|
|
|
|
.browse .actions {
|
|
background-color: #455a64;
|
|
color : #fff;
|
|
padding : 1.5em 0;
|
|
}
|
|
|
|
.actions .content {
|
|
margin : 0 auto;
|
|
display: flex;
|
|
}
|
|
|
|
.actions .fa {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.actions .go-right {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.browse tr {
|
|
line-height : 2em;
|
|
border-bottom: 1px solid rgba(0,0,0,0.03);
|
|
}
|
|
@import "scrollbar";
|
|
@import "notifications";
|
|
@import "animations"; |