Difference between revisions of "Template:Aachen/css"

 
(38 intermediate revisions by 2 users not shown)
Line 367: Line 367:
 
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 
           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 
           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 +
}
 +
li.dropdown:hover > .dropdown-menu {
 +
    display: block;
 +
}
 +
.dropdown-menu {
 +
border-radius: 0;
 +
border: none;
 +
}
 +
.dropdown-menu > li > a {
 +
  font-size: 125%;
 +
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
 
}
 
}
 
.dropdown-menu > li > a:hover,
 
.dropdown-menu > li > a:hover,
 
.dropdown-menu > li > a:focus {
 
.dropdown-menu > li > a:focus {
−
   background-color: #e8e8e8;
+
   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
−
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+
   /*box-shadow: inset 0px 5px 0px 0px #aa0044;*/
−
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+
   color: #008080 !important;
−
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+
−
   background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+
−
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+
−
  background-repeat: repeat-x;
+
 
}
 
}
 
.dropdown-menu > .active > a,
 
.dropdown-menu > .active > a,
 
.dropdown-menu > .active > a:hover,
 
.dropdown-menu > .active > a:hover,
 
.dropdown-menu > .active > a:focus {
 
.dropdown-menu > .active > a:focus {
−
   background-color: #2e6da4;
+
   color: white;
−
   background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+
   background-color: #aa0044 !important;
−
   background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+
   -webkit-box-shadow: inset 0 2px 9px rgba(0, 0, 0, .25);
−
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+
          box-shadow: inset 0 2px 9px rgba(0, 0, 0, .25);
−
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+
−
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+
−
  background-repeat: repeat-x;
+
 
}
 
}
 
.navbar-default {
 
.navbar-default {
Line 651: Line 655:
 
           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{
+
−
margin-top: 0px;
+
−
margin-bottom: 18px;
+
−
}
+
−
h3{
+
−
margin-top: 15px;
+
 
}
 
}
 
p{
 
p{
−
font-size: 14px;
+
font-size: 125% !important;
−
       
+
−
}
+
−
 
+
−
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 672:
 
}
 
}
 
.jumbotron-index{
 
.jumbotron-index{
−
position: absolute;
+
    position: absolute;
 
     top: 20%;
 
     top: 20%;
 
     left:50%;
 
     left:50%;
Line 717: Line 678:
 
     border: none;
 
     border: none;
 
background:none;
 
background:none;
−
}
 
−
.bgimg {
 
−
height: 70%;
 
−
background: url('https://static.igem.org/mediawiki/2017/d/df/Wintershall_Monte_Kali_11.svg') no-repeat center center fixed;
 
−
-webkit-background-size: cover;
 
−
-moz-background-size: cover;
 
−
-o-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 684:
 
height: 25px;
 
height: 25px;
 
}
 
}
−
 
