ErrorsManager/Public/scss/ErrorsManager.css

155 lines
5.6 KiB
CSS

.errors-manager {
position: relative;
top: 0em;
left: 0em;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #EFEFEF;
color: #222; }
.errors-manager, .errors-manager input, .errors-manager button, .errors-manager select {
font-family: "Roboto"; }
.errors-manager pre, .errors-manager textarea,
.errors-manager .wmd-code-block,
.errors-manager .wmd-code-block ol > li::marker,
.errors-manager .wmd-code-doc > .description {
font-family: "Roboto Mono"; }
.errors-manager [data-icon]::before {
font-family: "FA6FR"; }
.errors-manager input, .errors-manager button, .errors-manager select, .errors-manager textarea {
font-size: 1em; }
.errors-manager [data-visible=false], .errors-manager [data-hidden=true] {
display: none; }
.errors-manager a[href] {
text-decoration: none;
word-break: break-word; }
.errors-manager a[href], .errors-manager [onclick], .errors-manager [onmouseover], .errors-manager [onmousedown], .errors-manager button, .errors-manager [type=button], .errors-manager [type=reset], .errors-manager [type=submit] {
cursor: pointer;
transition-duration: 1s; }
.errors-manager a[href]:hover, .errors-manager [onclick]:hover, .errors-manager [onmouseover]:hover, .errors-manager [onmousedown]:hover, .errors-manager button:hover, .errors-manager [type=button]:hover, .errors-manager [type=reset]:hover, .errors-manager [type=submit]:hover {
transition-duration: 0.2s; }
.errors-manager a[href], .errors-manager [onclick], .errors-manager [onmouseover], .errors-manager [onmousedown], .errors-manager button, .errors-manager [type=button], .errors-manager [type=reset], .errors-manager [type=submit] {
color: #812;
transition-property: color; }
.errors-manager a[href]:hover, .errors-manager [onclick]:hover, .errors-manager [onmouseover]:hover, .errors-manager [onmousedown]:hover, .errors-manager button:hover, .errors-manager [type=button]:hover, .errors-manager [type=reset]:hover, .errors-manager [type=submit]:hover {
color: #278; }
.errors-manager [onmouseover], .errors-manager [onmousedown] {
color: #551a22;
transition-property: color; }
.errors-manager [onmouseover]:hover, .errors-manager [onmousedown]:hover {
color: #224d55; }
.errors-manager a[href], .errors-manager [onclick] {
transition-property: color; }
.errors-manager button, .errors-manager [type=button], .errors-manager [type=reset], .errors-manager [type=submit] {
border-color: 0.1em solid #812;
box-shadow: 0em 0em 0.4em #812;
transition-property: color,border-color,box-shadow; }
.errors-manager button:hover, .errors-manager [type=button]:hover, .errors-manager [type=reset]:hover, .errors-manager [type=submit]:hover {
border-color: 0.1em solid #278;
box-shadow: 0em 0em 0.4em #278; }
.errors-manager .wmd-dictionary-item {
color: #551a22; }
.errors-manager .wmd-dictionary-item:hover {
color: #224d55; }
.errors-manager h2 {
font-size: 2.6em; }
.errors-manager h3 {
font-size: 2.2em; }
.errors-manager h4 {
font-size: 1.8em; }
.errors-manager h5 {
font-size: 1.4em; }
.errors-manager h6 {
font-size: 1em; }
.errors-manager ul, .errors-manager ol {
padding: 0em 2em; }
.errors-manager header, .errors-manager main, .errors-manager footer {
position: absolute;
left: 0em;
width: 100%; }
.errors-manager header, .errors-manager footer {
overflow: hidden;
display: flex;
flex-direction: row;
box-shadow: 0em 0em 0.125em #EFEFEF, 0em 0em 0.25em #EFEFEF, 0em 0em 0.5em #EFEFEF, 0em 0em 1em #EFEFEF, 0em 0em 2em #EFEFEF; }
.errors-manager header > *, .errors-manager footer > * {
flex: auto;
align-self: center; }
.errors-manager header {
top: 0em;
height: 4em;
z-index: 20; }
.errors-manager header h1 {
margin: .2em 1em;
padding: 0em;
font-size: 1em;
text-wrap: nowrap; }
.errors-manager header h1 .image {
height: 3.6em; }
.errors-manager header h1 img {
width: auto;
height: 3.6em; }
.errors-manager header h1 img + span {
display: none; }
.errors-manager header h1 span + span {
font-size: 3.4em;
height: 0.9444444444em; }
.errors-manager header h1 a > span {
display: inline-block;
vertical-align: top; }
.errors-manager main {
top: 4em;
bottom: 2.5em;
padding: 1% 2%;
z-index: 10;
overflow: auto;
box-sizing: border-box; }
.errors-manager footer {
bottom: 0em;
height: 2.5em;
z-index: 30; }
.errors-manager .main-menu {
width: 25em;
text-align: center; }
.errors-manager .main-menu ul {
list-style-type: none;
margin: 0em;
padding: 0em; }
.errors-manager .main-menu li {
display: inline-block;
margin: 0em .6em; }
.errors-manager .licenses {
display: flex;
flex-direction: row;
justify-content: center;
position: absolute;
left: 0em;
bottom: 0em;
width: 100%;
text-align: center;
padding: .1em .2em;
font-weight: 900;
font-size: .85em;
box-sizing: border-box; }
.errors-manager .license {
display: flex;
flex-direction: row;
align-self: center;
margin: 0em .2em;
text-align: center;
box-sizing: border-box; }
.errors-manager .license span {
flex: auto;
align-self: center; }
.errors-manager .license > * {
vertical-align: middle; }
.errors-manager .license img {
width: auto;
height: 2.5em;
margin: .2em .2em; }
.errors-manager h1 .image + span {
font-size: 3.1em; }
/*# sourceMappingURL=ErrorsManager.css.map */