|
|
| Line 1: |
Line 1: |
| | {{Template:Team:Bonn:BaseCSS}} | | {{Template:Team:Bonn:BaseCSS}} |
| | + | {{Template:Team:Bonn:CSS}} |
| | <html> | | <html> |
| | <!-- JS Scripts --> | | <!-- JS Scripts --> |
| Line 11: |
Line 12: |
| | <!-- Extra CSS --> | | <!-- Extra CSS --> |
| | <style type="text/css"> | | <style type="text/css"> |
| - | .editsection{
| |
| - | color:#ffffff;
| |
| - | }
| |
| - | body {
| |
| - | color:#333333;
| |
| - | background-position:top center;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
| |
| - | background-attachment: fixed;
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - | #globalWrapper{
| |
| - | background: rgba(50, 50, 50, .1);
| |
| - | overflow-y:hidden;
| |
| - | min-height:100%;
| |
| - | }
| |
| - | #content{
| |
| - | background-color:transparent;
| |
| - | position:relative;
| |
| - | z-index:4;
| |
| - | }
| |
| - | #subpage{
| |
| - | border-radius:2px;
| |
| - | margin:40px 0 0 0;
| |
| - | padding:40px;
| |
| - | font-family: Arial;
| |
| - | background-color:none;
| |
| - | background-color:#ffffff;
| |
| - | color:#222222;
| |
| - | opacity:1;
| |
| - | /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
| |
| - | -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
| |
| - | box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);*/
| |
| - | }
| |
| - | .subpage-sponsors {
| |
| - | border-spacing: 30px 60px;
| |
| - | margin: 0 auto 0 auto;
| |
| - | }
| |
| - | .subpage-sponsor {
| |
| - | text-align:center;
| |
| - | }
| |
| - | .mw-headline {
| |
| - | color:#333333;
| |
| - | font-size: 50px;
| |
| - | font-family:Arial;
| |
| - | }
| |
| - | h1 {
| |
| - | border-bottom-width:0px;
| |
| - | }
| |
| - | .subpage-head-link{
| |
| - | font-size: 16px;
| |
| - | margin: 0 0 40px 0;
| |
| - | padding:10px 0 0 0;
| |
| - | }
| |
| - | .subpage-text {
| |
| - | font-size: 14px;
| |
| - | text-align:justify;
| |
| - | margin: 20px 25px 0 25px;
| |
| - | }
| |
| - | #page{
| |
| - | border-radius:2px;
| |
| - | margin:40px auto 0 auto;
| |
| - | padding:0;
| |
| - | font-family: Arial;
| |
| - | background-color:none;
| |
| - | /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
| |
| - | -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
| |
| - | box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);*/
| |
| - | width:850px;
| |
| - | }
| |
| - | .page-top{
| |
| - | position:relative;
| |
| - | width:970px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | margin-top:65px;
| |
| - | margin-bottom:10px;
| |
| - | color:#ffffff;
| |
| - | }
| |
| - | #page-top-slideshow{
| |
| - | width:970px;
| |
| - | height:210px;
| |
| - | padding:20px 0 20px 0;
| |
| - | position:relative;
| |
| - | color:#ffffff;
| |
| - | }
| |
| - | #page-top-slideshow img{
| |
| - | -moz-border-radius : 4px; /* Firefox */
| |
| - | -webkit-border-radius : 4px; /* Safari & Chrome */
| |
| - | -khtml-border-radius : 4px; /* Linux browsers */
| |
| - | border-radius : 4px; /* CSS3 compatible browsers */
| |
| - | }
| |
| - | #page-top-nav {
| |
| - | position:absolute;
| |
| - | bottom:-5px;
| |
| - | right:10px;
| |
| - | z-index:20;
| |
| - | opacity:0.7;
| |
| - | }
| |
| - | #page-top-nav a {
| |
| - | font-size:20px;
| |
| - | padding: 2px 5px 2px 5px;
| |
| - | background-color:#888888;
| |
| - | color:#000000;
| |
| - | margin-right:10px;
| |
| - | -moz-border-radius : 3px; /* Firefox */
| |
| - | -webkit-border-radius : 3px; /* Safari & Chrome */
| |
| - | -khtml-border-radius : 3px; /* Linux browsers */
| |
| - | border-radius : 3px; /* CSS3 compatible browsers */
| |
| - | }
| |
| - | #page-top-nav .activeSlide {
| |
| - | background-color:#dddddd;
| |
| - | }
| |
| - | .page-top-slide{
| |
| - | width:950px;
| |
| - | height:260px;
| |
| - | font-size:16px;
| |
| - | text-align:justify;
| |
| - | position: absolute;
| |
| - | margin: auto;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | bottom: 0;
| |
| - | }
| |
| - |
| |
| - | #page-top-pic{
| |
| - | }
| |
| - |
| |
| - | #page-top-pic img{
| |
| - | position: absolute;
| |
| - | margin: auto;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | bottom: 0;
| |
| - | }
| |
| - | #page-top-game img {
| |
| - | -moz-border-radius : 5px; /* Firefox */
| |
| - | -webkit-border-radius : 5px; /* Safari & Chrome */
| |
| - | -khtml-border-radius : 5px; /* Linux browsers */
| |
| - | border-radius : 5px; /* CSS3 compatible browsers */
| |
| - | -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
| |
| - | -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4));
| |
| - | box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
| |
| - | }
| |
| - |
| |
| - | #page-middle {
| |
| - | padding: 5px 0px 0px 0px;
| |
| - | z-index:5;
| |
| - | margin: auto;
| |
| - | }
| |
| - |
| |
| - | #page-table{
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - |
| |
| - | .page-box{
| |
| - | border: 1px solid black;
| |
| - | background-color: #cccccc;
| |
| - | position:relative;
| |
| - | border: 3px solid white;
| |
| - | margin: 10px;
| |
| - | /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
| |
| - | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5));
| |
| - | box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
| |
| - | }
| |
| - |
| |
| - | #page-box1{
| |
| - | width:320px;
| |
| - | height:515px;
| |
| - | }
| |
| - |
| |
| - | #page-box2{
| |
| - | width:445px;
| |
| - | height:238px;
| |
| - | }
| |
| - |
| |
| - | #page-box3{
| |
| - | width:445px;
| |
| - | height:238px;
| |
| - | }
| |
| - |
| |
| - | #page-box4{
| |
| - | width:801px;
| |
| - | height:200px;
| |
| - | }
| |
| - | .page-box-bottom{
| |
| - | background-color:#111111;
| |
| - | color:#dddddd;
| |
| - | opacity:0.9;
| |
| - | position:absolute;
| |
| - | bottom:0px;
| |
| - | height:45px;
| |
| - | width:100%;
| |
| - | }
| |
| - | .page-box-bottom:hover .page-box-bottom-text{
| |
| - | display:block;
| |
| - | }
| |
| - | .page-box-bottom:hover .page-box-bottom-links{
| |
| - | display:block;
| |
| - | }
| |
| - | .page-box-bottom-headline{
| |
| - | margin:15px 0 0 0;
| |
| - | text-align:center;
| |
| - | font-size:28px;
| |
| - | font-weight:bold;
| |
| - | }
| |
| - | .page-box-bottom-text{
| |
| - | padding:15px 8px 0 8px;
| |
| - | text-align:justify;
| |
| - | font-size:13px;
| |
| - | display:none;
| |
| - | }
| |
| - | .page-box-bottom-links{
| |
| - | padding:12px 8px 0 8px;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | display:none;
| |
| - | }
| |
| - | .bottom {
| |
| - | width:100%;
| |
| - | margin-top:40px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | margin-bottom:-38px;
| |
| - | opacity:1;
| |
| - | /*background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Bonn_bottom.png);*/
| |
| - | background-color:#000000;
| |
| - | opacity:0.8;
| |
| - | background-position: center;
| |
| - | background-position:top;
| |
| - | }
| |
| - | .bottom-sponsors{
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | border-radius:5px;
| |
| - | margin-bottom:15px;
| |
| - | padding:0 40px 0 40px;
| |
| - | width:900px;
| |
| - | }
| |
| - |
| |
| - | .bottom-headline{
| |
| - | margin:10px 0 0 0;
| |
| - | text-align:center;
| |
| - | font-size:25px;
| |
| - | font-weight:bold;
| |
| - | color:#EEEEEE;
| |
| - | }
| |
| - | .bottom-sponsor{
| |
| - | margin:5px;
| |
| - | }
| |
| - |
| |
| - | .aboutus-box{
| |
| - | border: 1px solid black;
| |
| - | background-color: #cccccc;
| |
| - | position:relative;
| |
| - | border: 3px solid white;
| |
| - | margin: 10px;
| |
| - | /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
| |
| - | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5));
| |
| - | box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
| |
| - | }
| |
| - |
| |
| - | #aboutus-box1{width:870px;height:485px;}
| |
| - |
| |
| - | .aboutus-box-bottom{
| |
| - | background-color:#111111;
| |
| - | color:#dddddd;
| |
| - | opacity:0.9;
| |
| - | position:absolute;
| |
| - | bottom:0px;
| |
| - | height:45px;
| |
| - | width:100%;
| |
| - | }
| |
| - | .aboutus-box-bottom:hover .name-box-bottom-text{
| |
| - | display:block;
| |
| - | }
| |
| - | .aboutus-box-bottom:hover .name-box-bottom-links{
| |
| - | display:block;
| |
| - | }
| |
| - | .aboutus-box-bottom-headline{
| |
| - | margin:15px 0 0 0;
| |
| - | text-align:center;
| |
| - | font-size:16px;
| |
| - | font-weight:bold;
| |
| - | }
| |
| - | .aboutus-box-bottom-text{
| |
| - | padding:15px 8px 0 8px;
| |
| - | text-align:justify;
| |
| - | font-size:13px;
| |
| - | display:none;
| |
| - | }
| |
| - | .aboutus-box-bottom-links{
| |
| - | padding:12px 8px 0 8px;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .member-box{
| |
| - | border: 1px solid black;
| |
| - | background-color: #cccccc;
| |
| - | position:relative;
| |
| - | border: 3px solid white;
| |
| - | heigth: 45px;
| |
| - | width: 45px;
| |
| - | }
| |
| - |
| |
| - | #member-box1{width:45px;height:45px; left: 72; top: 175;}
| |
| - |
| |
| - | .member-box-bottom{
| |
| - | background-color:#111111;
| |
| - | color:#dddddd;
| |
| - | opacity:0.9;
| |
| - | position:absolute;
| |
| - | bottom: 0px;
| |
| - | width:870px;
| |
| - | height:485px;
| |
| - | width:100%;
| |
| - | padding:15px 8px 0 8px;
| |
| - | text-align:justify;
| |
| - | font-size:13px;
| |
| - | display:none;
| |
| - | }
| |
| - | .member-box-bottom:hover .member-box-bottom-text{
| |
| - | display:block;
| |
| - | }
| |
| - | .member-box-bottom-text{
| |
| - | padding:15px 8px 0 8px;
| |
| - | text-align:justify;
| |
| - | font-size:13px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #team-members{
| |
| - | width:870px;
| |
| - | margin: 10px 40px 60px 5px;
| |
| - | padding-bottom:30px;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - | .team-member {
| |
| - | width:250px;
| |
| - | margin:20px;
| |
| - | display:inline;
| |
| - | float:left;
| |
| - | }
| |
| - | .team-members-row {
| |
| - | display:block;
| |
| - | clear:both;
| |
| - | }
| |
| - | .team-member-name {
| |
| - | font-size:18px;
| |
| - | font-weight:bold;
| |
| - | color:#444444;
| |
| - | }
| |
| - | .page-top-adv {
| |
| - | margin:4px;
| |
| - | }
| |
| | .menu-top-li{ | | .menu-top-li{ |
| | margin-left:10px; | | margin-left:10px; |
"
