m |
|||
(126 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | /* START OVERIDE HQ CSS */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | #top_title { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | + | #sideMenu { | |
− | + | display: none; | |
− | + | ||
} | } | ||
− | + | #content { | |
− | + | padding: 0px; | |
− | + | width: 100%; | |
+ | margin: 0px; | ||
+ | border: none; | ||
} | } | ||
− | + | ||
− | + | #globalWrapper { | |
− | + | padding: 0px; | |
} | } | ||
+ | |||
+ | #HQ_page p { | ||
+ | font-size: 10pt; | ||
+ | } | ||
+ | |||
+ | #HQ_page table { | ||
+ | margin: 0px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | margin: 0px; | ||
+ | margin-left: 25px; | ||
+ | margin-bottom: 4px; | ||
+ | } | ||
+ | |||
+ | a, a:link, a:visited, a:active { | ||
+ | color: #9b4d75; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
a:hover { | a:hover { | ||
− | + | color: #cb7da5; | |
− | + | text-decoration: none; | |
} | } | ||
− | + | ||
− | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | |
− | + | margin: 0px; | |
} | } | ||
− | + | ||
− | + | #groupparts { | |
− | + | margin: auto; | |
} | } | ||
− | /* | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | /* END OVERIDE HQ CSS */ | ||
+ | |||
+ | /* START OUR WIKI CSS */ | ||
+ | |||
+ | |||
+ | table, th, td { | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #dddddd; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | width: 96%; | ||
+ | table-layout: fixed; | ||
+ | margin: auto; | ||
+ | margin-top: 15x; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | table.parts { | ||
+ | width: 62%; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | background-color: #efefef; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | tr { | ||
+ | background-color: #ffffff; | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | td { | ||
+ | background-color: transparent; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | tr:hover { | ||
+ | background-color: #efefef; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | *, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | height: 100%; | ||
+ | font-family: verdana; | ||
+ | font-size: 12px; | ||
+ | color: #000000; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | /*styles bar of the navigation bar and fixes it to the top*/ | ||
+ | header { | ||
+ | background-color: #FFFFFF; | ||
+ | text-align: center; | ||
float: left; | float: left; | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | position: fixed; | ||
+ | top: 16px; | ||
+ | display: table-cell; | ||
+ | vertical-align: bottom; | ||
+ | z-index: 10; | ||
} | } | ||
− | + | ||
− | + | footer { | |
− | + | background-color: #333333; | |
− | + | text-align: center; | |
− | + | float: left; | |
+ | width: 100%; | ||
+ | height: 80px; | ||
+ | padding-top: 15px; | ||
+ | box-shadow: 0px 0px 5px #000000; | ||
+ | margin: 0px; | ||
} | } | ||
− | + | #navbar-left, #navbar-right { | |
+ | box-shadow: 0px 0px 5px #000000; | ||
+ | } | ||
+ | |||
+ | /*Aligns navbar items to the bar and removes bullet points*/ | ||
+ | ul.navbar { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #6b1d45; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | @media screen and (max-width: 1100px) { | ||
+ | ul.navbar { | ||
+ | /*background-color: #FF0000;*/ | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1050px) { | ||
+ | ul.navbar { | ||
+ | /*background-color: #0000FF;*/ | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 920px) { | ||
+ | ul.navbar { | ||
+ | /*background-color: #00FF00;*/ | ||
+ | font-size: 8px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 780px) { | ||
+ | ul.navbar { | ||
+ | /*background-color: #00FFFF;*/ | ||
+ | font-size: 6px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-paragraph { | ||
+ | background-color: #444444; | ||
+ | color: #FFFFFF; | ||
+ | list-style: none; | ||
+ | width: 100%; | ||
+ | height: 50%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | .navbar.item-left, .navbar.item-right, .sub-navbar li { | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | .navbar-paragraph.left { | ||
+ | text-align: left; | ||
+ | padding-left: 5%; | ||
+ | } | ||
+ | |||
+ | .navbar-paragraph.right { | ||
+ | text-align: right; | ||
+ | padding-right: 5%; | ||
+ | } | ||
+ | |||
+ | .navbar.left { | ||
+ | width: 47%; | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .navbar.right { | ||
+ | width: 47%; | ||
+ | float: right; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | ul.navbar.center { | ||
+ | width: 6%; | ||
+ | float: left; | ||
+ | padding: 1%; | ||
+ | padding-bottom: 5px; | ||
+ | padding-top: 5px; | ||
+ | box-shadow: 0px 0px 5px #000000; | ||
+ | } | ||
+ | |||
+ | ul.navbar.center:hover { | ||
+ | /*background-color: #7b2d55;*/ | ||
+ | background-color: #62153d; | ||
+ | } | ||
+ | |||
+ | /*changes the order of the items from vertical to horizontal*/ | ||
+ | li.navbar, .sub-navbar-item { | ||
+ | float: left; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .navbar.item-left { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .navbar.item-right { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /*styles the single items from text-links to nice buttons*/ | ||
+ | li.navbar a, .sub-navbar-item a { | ||
+ | display: block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 0px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ | ||
+ | li.navbar a:hover, li.navbar a:active, li.navbar.active, | ||
+ | li.navbar.highlighted { | ||
+ | background-color: #62153d; | ||
+ | } | ||
+ | |||
+ | /*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ | ||
+ | .sub-navbar-item a:hover, .sub-navbar-item a:active, .sub-navbar-item.active, | ||
+ | .sub-navbar-item.highlighted { | ||
+ | background-color: rgba(0,0,0, 0.35); | ||
+ | } | ||
+ | |||
+ | .sub-navbar { | ||
+ | text-align: center; | ||
float: left; | float: left; | ||
− | + | width: 100%; | |
+ | position: fixed; | ||
+ | top: 6000px; | ||
+ | z-index: 9; | ||
} | } | ||
− | + | .sub-navbar-list { | |
− | + | list-style-type: none; | |
− | + | margin: 0; | |
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: rgba(0,0,0,0.7); | ||
+ | top: 0; | ||
+ | width: 100%; | ||
} | } | ||
+ | .sub-navbar-item { | ||
+ | font-size: 13px; | ||
+ | height: 26px; | ||
+ | line-height: 26px; | ||
+ | } | ||
− | + | .sub-navbar-item.small { | |
+ | font-size: 12px; | ||
+ | } | ||
+ | .anchor-jump{ | ||
+ | display: block; | ||
+ | height: 60px; /*same height as header*/ | ||
+ | margin-top: -60px; /*same height as header*/ | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | /* bevel size, left offset and color settings next 3 lines */ | ||
+ | /*.bevel, .content { border-width: 30px } | ||
+ | .bevel, .content { border-color: #eeeeee; border-style:solid; } | ||
+ | .contentbox .tr, .contentbox .tl, .contentbox .br, .contentbox .bl { height: 0px; width: 100%; } | ||
+ | .contentbox .tr, .contentbox .tl { border-top: 0; } | ||
+ | .contentbox .br, .contentbox .bl { border-bottom: 0; } | ||
+ | .contentbox .tr, .contentbox .br { border-right-color: transparent; } | ||
+ | .contentbox .tl, .contentbox .bl { border-left-color: transparent; } | ||
+ | .no_bevel { height: 0px; width: 100%; border-bottom: 0; }*/ | ||
− | |||
− | + | .container { | |
− | + | width: 100%; | |
− | + | margin-top: 16px; | |
− | + | background-color: #FFFFFF; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /*styles the background of the content boxes and orders them below each other*/ | |
− | + | .contentbox { | |
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | /*margin-bottom: 30px;*/ | ||
+ | background: #f0f0f0; | ||
} | } | ||
− | + | .contentbox:nth-child(even) { | |
− | + | background-color: #ffffff; | |
− | + | } | |
+ | |||
+ | /*@media screen and (max-width: 1000px) { | ||
+ | .contentbox { | ||
+ | width: 72%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 900px) { | ||
+ | .contentbox { | ||
+ | width: 80%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 800px) { | ||
+ | .contentbox { | ||
+ | width: 90%; | ||
+ | } | ||
+ | }*/ | ||
+ | |||
+ | .labnotebox { | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | background-color: #ffffff | ||
+ | } | ||
+ | |||
+ | .labnotebox:nth-child(even) { | ||
+ | background-color: #f0f0f0 | ||
+ | } | ||
+ | |||
+ | .contentbox.team { | ||
+ | width: 100%; | ||
+ | background-color: #FF0000; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | .contentbox.left { | ||
+ | background-color: #FFFFFF; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | width: 50%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .contentbox.right { | ||
+ | background-color: #FFFFFF; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | /*surrounds the content by boxes with round edges and adds shadows*/ | ||
+ | .content { | ||
+ | width: 62%; | ||
+ | border-top: 0; | ||
+ | border-bottom: 0; | ||
+ | |||
+ | overflow: auto; | ||
+ | margin: auto; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .content.oligo-table{ | ||
+ | width: 86%; | ||
+ | } | ||
+ | |||
+ | article, .article { | ||
+ | text-align: justify; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | article, .article, .contentline { | ||
+ | width: 96%; | ||
+ | } | ||
+ | |||
+ | .contentline article, .contentline .article { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | width: 92%; | ||
+ | margin: auto; | ||
+ | margin-top: 0px; | ||
+ | |||
+ | padding-top: 20px; | ||
+ | padding-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | /*---*/ | ||
+ | .labnote-content { | ||
+ | width: 50%; | ||
+ | border-top: 0; | ||
+ | border-bottom: 0; | ||
+ | |||
+ | overflow: auto; | ||
+ | margin: auto; | ||
+ | padding-bottom: 20px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*---*/ | ||
+ | .labnote-title { | ||
+ | padding-bottom: 5px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 50px; | ||
+ | padding-top: 5px; | ||
+ | text-align: justify; | ||
+ | margin-top: 20px; | ||
+ | margin: auto; | ||
+ | cursor: pointer; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /*---*/ | ||
+ | .labnote-date { | ||
+ | padding: 1px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 50px; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 10px; | ||
+ | text-align: center; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /*icons from font-awesome*/ | ||
+ | .fa { | ||
+ | color: #dddddd; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /*color change for icons*/ | ||
+ | .fa:hover { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .figure, .sponsor-figure { | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .figure.large, .sponsor-figure.large { | ||
+ | width: 92%; | ||
+ | } | ||
+ | |||
+ | .figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .figure.small, .sponsor-figure.small { | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .figure.fourty, .sponsor-figure.fourty { | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | .figure.sixty, .sponsor-figure.sixty { | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .figure.seventy, .sponsor-figure.seventy { | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | .figure.eighty, .sponsor-figure.eighty { | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .figure.image, .sponsor-figure.image { | ||
+ | width: 100%; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | /*Styles the figure's subtitle to a smaller font-size. */ | ||
+ | .figure.subtitle, .figure.subtitle p, .sponsor-figure.subtitle, , .sponsor-figure.subtitle p { | ||
+ | font-size: 10pt; | ||
+ | text-align: justify; | ||
+ | margin-top: -10px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .contentline { | ||
+ | margin: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .half { | ||
+ | width: 48%; | ||
+ | } | ||
+ | |||
+ | /* */ | ||
+ | .half.left { | ||
+ | float: left; | ||
+ | margin-right: 1%; | ||
+ | } | ||
+ | |||
+ | .half.right { | ||
+ | float: right; | ||
+ | margin-left: 1%; | ||
+ | } | ||
+ | |||
+ | .third { | ||
+ | width: 33%; | ||
+ | float: left; | ||
+ | margin-right: 0.334%; | ||
+ | } | ||
+ | |||
+ | .third.double { | ||
+ | width: 66%; | ||
+ | float: left; | ||
+ | margin-right: 0.335%; | ||
+ | } | ||
+ | |||
+ | /*.figure { | ||
+ | cursor: pointer; | ||
+ | }*/ | ||
+ | |||
+ | .cover { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | position:fixed; | ||
+ | } | ||
+ | |||
+ | #cover { | ||
+ | cursor: pointer; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: rgba(0, 0, 0, 0); | ||
+ | top:0; | ||
+ | left:0; | ||
+ | } | ||
+ | |||
+ | #cover-box { | ||
+ | width: 70%; | ||
+ | height: 90%; | ||
+ | background: rgba(1, 1, 1, 0); | ||
+ | top:50%; | ||
+ | left:50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | overflow: auto; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | |||
+ | #cover-box-img { | ||
+ | position: relative; | ||
+ | background: rgba(255, 0, 0, 0); | ||
+ | width: 100%; | ||
+ | height: 88%; | ||
+ | text-align: center; | ||
+ | margin-bottom: 0px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | #cover-box-text { | ||
+ | position:relative; | ||
+ | background: rgba(0, 255, 0, 0); | ||
+ | width: 100%; | ||
+ | height: 12%; | ||
+ | text-align: center; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | margin-top: 0px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | #cover-img { | ||
+ | margin: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #cover-p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #title { | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | background-attachment: fixed; | ||
+ | background-position: 0px 34px; | ||
+ | width: 100%; | ||
+ | margin-top: 0px; | ||
+ | position: relative; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | #title img{ | ||
+ | vertical-align: top; | ||
+ | width: 100%; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | #title-bg { | ||
+ | background-color: rgba(0, 0, 0, 0.7); | ||
+ | line-height: 60px; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #title-text { | ||
+ | color: #FFFFFF; | ||
+ | font-size: 30px; | ||
+ | width: 60%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | a.no-link { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #footer-left { | ||
+ | width: 25%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #footer-center { | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #footer-right { | ||
+ | width: 25%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #page-arrow-top { | ||
+ | cursor: pointer; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | position: fixed; | ||
+ | bottom: 20px; | ||
+ | right: 50px; | ||
+ | } | ||
+ | |||
+ | .codeblock { | ||
+ | width: 90%; | ||
+ | color: #ffffff; | ||
+ | background-color: #666666; | ||
+ | font-size: 12pt; | ||
+ | margin: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 25px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 50px; | ||
+ | font-family: courier new; | ||
+ | } | ||
+ | |||
+ | .hidden-expand { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .hidden-block { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .equation-line { | ||
+ | width: 96%; | ||
+ | text-align: centeR; | ||
+ | margin: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .equation { | ||
+ | } | ||
+ | |||
+ | .equation-nr { | ||
+ | padding-top: 25px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .table-headline { | ||
+ | margin: auto; | ||
+ | margin-top: 10px; | ||
+ | width: 96%; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | p.table-headline { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | .start-page-screen { | ||
+ | background-color: #efefef; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | padding-top: 0px; | ||
+ | } | ||
+ | |||
+ | .start-page-image { | ||
+ | width: 67%; | ||
+ | } | ||
+ | |||
+ | .start-page-screen:nth-child(even) { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .borderbox { | ||
+ | border-color: #6b1d45; | ||
+ | border-style: solid; | ||
+ | border-width: 5px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .container.start-page { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | max-width: 100%; | ||
+ | overflow-x: hidden; | ||
+ | } |
Latest revision as of 03:54, 2 November 2017
/* START OVERIDE HQ CSS */
- top_title {
display: none; }
- sideMenu {
display: none; }
- content {
padding: 0px; width: 100%; margin: 0px; border: none; }
- globalWrapper {
padding: 0px; }
- HQ_page p {
font-size: 10pt; }
- HQ_page table {
margin: 0px; margin: auto; }
ul { list-style-image: none; }
li { margin: 0px; margin-left: 25px; margin-bottom: 4px; }
a, a:link, a:visited, a:active { color: #9b4d75; text-decoration: none; }
a:hover { color: #cb7da5; text-decoration: none; }
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0px; }
- groupparts {
margin: auto; }
/* END OVERIDE HQ CSS */
/* START OUR WIKI CSS */
table, th, td {
border-collapse: collapse;
border: 1px solid #dddddd;
}
table { width: 96%; table-layout: fixed; margin: auto; margin-top: 15x; margin-bottom: 15px; }
table.parts { width: 62%; margin-bottom: 20px; }
th { background-color: #efefef; text-align: center; }
tr { background-color: #ffffff; height: 30px; }
td { background-color: transparent; padding: 10px; }
tr:hover { background-color: #efefef; }
- ,
- before,
- after {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
- bodyContent a[href^="https://"], .link-https {
padding: 0px;
margin: 0px; }
body { height: 100%; font-family: verdana; font-size: 12px; color: #000000; margin: 0px; }
/*styles bar of the navigation bar and fixes it to the top*/ header { background-color: #FFFFFF;
text-align: center; float: left; width: 100%; height: 50px; position: fixed;
top: 16px; display: table-cell; vertical-align: bottom; z-index: 10; }
footer {
background-color: #333333;
text-align: center;
float: left;
width: 100%;
height: 80px;
padding-top: 15px;
box-shadow: 0px 0px 5px #000000;
margin: 0px;
}
- navbar-left, #navbar-right {
box-shadow: 0px 0px 5px #000000; }
/*Aligns navbar items to the bar and removes bullet points*/ ul.navbar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #6b1d45; font-size: 14px; }
@media screen and (max-width: 1100px) {
ul.navbar {
/*background-color: #FF0000;*/ font-size: 12px; } }
@media screen and (max-width: 1050px) {
ul.navbar {
/*background-color: #0000FF;*/ font-size: 10px; } }
@media screen and (max-width: 920px) {
ul.navbar {
/*background-color: #00FF00;*/ font-size: 8px; } }
@media screen and (max-width: 780px) {
ul.navbar {
/*background-color: #00FFFF;*/ font-size: 6px; } }
.navbar-paragraph { background-color: #444444; color: #FFFFFF; list-style: none; width: 100%; height: 50%; margin: 0px; padding: 0px; }
.navbar.item-left, .navbar.item-right, .sub-navbar li { cursor:pointer; }
.navbar-paragraph.left { text-align: left; padding-left: 5%; }
.navbar-paragraph.right { text-align: right; padding-right: 5%; }
.navbar.left { width: 47%; float: left; height: 100%; }
.navbar.right { width: 47%; float: right; height: 100%; }
ul.navbar.center { width: 6%; float: left; padding: 1%; padding-bottom: 5px; padding-top: 5px; box-shadow: 0px 0px 5px #000000; }
ul.navbar.center:hover { /*background-color: #7b2d55;*/ background-color: #62153d; }
/*changes the order of the items from vertical to horizontal*/ li.navbar, .sub-navbar-item { float: left; margin: 0px; }
.navbar.item-left { float: right; }
.navbar.item-right { float: left; }
/*styles the single items from text-links to nice buttons*/ li.navbar a, .sub-navbar-item a { display: block; color: white; text-align: center; padding: 0px 16px; text-decoration: none; }
/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ li.navbar a:hover, li.navbar a:active, li.navbar.active,
li.navbar.highlighted {
background-color: #62153d; }
/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ .sub-navbar-item a:hover, .sub-navbar-item a:active, .sub-navbar-item.active,
.sub-navbar-item.highlighted {
background-color: rgba(0,0,0, 0.35); }
.sub-navbar {
text-align: center; float: left; width: 100%; position: fixed; top: 6000px;
z-index: 9; }
.sub-navbar-list { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: rgba(0,0,0,0.7); top: 0; width: 100%; }
.sub-navbar-item { font-size: 13px; height: 26px; line-height: 26px; }
.sub-navbar-item.small { font-size: 12px; }
.anchor-jump{
display: block; height: 60px; /*same height as header*/ margin-top: -60px; /*same height as header*/ visibility: hidden;
}
/* bevel size, left offset and color settings next 3 lines */ /*.bevel, .content { border-width: 30px } .bevel, .content { border-color: #eeeeee; border-style:solid; }
.contentbox .tr, .contentbox .tl, .contentbox .br, .contentbox .bl { height: 0px; width: 100%; } .contentbox .tr, .contentbox .tl { border-top: 0; } .contentbox .br, .contentbox .bl { border-bottom: 0; } .contentbox .tr, .contentbox .br { border-right-color: transparent; } .contentbox .tl, .contentbox .bl { border-left-color: transparent; } .no_bevel { height: 0px; width: 100%; border-bottom: 0; }*/
.container {
width: 100%;
margin-top: 16px;
background-color: #FFFFFF;
}
/*styles the background of the content boxes and orders them below each other*/ .contentbox { width: 100%;
margin: auto; /*margin-bottom: 30px;*/
background: #f0f0f0; }
.contentbox:nth-child(even) { background-color: #ffffff; }
/*@media screen and (max-width: 1000px) {
.contentbox { width: 72%; }
}
@media screen and (max-width: 900px) {
.contentbox { width: 80%; }
}
@media screen and (max-width: 800px) {
.contentbox { width: 90%; }
}*/
.labnotebox { width: 100%; margin: auto; background-color: #ffffff }
.labnotebox:nth-child(even) { background-color: #f0f0f0 }
.contentbox.team { width: 100%; background-color: #FF0000; padding-left: 0px; padding-right: 0px; display: flex; }
.contentbox.left { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; height: 100%; }
.contentbox.right { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; }
/*surrounds the content by boxes with round edges and adds shadows*/ .content {
width: 62%; border-top: 0; border-bottom: 0;
overflow: auto; margin: auto; padding-bottom: 20px; }
.content.oligo-table{
width: 86%;
}
article, .article { text-align: justify;
display: block; margin: auto;
}
article, .article, .contentline { width: 96%; }
.contentline article, .contentline .article { width: 100%; }
h1, h2, h3, h4, h5, h6 {
width: 92%; margin: auto; margin-top: 0px;
padding-top: 20px; padding-bottom: 15px;
}
/*---*/ .labnote-content { width: 50%;
border-top: 0; border-bottom: 0;
overflow: auto; margin: auto; padding-bottom: 20px; display: none; }
/*---*/ .labnote-title { padding-bottom: 5px; padding-left: 50px; padding-right: 50px; padding-top: 5px; text-align: justify; margin-top: 20px; margin: auto; cursor: pointer; text-align: center; }
/*---*/ .labnote-date { padding: 1px; padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 10px; text-align: center; margin: auto; }
/*icons from font-awesome*/ .fa { color: #dddddd; text-align: center; }
/*color change for icons*/ .fa:hover { color: #ffffff; }
.figure, .sponsor-figure { display: block; margin: auto; margin-top: 20px; margin-bottom: 20px; }
.figure.large, .sponsor-figure.large { width: 92%; }
.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty { width: 50%; }
.figure.small, .sponsor-figure.small { width: 30%; }
.figure.fourty, .sponsor-figure.fourty { width: 40%; }
.figure.sixty, .sponsor-figure.sixty { width: 60%; }
.figure.seventy, .sponsor-figure.seventy { width: 70%; }
.figure.eighty, .sponsor-figure.eighty { width: 80%; }
.figure.image, .sponsor-figure.image { width: 100%; margin-bottom: 15px; }
/*Styles the figure's subtitle to a smaller font-size. */ .figure.subtitle, .figure.subtitle p, .sponsor-figure.subtitle, , .sponsor-figure.subtitle p { font-size: 10pt; text-align: justify; margin-top: -10px; margin-bottom: 20px; }
.contentline { margin: auto; margin-top: 10px; margin-bottom: 10px; overflow: auto; }
.half { width: 48%; }
/* */ .half.left { float: left; margin-right: 1%; }
.half.right { float: right; margin-left: 1%; }
.third { width: 33%; float: left; margin-right: 0.334%; }
.third.double { width: 66%; float: left; margin-right: 0.335%; }
/*.figure { cursor: pointer; }*/
.cover { padding:0;
margin:0;
position:fixed; }
- cover {
cursor: pointer; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);
top:0; left:0;
}
- cover-box {
width: 70%; height: 90%; background: rgba(1, 1, 1, 0);
top:50%; left:50%;
transform: translate(-50%, -50%); overflow: auto; margin-top: 25px; }
- cover-box-img {
position: relative; background: rgba(255, 0, 0, 0); width: 100%; height: 88%; text-align: center; margin-bottom: 0px; overflow: auto; }
- cover-box-text {
position:relative; background: rgba(0, 255, 0, 0); width: 100%; height: 12%; text-align: center; padding-left: 20px; padding-right: 20px; margin-top: 0px; overflow: auto; }
- cover-img {
margin: auto; margin-top: 10px; margin-bottom: 0px; }
- cover-p {
text-align: justify; }
- title {
background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; background-position: 0px 34px; width: 100%; margin-top: 0px; position: relative; margin-bottom: 20px; }
- title img{
vertical-align: top;
width: 100%; opacity: 0;
}
- title-bg {
background-color: rgba(0, 0, 0, 0.7); line-height: 60px; position: absolute;
bottom: 0;
width: 100%; }
- title-text {
color: #FFFFFF; font-size: 30px; width: 60%; margin: auto; }
a.no-link { color: #ffffff; }
- footer-left {
width: 25%; float: left; }
- footer-center {
width: 50%; float: left; }
- footer-right {
width: 25%; float: left; }
- page-arrow-top {
cursor: pointer; padding: 0;
margin: 0;
position: fixed; bottom: 20px;
right: 50px;
}
.codeblock { width: 90%; color: #ffffff; background-color: #666666; font-size: 12pt; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 25px; padding-left: 50px; padding-right: 50px; font-family: courier new; }
.hidden-expand { cursor: pointer; }
.hidden-block { display: none; }
.equation-line { width: 96%; text-align: centeR; margin: auto; margin-top: 20px; margin-bottom: 20px; vertical-align: middle; }
.equation { }
.equation-nr { padding-top: 25px; float: right; }
.table-headline { margin: auto; margin-top: 10px; width: 96%; font-size: 12pt; }
p.table-headline { font-size: 12pt; }
.start-page-screen { background-color: #efefef; width: 100%; text-align: center; padding-top: 0px; }
.start-page-image { width: 67%; }
.start-page-screen:nth-child(even) { background-color: #ffffff; }
.borderbox { border-color: #6b1d45; border-style: solid; border-width: 5px; padding: 10px; }
body { background: #FFFFFF; }
.container.start-page { margin-top: 0px; }
html, body {
max-width: 100%; overflow-x: hidden;
}