Difference between revisions of "Team:UCSC/CSS-2"

 
(23 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
#content {margin-left: 0px; margin-top: -9px; padding: 0px; width: 100%;}
 
#content {margin-left: 0px; margin-top: -9px; padding: 0px; width: 100%;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px;}
−
#globalWrapper{padding-bottom: 0;}
+
#globalWrapper{padding-bottom: 0 !important;}
 
body {background-color: white;}
 
body {background-color: white;}
  
Line 78: Line 78:
 
h2 {
 
h2 {
 
   font-size: 2em;
 
   font-size: 2em;
 +
}
 +
 +
p {
 +
  margin-top: 0 !important;
 +
  margin-bottom: 0 !important;
 
}
 
}
  
 
.content p {
 
.content p {
−
   margin-top: 1em;
+
   margin-top: 0.6em !important;
 +
  margin-bottom: 2em !important;
 
   padding-left: 1em !important;
 
   padding-left: 1em !important;
 
}
 
}
Line 151: Line 157:
 
   width: 100%;
 
   width: 100%;
 
   position: fixed;
 
   position: fixed;
 +
  top: 16px; /* Height of iGEM navbar */
 
   z-index: 10001;
 
   z-index: 10001;
 
   -ms-flex-line-pack: center;
 
   -ms-flex-line-pack: center;
Line 156: 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... */
+
/*  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 620: Line 627:
 
   background: #333;
 
   background: #333;
 
   width: 60%;
 
   width: 60%;
 +
  margin-top: 2em;
 
   margin-left: 20%;
 
   margin-left: 20%;
 
}
 
}
Line 655: Line 663:
 
}
 
}
  
 +
.hex-header h2 {
 +
  margin-bottom: 0 !important;
 +
}
 +
 +
.hex-header h2:before {
 +
  content: ''; display: inline-block;
 +
  height: 3em; width: 3em;
 +
  background-image: url(https://static.igem.org/mediawiki/2018/8/8d/T--UCSC--Hexagon.png);
 +
  background-size: contain; background-repeat: no-repeat;
 +
  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);
 +
}
 +
 +
.hex-header.hex1 h2:before {
 +
  background-image: url(https://static.igem.org/mediawiki/2018/7/79/T--UCSC--Hexagon-1.png);
 +
}
 +
 +
.hex-header.hex2 h2:before {
 +
  background-image: url(https://static.igem.org/mediawiki/2018/5/5f/T--UCSC--Hexagon-2.png);
 +
}
 +
 +
.hex-header.hex3 h2:before {
 +
  background-image: url(https://static.igem.org/mediawiki/2018/1/13/T--UCSC--Hexagon-3.png);
 +
}
 +
 +
.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 673: 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;
 
}
 
}
  
 
.image-inpage.large {
 
.image-inpage.large {
 
   max-width: 100%;
 
   max-width: 100%;
 +
}
 +
 +
.image-inpage.large.vert {
 +
  max-height: 60vh;
 +
  width: auto;
 
}
 
}
  
Line 862: 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 986: 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 995: 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,032: Line 1,092:
 
   justify-content: center;
 
   justify-content: center;
 
   background: black;
 
   background: black;
 +
  padding: 12px 0;
 
   font-family: var(--main-txt-font) !important;  
 
   font-family: var(--main-txt-font) !important;  
 
/*  font-family: 'roboto' !important; */
 
/*  font-family: 'roboto' !important; */
Line 1,208: 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