mirror of
https://github.com/Theodor-Springmann-Stiftung/pantoiaperiodica.git
synced 2025-10-29 17:15:32 +00:00
Initial
This commit is contained in:
187
src/civis-romanus_scriptor-latinus/css/main.css
Normal file
187
src/civis-romanus_scriptor-latinus/css/main.css
Normal file
@@ -0,0 +1,187 @@
|
||||
/* 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; }
|
||||
Reference in New Issue
Block a user