+
.subbox{
−
.h1top{
+
width: 100%;
−
margin-top: 20px;
+
border: 4px solid #aa0044 !important;
−
margin-bottom: 18px;
+
padding: 10px !important;
−
font-size: 50px;
+
 
text-align: center;
 
text-align: center;
 +
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 
}
 
}
−
.bgimgte{
+
.subboxBlau{
−
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{
+
 
width: 100%;
 
width: 100%;
−
border: 4px solid #aa0044;
+
border: 4px solid #003559 !important;
−
padding: 3px;
+
padding: 10px !important;
 
text-align: center;
 
text-align: center;
 
font-size: 25px;
 
font-size: 25px;
Line 815: Line 702:
 
color: white;
 
color: white;
 
}
 
}
−
.subboxb{
+
.subboxGrau{
 
width: 100%;
 
width: 100%;
 +
border: 4px solid #999999 !important;
 +
padding: 10px !important;
 
text-align: center;
 
text-align: center;
−
background-color: lightgrey;
+
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 
}
 
}
−
.subgroupbox{
+
.subboxGrün{
 
width: 100%;
 
width: 100%;
−
border: 4px solid #aa0044;
+
border: 4px solid #008080 !important;
−
padding: 3px;
+
padding: 10px !important;
 
text-align: center;
 
text-align: center;
 
font-size: 25px;
 
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 
}
 
}
−
.sgicon{
+
.subboxb{
−
font-size: 18px;
+
width: 100%;
−
border: 4px solid #008080;
+
−
width:99%;
+
−
margin:auto;
+
 
text-align: center;
 
text-align: center;
−
+
background-color: lightgrey;
 
}
 
}
−
.bgimgjugendf5{
+
.bgimg {
−
height: 100%;
+
height: 90%;
−
background: url('../Jugendforscht5.JPG') no-repeat center center fixed;
+
/*background: url('https://static.igem.org/mediawiki/2017/d/df/Wintershall_Monte_Kali_11.svg') no-repeat center center fixed;*/
 +
background: url('https://static.igem.org/mediawiki/2017/8/80/T--Aachen--AnimationGif.gif');
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 843: Line 734:
 
background-size: cover;
 
background-size: cover;
 
}
 
}
−
.bgimgjugendf2{
+
.bgimghp {
−
height: 100%;
+
margin-bottom: 15px;
−
background: url('../Jugendforscht2.JPG') no-repeat center center fixed;
+
height: 75%;
 +
background: url('http://placehold.it/1920x756') no-repeat center center scroll;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 851: Line 743:
 
background-size: cover;
 
background-size: cover;
 
}
 
}
−
.bgimgjugendf6{
+
.header{
−
height: 100%;
+
  font-size: 50px;
−
background: url('../Jugendforscht6.JPG') no-repeat center center fixed;
+
color: white !important;
−
-webkit-background-size: cover;
+
−
-moz-background-size: cover;
+
−
-o-background-size: cover;
+
−
background-size: cover;
+
 
}
 
}
−
.bgpink{
+
.subheader{
−
background: #aa0044;
+
font-size: 40px;
−
-webkit-background-size: cover;
+
color: white !important;
−
-moz-background-size: cover;
+
−
-o-background-size: cover;
+
−
background-size: cover;
+
 
}
 
}
−
.bgwhite{
+
.headerbg{
−
background: white;
+
padding: 5px;
−
-webkit-background-size: cover;
+
background-color: #aa0044;
−
-moz-background-size: cover;
+
−
-o-background-size: cover;
+
−
background-size: cover;
+
 
}
 
}
−
/*
+
.subheaderbg{
−
#ud_slider{
+
padding: 5px;
−
width: 1200;  
+
background-color: #aa0044;
−
height:700;
+
−
margin:150px auto auto auto;
+
−
overflow:hidden;
+
−
position:relative;
+
 
}
 
}
−
.slider_img{
+
.background-green{
−
position:absolute;
+
background-color: #008080;
−
top:0;
+
color:white;
−
left:0;
+
 
}
 
}
−
.klasse_Jugendforscht6{
+
.background-green a{
−
animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
color:white;
−
-moz-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
color: #aa0044;
−
-ms-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
−
-o-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
−
-webkit-animation:UD_Klasse_Jugendforscht6 infinite 20000ms;
+
 
}
 
}
−
.klasse_VortragAthen{
+
.background-red{
−
animation:UD_Klasse_VortragAthen infinite 20000ms;
+
background-color: #aa0044;
−
-moz-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
color:white;
−
-ms-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
−
-o-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
−
-webkit-animation:UD_Klasse_VortragAthen infinite 20000ms;
+
 
}
 
}
−
.klasse_schulprojekt2-min{
+
.row{
−
animation:UD_Klasse_schulprojekt2-min 20000ms;
+
padding-top: 30px;
−
-moz-animation:UD_Klasse_schulprojekt2-min infinite 20000ms;
+
padding-bottom: 30px;
−
-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{
+
.section-link{
−
0% {opacity:1;]}
+
  color: blue !important;
−
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%;
+
 
}
 
}
−
 
+
.background-green .section_link{
−
 
+
  color: #aa0044;
−
#Notebooktable td {
+
−
border: 2px solid #848484;
+
−
padding:5px;
+
−
width:18%;
+
−
font-size: 12px;
+
 
}
 
}
−
#Notebooktable td:nth-child(1) {
+
.background-red .section_link{
−
text-align: left;
+
  color: #008080;
−
width:25%;
+
−
padding-left:10px;
+
 
}
 
}
−
 
+
.background-red, .background-green{
−
#Notebooktable th {
+
  color: white !important;
−
font-size: 15px;
+
−
    padding-top: 6px;
+
−
    padding-bottom: 6px;
+
−
    text-align: left;
+
−
    background-color: #008080;
+
−
    color: white;
+
−
opacity: 1;
+
−
border:2px #008080;
+
 
}
 
}
−
 
+
.background-red p, .background-red h3, .background-green p, .background-green h3{
−
#Notebooktable th:nth-child(1){
+
color: white !important;
−
text-align: center;
+
 
}
 
}
 +
@font-face {
 +
  font-family: 'Glyphicons Halflings';
  
−
#Notebooktable tr:nth-child(even){
+
  src: url('https://static.igem.org/mediawiki/2017/7/7f/T--Aachen--glyphicons-halflings-regular.eot');
−
background-color: #f2f2f2;
+
  src: url('https://static.igem.org/mediawiki/2017/7/7f/T--Aachen--glyphicons-halflings-regular.eot?#iefix')  format('embedded-opentype'), url('https://static.igem.org/mediawiki/2017/1/1b/T--Aachen--glyphicons-halflings-regular.ttf') format('truetype');
−
+
 
}
 
}
−
#Notebooktable tr:nth-child(2){
+
.scrollup {
−
background-color: #BDBDBD;
+
    padding: 5px;
−
font-weight:bold;
+
    width: 40px;
−
font-size: 14px;
+
    height: 40px;
 +
    position: fixed;
 +
    bottom: 50px;
 +
    right: 100px;
 +
    display: none;
 +
    text-indent: 0px;
 +
    background-color: #aa0044;
 
}
 
}
 +
/*# sourceMappingURL=bootstrap-theme.css.map */
  
−
/*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>

Latest revision as of 01:35, 16 December 2017