PCv5/app/static/css/global.css

105 lines
1.3 KiB
CSS

/*
fonts
*/
@font-face { font-family: NotoSans; src: url(../fonts/noto_sans.ttf); }
@font-face { font-family: Raleway; font-weight: 200; src: url(../fonts/raleway_200.ttf); }
@font-face { font-family: Raleway; font-weight: 300; src: url(../fonts/raleway_300.ttf); }
/*
ALL
*/
* {
box-sizing: border-box;
transition: .15s ease;
}
/*
Body
*/
body {
margin: 0;
background: #ffffff;
font-family: 'DejaVu Sans', sans-serif;
}
/*
Links
*/
a {
text-decoration: none;
}
a:focus {
outline: none;
}
/*
Inputs
*/
input,
textarea {
display: block;
background: #FFFFFF; color: #000000;
border: none;
}
input:focus:not(type="button"),
textarea:focus {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}
/* Textarea */
textarea {
width: 100%;
border: 1px solid #eeeeee;
}
/* Buttons */
input[type="button"],
input[type="submit"] {
padding: 6px 0;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
border: 1px solid transparent;
}
/* Checkbox */
input[type="checkbox"] {
display: inline;
vertical-align: middle;
}
/*
Bootstrap-style rules
*/
.flex {
display: flex;
}
.bg-green,
.bg-green {
background-color: #149641;
border-color: #0e692d;
color: #ffffff;
}
.bg-green:hover,
.bg-green:focus,
.bg-green:active {
background-color: #0f7331;
border-color: #073617;
}