|
|
(32 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| font-family: Helvetica,Arial,Verdana,sans-serif; | | font-family: Helvetica,Arial,Verdana,sans-serif; |
| color: #000000; | | color: #000000; |
− | background: #ded6ca url('https://static.igem.org/mediawiki/2013/a/a3/TUM13_paper-bg.png') repeat; | + | background: rgb(249,249,249); |
| } | | } |
− |
| |
− | /* Start top-section style ============================================== */
| |
− |
| |
− | /* Remove logo and search */
| |
− |
| |
− | div#p-logo,
| |
− | div#search-controls {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | /* Center wiki-menu; set font & bg (as fallback) color */
| |
− |
| |
− | div#top-section {
| |
− | width: 930px;
| |
− | height: 20px;
| |
− | margin: 0 auto;
| |
− | color: #d4c6b6;
| |
− | background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0;
| |
− | }
| |
− |
| |
− | /* Set font and positions */
| |
− |
| |
− | div#menubar {
| |
− | font-size: 13px;
| |
− | font-weight: bold;
| |
− | line-height: 20px;
| |
− | }
| |
− |
| |
− | div#menubar.right-menu {
| |
− | float: right;
| |
− | }
| |
− |
| |
− | div#menubar.left-menu {
| |
− | float: left;
| |
− | }
| |
− |
| |
− | /* Fix text */
| |
− |
| |
− | div#menubar.left-menu a,
| |
− | div#menubar.left-menu li {
| |
− | text-transform: capitalize;
| |
− | }
| |
− |
| |
− | div#menubar li {
| |
− | display: inline;
| |
− | padding: 0 5px;
| |
− | }
| |
− |
| |
− | /* White on hover */
| |
− |
| |
− | div#menubar a:hover {
| |
− | text-decoration: none;
| |
− | color: #FFFFFF;
| |
− | }
| |
− |
| |
− | /* End top-section style ================================================ */
| |
− |
| |
− | /* Start header style =================================================== */
| |
| | | |
| /* Hide page title (it would appear before the header) */ | | /* Hide page title (it would appear before the header) */ |
Line 68: |
Line 10: |
| display: none; | | display: none; |
| } | | } |
− | | + | p { |
− | /* Start menu style ===================================================== */
| + | margin-bottom: 25px; |
− | | + | height: auto !important; |
− | /* Menu-bg and spacing*/
| + | margin-left: 0px!important; |
− | | + | margin-right: 0px!important; |
− | div#menu {
| + | margin-top: 20px!important; |
− | height: 60px;
| + | margin-bottom: 0px!important; |
− | padding: 5px 0 17px;
| + | |
− | border: 0 solid red;
| + | |
| } | | } |
| | | |
− | div#menu ul {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | list-style: none;
| |
− | }
| |
| | | |
− | /* Position menu and set font color */ | + | /* */ |
− | | + | .text-heading { |
− | div#menu > ul {
| + | color: rgb(62,62,62); |
− | width: 960px;
| + | margin-top: 0px; |
− | height: 60px;
| + | padding-top: 5px; |
− | margin: 0 auto;
| + | text-align: center; |
− | color: #411c03;
| + | font-size: 34px!important; |
| } | | } |
− | | + | .tright { |
− | /* Position menu elements and set font */
| + | border: none !important; |
− | | + | |
− | div#menu > ul > li {
| + | |
− | float: left;
| + | |
− | position: relative;
| + | |
− | width: 137px;
| + | |
− | height: 44px;
| + | |
− | padding: 8px 0 8px;
| + | |
− | text-align: center;
| + | |
| } | | } |
− | | + | .tleft { |
− | div#menu > ul > li > a {
| + | border-color: rgb(249,249,249) !important; |
− | display: block;
| + | |
− | width: 137px;
| + | |
− | height: 44px;
| + | |
− | color: inherit;
| + | |
| } | | } |
− | | + | .tnone { |
− | /* Hover effect */
| + | border-color: rgb(249,249,249) !important; |
− | | + | |
− | div#menu > ul > li > a:hover {
| + | |
− | background-color: #F9F9F9;
| + | |
| } | | } |
− |
| |
− | div#menu > ul > li > a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | /* Style and hide submenu */
| |
− |
| |
− | div#menu > ul > li > ul {
| |
− | display: none;
| |
− | z-index: 9998;
| |
− | position: absolute;
| |
− | top: 60px;
| |
− | width: 135px;
| |
− | border-right: solid 1px #411c03;
| |
− | border-left: solid 1px #411c03;
| |
− | background: #7cac2c;
| |
− | }
| |
− |
| |
− | /* Style submenu elements */
| |
− |
| |
− | div#menu > ul > li > ul > li {
| |
− | padding: 0 10px;
| |
− | border-bottom: solid 1px #411c03;
| |
− | text-align: left;
| |
− | font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
| |
− | background-color: #F9F9F9;
| |
− | }
| |
− |
| |
− | div#menu > ul > li > ul > li > a {
| |
− | display: block;
| |
− | width: 115px;
| |
− | padding: 5px 0;
| |
− | color: inherit;
| |
− | }
| |
− |
| |
− | /* Hover effect */
| |
− |
| |
− | div#menu > ul > li > ul > li:hover {
| |
− | background-color: #F9F9F9;
| |
− | }
| |
− |
| |
− | div#menu > ul > li > ul > li > a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | /* Show submenu on hover */
| |
− |
| |
− | div#menu > ul > li:hover > ul {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | /* End menu style ======================================================= */
| |
− |
| |
− | /* Fix AutoAnnotator */
| |
− |
| |
− | div#wikicontent table#AutoAnnotator,
| |
− | div#wikicontent table#AutoAnnotator table {
| |
− | margin-bottom: 0;
| |
− | border: 1px solid #000000;
| |
− | font-size: 12px;
| |
− | line-height: 18px;
| |
− | background: #ffffff;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator td,
| |
− | div#wikicontent table#AutoAnnotator th {
| |
− | padding: 1px;
| |
− | border: 1px solid #000000;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder td,
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder th {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder {
| |
− | border: 1px solid #000000;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder td,
| |
− | div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder th {
| |
− | border: 1px solid #000000;
| |
− | }
| |
− |
| |
− | div#wikicontent table#AutoAnnotator th {
| |
− | background: rgb(221,221,221);
| |
− | }
| |
− |
| |
− | div#wikicontent div#autoannotator-computing {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | /* Fix parts table */
| |
− |
| |
− | div#groupparts {
| |
− | width: 920px !important;
| |
− | }
| |
− |
| |
− | div#groupparts td {
| |
− | background: #ded6ca;
| |
− | }
| |
− |
| |
− | /* End content style =================================================== */
| |
− |
| |
− | /* Start footer style =================================================== */
| |
− |
| |
− | /* Makes the footer stick to the bottom */
| |
− |
| |
− | html,
| |
− | body {
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | body > div#globalWrapper {
| |
− | position: relative;
| |
− | height: auto;
| |
− | margin: 0 auto -156px;
| |
− | min-height: 100%;
| |
− | }
| |
− |
| |
− | div#globalWrapper > div.visualClear {
| |
− | height: 156px;
| |
− | }
| |
− |
| |
− | div#footer-box {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | width: 100%;
| |
− | height: 141px;
| |
− | padding: 5px 0 10px;
| |
− | font-size: 12px;
| |
− | font-weight: normal;
| |
− | line-height: 18px;
| |
− | color: #d4c6b6;
| |
− | background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0;
| |
− | }
| |
− |
| |
− | div#social-footer {
| |
− | width: 940px;
| |
− | height: 95px;
| |
− | margin: 0 auto;
| |
− | padding: 0 10px 10px;
| |
− | }
| |
− |
| |
− | div#social-footer div#annotator,
| |
− | div#social-footer div#address,
| |
− | div#social-footer div#follow {
| |
− | float: left;
| |
− | width: 293px;
| |
− | height: 95px;
| |
− | margin: 0 10px;
| |
− | }
| |
− |
| |
− | div#social-footer h2 {
| |
− | margin: 0;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | div#social-footer div#annotator {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | div#social-footer div#annotator input {
| |
− | padding: 2px 5px;
| |
− | font-size: 12px;
| |
− | }
| |
− |
| |
− | div#social-footer div#annotator input[type="text"] {
| |
− | width: 275px;
| |
− | margin: 0 0 5px;
| |
− | border: 1px solid #502204;
| |
− | background: #d4c6b6;
| |
− | }
| |
− |
| |
− | div#social-footer div#address p {
| |
− | float: left;
| |
− | width: 50%;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a {
| |
− | display: block;
| |
− | float: left;
| |
− | width: 32px;
| |
− | height: 32px;
| |
− | margin: 9px;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow div {
| |
− | margin: 3px 21px 0;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#adress {
| |
− | background: url('https://static.igem.org/mediawiki/2013/4/4b/TUM13_address-icon.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#adress:hover {
| |
− | background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_address-highlight.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#mail {
| |
− | background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#mail:hover {
| |
− | background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#facebook {
| |
− | background: url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_facebook-icon.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#facebook:hover {
| |
− | background: url('https://static.igem.org/mediawiki/2013/9/9f/TUM13_facebook-icon-highlight.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#twitter {
| |
− | background: url('https://static.igem.org/mediawiki/2013/3/34/TUM13_twitter-icon.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#twitter:hover {
| |
− | background: url('https://static.igem.org/mediawiki/2013/2/22/TUM13_twitter-icon-highlight.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#youtube {
| |
− | background: url('https://static.igem.org/mediawiki/2013/4/49/TUM13_youtube-icon.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#social-footer div#follow a#youtube:hover {
| |
− | background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_youtube-icon-highlight.png') no-repeat 50% 50%;
| |
− | }
| |
− |
| |
− | div#footer {
| |
− | width: 920px;
| |
− | margin: 0 auto;
| |
− | padding: 0 20px;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | div#footer ul {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | div#footer li {
| |
− | display: inline;
| |
− | padding: 0 5px;
| |
− | }
| |
− |
| |
− | div#footer li#t-recentchangeslinked {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | div#footer-box a {
| |
− | color: inherit;
| |
− | }
| |
− |
| |
− | div#footer-box a:hover {
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | div#footer div#f-poweredbyico {
| |
− | float: right;
| |
− | margin-top: 3px;
| |
− | }
| |
− |
| |
− | div#footer div#f-copyrightico {
| |
− | float: left;
| |
− | margin-top: 3px;
| |
− | }
| |
− |
| |
− | /* End footer style ===================================================== */
| |
}
.tright {
border: none !important;
}
.tleft {
border-color: rgb(249,249,249) !important;
}
.tnone {
border-color: rgb(249,249,249) !important;
}