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*/
+
/* Additional css*/
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: 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 711: Line 678:
 
}
 
}
 
.jumbotron-index{
 
.jumbotron-index{
position: absolute;
+
    position: absolute;
 
     top: 20%;
 
     top: 20%;
 
     left:50%;
 
     left:50%;
Line 725: 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 790: 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 820: 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*/
+
</style>
/*Tabelle 1*/
+
</html>
 
+
#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:47, 27 August 2017