style.css

/* 
Vanilla Reset
http://noscope.com/vanilla-css
CSSresetr
*/
/**
* Start Vanilla CSS 1.0.0
*/
#ordbog {
font: 9pt/1.5em Arial, Helvetica, sans-serif;
}
#ordbog pre, #ordbog code, #ordbog tt {
font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}
#ordbog h1, #ordbog h2, #ordbog h3, #ordbog h4, #ordbog h5, #ordbog h6, #ordbog b, #ordbog strong {
font-weight: bold;
}
#ordbog em, #ordbog i, #ordbog dfn {
font-style: italic;
}
#ordbog dfn {
font-weight:bold;
}
#ordbog p, #ordbog code, #ordbog pre, #ordbog kbd {
margin:0 0 1.5em 0;
}
#ordbog blockquote {
margin:0 1.5em 1.5em 1.5em;
}
#ordbog cite {
font-style: italic;
}
#ordbog li ul, #ordbog li ol {
margin:0 1.5em;
}
#ordbog ul, #ordbog ol {
margin:0 1.5em 1.5em 1.5em;
}
#ordbog ul li {
list-style-type:disc;
}
#ordbog ol li {
list-style-type:decimal;
}
#ordbog ol ol li {
list-style: upper-alpha;
}
#ordbog ol ol ol li {
list-style: lower-roman;
}
#ordbog ol ol ol ol li {
list-style: lower-alpha;
}
#ordbog dl {
margin:0 0 1.5em 0;
}
#ordbog dl dt {
font-weight:bold;
}
#ordbog dd {
margin-left:1.5em;
}
#ordbog table {
margin-bottom:1.4em;
width:100%;
}
#ordbog th {
font-weight:bold;
}
#ordbog th, #ordbog td, #ordbog caption {
padding:4px 10px 4px 5px;
}
#ordbog tfoot {
font-style:italic;
}
#ordbog sup, #ordbog sub {
line-height:0;
}
#ordbog abbr, #ordbog acronym {
border-bottom: 1px dotted;
}
#ordbog address {
margin:0 0 1.5em;
font-style:italic;
}
#ordbog del {
text-decoration: line-through;
}
#ordbog pre {
margin:1.5em 0;
white-space:pre;
}
#ordbog img.centered, #ordbog .aligncenter, #ordbog div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
#ordbog img.alignright {
display: inline;
}
#ordbog img.alignleft {
display: inline;
}
#ordbog .alignright {
float: right;
margin-left: 10px;
}
#ordbog .alignleft {
float: left;
margin-right: 10px;
}
#ordbog  html .clearfix {
height: 1%;
}
#ordbog  + html .clearfix {
display: inline-block;
}
#ordbog .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#ordbog  html .group {
height: 1%;
}
#ordbog  + html .group {
display: inline-block;
}
#ordbog .group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/**
* End Vanilla CSS
*/

@font-face {
    font-family: 'Monomakh Unicode';
    src: url('https://sci.ponomar.net/fonts/MonomakhUnicode.eot');
    src: url('https://sci.ponomar.net/fonts/MonomakhUnicode.eot?#iefix') format('embedded-opentype'),
	url('https://sci.ponomar.net/fonts/MonomakhUnicode.woff2') format('woff2'),
	url('https://sci.ponomar.net/fonts/MonomakhUnicode.woff') format('woff'),
	url('https://sci.ponomar.net/fonts/MonomakhUnicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSlav';
    src: url('https://sci.ponomar.net/fonts/FiraSlav-Regular.eot');
    src: url('https://sci.ponomar.net/fonts/FiraSlav-Regular.eot?#iefix') format('embedded-opentype'),
	url('https://sci.ponomar.net/fonts/FiraSlav-Regular.woff2') format('woff2'),
	url('https://sci.ponomar.net/fonts/FiraSlav-Regular.woff') format('woff'),
	url('https://sci.ponomar.net/fonts/FiraSlav-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: 400;
    src: local('Arimo'),
    url('https://fonts.cdnfonts.com/s/12350/Arimo-Regular.woff2') format('woff2'),
    url('https://fonts.cdnfonts.com/s/12350/Arimo-Regular.woff') format('woff'),
    url('https://fonts.cdnfonts.com/s/12350/Arimo-Regular.ttf') format('truetype');
}





#ordbog, .ordbog-indhold, #ordbogform, #inputordbog, .oben, .spantitle, .linktitle, .lupe, .spantitle, .spansubtitle, .dictsubtitle {
font: normal normal 18px verdana, sans-serif !important;
}

#texto, #texto2, #texto3, input#texto, input#texto2, input#texto3 {
font: normal normal 18px "FiraSlav", monospace !important;
}

.dicts_notes_font, .dicts_notes_font > span, .dicts_notes_font > label {
font: normal normal 12px verdana, sans-serif !important;
}

.dictsubtitle, .dictsubtitle * {
font: normal normal 10px verdana, sans-serif !important;
}

.monomakhfont {
font: normal normal 1.5em "Monomakh Unicode", sans-serif !important;
}

.firaslavfont {
font: normal normal 1.5em "FiraSlav", sans-serif !important;
}

.arimofont {
font: normal normal 1.5em "Arimo", sans-serif !important;
}

.systemfont {
font: normal normal 1.5em serif, sans-serif !important;
}

#translitinput, #translitoutput {
font: normal normal normal 12px verdana, sans-serif !important;
height:30px;
width: max-content;
}

.minimer, .luk {
font: normal normal bold 28px verdana, sans-serif !important;
}

textarea {
margin: 0 auto;
position: relative;
min-height:32px;
}

td {
width:50%;
 position: relative;
}

