@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 */