|
|
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> |