#ordbog {
display: block;
text-align:left;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
margin: auto;
direction: ltr !important;
}

.ordbog-indhold {
background-color: rgba(0,0,0,0.8);
text-align:left;
margin: auto;
width: 75%;
max-height: 75%;
overflow-y: scroll;
padding: 5px;
border-radius: 5px;
}

.luk, .minimer {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.luk:hover,
.luk:focus,
.minimer:hover,
.minimer:focus {
color: white;
text-decoration: none;
cursor: pointer;
}

#ordbogform, #ordbogform:active, #ordbogform:focus, #ordbogform:hover, #ordbogform:visited {
text-align:justify;
}

#inputordbog, #inputordbog:active, #inputordbog:visited, #texto, #texto2, #texto3, select {
border: 1px solid black;
border-radius:4px;
border-width: 1px;
border-collapse: separate;
background-color:#ccc;
cursor: pointer;
}

#ordbogform, #inputordbog, #ordbogform:active, #inputordbog:active, #ordbogform:focus, #inputordbog:focus, #ordbogform:hover, #inputordbog:hover, #ordbogform:visited, #ordbogform:visited {
text-align:left;
margin: 1px;
padding: 3px !important;
font: normal normal normal 12px verdana, sans-serif !important;
color:initial;
box-shadow:none;
min-height: 0;
transition: none;
}

#inputordbog {
height: 22px !important;
}

#inputordbog:hover {
background-color:white;
}

#inputordbog:active {
background-color:gray;
color:white;
}

#ordbogform {
overflow:hidden;
}

#texto2, #texto3 {
position:relattve;
background-color:white;
cursor:text;
}

#texto {
background-color:white;
cursor:text;
height:32px!important;
padding:4px 6px!important;
width:300px;
}

#texto2 {
margin-left:0;
}

.oben {
display:inline-flex;
margin-bottom:5px;
align-items: center;
}

.title {
width: 100%;
display: block;
margin:10px 0;
}

.oben img {
height:13px;
width:28px;
margin-right:15px;
}

.spantitle {
padding: 0;
color: lightgrey;
font-weight: bold !important;
}

a.linktitle {
padding: 0;
text-decoration: underline;
color:grey;
font: normal normal bold 10px verdana, sans-serif !important;
float:right;
white-space:nowrap;
margin-top:15px;
}

a.linktitle {
	padding: 0;
	text-decoration: underline;
	color: grey;
	font: normal normal bold 10px verdana, sans-serif !important;
	float: right;
	white-space: nowrap;
	margin-top: 15px;
}

a.linktitle:hover,
a.linktitle:focus {
text-decoration: none;
color:lightgrey!important;
text-decoration-color:lightgrey!important;
font-weight:normal;
font: normal normal bold 10px verdana, sans-serif !important;
}

#ordbogklein a:hover,
#ordbogklein a:focus {
text-decoration: none;
color:lightgrey!important;
text-decoration-color:lightgrey!important;
}

p.lupe {
margin: -25px -10px 0 15px!important;
padding: 0;
border: 0;
float: left;
position: relative;
bottom: 0;
font-size: 28px !important;
color: white;
max-height: 1px;
text-shadow: 2px 0px 0px #4B4B4B, 1px 0px 0px #4B4B4B;
transform: rotate(45deg)
}

.spantitle {
text-shadow: 3px 2px 10px black;
}

.spansubtitle {
padding-left:20px;
color:lightgrey;
font: normal normal bold 14px verdana, sans-serif !important;
text-decoration:underline;
display:inline;
text-shadow: 3px 2px 10px black;
}

form[name="formular"] {
margin-left:10px;
}

.dictsubtitle {
margin-top:7px;
margin-bottom:7px;
color:lightgrey;
font: normal normal bold 10px verdana, sans-serif !important;
display:block;
text-align:left;
text-shadow: 3px 2px 10px black;
}

.dictsubtitle a {
color:grey;
}

.dictsubtitle a:hover,
.dictsubtitle a:focus {
color:lightgrey!important;
}

.sprachindikator {
margin-top:7px;
margin-bottom:7px;
color:lightgrey;
font: normal normal bold 10px verdana, sans-serif !important;
display:inline;
text-shadow: 3px 2px 10px black;
}

#ordbogklein {
background-color: rgba(0,0,0,0.8);
z-index:999;
position: fixed;
bottom:0;
right:0;
border:0;
border-radius:5px 0 0 0;
padding:20px;
}

#ordbogklein a {
font: normal normal 16px verdana, sans-serif !important;
color:white;
font-weight:bold;
}

#ordbogklein a {
font: bold 16px verdana, sans-serif !important;
color:white;
}

#ordbogklein a:hover {
text-decoration: underline;
cursor:nw-resize;
}

span.minimer {
cursor:se-resize!important;
}

.dicts_notes_font {
color: lightgrey;
font: normal normal bold 10px verdana, sans-serif !important;
text-shadow: 3px 2px 10px black;
}

.slavNotepad {
width:100%!important;
height:150px!important;
font-size:1.2em;
}

.dicts_notes_font {
font:Monomakh Unicode!important;
}

.dicts_notes_mode_div {
margin:0;
padding:0;
border:0;
display:inline-flex;
justify-content:flex-start;
width:max-width;
}

.dicts_notes_reiter, .dicts_notes_reiter_titel {
margin:0 1px 0 1px;
padding:5px;
color:lightgrey;
font: normal normal bold 10px verdana, sans-serif !important;
text-shadow: 3px 2px 10px black;

}

.dicts_notes_reiter {
border:1px solid black;
border-radius: 4px;
cursor: pointer;
}

.dicts_notes_reiter:hover {
border:1px solid white;
}