Difference between revisions of "Team:UCSC/CSS-2"
| (11 intermediate revisions by the same user not shown) | |||
| Line 87: | Line 87: | ||
.content p { | .content p { | ||
margin-top: 0.6em !important; | margin-top: 0.6em !important; | ||
| − | margin-bottom: | + | margin-bottom: 2em !important; |
padding-left: 1em !important; | padding-left: 1em !important; | ||
} | } | ||
| Line 157: | Line 157: | ||
width: 100%; | width: 100%; | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 16px; /* Height of iGEM navbar */ |
z-index: 10001; | z-index: 10001; | ||
-ms-flex-line-pack: center; | -ms-flex-line-pack: center; | ||
| Line 163: | Line 163: | ||
-ms-flex-wrap: wrap; | -ms-flex-wrap: wrap; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| − | + | /* margin: -1px 0px 0px 0px; */ /* needs -1px top margin now for some reason...? */ | |
background-color: var(--navbar-div-color, #adaabe94); | background-color: var(--navbar-div-color, #adaabe94); | ||
color: var(--navbar-txt-color, white); | color: var(--navbar-txt-color, white); | ||
| Line 627: | Line 627: | ||
background: #333; | background: #333; | ||
width: 60%; | width: 60%; | ||
| + | margin-top: 2em; | ||
margin-left: 20%; | margin-left: 20%; | ||
} | } | ||
| Line 668: | Line 669: | ||
.hex-header h2:before { | .hex-header h2:before { | ||
content: ''; display: inline-block; | content: ''; display: inline-block; | ||
| − | height: | + | height: 3em; width: 3em; |
| − | background-image: url(https://static.igem.org/mediawiki/2018/ | + | background-image: url(https://static.igem.org/mediawiki/2018/8/8d/T--UCSC--Hexagon.png); |
background-size: contain; background-repeat: no-repeat; | background-size: contain; background-repeat: no-repeat; | ||
vertical-align: middle; | vertical-align: middle; | ||
| + | } | ||
| + | |||
| + | .hex-header.bigHex h2:before { | ||
| + | height: 5em; width: 5em; | ||
| + | } | ||
| + | |||
| + | .hex-header.hex0 h2:before { | ||
| + | background-image: url(https://static.igem.org/mediawiki/2018/d/da/T--UCSC--Hexagon-0.png); | ||
} | } | ||
| Line 686: | Line 695: | ||
} | } | ||
| + | .imageCont { | ||
| + | max-width: 95%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .imageCont.floatR, .imageCont.floatL { | ||
| + | max-width: 60%; | ||
| + | } | ||
| + | |||
| + | .imageCont p { | ||
| + | text-align: center !important; | ||
| + | font-size: 85% !important; | ||
| + | } | ||
.image-inpage { | .image-inpage { | ||
| Line 704: | Line 727: | ||
} | } | ||
| − | .image-inpage.floatR { | + | .image-inpage.floatR, .floatR { |
float: right; | float: right; | ||
| − | margin-right: 0; | + | margin-right: 0 !important; |
| − | margin-left: 1em; | + | margin-left: 1em !important; |
} | } | ||
| − | .image-inpage.floatL { | + | .image-inpage.floatL, .floatL { |
float: left; | float: left; | ||
| − | margin-right: 1em; | + | margin-right: 1em !important; |
| − | margin-left: 0; | + | margin-left: 0 !important; |
} | } | ||
| Line 898: | Line 921: | ||
margin: auto; | margin: auto; | ||
overflow:hidden; | overflow:hidden; | ||
| − | border-top:3px solid black; | + | border-top: 3px solid black; |
| − | border-bottom:3px solid black; | + | border-bottom: 3px solid black; |
| − | border-left:1.5px solid black; | + | border-left: 1.5px solid black; |
border-right: 1.5px solid black; | border-right: 1.5px solid black; | ||
background-color: var(--main-bg-color); | background-color: var(--main-bg-color); | ||
| Line 1,022: | Line 1,045: | ||
.FullNames { | .FullNames { | ||
text-align: center !important; | text-align: center !important; | ||
| − | font-size:1.3em !important; | + | font-size: 1.3em !important; |
| − | color: black; | + | color: black !important; |
margin-top: -15px !important; | margin-top: -15px !important; | ||
font-family: var(--main-txt-font) !important; | font-family: var(--main-txt-font) !important; | ||
| Line 1,031: | Line 1,054: | ||
.PersDesc { | .PersDesc { | ||
text-align: center !important; | text-align: center !important; | ||
| − | font-size:1.15em !important; | + | font-size: 1.15em !important; |
| − | margin-top:5px !important; | + | margin-top: 5px !important; |
| − | color: black; | + | margin-bottom: 0.5em !important; |
| + | /* color: black !important; */ | ||
font-family: var(--main-txt-font) !important; | font-family: var(--main-txt-font) !important; | ||
/* font-family: 'roboto' !important; */ | /* font-family: 'roboto' !important; */ | ||
| Line 1,245: | Line 1,269: | ||
} | } | ||
| − | .image-inpage.floatL, .image-inpage.floatR { | + | .image-inpage.floatL, .image-inpage.floatR, .floatL, .floatR { |
float: none; | float: none; | ||
| − | margin-right: auto; | + | margin-right: auto !important; |
| − | margin-left: auto; | + | margin-left: auto !important; |
} | } | ||
Latest revision as of 00:45, 18 October 2018