Difference between revisions of "Template:Aachen/css"

Line 651: Line 651:
 
           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 
           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 
}
 
}
 +
/* Additional css*/
 
html, body{
 
html, body{
height: 100%;
+
    width: 100%;
width: 100%;
+
    height: 100%;
 
}
 
}
 
body{
 
body{
margin-top: 50px;
+
margin-top: 30px;
 +
        padding: 0;
 
}
 
}
h1{
+
.header{
margin-top: 0px;
+
margin-top: 40px;
 
margin-bottom: 18px;
 
margin-bottom: 18px;
 +
        font-size: 72px;
 
}
 
}
h3{
+
.subheader{
margin-top: 15px;
+
margin-top: 18px;
 +
margin-bottom: 18px;
 +
        font-size: 50px;
 
}
 
}
 
p{
 
p{
font-size: 14px;
+
font-size: 150%;
color: green;
+
       
+
}
+
 
+
hr{
+
border-color: #aa0044;
+
border: 2px solid #aa0044;
+
margin: 15px;
+
+
}
+
img{
+
margin-bottom: 20px;
+
padding: 0px;
+
}
+
 
+
.row-eq-height {
+
  display: -webkit-box;
+
  display: -webkit-flex;
+
  display: -ms-flexbox;
+
  display:        flex;
+
}
+
.link{
+
color: #aa0044;
+
font-weight: 700;
+
}
+
.imgbox{
+
border: 4px solid #008080;
+
padding: 15px;
+
height: 100%;
+
opacity: 0.2;
+
}
+
.imgbox2{
+
border: 4px solid #008080;
+
padding: 5px;
+
width: 100%;
+
opacity: 1;
+
}
+
.imgbox:hover{
+
opacity:1.0;
+
 
}
 
}
 
.col-centered{
 
.col-centered{
Line 712: Line 678:
 
}
 
}
 
.jumbotron-index{
 
.jumbotron-index{
position: absolute;
+
    position: absolute;
 
     top: 20%;
 
     top: 20%;
 
     left:50%;
 
     left:50%;
Line 726: Line 692:
 
-o-background-size: cover;
 
-o-background-size: cover;
 
background-size: cover;
 
background-size: cover;
}
 
.bgimghp {
 
margin-bottom: 15px;
 
height: 75%;
 
background: url('http://placehold.it/1920x756') no-repeat center center scroll;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-o-background-size: cover;
 
background-size: cover;
 
}
 
.subheader{
 
font-size: 50px;
 
}
 
.greensub{
 
font-size: 25px;
 
margin-top: 10px;
 
color: #008080;
 
font-weight: 700;
 
}
 
.topheadermargin{
 
margin: 15px;
 
font-size: 50px;
 
}
 
.teambox{
 
border-left: 4px solid #008080;
 
opacity: 1.0;
 
height: 100%;
 
display: block;
 
margin: auto;
 
width: 100%;
 
/*background-color: lightgrey;*/
 
}
 
.imgteam{
 
margin-bottom: 0px;
 
padding: 0px;
 
width:100%;
 
}
 
.namebox{
 
border-bottom: 4px solid #aa0044;
 
opacity: 1.0;
 
height: 100%;
 
display: block;
 
margin: auto;
 
width: 100%;
 
background-color: lightgrey;
 
padding: 5px;
 
}
 
.teamboxb{
 
border-right: 4px solid #008080;
 
opacity: 1.0;
 
height: 100%;
 
display: block;
 
margin: auto;
 
width: 100%;
 
/*background-color: lightgrey;*/
 
}
 
.white100{
 
background-color: white;
 
width: 100%;
 
height: 100px;
 
 
}
 
}
 
.white25{
 
.white25{
Line 791: Line 697:
 
width: 100%;
 
width: 100%;
 
height: 25px;
 
height: 25px;
}
 
 
.h1top{
 
margin-top: 20px;
 
margin-bottom: 18px;
 
font-size: 50px;
 
text-align: center;
 
}
 
.bgimgte{
 
height: 100%;
 
background: url('../Teampic.JPG') no-repeat center center fixed;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-o-background-size: cover;
 
background-size: cover;
 
 
}
 
}
 
