Difference between revisions of "Template:Aachen/css"

 
(92 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
/*Overrule Wiki Settings*/
 +
#sideMenu, #top_title  {display:none;}
 +
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3,
 +
#bodyContent h4, #bodyContent h5 {
 +
  margin-bottom: 0px;
 +
}
 +
#HQ_page p {
 +
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 14px;
 +
    line-height: 1.42857143;
 +
    color: #333;
 +
}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    line-height: 1.1;
 +
    color: #333;
 +
    font-weight: 500;
 +
    margin-bottom: 18px;
 +
}
 +
 +
 +
#globalWrapper {
 +
  padding: 0px;
 +
  font-size: 100%;
 +
  width: 100%;
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
#content{
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    padding: 0px;
 +
    margin-right: auto;
 +
    margin-left: auto;
 +
}
 +
#mw-content-text, #bodyContent, #HQ_page, .mw_content_ltr, .mw-body{
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
 
/*!
 
/*!
 
  * Bootstrap v3.3.7 (http://getbootstrap.com)
 
  * Bootstrap v3.3.7 (http://getbootstrap.com)
Line 322: 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 383: Line 432:
 
.navbar-nav > li > a:hover {
 
.navbar-nav > li > a:hover {
 
   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
 
   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
−
   box-shadow: inset 0px 5px 0px 0px #aa0044;
+
   box-shadow: inset 0px -5px 0px 0px #aa0044;
 
   color: #000000 !important;
 
   color: #000000 !important;
 
}
 
}
Line 391: Line 440:
 
   border-radius: 0px;
 
   border-radius: 0px;
 
   border: 0px;
 
   border: 0px;
 +
  margin-bottom: 0px;
 
}
 
}
 
.navbar-inverse .navbar-nav > .open > a,
 
.navbar-inverse .navbar-nav > .open > a,
Line 607: Line 657:
 
/* Additional css*/
 
/* 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: 40px;
+
−
margin-bottom: 18px;
+
 
}
 
}
 
p{
 
p{
−
font-size: 150%;
+
font-size: 125% !important;
 
}
 
}
 
.col-centered{
 
.col-centered{
Line 625: Line 672:
 
}
 
}
 
.jumbotron-index{
 
.jumbotron-index{
−
position: absolute;
+
    position: absolute;
 
     top: 20%;
 
     top: 20%;
 
     left:50%;
 
     left:50%;
Line 631: Line 678:
 
     border: none;
 
     border: none;
 
background:none;
 
background:none;
 +
}
 +
.white25{
 +
background-color: white;
 +
width: 100%;
 +
height: 25px;
 +
}
 +
.subbox{
 +
width: 100%;
 +
border: 4px solid #aa0044 !important;
 +
padding: 10px !important;
 +
text-align: center;
 +
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 +
}
 +
.subboxBlau{
 +
width: 100%;
 +
border: 4px solid #003559 !important;
 +
padding: 10px !important;
 +
text-align: center;
 +
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 +
}
 +
.subboxGrau{
 +
width: 100%;
 +
border: 4px solid #999999 !important;
 +
padding: 10px !important;
 +
text-align: center;
 +
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 +
}
 +
.subboxGrün{
 +
width: 100%;
 +
border: 4px solid #008080 !important;
 +
padding: 10px !important;
 +
text-align: center;
 +
font-size: 25px;
 +
background-color: #aa0044;
 +
color: white;
 +
}
 +
.subboxb{
 +
width: 100%;
 +
text-align: center;
 +
background-color: lightgrey;
 
}
 
}
 
.bgimg {
 
.bgimg {
−
height: 70%;
+
height: 90%;
−
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/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;
 
-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;
 +
}
 +
.header{
 +
  font-size: 50px;
 +
color: white !important;
 
}
 
}
 
.subheader{
 
.subheader{
−
font-size: 50px;
+
font-size: 40px;
 +
color: white !important;
 
}
 
}
−
/*# sourceMappingURL=bootstrap-theme.css.map */
+
.headerbg{
−
 
+
padding: 5px;
−
/*Wiki Settings*/
+
background-color: #aa0044;
−
#sideMenu, #top_title  {display:none;}
+
−
 
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3,
+
−
#bodyContent h4, #bodyContent h5 {
+
−
  margin-bottom: 0px;
+
 
}
 
}
−
#globalWrapper {
+
.subheaderbg{
−
  padding: 0px;
+
padding: 5px;
−
  font-size: 100%;
+
background-color: #aa0044;
−
  width: 100%;
+
−
  height: 100%;
+
−
  margin: 0 auto;
+
 
}
 
}
−
#mw-content-text, #bodyContent, #HQ_Page{
+
.background-green{
−
    height: 100%;
+
background-color: #008080;
−
    width: 100%;
+
color:white;
 
}
 
}
−
#content{
+
.background-green a{
−
    top: 0;
+
color:white;
−
    left: 0;
+
color: #aa0044;
−
    right: 0;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
    padding: 0px;
+
−
    margin-right: auto;
+
−
    margin-left: auto;
+
 
}
 
}
 +
.background-red{
 +
background-color: #aa0044;
 +
color:white;
 +
}
 +
.row{
 +
padding-top: 30px;
 +
padding-bottom: 30px;
 +
}
 +
.section-link{
 +
  color: blue !important;
 +
}
 +
.background-green .section_link{
 +
  color: #aa0044;
 +
}
 +
.background-red .section_link{
 +
  color: #008080;
 +
}
 +
.background-red, .background-green{
 +
  color: white !important;
 +
}
 +
.background-red p, .background-red h3, .background-green p, .background-green h3{
 +
color: white !important;
 +
}
 +
@font-face {
 +
  font-family: 'Glyphicons Halflings';
 +
 +
  src: url('https://static.igem.org/mediawiki/2017/7/7f/T--Aachen--glyphicons-halflings-regular.eot');
 +
  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');
 +
}
 +
.scrollup {
 +
    padding: 5px;
 +
    width: 40px;
 +
    height: 40px;
 +
    position: fixed;
 +
    bottom: 50px;
 +
    right: 100px;
 +
    display: none;
 +
    text-indent: 0px;
 +
    background-color: #aa0044;
 +
}
 +
/*# sourceMappingURL=bootstrap-theme.css.map */
 +
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 01:35, 16 December 2017