Select Git revision
purge-trailing-blank-lines.pl
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
stylesheet.css 9.06 KiB
h1{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3{
text-align: center;
}
body {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #e2e0d9;
margin: 0;
}
.suchfeld {
float: right;
padding: 10px 90px;
background-color: #333;
}
#navibereich {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 30px;
text-decoration: none;
}
li a:hover {
background-color: #008CBA;
}
.btn{
background-color: #008CBA;
color: white;
border: 3px solid #008CBA;
}
.btn:hover {
background-color: #008CBA;
color: white;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
}
.pagination a.active {
background-color: #4CAF50;
color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
ul.simple-pagination {
list-style: none;
}
.simple-pagination {
display: block;
overflow: hidden;
padding: 0 5px 5px 0;
margin: 0;
}
.simple-pagination ul {
list-style: none;
padding: 0;
margin: 0;
}
.simple-pagination li {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
span.ellipse.clickable {
cursor: pointer;
}
.ellipse input {
width: 3em;
}
/*------------------------------------*\
Compact Theme Styles
\*------------------------------------*/
.compact-theme span {
cursor:pointer;
}
.compact-theme a, .compact-theme span {
float: left;
color: #333;
font-size:14px;
line-height:24px;
font-weight: normal;
text-align: center;
border: 1px solid #AAA;
border-left: none;
min-width: 14px;
padding: 0 7px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
text-decoration: none;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}
.compact-theme li:first-child a, .compact-theme li:first-child span {
border-left: 1px solid #AAA;
border-radius: 3px 0 0 3px;
}
.compact-theme li:last-child a, .compact-theme li:last-child span {
border-radius: 0 3px 3px 0;
}
.compact-theme .current {
background: #bbbbbb; /* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
cursor: default;
}
.compact-theme .ellipse {
background: #EAEAEA;
padding: 0 10px;
cursor: default;
}
/*------------------------------------*\
Light Theme Styles
\*------------------------------------*/
.light-theme span {
cursor:pointer;
}
.light-theme a, .light-theme span {
float: left;
color: #666;
font-size:14px;
line-height:24px;
font-weight: normal;
text-align: center;
border: 1px solid #BBB;
min-width: 14px;
padding: 0 7px;
margin: 0 5px 0 0;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
text-decoration: none;
background: #FCFCFC;
}
.light-theme .current {
background: #666;
color: #FFF;
border-color: #444;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
cursor: default;
}
.light-theme .ellipse {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
font-weight: bold;
cursor: default;
}
/*------------------------------------*\
Dark Theme Styles
\*------------------------------------*/
.dark-theme span {
cursor:pointer;
}
.dark-theme a, .dark-theme span {
float: left;
color: #CCC;
font-size:14px;
line-height:24px;
font-weight: normal;
text-align: center;
border: 1px solid #222;
min-width: 14px;
padding: 0 7px;
margin: 0 5px 0 0;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}
.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
text-decoration: none;
background: #444;
}
.dark-theme .current {
background: #222;
color: #FFF;
border-color: #000;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
cursor: default;
}
.dark-theme .ellipse {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
font-weight: bold;
cursor: default;
}
@media only screen and (max-width: 800px) {
body {
width: 100%;
margin: 2% 0;
padding: 1%;
}
figure.einzel {
width: 48%;
}
}
@media only screen and (max-width: 600px) {
figure.einzel {
width: 100%;
}
}
/* Detailseite */
.flex-container {
display: -webkit-flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
text-align: justify;
hyphens: auto;
position: absolute;
}
.flex-container > * {
padding: 5em;
-webkit-flex: 1 100%;
flex: 1 100%;
margin: 30px;
float: right;
}
.article {
text-align: left;
}
.img {
background: #e2e0d9;
width: 30%;
height: 90%;
}
@media all and (min-width: 768px) {
.img {text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;}
.article {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
}
/* Für Hover und Bildergallerie */
/*Hover Bild*/
.caption-style-1{
list-style-type: none;
margin: 10px;
padding: 10px;
}
.caption-style-1 li{
float: left;
padding: 0px;
position: relative;
overflow: hidden;
}
.caption-style-1 li:hover .caption{
opacity: 1;
}
.caption-style-1 img{
margin: 0px;
padding: 0px;
float: left;
z-index: 4;
}
.caption-style-1 .caption{
cursor: pointer;
position: absolute;
opacity: 0;
-webkit-transition:all 0.45s ease-in-out;
-moz-transition:all 0.45s ease-in-out;
-o-transition:all 0.45s ease-in-out;
-ms-transition:all 0.45s ease-in-out;
transition:all 0.45s ease-in-out;
}
.caption-style-1 .blur{
background-color: rgba(0,0,0,0.65);
height: 300px;
width: 400px;
z-index: 5;
position: absolute;
}
.caption-style-1 .caption-text h1{
text-transform: uppercase;
font-size: 24px;
}
.caption-style-1 .caption-text{
z-index: 10;
color: #fff;
position: absolute;
width: 300px;
height: 200px;
text-align: center;
top:100px;
}