.subbox{
 
.subbox{
Line 821: Line 712:
 
background-color: lightgrey;
 
background-color: lightgrey;
 
}
 
}
.subgroupbox{
+
/*# sourceMappingURL=bootstrap-theme.css.map */
width: 100%;
+
border: 4px solid #aa0044;
+
padding: 3px;
+
text-align: center;
+
font-size: 25px;
+
}
+
.sgicon{
+
font-size: 18px;
+
border: 4px solid #008080;
+
width:99%;
+
margin:auto;
+
text-align: center;
+
+
}
+
.bgimgjugendf5{
+
height: 100%;
+
background: url('../Jugendforscht5.JPG') no-repeat center center fixed;
+
-webkit-background-size: cover;
+
-moz-background-size: cover;
+
-o-background-size: cover;
+
background-size: cover;
+
}
+
.bgimgjugendf2{
+
height: 100%;
+
background: url('../Jugendforscht2.JPG') no-repeat center center fixed;
+
-webkit-background-size: cover;
+
-moz-background-size: cover;
+
-o-background-size: cover;
+
background-size: cover;
+
}
+
.bgimgjugendf6{
+
height: 100%;
+
background: url('../Jugendforscht6.JPG') no-repeat center center fixed;
+
-webkit-background-size: cover;
+
-moz-background-size: cover;
+
-o-background-size: cover;
+
background-size: cover;
+
}
+
.bgpink{
+
background: #aa0044;
+
-webkit-background-size: cover;
+
-moz-background-size: cover;
+
-o-background-size: cover;
+
background-size: cover;
+
}
+
.bgwhite{
+
background: white;
+
-webkit-background-size: cover;
+
-moz-background-size: cover;
+
-o-background-size: cover;
+
background-size: cover;
+
}
+
/*
+
#ud_slider{
+
width: 1200;
+
height:700;
+
margin:150px auto auto auto;
+
overflow:hidden;
+
position:relative;
+
}
+
.slider_img{
+
position:absolute;
+
top:0;
+
left:0;
+
}
+
.klasse_Jugendforscht6{
+
animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
-moz-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
-ms-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
-o-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
-webkit-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
}
+
.klasse_VortragAthen{
+
animation:UD_Klasse_VortragAthen infinite 20000ms;
+
-moz-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
-ms-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
-o-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
-webkit-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
}
+
.klasse_schulprojekt2-min{
+
animation:UD_Klasse_schulprojekt2-min 20000ms;
+
-moz-animation:UD_Klasse_schulprojekt2-min infinite 20000ms;
+
-ms-animation:UD_Klasse_schulprojekt2-min infinite 20000ms;
+
-o-animation:UD_Klasse_schulprojekt2-min infinite 20000ms;
+
-webkit-animation:UD_Klasse_schulprojekt2-min infinite 20000ms;
+
}
+
@-webkit-keyframe UD_Klasse_Jugendforscht6{
+
0% {opacity:1;]}
+
100%
+
}*/
+
  
/* Notebook*/
 
/*Tabelle 1*/
 
 
#Notebooktable {
 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
font-size:14px;
 
border-collapse: collapse;
 
width: 50%;
 
border:2px solid #848484;
 
margin-left: 10%;
 
}
 
 
 
#Notebooktable td {
 
border: 2px solid #848484;
 
padding:5px;
 
width:18%;
 
font-size: 12px;
 
}
 
#Notebooktable td:nth-child(1) {
 
text-align: left;
 
width:25%;
 
padding-left:10px;
 
}
 
 
#Notebooktable th {
 
font-size: 15px;
 
    padding-top: 6px;
 
    padding-bottom: 6px;
 
    text-align: left;
 
    background-color: #008080;
 
    color: white;
 
opacity: 1;
 
border:2px #008080;
 
}
 
 
#Notebooktable th:nth-child(1){
 
text-align: center;
 
}
 
 
#Notebooktable tr:nth-child(even){
 
background-color: #f2f2f2;
 
 
}
 
#Notebooktable tr:nth-child(2){
 
background-color: #BDBDBD;
 
font-weight:bold;
 
font-size: 14px;
 
}
 
 
/*Notebooknavbar*/
 
.ul1 {
 
    list-style-type: none;
 
    padding: 0;
 
overflow: hidden;
 
width: 100%;
 
margin: 0;
 
}
 
.li1 {
 
background-color: #333;
 
float: left;
 
}
 
.li2 {
 
background-color: #111;
 
float: left;
 
display: block;
 
color: white;
 
text-align: center;
 
padding: 14px 18px;
 
text-decoration: none;
 
}
 
 
.li1 a {
 
display: block;
 
color: white;
 
text-align: center;
 
padding: 14px 16px;
 
text-decoration: none;
 
 
}
 
.li1 a:hover {
 
background-color: #111;
 
}
 
.blackgrad{
 
background: #333;
 
}
 
.NoteWeek {
 
font-size: 25px;
 
font-family: Arial Black;
 
color: #aa0044;
 
text-align: left;
 
padding-left: 5px;
 
}
 
.NoteDay {
 
font-size: 20px;
 
font-family: Arial Black;
 
color: #008080;
 
text-align: left;
 
padding-left: 15px;
 
}
 
.NoteIcon {
 
width:6%;
 
float: left;
 
margin-left:25px;
 
margin-right:25px;
 
margin-bottom: 20px;
 
}
 
.NoteText {
 
padding-left:40px;
 
text-align: justify;
 
font-size: 16px;
 
padding-top: 0px;
 
}
 
/*Notebook Ende*/
 
 
/*Project Discription*/
 
 
/*# sourceMappingURL=bootstrap-theme.css.map */
 
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 20:04, 27 August 2017