*** Wartungsfenster jeden ersten Mittwoch vormittag im Monat ***

Skip to content
Snippets Groups Projects

Development

Merged Wörister, Florian requested to merge development into master
11 files
+ 420
268
Compare changes
  • Side-by-side
  • Inline
Files
11
@@ -71,262 +71,268 @@ span.ui.label.access-right.embargoed {
// new theme
:root {
--blue1: #006699;
--blue2: #72ADD5;
--grey1: #646363;
--blue1: #006699;
--blue2: #72ADD5;
--blue3: #DFF2FD;
--grey1: #646363;
}
.bold {
font-weight: bold;
font-weight: bold;
}
.box-shaddow {
box-shadow: 0px 3px 5px gray;
}
.container
{
width:100%;
padding-top: 30px;
}
.centerwrapper
{
margin: auto;
width: 1100px;
box-shadow: 0px 3px 5px gray;
}
button.bg-orange {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-family: "Arial";
font-family: "Arial";
}
body {
padding: 0pt;
margin: 0pt;
padding: 0pt;
margin: 0pt;
}
/* font definition*/
.white {
color: white;
h1 {
color: white;
font-size: 32pt;
font-weight: bold;
font-family: "Arial";
}
.blue {
color: var(--blue1);
h2 {
color: var(--blue1);
font-size: 24pt;
font-weight: bold;
font-family: "Arial";
text-align: center;
}
.grey {
color: var(--grey1);
h3 {
color: white;
font-size: 12pt;
font-weight: bold;
font-family: "Arial";
}
h1 {
font-size: 32pt;
font-weight: bold;
font-family: "Arial";
p {
color: var(--grey1);
font-size: 12pt;
font-family: "Arial";
}
h2 {
font-size: 24pt;
font-weight: bold;
font-family: "Arial";
a {
font-size: 12pt;
font-family: "Arial";
}
h3 {
font-size: 18pt;
font-weight: bold;
font-family: "Arial";
/* staging banner*/
#staging-banner {
position: fixed;
top:0px;
width:100%;
z-index: 1000;
background-color: red;
text-align: center;
}
p {
font-size: 12pt;
font-family: "Arial";
#staging-banner p {
color:white;
}
a {
font-size: 12pt;
font-family: "Arial";
#staging-banner a {
color:white;
text-decoration: underline;
}
/* header */
#frontpage-header {
width: 100%;
height: 340px;
background-color: var(--blue1);
header {
background-color: var(--blue1);
}
#navigationbar {
padding: 50px 50px 50px 50px;
width:100%;
height:100px;
#main-nav{
margin-bottom: 20px;
padding-right:40px;
padding-left:40px;
}
#main-nav a{
color: white;
}
#signet {
float: left;
width: 100px;
height: 100px;
padding-left:40px;
padding-right:40px;
padding-top:40px;
}
.signet-image {
width: 80;
height: 80px;
margin: 0px;
padding: 0px;
}
#searchbar {
width:500px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom:50px;
width:720px;
max-width: 95%;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}
#login {
float:right;
float:right;
}
/* welcome section */
#welcome-section {
margin:auto;
padding-top: 50px;
padding-bottom: 25px;
text-align:center;
width: 1100px;
}
#welcome-section p {
hyphens: auto;
text-align: justify
#welcome {
margin-bottom: 50px;
text-align: justify;
}
/* feature list */
#features {
height: 420px;
}
.feature-icon {
background-color: var(--blue2);
border-radius: 20px;
}
background-color: var(--blue2);
border-radius: 20px;
.feature-icon img {
width:120px;
height:120px;
margin:40px;
}
width:130px;
height:130px;
.feature-card-left {
margin-left: 0px;
margin-right:50px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.feature-card-right {
margin-left: 50px;
margin-right: 0px;
.feature-icon img {
width:100px;
height:100px;
margin:15px;
}
.feature-card-center {
margin-left: 50px;
margin-right: 50px;
.feature-text p {
margin-top: 30px;
text-align: center;
}
.feature-card {
float: left;
width:200px;
height:300px;
}
/* planned features */
.feature-card p {
margin-top: 30px;
text-align: center;
#pf-list {
margin-bottom: 50px;
}
#pf-list h2 {
color: var(--grey1);
text-align: left;
font-size: 14pt;
margin:0px;
}
/* planned features */
#planned-features {
height:100px;
text-align: center;
#pf-link {
margin-bottom: 50px;
text-align: center;
}
#planned-features a {
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
#pf-link a {
cursor: pointer;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
#planned-features a:hover {
font-size: 14pt;
font-weight: bold;
color: var(--grey1);
#pf-link a:hover {
font-size: 14pt;
font-weight: bold;
color: var(--grey1);
}
.planned-feature-icon {
width:130px;
height:130px;
padding:15px;
}
.planned-feature-text {
text-align: center;
border-radius: 20px;
padding:10px;
background-color: var(--blue3);
}
/* footer */
/*footer*/
#sitemap {
height: 200px;
background-color: var(--blue2);
background-color: var(--blue2);
}
#sitemap ul {
list-style-type:none;
padding: 0px;
list-style-type:none;
padding: 0px;
}
#sitemap li {
padding-bottom:0.2em;
padding-bottom:0.2em;
}
#sitemap a{
color: white;
color: white;
}
#sitemap a:hover{
color: white;
text-decoration: underline;
color: white;
text-decoration: underline;
}
.submenu-short {
float:left;
width:250px;
float:left;
width:250px;
}
.submenu-long {
float:left;
width:350px;
float:left;
width:350px;
}
#logos {
height: 100px;
background-color: var(--blue1);
}
.textlogo {
float:left;
margin-right:50px;
background-color: var(--blue1);
}
.textlogo a {
display:block;
font-size: 9pt;
font-family: "Arial";
color:white;
display:block;
font-size: 9pt;
font-family: "Arial";
color:white;
}
.textlogo img {
width:100px;
}
width:100px;
}
\ No newline at end of file
Loading