|
|
(130 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 -->
| |
- | <style type="text/css">
| |
- | /* ********************** */
| |
| | | |
- | /* basic settings */ | + | <!-- We need jQuery >= 1.10 --> |
| + | <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> |
| | | |
- | .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://igem13.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://igem13.uni-bonn.de/shared/superfish/js/hoverIntent.js"></script>
| |
- | <script type="text/javascript" src="http://igem13.uni-bonn.de/shared/superfish/js/superfish.js"></script>
| |
- |
| |
- | <!-- Extra CSS -->
| |
- | <style type="text/css">
| |
- | .editsection{
| |
- | color:#ffffff;
| |
- | }
| |
- | body {
| |
- | color:#333333;
| |
- | background-position:center;
| |
- | background-repeat: repeat-y;
| |
- | background-image: url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
| |
- | }
| |
- | #globalWrapper{
| |
- | background: rgba(50, 50, 50, .3);
| |
- | 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;
| |
- | /*-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 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: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: 30px 10px 10px 10px;
| |
- | z-index:5;
| |
- | }
| |
- |
| |
- | #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;
| |
- | 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:1150px;
| |
- | margin-top:40px;
| |
- | margin-left:auto;
| |
- | margin-right:auto;
| |
- | margin-bottom:0px;
| |
- | opacity:1;
| |
- | 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-left:auto;
| |
- | margin-right:auto;
| |
- | border-radius:5px;
| |
- | margin-bottom:15px;
| |
- | }
| |
- |
| |
- | .bottom-headline{
| |
- | margin:10px 0 0 0;
| |
- | text-align:center;
| |
- | font-size:25px;
| |
- | font-weight:bold;
| |
- | }
| |
- | .bottom-sponsor{
| |
- | margin:5px;
| |
- | }
| |
- | #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{
| |
- | margin-left:10px;
| |
- | margin-right:10px;
| |
- | }
| |
- | .menu-top {
| |
- | height:20px;
| |
- | padding:8px;
| |
- | }
| |
- | #menu-team {
| |
- | background-image: url('https://static.igem.org/mediawiki/igem.org/5/5f/Wiki_Team.png');
| |
- | background-size: auto 20px;
| |
- | background-repeat: no-repeat;
| |
- | background-position-y:center;
| |
- | width:60px;
| |
- | }
| |
- | #menu-intro {
| |
- | background-image: url(https://static.igem.org/mediawiki/igem.org/b/b5/Bonn_menu_introduction.png);
| |
- | background-size: auto 20px;
| |
- | background-repeat: no-repeat;
| |
- | background-position:left center;
| |
- | width:160px;
| |
- | }
| |
- | #menu-project {
| |
- | background-image: url(https://static.igem.org/mediawiki/igem.org/2/2a/Bonn_menu_project.png);
| |
- | background-size: auto 20px;
| |
- | background-repeat: no-repeat;
| |
- | background-position:center;
| |
- | width:110px;
| |
- | }
| |
- | #menu-hp {
| |
- | background-image: url(https://static.igem.org/mediawiki/igem.org/2/2a/Wiki_humanpractice.png);
| |
- | background-size: auto 20px;
| |
- | background-repeat: no-repeat;
| |
- | background-position:center;
| |
- | width:230px;
| |
- | }
| |
- | </style>
| |
| <!-- Additional global elements --> | | <!-- Additional global elements --> |
| | | |
Line 381: |
Line 12: |
| | | |
| </html> | | </html> |
| + | {{Template:Team:Bonn:MenuInit}} |