|
|
(92 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | {{Template:Team:Marburg/Template:General}} |
| + | {{Team:Marburg/Template:HeaderMenu}}<html> |
| <style> | | <style> |
- | | + | @font-face { |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {display: none;} /*-- hides default wiki settings --*/
| + | font-family: 'Muli'; |
- | | + | font-style: normal; |
- | body {
| + | font-weight: 400; |
- | background-image:url('https://static.igem.org/mediawiki/2014/2/2d/Mr-body-background-general.png');
| + | src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff'); |
- | background-repeat: repeat-x;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| + | |
- | | + | |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | |
- | background-color: transparent;
| + | |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 100;
| + | |
- | top: 0;
| + | |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
| } | | } |
| | | |
- | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| + | a, a:hover, a:active, a:focus, object, embed { |
- | background-color: #383838;
| + | outline: none; |
- | height: 14px;
| + | |
- | display: block;
| + | |
- | z-index: 10;
| + | |
- | position: fixed;
| + | |
- | width: 100%;
| + | |
- | top: 0;
| + | |
| } | | } |
| | | |
- | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| + | h1, h2, h3, h4, h5 { |
- | color: #727272;
| + | font-family: 'Muli', Georgia, Times, "Times New Roman", serif; |
- | text-decoration: none;
| + | |
- | background-color: transparent;
| + | |
| } | | } |
| | | |
- | body {
| + | h1 { |
- | background-color: #fff;
| + | font-size: 14.5pt; |
| + | font-weight: bold; |
| } | | } |
- | | + | h2, h3 { |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/
| + | font-size: 13.5pt; |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
| } | | } |
- | | + | h4, h5 { |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | font-size: 13pt; |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | background-color: transparent;
| + | |
| } | | } |
| | | |
- | #contentcontainer { /*-- creates container for all content on page --*/
| + | .mr_content { |
- | font-family: Arial, Helvetica, sans-serif;
| + | min-width: 500px; |
- | font-weight: normal;
| + | width: 85%; |
- | font-size: 14px;
| + | margin: 0 auto; |
- | color: #414141;
| + | |
- | width: 960px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | background-color: #transparent;
| + | |
- | margin-top: 0px;
| + | |
| } | | } |
| | | |
- | .sidemenu, .sidemenu li { | + | .mr_content p, .mr_content, .mr_content ul li { |
- | list-style-type: none;
| + | font-size: 12.5pt; |
- | list-style-image: none;
| + | font-family: Verdana; |
- | font-family: verdana;
| + | text-align: justify; |
- | text-decoration: none;
| + | line-height: 13p.5t; |
- | color:#000;
| + | padding: 3pt !important; |
- | font-size: 14px;
| + | |
| } | | } |
| | | |
- | .sidemenu li {display: block;} | + | .mr_content li { |
- | | + | margin-bottom: 0.3em; |
- | .sidemenu a {
| + | margin-top: 0.3em; |
- | text-decoration:none;
| + | |
- | color: #000;
| + | |
- | display: block;
| + | |
- | width: 180px;
| + | |
- | height: 100%;
| + | |
- | padding: 3px 5px;
| + | |
- | transition: .25s ease-in-out;
| + | |
- | -moz-transition: .25s ease-in-out;
| + | |
- | -webkit-transition: .25s ease-in-out;
| + | |
- | }
| + | |
- | | + | |
- | .sidemenu a.greyout { color: #909090; }
| + | |
- | | + | |
- | .sidemenu a:hover {
| + | |
- | color:#666;
| + | |
- | background-color: #d9f5aa;
| + | |
| } | | } |
| | | |
- | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| + | table#members { |
- | .sub-sidemenu a {color: #666;}
| + | width: 100%; |
- | | + | |
- | div.underconst
| + | |
- | {
| + | |
- | padding:10px;
| + | |
- | border-radius:5px;
| + | |
- | background-color:pink;
| + | |
- | text-align:center;
| + | |
| } | | } |
| | | |
- | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| + | table#members img { |
- | | + | border: 1px solid #777 !important; |
- | .contentpara {margin-bottom: 30px;}
| + | |
- | | + | |
- | span.email{font-family: monospace; font-weight: normal;}
| + | |
- | | + | |
- | fieldset {border: 1px solid #337f53;}
| + | |
- | | + | |
- | .greyout {color: #A0A0A0;}
| + | |
- | .highlightme {background-color: #FFFF00;}
| + | |
- | | + | |
- | #alertContainer { margin-bottom: 10px; width: 936px;}
| + | |
- | #annContainer {margin-left: 8px;}
| + | |
- | #newsContainer {border: 1px solid #ccc;}
| + | |
- | | + | |
- | .newsTitle {
| + | |
- | display: block;
| + | |
- | color: #414141;
| + | |
- | font-size: 25px;
| + | |
- | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
- | padding: 10px 15px 5px 10px;
| + | |
- | border-bottom: 1px solid #ccc;
| + | |
- | margin-bottom: 0px;
| + | |
| } | | } |
| | | |
- | .newsItem { | + | table#members .photo_left, |
- | border-bottom: 1px solid #ccc;
| + | table#members .text_left { |
- | display: block;
| + | text-align: left; |
- | padding: 5px 15px 0px 10px;
| + | |
- | margin-bottom: 0px;
| + | |
| } | | } |
| | | |
- | .newsItem h3 { | + | table#members .text_right, |
- | width: auto;
| + | table#members .photo_right { |
- | display: inline;
| + | text-align: right; |
- | font-size: 14px;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | padding: 0px;
| + | |
- | margin: 0px;
| + | |
| } | | } |
| | | |
- | .newsItem img {
| + | table#members th, table#members td, table#members { |
- | float: right;
| + | border: none; |
- | clear: right;
| + | |
- | width: 80px;
| + | |
- | padding-left: 15px;
| + | |
- | display: inline-block;
| + | |
| } | | } |
| | | |
- | .newsItem .newsDate {
| + | #animation_cancer { |
- | font-style: italic;
| + | background: url('https://static.igem.org/mediawiki/2014/2/2e/Mr_cancer_streptdarpindin.png'); |
- | font-size: 14px;
| + | display: block; |
- | display: inline-block;
| + | width: 1021px; |
- | color: #999;
| + | height: 493px; |
- | float: right;
| + | background-size: 100%; |
- | padding: 0px 0px 10px 15px;
| + | margin: 0 auto; |
| } | | } |
| | | |
- | .newsItem p, .newsItem ul, .newsItem li {
| + | #animation_cancer img { |
- | padding: 0px;
| + | width: 38%; |
- | margin-left: 20px;
| + | position: relative; |
- | font-size: 12px;
| + | margin-left: 24.5%; |
- | line-height: 1.2;
| + | margin-top: 7%; |
| } | | } |
| | | |
- | .newsItem p {margin-top: 10px;}
| + | #BackToTop { |
- | | + | position: fixed; |
- | .annItem {
| + | right: 5%; |
- | border: 2px solid #414141;
| + | top: 19%; |
- | display: block;
| + | |
- | padding: 0px 15px 10px 10px;
| + | |
- | margin-bottom: 18px;
| + | |
- | position: relative;
| + | |
- | height: 160px;
| + | |
- | vertical-align: middle;
| + | |
| } | | } |
| | | |
- | .annItem .annCentered { | + | .notebooky-entry ,.notebooky-entry p, .method, .method p, fieldset p, fieldset { |
- | display: table-cell;
| + | font-size: 12pt !important; |
- | vertical-align: middle;
| + | line-height: 14pt !important; |
- | height: 160px;
| + | text-align: justify; |
| + | margin: 0; |
| + | padding: 2px; |
| + | margin-bottom: 10px; |
| } | | } |
| | | |
- | .annCentered h3 {
| + | fieldset table { |
- | padding: 0px;
| + | width: 90%; |
- | display: block;
| + | line-height: 17pt; |
- | margin-left: auto;
| + | margin: 0; |
- | margin-right: auto;
| + | border-collapse: collapse; |
- | text-align: center;
| + | border-spacing: 0; |
| + | margin: 0 auto; |
| } | | } |
- | | + | fieldset table td, fieldset table th { |
- | | + | border: 1px solid #bbb; |
- | p {
| + | padding: 2px; |
- | font-size: 12pt;
| + | padding-left: 4px; |
- | font-family: Verdana;
| + | padding-right: 4px; |
| } | | } |
- | | + | fieldset legend, fieldset legend a { |
- | | + | background: transparent; |
- | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| + | font-size: 13pt; |
- | .annItem li {list-style: none; margin: 5px}
| + | |
- | </style>
| + | |
- | | + | |
- | <script>
| + | |
- | $(window).load(function(){
| + | |
- | /* test for @media-query support */
| + | |
- | $('body').append($('<div id="test-media-query">').css({visibility: 'hidden', position: 'absolute'}));
| + | |
- | $('head').prepend('<style type="text/css" media="only all" id="test-media-query-style">');
| + | |
- | styleSht = document.styleSheets[0];
| + | |
- | if (styleSht.cssRules || styleSht.rules) {
| + | |
- | if (styleSht.insertRule) {styleSht.insertRule('#test-media-query {display:none !important;}', styleSht.cssRules.length);
| + | |
- | } else if (styleSht.addRule) {styleSht.addRule('#test-media-query', 'display:none');}
| + | |
| } | | } |
- | mediaQuery = $('#test-media-query').css('display') === 'none';
| |
- | $('#test-media-query, #test-media-query-style').remove();
| |
- |
| |
- | /* if not supported then use the jQuery routine */
| |
- | if (!mediaQuery) {
| |
- |
| |
- | /* on page entry and page resize check the window width and add/remove stylesheets depending on width */
| |
- | $(window).on("resize", function () {
| |
- | widthDoc = $(window).width();
| |
- |
| |
- |
| |
- | if (!$('link[href="responsive-single/size880.css"]').length && widthDoc<=1024){$("<link>").appendTo($('head')).attr({type:'text/css',rel:'stylesheet',href:'https://2014.igem.org/Template:Team:Marburg/Template:Header:ResponsiveCSS?action=render'});}
| |
- |
| |
- | if (widthDoc>1024) {$('link[href="https://2014.igem.org/Template:Team:Marburg/Template:Header:ResponsiveCSS?action=render"]').remove();}
| |
- |
| |
| | | |
- | }).resize();
| + | .mr_content table { |
| + | background: none; |
| + | border: none; |
| + | border-collapse: 0; |
| + | text-align: left; |
| + | border-spacing: 0; |
| } | | } |
- | | + | .mr_content table th { |
- | });
| + | border-bottom: 1px solid #000; |
- | </script>
| + | text-align: left; |
- | <style>
| + | padding: 3px; |
- | @font-face {
| + | } |
- | font-family: 'Muli'; | + | .mr_content table td { |
- | font-style: normal; | + | border-bottom: 1px solid #ccc; |
- | font-weight: 400; | + | text-align: left; |
- | src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v6/kU4XYdV4jtS72BIidPtqyw.woff) format('woff'); | + | padding: 3px; |
| } | | } |
| | | |
- | | + | .figure, figure_two { |
- | section {display:block; padding:0; margin:0 auto; max-width:1200px; min-width:320px;}
| + | margin: 0 auto; |
- | article {display:block; padding:0; margin:0;}
| + | min-width: 375px; |
- | .menu {display:block; padding:0; margin:0; height:42px; position:relative;
| + | max-width: 1000px; |
- | -webkit-user-select: none; | + | width: 50%; |
- | -moz-user-select: none;
| + | |
- | -ms-user-select: none;
| + | |
- | -o-user-select: none;
| + | |
- | user-select: none;
| + | |
- | -ms-touch-action: none;
| + | |
| } | | } |
- | .menu img {position:absolute; left:5px; top:14px; z-index:100; display:none;}
| |
- | .menu ul {padding:0; margin:0; margin-top: 25px; }
| |
- | .menu ul li {display:inline-block; position:relative;background: url('https://static.igem.org/mediawiki/2014/1/1a/Mr-navigation-background.png');}
| |
- | .menu ul li {*display:inline;}
| |
- | .menu ul li a {display:block; font:normal 15pt/40px 'Muli', arial, sans-serif; color:#444; text-decoration:none; padding:0 25px;}
| |
- | .menu ul li a:hover {color:#a00;}
| |
- | .menu ul li.current a {color:#c00; z-index:100;}
| |
- | .menu ul li.current b {display:block; width:100%; height:40px; position:absolute;; top:0; left:0; background:url(trans.gif);}
| |
- | .menu.center {text-align:center;}
| |
- | .menu.right {text-align:right;}
| |
| | | |
- | .menu.first { z-index: 120; } | + | .caption { |
- | .menu ul li.current a {color:#c00; z-index:120;}
| + | font-weight: normal; |
- | | + | font-size: 10pt !important; |
- | | + | text-align: justify; |
- | @media only screen and (max-width:880px) {
| + | display: block; |
- | .menu {width:240px;}
| + | text-indent: 0; |
- | .menu.center {margin:0 auto; text-align:left;}
| + | margin-top: 5px; |
- | .menu.right {margin:0 0 0 auto; text-align:left;}
| + | |
- | .menu img {display:block;}
| + | |
- | .menu ul li {display:block; margin-bottom:-40px;
| + | |
- | -webkit-transition:0.5s;
| + | |
- | -moz-transition:0.5s;
| + | |
- | -o-transition:0.5s;
| + | |
- | transition:0.5s;
| + | |
- | }
| + | |
- | .menu ul li:last-child {margin-bottom:0;}
| + | |
- | .menu ul li.current {display:block; z-index:10;}
| + | |
- | .menu:hover ul li {margin-bottom:0;}
| + | |
- | }
| + | |
- | @media only screen and (max-device-width:1024px) and (orientation:portrait) {
| + | |
- | .menu {width:200px;}
| + | |
- | .menu.center {margin:0 auto; text-align:left;}
| + | |
- | .menu.right {margin:0 0 0 auto; text-align:left;}
| + | |
- | .menu img {display:block;}
| + | |
- | .menu ul li {display:block; margin-bottom:-40px;
| + | |
- | -webkit-transition:0.5s;
| + | |
- | -moz-transition:0.5s;
| + | |
- | -o-transition:0.5s;
| + | |
- | transition:0.5s;
| + | |
- | }
| + | |
- | .menu ul li:last-child {margin-bottom:0;}
| + | |
- | .menu ul li.current {display:block; z-index:10;}
| + | |
- | .menu:hover ul li {margin-bottom:0;}
| + | |
- | }
| + | |
- | @media only screen and (max-device-width:480px) {
| + | |
- | .menu {width:200px;}
| + | |
- | .menu.center {margin:0 auto; text-align:left;}
| + | |
- | .menu.right {margin:0 0 0 auto; text-align:left;}
| + | |
- | .menu img {display:block;}
| + | |
- | .menu ul li {display:block; margin-bottom:-40px;
| + | |
- | -webkit-transition:0.5s;
| + | |
- | -moz-transition:0.5s;
| + | |
- | -o-transition:0.5s;
| + | |
- | transition:0.5s;
| + | |
- | }
| + | |
- | .menu ul li:last-child {margin-bottom:0;}
| + | |
- | .menu ul li.current {display:block; z-index:10;}
| + | |
- | .menu:hover ul li {margin-bottom:0;}
| + | |
| } | | } |
| | | |
- | .menu ul li a.a { | + | .figure img { |
- | color: #C00; | + | width: 100%; |
| } | | } |
| | | |
- | .menu ul li a.a: hover { | + | img.border { |
- | color: #A00;
| + | border: 10px solid #FFF; |
| + | box-shadow: 3px 3px 7px #BBB !important; |
| } | | } |
- | /*
| |
- | .menu ul li a.b {
| |
- | color: #00668d;
| |
- | } */
| |
| | | |
- | .menu ul li a.b:hover {
| + | h2, h3, h2 a, h3 a, h2 a:hover, h3 a:hover { |
- | color: #004b67; | + | color: #000; |
| + | font-size: 13.5pt; |
| + | border: none; |
| + | font-weight: bold; |
| + | text-decoration: underline; |
| } | | } |
| | | |
- | /* .menu ul li a.c {
| + | .sponsor { |
- | color: #e77235; | + | margin: 0 auto; |
| + | min-width: 500px; |
| + | max-width: 1200px; |
| + | width: 100%; |
| + | margin-bottom: 15px; |
| } | | } |
- | */
| + | .sponsor img { |
- | .menu ul li a.c:hover { | + | width: 45%; |
- | color: #cb5f25; | + | |
| } | | } |
- | | + | .sponsor img.lft { |
- | /* .menu ul li a.d {
| + | float: left; |
- | color: #0097d0; | + | } |
- | } */ | + | .sponsor img.rgt { |
- | | + | float: right; |
- | .menu ul li a.d:hover { | + | |
- | color: #006b93; | + | |
| } | | } |
| | | |
- | /* .menu ul li a.e {
| + | .clr { |
- | color: #1ba7b6;
| + | clear: both; |
- | } */
| + | |
- | | + | |
- | .menu ul li a.e:hover {
| + | |
- | color: #1b6a73; | + | |
| } | | } |
- | /*
| |
- | .menu ul li a.f {
| |
- | color: #faca00:
| |
- | } */
| |
| | | |
- | | + | table caption { |
- | /* .menu ul li a.f {
| + | text-align: left; |
- | color: #0e7b87; | + | padding-bottom: 5px; |
- | } */
| + | font-size: 11.5pt; |
- | | + | font-weight: bold; |
- | .menu ul li a.f:hover { | + | margin-bottom: 13px; |
- | color: #c59f00; | + | |
| } | | } |
| | | |
- | .mr_content {
| + | #starter_wrapper { |
| + | margin: 0 auto; |
| + | width: 100%; |
| min-width: 500px; | | min-width: 500px; |
- | width: 85%; | + | max-width: 892px; |
- | margin: 0 auto; | + | margin-top: 15px; |
| + | margin-bottom: 20px; |
| } | | } |
| | | |
- | </style> | + | #submenu li { |
- | | + | text-align: left; |
- | </html> | + | } |
| + | </style></html> |