Difference between revisions of "Template:Team:Dartmouth/DiGEM17 CSS"

(Added grid container)
(Undo revision 487743 by Noahlee577 (talk))
Line 1: Line 1:
 
<!-- Main CSS Styling for the wiki -->
 
<!-- Main CSS Styling for the wiki -->
−
<!-- Adapted from https://css-tricks.com/left-and-right/ -->
 
−
/* Pen-specific styles */
 
−
html, body, section, div {
 
−
  height: 100vh;
 
−
}
 
−
 
−
body {
 
−
  color: #fff;
 
−
  font-family: sans-serif;
 
−
  font-size: 1.25rem;
 
−
  line-height: 150%;
 
−
  text-shadow: 0 2px 2px #b6701e;
 
−
}
 
−
 
−
article {
 
−
  position: relative;
 
−
  top: 50%;
 
−
  text-align: center;
 
−
  transform: translate(0, -50%);
 
−
  padding: 1rem;
 
−
}
 
−
 
−
h1 {
 
−
  font-size: 1.75rem;
 
−
  margin: 0 0 0.75rem 0;
 
−
}
 
−
 
−
/* Pattern styles */
 
−
.container {
 
−
  display: grid;
 
−
}
 
−
 
−
.left-half {
 
−
  background: #ff9e2c;
 
−
  grid-column: 1;
 
−
}
 
−
 
−
.right-half {
 
−
  background: #b6701e;
 
−
  grid-column: 2;
 
−
}
 

Revision as of 02:23, 2 November 2017