153 lines
1.8 KiB
SCSS
153 lines
1.8 KiB
SCSS
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
|
|
h2, h3 {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
a {
|
|
color: #0be;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #0df;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Containers */
|
|
|
|
.box {
|
|
border-radius: 5px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.box_grey {
|
|
padding: 10px;
|
|
background: #333;
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
.ul_boxes {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.ul_boxes > li {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.box_link {
|
|
display: block;
|
|
color: #ddd;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.box_link:hover{
|
|
background: #3a3a3a;
|
|
}
|
|
|
|
/*
|
|
buttonset
|
|
*/
|
|
|
|
.buttonset, .buttonset li {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.buttonset {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.button, .buttonset li a {
|
|
text-align: center;
|
|
display: inline-block;
|
|
padding: 0.5em 0.7em;
|
|
background: #333;
|
|
border: 1px solid #444;
|
|
color: #ddd;
|
|
border-radius: 5px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button:hover, .buttonset li a:hover {
|
|
background: #444;
|
|
border: 1px solid #555;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn_green {
|
|
background: #363 !important;
|
|
border: 1px solid #473;
|
|
}
|
|
|
|
.btn_green:hover {
|
|
background: #474 !important;
|
|
}
|
|
|
|
.linedbuttonset a {
|
|
border: 1px solid #eee;
|
|
border-radius: 3px;
|
|
padding: 4px 10px;
|
|
margin: 0;
|
|
display: block;
|
|
}
|
|
|
|
.linedbuttonset {
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
|
|
.linedbuttonset li {
|
|
display: inline-block;
|
|
margin: 10px 10px 0 0;
|
|
}
|
|
|
|
/* Alerts */
|
|
|
|
#alerts {
|
|
list-style: none;
|
|
position: fixed;
|
|
bottom: 15px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#alerts .alert {
|
|
margin: 5px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#alerts .close {
|
|
float: right;
|
|
color: white;
|
|
}
|
|
|
|
#alerts .close:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.alert-error {
|
|
background: #933;
|
|
border: 1px solid #c44;
|
|
}
|
|
|
|
.alert-warning {
|
|
background: #963;
|
|
border: 1px solid #c96;
|
|
}
|
|
|
|
.alert-success {
|
|
background: #161;
|
|
border: 1px solid #393;
|
|
}
|