237 lines
19 KiB
CSS
237 lines
19 KiB
CSS
@use "sass:map";
|
|
@use "sass:list";
|
|
@use "sass:meta";
|
|
.anp {
|
|
position: relative;
|
|
top: 0em;
|
|
left: 0em;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden; }
|
|
.anp, .anp button, .anp input, .anp select {
|
|
font-family: "Roboto", Arial; }
|
|
.anp textarea, .anp pre {
|
|
font-family: "RobotoMono", monospace; }
|
|
.anp button, .anp input, .anp select, .anp textarea {
|
|
font-size: 1em; }
|
|
.anp [data-icon]::before {
|
|
margin-right: .4em;
|
|
font-family: "FA6FS"; }
|
|
.anp a[href] {
|
|
text-decoration: none; }
|
|
.anp [role=link]:not([disabled], [readonly]), .anp [role=button]:not([disabled], [readonly]), .anp [data-role=link]:not([disabled], [readonly]), .anp [data-role=button]:not([disabled], [readonly]), .anp a[href]:not([disabled], [readonly]), .anp button:not([disabled], [readonly]), .anp [type=button]:not([disabled], [readonly]), .anp [type=submit]:not([disabled], [readonly]), .anp [type=reset]:not([disabled], [readonly]) {
|
|
cursor: pointer;
|
|
transition-duration: 1s;
|
|
transition-property: color; }
|
|
.anp [role=link]:not([disabled], [readonly]):hover, .anp [role=button]:not([disabled], [readonly]):hover, .anp [data-role=link]:not([disabled], [readonly]):hover, .anp [data-role=button]:not([disabled], [readonly]):hover, .anp a[href]:not([disabled], [readonly]):hover, .anp button:not([disabled], [readonly]):hover, .anp [type=button]:not([disabled], [readonly]):hover, .anp [type=submit]:not([disabled], [readonly]):hover, .anp [type=reset]:not([disabled], [readonly]):hover {
|
|
transition-duration: 0.35s; }
|
|
.anp [role=button], .anp [data-role=button], .anp button, .anp [type=button], .anp [type=submit], .anp [type=reset], .anp [type=text], .anp [type=number], .anp [type=date], .anp [type=password], .anp textarea {
|
|
padding: .1em .4em;
|
|
border-width: .1em;
|
|
border-style: solid;
|
|
border-color: #898989;
|
|
border-radius: 0.3em;
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
.anp button:not([disabled], [readonly]), .anp [type=button]:not([disabled], [readonly]), .anp [type=submit]:not([disabled], [readonly]), .anp [type=reset]:not([disabled], [readonly]) {
|
|
transition-property: color,border-color,background-color,box-shadow; }
|
|
.anp .group > *, .anp .group > * > * {
|
|
border-radius: 0em; }
|
|
.anp .group > :first-child, .anp .group > :first-child > :first-child {
|
|
border-radius: 0.3em 0em 0em 0.3em; }
|
|
.anp .group > :last-child, .anp .group > :last-child > :last-child {
|
|
border-radius: 0em 0.3em 0.3em 0em; }
|
|
.anp [data-visible=false] {
|
|
display: none; }
|
|
.anp header, .anp main, .anp footer {
|
|
position: absolute;
|
|
left: 0em;
|
|
width: 100%; }
|
|
.anp header {
|
|
top: 0em;
|
|
height: 4em;
|
|
z-index: 20;
|
|
overflow: visible; }
|
|
.anp main {
|
|
top: 4em;
|
|
bottom: 2em;
|
|
z-index: 10;
|
|
overflow: auto; }
|
|
.anp footer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-items: center;
|
|
bottom: 0em;
|
|
height: 2em;
|
|
z-index: 30;
|
|
overflow: visible; }
|
|
.anp[data-gui-mode=dark], .anp[data-gui-mode=default][data-dark-mode=true] {
|
|
background-color: #222;
|
|
color: #EFEFEF; }
|
|
.anp[data-gui-mode=dark], .anp[data-gui-mode=dark] button, .anp[data-gui-mode=dark] input, .anp[data-gui-mode=dark] select, .anp[data-gui-mode=dark] textarea, .anp[data-gui-mode=default][data-dark-mode=true], .anp[data-gui-mode=default][data-dark-mode=true] button, .anp[data-gui-mode=default][data-dark-mode=true] input, .anp[data-gui-mode=default][data-dark-mode=true] select, .anp[data-gui-mode=default][data-dark-mode=true] textarea {
|
|
color: #EFEFEF; }
|
|
.anp[data-gui-mode=dark] button, .anp[data-gui-mode=dark] input, .anp[data-gui-mode=dark] select, .anp[data-gui-mode=dark] textarea, .anp[data-gui-mode=default][data-dark-mode=true] button, .anp[data-gui-mode=default][data-dark-mode=true] input, .anp[data-gui-mode=default][data-dark-mode=true] select, .anp[data-gui-mode=default][data-dark-mode=true] textarea {
|
|
background-color: #1b1b1b; }
|
|
.anp[data-gui-mode=dark] [role=link][disabled], .anp[data-gui-mode=dark] [data-role=link][disabled], .anp[data-gui-mode=dark] a[href][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [role=link][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [data-role=link][disabled], .anp[data-gui-mode=default][data-dark-mode=true] a[href][disabled] {
|
|
color: #898989; }
|
|
.anp[data-gui-mode=dark] [role=link][readonly], .anp[data-gui-mode=dark] [data-role=link][readonly], .anp[data-gui-mode=dark] a[href][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [role=link][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [data-role=link][readonly], .anp[data-gui-mode=default][data-dark-mode=true] a[href][readonly] {
|
|
color: #EFEFEF; }
|
|
.anp[data-gui-mode=dark] [role=link]:not([disabled], [readonly]), .anp[data-gui-mode=dark] [data-role=link]:not([disabled], [readonly]), .anp[data-gui-mode=dark] a[href]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [role=link]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [data-role=link]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] a[href]:not([disabled], [readonly]) {
|
|
color: #2262b0; }
|
|
.anp[data-gui-mode=dark] [role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] [data-role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] a[href]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [data-role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] a[href]:not([disabled], [readonly]):hover {
|
|
color: #b06222; }
|
|
.anp[data-gui-mode=dark] [role=button][disabled], .anp[data-gui-mode=dark] [data-role=button][disabled], .anp[data-gui-mode=dark] button[disabled], .anp[data-gui-mode=dark] [type=button][disabled], .anp[data-gui-mode=dark] [type=submit][disabled], .anp[data-gui-mode=dark] [type=reset][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [role=button][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [data-role=button][disabled], .anp[data-gui-mode=default][data-dark-mode=true] button[disabled], .anp[data-gui-mode=default][data-dark-mode=true] [type=button][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [type=submit][disabled], .anp[data-gui-mode=default][data-dark-mode=true] [type=reset][disabled] {
|
|
border-color: #898989;
|
|
color: #898989;
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
.anp[data-gui-mode=dark] [role=button][readonly], .anp[data-gui-mode=dark] [data-role=button][readonly], .anp[data-gui-mode=dark] button[readonly], .anp[data-gui-mode=dark] [type=button][readonly], .anp[data-gui-mode=dark] [type=submit][readonly], .anp[data-gui-mode=dark] [type=reset][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [role=button][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [data-role=button][readonly], .anp[data-gui-mode=default][data-dark-mode=true] button[readonly], .anp[data-gui-mode=default][data-dark-mode=true] [type=button][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [type=submit][readonly], .anp[data-gui-mode=default][data-dark-mode=true] [type=reset][readonly] {
|
|
border-color: #EFEFEF;
|
|
color: #EFEFEF;
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
.anp[data-gui-mode=dark] [role=button]:not([disabled], [readonly]), .anp[data-gui-mode=dark] [data-role=button]:not([disabled], [readonly]), .anp[data-gui-mode=dark] button:not([disabled], [readonly]), .anp[data-gui-mode=dark] [type=button]:not([disabled], [readonly]), .anp[data-gui-mode=dark] [type=submit]:not([disabled], [readonly]), .anp[data-gui-mode=dark] [type=reset]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [role=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [data-role=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] button:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [type=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [type=submit]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=true] [type=reset]:not([disabled], [readonly]) {
|
|
border-color: #2262b0;
|
|
color: #89a9d0;
|
|
box-shadow: 0em 0em 0.4em inset #2262b0; }
|
|
.anp[data-gui-mode=dark] [role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] [data-role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] button:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] [type=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] [type=submit]:not([disabled], [readonly]):hover, .anp[data-gui-mode=dark] [type=reset]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [data-role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] button:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [type=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [type=submit]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=true] [type=reset]:not([disabled], [readonly]):hover {
|
|
border-color: #b06222;
|
|
color: #d0a989;
|
|
box-shadow: 0em 0em 0.4em inset #b06222; }
|
|
.anp[data-gui-mode=light], .anp[data-gui-mode=default][data-dark-mode=false] {
|
|
background-color: #EFEFEF;
|
|
color: #222; }
|
|
.anp[data-gui-mode=light], .anp[data-gui-mode=light] button, .anp[data-gui-mode=light] input, .anp[data-gui-mode=light] select, .anp[data-gui-mode=light] textarea, .anp[data-gui-mode=default][data-dark-mode=false], .anp[data-gui-mode=default][data-dark-mode=false] button, .anp[data-gui-mode=default][data-dark-mode=false] input, .anp[data-gui-mode=default][data-dark-mode=false] select, .anp[data-gui-mode=default][data-dark-mode=false] textarea {
|
|
color: #222; }
|
|
.anp[data-gui-mode=light] button, .anp[data-gui-mode=light] input, .anp[data-gui-mode=light] select, .anp[data-gui-mode=light] textarea, .anp[data-gui-mode=default][data-dark-mode=false] button, .anp[data-gui-mode=default][data-dark-mode=false] input, .anp[data-gui-mode=default][data-dark-mode=false] select, .anp[data-gui-mode=default][data-dark-mode=false] textarea {
|
|
background-color: #f2f2f2; }
|
|
.anp[data-gui-mode=light] [role=link][disabled], .anp[data-gui-mode=light] [data-role=link][disabled], .anp[data-gui-mode=light] a[href][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [role=link][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [data-role=link][disabled], .anp[data-gui-mode=default][data-dark-mode=false] a[href][disabled] {
|
|
color: #898989; }
|
|
.anp[data-gui-mode=light] [role=link][readonly], .anp[data-gui-mode=light] [data-role=link][readonly], .anp[data-gui-mode=light] a[href][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [role=link][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [data-role=link][readonly], .anp[data-gui-mode=default][data-dark-mode=false] a[href][readonly] {
|
|
color: #222; }
|
|
.anp[data-gui-mode=light] [role=link]:not([disabled], [readonly]), .anp[data-gui-mode=light] [data-role=link]:not([disabled], [readonly]), .anp[data-gui-mode=light] a[href]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [role=link]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [data-role=link]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] a[href]:not([disabled], [readonly]) {
|
|
color: #2272D4; }
|
|
.anp[data-gui-mode=light] [role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] [data-role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] a[href]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [data-role=link]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] a[href]:not([disabled], [readonly]):hover {
|
|
color: #D47222; }
|
|
.anp[data-gui-mode=light] [role=button][disabled], .anp[data-gui-mode=light] [data-role=button][disabled], .anp[data-gui-mode=light] button[disabled], .anp[data-gui-mode=light] [type=button][disabled], .anp[data-gui-mode=light] [type=submit][disabled], .anp[data-gui-mode=light] [type=reset][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [role=button][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [data-role=button][disabled], .anp[data-gui-mode=default][data-dark-mode=false] button[disabled], .anp[data-gui-mode=default][data-dark-mode=false] [type=button][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [type=submit][disabled], .anp[data-gui-mode=default][data-dark-mode=false] [type=reset][disabled] {
|
|
border-color: #898989;
|
|
color: #898989;
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
.anp[data-gui-mode=light] [role=button][readonly], .anp[data-gui-mode=light] [data-role=button][readonly], .anp[data-gui-mode=light] button[readonly], .anp[data-gui-mode=light] [type=button][readonly], .anp[data-gui-mode=light] [type=submit][readonly], .anp[data-gui-mode=light] [type=reset][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [role=button][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [data-role=button][readonly], .anp[data-gui-mode=default][data-dark-mode=false] button[readonly], .anp[data-gui-mode=default][data-dark-mode=false] [type=button][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [type=submit][readonly], .anp[data-gui-mode=default][data-dark-mode=false] [type=reset][readonly] {
|
|
border-color: #222;
|
|
color: #222;
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
.anp[data-gui-mode=light] [role=button]:not([disabled], [readonly]), .anp[data-gui-mode=light] [data-role=button]:not([disabled], [readonly]), .anp[data-gui-mode=light] button:not([disabled], [readonly]), .anp[data-gui-mode=light] [type=button]:not([disabled], [readonly]), .anp[data-gui-mode=light] [type=submit]:not([disabled], [readonly]), .anp[data-gui-mode=light] [type=reset]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [role=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [data-role=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] button:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [type=button]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [type=submit]:not([disabled], [readonly]), .anp[data-gui-mode=default][data-dark-mode=false] [type=reset]:not([disabled], [readonly]) {
|
|
border-color: #2272D4;
|
|
color: #224a7b;
|
|
box-shadow: 0em 0em 0.4em inset #2272D4; }
|
|
.anp[data-gui-mode=light] [role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] [data-role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] button:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] [type=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] [type=submit]:not([disabled], [readonly]):hover, .anp[data-gui-mode=light] [type=reset]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [data-role=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] button:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [type=button]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [type=submit]:not([disabled], [readonly]):hover, .anp[data-gui-mode=default][data-dark-mode=false] [type=reset]:not([disabled], [readonly]):hover {
|
|
border-color: #D47222;
|
|
color: #7b4a22;
|
|
box-shadow: 0em 0em 0.4em inset #D47222; }
|
|
.anp h1 {
|
|
margin: .2em .5em;
|
|
padding: 0em;
|
|
font-size: 1em;
|
|
font-weight: 900; }
|
|
.anp h1 img {
|
|
width: auto;
|
|
height: 3.6em; }
|
|
.anp h1 img + span {
|
|
display: none; }
|
|
.anp h1 a > span {
|
|
vertical-align: middle; }
|
|
.anp h1, .anp h1 .image {
|
|
display: inline-block; }
|
|
.anp h1 .text {
|
|
margin-left: .2em;
|
|
font-size: 3.6em; }
|
|
.anp .main-menu {
|
|
padding-bottom: .4em;
|
|
vertical-align: bottom; }
|
|
.anp .main-menu, .anp .main-menu ul, .anp .main-menu li {
|
|
display: inline-block; }
|
|
.anp .main-menu ul {
|
|
margin: 0em;
|
|
padding: 0em;
|
|
list-style-type: none; }
|
|
.anp .main-menu li {
|
|
margin: 0em 1em; }
|
|
.anp .licenses {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-items: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
font-weight: 100;
|
|
text-align: center; }
|
|
.anp .licenses img {
|
|
width: auto;
|
|
height: 1.8em; }
|
|
.anp .licenses > span {
|
|
margin: 0em .3em;
|
|
vertical-align: middle; }
|
|
.anp .licenses .text {
|
|
font-size: .7em; }
|
|
.anp .copyright {
|
|
font-size: .7em; }
|
|
.anp .cc-by-nc-sa-4, .anp .gplv3 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-items: center;
|
|
align-items: center; }
|
|
.anp .cc-by-nc-sa-4 > span, .anp .gplv3 > span {
|
|
margin: 0em .3em; }
|
|
.anp .gui-controls {
|
|
margin: .2em .5em;
|
|
padding: 0em;
|
|
border: none;
|
|
white-space: nowrap;
|
|
font-size: .85em; }
|
|
.anp .gui-controls > *, .anp .gui-controls > * > * {
|
|
border-radius: 0em; }
|
|
.anp .gui-controls > [data-i18n=less_zoom], .anp .gui-controls .input-number, .anp .gui-controls > [data-i18n=more_zoom], .anp .gui-controls > [data-i18n=reset_zoom] {
|
|
display: none; }
|
|
.anp .gui-controls button[data-i18n=zoom_mode], .anp .gui-controls button[data-i18n=zoom_mode] > :first-child {
|
|
border-radius: 0.3em 0em 0em 0.3em; }
|
|
.anp .gui-controls > :last-child, .anp .gui-controls > :last-child > :last-child {
|
|
border-radius: 0em 0.3em 0.3em 0em; }
|
|
.anp .gui-controls legend {
|
|
display: none; }
|
|
.anp .gui-controls [data-icon]::before {
|
|
margin: 0em; }
|
|
.anp .gui-controls [data-icon] + [data-i18n] {
|
|
display: none; }
|
|
.anp .wmd-main-menu-button {
|
|
position: absolute;
|
|
bottom: 0em;
|
|
right: 0em; }
|
|
|
|
.anp [data-icon=less_zoom]::before {
|
|
content: "\f010"; }
|
|
.anp [data-icon=more_zoom]::before {
|
|
content: "\f00e"; }
|
|
.anp [data-icon=reset_zoom]::before {
|
|
content: "\f002"; }
|
|
.anp [data-icon=zoom_mode]::before {
|
|
content: "\f689"; }
|
|
.anp [data-icon=more_options]::before {
|
|
content: "\f013"; }
|
|
.anp [data-icon=home]::before {
|
|
content: "\f015"; }
|
|
.anp [data-icon=web]::before {
|
|
content: "\f0ac"; }
|
|
.anp [data-icon=menu]::before {
|
|
content: "\f0c9"; }
|
|
.anp [data-icon=git]::before {
|
|
content: "\f841";
|
|
font-family: "FA6FB"; }
|
|
.anp [data-icon=documentation]::before {
|
|
content: "\f15c";
|
|
font-family: "FA6FR"; }
|
|
.anp[data-gui-mode=default] [data-icon=gui_mode]::before {
|
|
content: "\f850"; }
|
|
.anp[data-gui-mode=dark] [data-icon=gui_mode]::before {
|
|
content: "\f3fb"; }
|
|
.anp[data-gui-mode=light] [data-icon=gui_mode]::before {
|
|
content: "\f009"; }
|
|
|
|
/*# sourceMappingURL=AnP.css.map */
|