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{
−
    width: 100%;
+
height: 100%;
−
    height: 100%;
+
width: 100%;
 
}
 
}
 
body{
 
body{
−
margin-top: 30px;
+
margin-top: 50px;
−
        padding: 0;
+
 
}
 
}
−
.header{
+
h1{
−
margin-top: 40px;
+
margin-top: 0px;
 
margin-bottom: 18px;
 
margin-bottom: 18px;
−
        font-size: 72px;
 
 
}
 
}
−
.subheader{
+
h3{
−
margin-top: 18px;
+
margin-top: 15px;
−
margin-bottom: 18px;
+
−
        font-size: 50px;
+
 
}
 
}
 
p{
 
p{
 
font-size: 150%;
 
font-size: 150%;
 +
}
 +
 +
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 678: Line 710:
 
}
 
}
 
.jumbotron-index{
 
.jumbotron-index{
−
    position: absolute;
+
position: absolute;
 
     top: 20%;
 
     top: 20%;
 
     left:50%;
 
     left:50%;
Line 692: Line 724:
 
-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 697: Line 789:
 
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 712: Line 819:
 
background-color: lightgrey;
 
background-color: lightgrey;
 
}
 
}
−
/*# sourceMappingURL=bootstrap-theme.css.map */
+
.subgroupbox{
 +
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%
 +
}*/
  
−
</style>
+
/* Notebook*/
−
</html>
+
/*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*/
 +
.PDText {
 +
font-size: 12px;
 +
text-align: justify;
 +
}
 +
 
 +
/*# sourceMappingURL=bootstrap-theme.css.map */

Revision as of 19:49, 27 August 2017