mirror of
https://github.com/Theodor-Springmann-Stiftung/pantoiaperiodica.git
synced 2025-10-28 16:45:33 +00:00
188 lines
4.1 KiB
CSS
188 lines
4.1 KiB
CSS
/* INDEX Civis Romani/Scriptoris Latini - main.css - 10.04.2015 // 6.11.2017 // 5.1.2018 // 2.9.2020 // 9.4.2021 // 13.8.22 */
|
|
|
|
@font-face {
|
|
font-family: "Gentium Book Basic";
|
|
font-style: normal;
|
|
src: url("../fnt/gentium-book-basic-v16-latin-700.woff2") format("woff2");
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Dr Sugiyama";
|
|
font-style: normal;
|
|
src: url("../fnt/dr-sugiyama-v22-latin-regular.woff2") format("woff2");
|
|
font-weight: regular;
|
|
font-display: swap;
|
|
}
|
|
html, body, div, img, p, h1, a, ul, ol, li, table, td, form, input, label, select, hr {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
img, div, form {
|
|
border: none;
|
|
}
|
|
html { height:100%; }
|
|
|
|
body, label, input, select, p, td, a, li {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
body {
|
|
font-size: small;
|
|
margin-top: 1px;
|
|
padding-bottom: 5em;
|
|
background-color: #f2f2f2;
|
|
background-repeat: repeat;
|
|
}
|
|
div {
|
|
margin: auto;
|
|
width: 920px;
|
|
margin-top: 0px;
|
|
margin-bottom: 1px;
|
|
background: #fff;
|
|
height: 100%;
|
|
}
|
|
div#banner {
|
|
background: #f0f1e1;
|
|
height: 120px;
|
|
}
|
|
div#dd_menu {
|
|
/* width: 812px; */
|
|
width: 920px;
|
|
border: none;
|
|
height: 30px;
|
|
background: gray;
|
|
}
|
|
div#main {
|
|
width: 730px;
|
|
border: none;
|
|
padding-bottom: 2.5em;
|
|
padding-top: 1em;
|
|
}
|
|
p {
|
|
padding-bottom: 0.6em;
|
|
}
|
|
p.nav {
|
|
padding: 0px;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
p.copyright {
|
|
font-size: small;
|
|
}
|
|
p.fnsep {
|
|
padding: 0px;
|
|
height: 1px;
|
|
border-bottom: 1px solid gray;
|
|
width: 300px;
|
|
margin: 1em 0 1em 0px;
|
|
text-align: left;
|
|
}
|
|
img#banner_img {
|
|
padding: 36px 0px 24px 62px;
|
|
}
|
|
a {
|
|
/* darkblue */
|
|
color: #4040a8;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
a.x {
|
|
color: grey;
|
|
padding: 0em;
|
|
text-decoration: none;
|
|
}
|
|
a.x:hover {
|
|
color: darkred;
|
|
cursor: default;
|
|
background: white;
|
|
}
|
|
h1 {
|
|
font-size: medium;
|
|
padding-top: 1.5em;
|
|
padding-bottom: 0.5em;
|
|
color: #333;
|
|
}
|
|
h1#bntxt {
|
|
font-family: "Gentium Book Basic", serif;
|
|
font-size: 1.8em;
|
|
margin-left: 46px;
|
|
color: #4f2b17;
|
|
line-height: 150%;
|
|
padding-top: 1.2em;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
input[type="submit"]::-moz-focus-inner {border: 0; padding: 0px; }
|
|
input[type="button"]::-moz-focus-inner {border: padding: 0px; }
|
|
input {
|
|
background-color: #fff;
|
|
border: 1px solid grey;
|
|
font-size: small;
|
|
padding: 0px;
|
|
width: 2.3em;
|
|
}
|
|
input.button {
|
|
background-color: #f2f2f2;
|
|
width: 7.2em;
|
|
border-radius: 2px;
|
|
border: 1px solid #aaa;
|
|
}
|
|
input.button:hover{
|
|
background-color: white;
|
|
}
|
|
input.texteingabe {
|
|
border: 1px solid #ccc;
|
|
height: 1.5em;
|
|
}
|
|
select {
|
|
background-color: #fff;
|
|
border: 1px solid lightgrey;
|
|
font-size: 0.9em;
|
|
padding: 0em;
|
|
margin-left: 1em;
|
|
}
|
|
pre { /* DB Connecting error */
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
/* jQUERY autocomplete */
|
|
.ui-autocomplete
|
|
{
|
|
max-height: 160px;
|
|
overflow-y: auto; /* prevent horizontal scrollbar */
|
|
overflow-x: hidden;
|
|
}
|
|
* html .ui-autocomplete
|
|
{
|
|
height: 100px;
|
|
}
|
|
/* CSSMENU */
|
|
.menu-link { display: none;}
|
|
.menu { float: left; }
|
|
.menu ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
list-style: none;
|
|
position: relative;
|
|
display: inline-table;
|
|
}
|
|
.menu ul li { padding: 0px; }
|
|
.menu > ul > li { display: inline-block; }
|
|
.menu ul li a { display: block; text-decoration: none; border: none; color: #fff; font-size: 12px; }
|
|
.menu ul li > a { padding: 7px 6px 7px 6px; }
|
|
.menu ul ul {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
min-width: 130px;
|
|
border: 1px solid lightgrey;
|
|
}
|
|
.menu a:hover {}
|
|
.menu ul li:hover > ul { display: block; }
|
|
.menu ul ul > li { position: relative; }
|
|
.menu ul ul > li a { padding: 4px 20px 4px 20px; height: auto; background-color: gray; }
|
|
.menu ul ul > li a:hover { background-color: lightgrey; color: black; }
|
|
.menu ul ul ul { position: absolute; left: 100%; top: 0px; }
|
|
.menu a.mnu_sep { border-bottom: 1px dotted lightgrey; }
|