|
|
(319 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Template:Team:Bonn:BaseCSS}} |
| + | {{Template:Team:Bonn:CSS}} |
| <html> | | <html> |
| | | |
- | <!-- Basic CSS to adjust the Wiki layout to our needs --> | + | <!-- We need jQuery >= 1.10 --> |
- | <style type="text/css">
| + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
- | /* ********************** */
| + | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> |
- | | + | |
- | /* basic settings */
| + | |
- | | + | |
- | .firstHeading { /* Kill the default iGEM picture*/ | + | |
- | height:0px;
| + | |
- | visibility:hidden;
| + | |
- | }
| + | |
- | #top-section {
| + | |
- | background-position: center center;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-color: #6c89c1;
| + | |
- | border-with:0px;
| + | |
- | height:0px; /* set top header height to zero, so we can show our logo */
| + | |
- | }
| + | |
- | #p-logo{
| + | |
- | visibility:hidden;
| + | |
- | height:0px;
| + | |
- | }
| + | |
- | #search-controls{
| + | |
- | visibility:hidden;
| + | |
- | height:0px;
| + | |
- | }
| + | |
- | #footer-box{
| + | |
- | display:none;
| + | |
- | height:0px;
| + | |
- | }
| + | |
- | #f-poweredbyico{
| + | |
- | visibility:hidden;
| + | |
- | }
| + | |
- | #catlinks{
| + | |
- | visibility:hidden;
| + | |
- | height:0px;
| + | |
- | }
| + | |
- | .print-footer{
| + | |
- | visibility:hidden;
| + | |
- | height:0px;
| + | |
- | }
| + | |
- | #content {
| + | |
- | border-width:0px;
| + | |
- | }
| + | |
- | #siteSub {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | .visualClear{
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | /* ********************** */
| + | |
- | </style>
| + | |
- | | + | |
- | <!-- JS Scripts -->
| + | |
- | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/superfish/js/jquery-1.9.1.min.js"></script> | + | |
- | <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
| + | |
- | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> | + | |
- | | + | |
- | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/superfish/js/hoverIntent.js"></script>
| + | |
- | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/superfish/js/superfish.js"></script>
| + | |
- | | + | |
- | <!-- Extra CSS -->
| + | |
- | <style type="text/css">
| + | |
- | .mw-headline{
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | .editsection{
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | body {
| + | |
- | background-position:center;
| + | |
- | background-repeat: repeat-y;
| + | |
- | background-image: url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
| + | |
- | }
| + | |
- | #globalWrapper{
| + | |
- | background-position:center top;
| + | |
- | /* background-image: url('https://static.igem.org/mediawiki/2013/5/50/Bonn_Backgrund-1.png'); */
| + | |
- | background-repeat: no-repeat;
| + | |
- | padding-bottom:0px;
| + | |
- | }
| + | |
- | #content{
| + | |
- | background-color:transparent;
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | | + | |
- | #page{
| + | |
- | border-radius:2px;
| + | |
- | margin:40px 0 0 0;
| + | |
- | padding:0;
| + | |
- | font-family: Arial;
| + | |
- | background-color:none;
| + | |
- | background-color: #ffffff;
| + | |
- | -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);
| + | |
- | }
| + | |
- | .page-top{
| + | |
- | position:relative;
| + | |
- | width:970px;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | margin-top:20px;
| + | |
- | 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: 30px 10px 10px 10px;
| + | |
- | }
| + | |
- | | + | |
- | #page-table{
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | border-spacing: 10px;
| + | |
- | background-color:transparent;
| + | |
- | }
| + | |
- | | + | |
- | .page-box{
| + | |
- | border: 1px solid black;
| + | |
- | background-color: #cccccc;
| + | |
- | position:relative;
| + | |
- | -moz-border-radius : 4px; /* Firefox */
| + | |
- | -webkit-border-radius : 4px; /* Safari & Chrome */
| + | |
- | -khtml-border-radius : 4px; /* Linux browsers */
| + | |
- | border-radius : 4px; /* CSS3 compatible browsers */
| + | |
- | border: 3px solid white;
| + | |
- | -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:480px;
| + | |
- | height:250px;
| + | |
- | }
| + | |
- | | + | |
- | #page-box3{
| + | |
- | width:480px;
| + | |
- | height:250px;
| + | |
- | }
| + | |
- | | + | |
- | #page-box4{
| + | |
- | width:815px;
| + | |
- | height:200px;
| + | |
- | }
| + | |
- | .page-box-bottom{
| + | |
- | background-color:#333333;
| + | |
- | color:#eeeeee;
| + | |
- | opacity:0.8;
| + | |
- | position:absolute;
| + | |
- | bottom:0px;
| + | |
- | height:45px;
| + | |
- | width:100%;
| + | |
- | }
| + | |
- | .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;
| + | |
- | }
| + | |
- | .page-box-bottom-links{
| + | |
- | padding:12px 8px 0 8px;
| + | |
- | font-size:15px;
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | .bottom {
| + | |
- | width:1200px;
| + | |
- | margin-top:40px;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | opacity:0.9;
| + | |
- | background-color:#ffffff;
| + | |
- | border: 3px solid white;
| + | |
- | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
| + | |
- | -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2));
| + | |
- | box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
| + | |
- | -moz-border-radius : 4px; /* Firefox */
| + | |
- | -webkit-border-radius : 4px; /* Safari & Chrome */
| + | |
- | -khtml-border-radius : 4px; /* Linux browsers */
| + | |
- | border-radius : 4px; /* CSS3 compatible browsers */
| + | |
- | }
| + | |
- | | + | |
- | .bottom-sponsors{
| + | |
- | margin:0 48px;
| + | |
- | border-radius:5px;
| + | |
- | }
| + | |
- | | + | |
- | .bottom-headline{
| + | |
- | margin:10px 0 0 0;
| + | |
- | text-align:center;
| + | |
- | font-size:25px;
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | .bottom-sponsor1{
| + | |
- | margin:5px;
| + | |
- | max-height:300px;
| + | |
- | max-width:300px;
| + | |
- | }
| + | |
- | .bottom-sponsor2{
| + | |
- | margin:5px;
| + | |
- | max-height:140px;
| + | |
- | max-width:140px;
| + | |
- | }
| + | |
- | .bottom-sponsor3{
| + | |
- | margin:5px;
| + | |
- | max-height:120px;
| + | |
- | max-width:120px;
| + | |
- | }
| + | |
- | </style>
| + | |
| | | |
| <!-- Additional global elements --> | | <!-- Additional global elements --> |
Line 293: |
Line 12: |
| | | |
| </html> | | </html> |
| + | {{Template:Team:Bonn:MenuInit}} |