From: Sarah Conway <sarah.conway@crunchydata.com>
Date: Sat, 22 Sep 2018 14:54:49 +0000 (-0700)
Subject: update table styles
X-Git-Url: http://git.postgresql.org/gitweb/static/session/%7B%7Bsession.id%7D%7D-%7B%7Bsession.title%7Cslugify%7D%7D?a=commitdiff_plain;h=7d355a2d3dbc02ece57452b636720faed180bc59;p=pgdu2018.git

update table styles
---

diff --git a/static/css/style.css b/static/css/style.css
index 106b863..813e1d3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,197 +1,246 @@
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
 body {
-  font-weight: 400;
-  line-height: 1.65em;
-  font-size: 1.5rem;
-  font-family: 'Open Sans', sans-serif;
+    font-weight: 400;
+    line-height: 1.65em;
+    font-size: 1.5rem;
+    font-family: 'Open Sans', sans-serif;
 }
 
 h1, h2, h3, h4, .heading {
-  color: #333;
-  font-weight: 600;
-  text-align: center;
+    color: #333;
+    font-weight: 600;
+    text-align: center;
 }
 
 h1 {
-  margin-bottom: 4rem;
+    margin-bottom: 4rem;
 }
 
 h2 {
-  font-size: 2rem;
+    font-size: 2rem;
 }
 
 h3 {
-  font-size: 1.5rem;
+    font-size: 1.5rem;
 }
 
 #main h2, #side h2 {
-  text-align: left;
-  margin: 2rem 0;
+    text-align: left;
+    margin: 2rem 0;
 }
 
 .heading {
-  margin: 0;
-  display: inline-block;
-  font-size: 1.25em;
-  font-weight: 600;
+    margin: 0;
+    display: inline-block;
+    font-size: 1.25em;
+    font-weight: 600;
 }
 
 /* FOOTER */
 
 footer {
-  background-color: #F5F5F5;
-  padding: 5rem;
-  text-align: center;
+    background-color: #F5F5F5;
+    padding: 5rem;
+    text-align: center;
 }
 
 footer#side {
-  margin-top: 4rem;
+    margin-top: 4rem;
+}
+
+/* TABLES */
+
+table {
+    width: 100%;
+    margin: 0 0 2rem 0;
+}
+
+table th {
+    color: #0E1210;
+    font-size: 0.9em;
+    font-weight: 700;
+    padding: 0 0.75em 0.75em 0.75em;
+    text-align: left;
+}
+
+table td {
+    padding: 0.75em 0.75em;
+}
+
+table tbody tr {
+    border: solid 1px rgba(144, 144, 144, 0.25);
+    border-left: 0;
+    border-right: 0;
+}
+
+input[type="text"], input[type="password"], input[type="email"], select {
+    height: 2.75em;
+    margin-bottom: .5em;
+}
+
+input[type="text"], input[type="password"], input[type="email"], select, textarea {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    -o-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    background: rgba(144, 144, 144, 0.075);
+    border-color: #0E1210;
+    border-radius: 4px;
+    border: none;
+    box-shadow: 0 0 0 1px #0E1210;
+    color: inherit;
+    display: block;
+    outline: 0;
+    padding: 0 1em;
+    text-decoration: none;
+    width: 100%;
 }
 
 /* OUR TEAM */
 
 .title {
-  margin-top: 20px;
-  color: #fff;
+    margin-top: 20px;
+    color: #fff;
 }
 
 .team-section{
-  min-height: 400px;
-  text-align: center;
-  overflow: hidden;
-  background:#34495e;
-  padding:60px;
-}
-
-  .team-section .pic{
-      display: inline-block;
-      width: 85%;
-      height: 85%;
-      padding: 5px;
-      margin-bottom: 1px;
-      transition: all 0.5s ease 0s;
-  }
-
-  .team-section .pic img{
-      width: 15rem;
-      height: auto;
-      border-radius: 50%;
-  }
-
-  .team-section .post{
-      display: block;
-      font-size: 15px;
-      color: #17bebb;
-      text-transform: capitalize;
-      margin-bottom: 15px;
-  }
-
-  /* PAGE */
-
-  section#main {
-      padding-top: 7rem;
-      padding-bottom: 4rem;
-  }
-
-  div#main {
-      padding-top: 3rem;
-  }
-
-  div#side {
-      padding-top: 7rem;
-  }
-
-	#banner {
-  		background-image: url(../images/conference.jpg);
-  		background-position: bottom;
-  		background-size: cover;
-  		background-repeat: no-repeat;
-  	  background-attachment: fixed;
-  		color: #ffffff;
-  		padding: 14em 0;
-  		-webkit-transform: translate3d(0,0,0);
-	}
-
-  .jumbotron {
-      padding-top: 0;
-      padding-bottom: 0;
-      margin-top: 4rem;
-      margin-bottom: 0;
-  }
-
-  .jumbotron h2 {
-      color: #fff;
-      margin-bottom: 5rem;
-  }
-
-  /* NAVIGATION */
-
-	.navbar-fixed-top {
-	    top: 0;
-	    border-width: 0;
-			background-color: #fff;
-			box-shadow: 0 0 5px rgba(0,0,0,.8);
-	}
-
-	.navbar-brand {
-  	  float: left;
-  	  font-size: initial;
-  	  max-height: 40px;
-  	  padding: 5px;
-	}
-
-	.navbar-brand > img {
-  	  max-height: 40px;
-	}
-
-	img#logo {
-			display: inline-block;
-	}
-
-  .navbar-nav>li>a {
-      color: #333;
-      font-weight: 600;
-  }
-
-	.navbar-default .navbar-toggle {
-  		border: none;
-  		color: #121212;
-	}
-
-	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
-  	  background-color: rgba(0,0,0,0);
-	}
-
-	.fixedtheme .navbar-nav > li.active,
-	.fixedtheme .navbar-nav > li > a:focus,
-	.fixedtheme .navbar-nav > li > a:hover,
-	.navbar-nav > li.active > a,
-	.navbar-nav > li > a:hover,
-	.navbar-nav > li > a:focus,
-	.navbar-nav > li.open {
-      color: #0E1210;
-  		background-color: transparent;
-	}
-
-	.navbar-default .navbar-nav > li > a {
-  	  color: #121212;
-  	  font-weight: 600;
-  	  transition: all 0.4s ease;
-  	  -moz-transition: all 0.4s ease; /* Firefox 4 */
-  	  -webkit-transition: all 0.4s ease; /* Safari and Chrome */
-  	  -o-transition: all 0.4s ease; /* Opera */
-	}
-
-	.fixedtheme .navbar-nav > li > a {
-  		transition: all 0.4s ease;
-  		-moz-transition: all 0.4s ease; /* Firefox 4 */
-  		-webkit-transition: all 0.4s ease; /* Safari and Chrome */
-  		-o-transition: all 0.4s ease; /* Opera */
-	}
-
-  /* MEDIA QUERIES */
-
-  @media only screen and (max-width: 990px){
-      .our-team{ margin-bottom: 30px; }
-  }
+    min-height: 400px;
+    text-align: center;
+    overflow: hidden;
+    background:#34495e;
+    padding:60px;
+}
+
+.team-section .pic{
+    display: inline-block;
+    width: 85%;
+    height: 85%;
+    padding: 5px;
+    margin-bottom: 1px;
+    transition: all 0.5s ease 0s;
+}
+
+.team-section .pic img{
+    width: 15rem;
+    height: auto;
+    border-radius: 50%;
+}
+
+.team-section .post{
+    display: block;
+    font-size: 15px;
+    color: #fff;
+    text-transform: capitalize;
+    margin-bottom: 15px;
+}
+
+/* PAGE */
+
+section#main {
+    padding-top: 7rem;
+    padding-bottom: 4rem;
+}
+
+div#main {
+    padding-top: 3rem;
+}
+
+div#side {
+    padding-top: 7rem;
+}
+
+#banner {
+		background-image: url(../images/conference.jpg);
+		background-position: bottom;
+		background-size: cover;
+		background-repeat: no-repeat;
+	  background-attachment: fixed;
+		color: #ffffff;
+		padding: 14em 0;
+		-webkit-transform: translate3d(0,0,0);
+}
+
+.jumbotron {
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-top: 4rem;
+    margin-bottom: 0;
+}
+
+.jumbotron h2 {
+    color: #fff;
+    margin-bottom: 5rem;
+}
+
+/* NAVIGATION */
+
+.navbar-fixed-top {
+    top: 0;
+    border-width: 0;
+		background-color: #fff;
+		box-shadow: 0 0 5px rgba(0,0,0,.8);
+}
+
+.navbar-brand {
+	  float: left;
+	  font-size: initial;
+	  max-height: 40px;
+	  padding: 5px;
+}
+
+.navbar-brand > img {
+	  max-height: 40px;
+}
+
+img#logo {
+		display: inline-block;
+}
+
+.navbar-nav>li>a {
+    color: #333;
+    font-weight: 600;
+}
+
+.navbar-default .navbar-toggle {
+		border: none;
+		color: #121212;
+}
+
+.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+	  background-color: rgba(0,0,0,0);
+}
+
+.fixedtheme .navbar-nav > li.active,
+.fixedtheme .navbar-nav > li > a:focus,
+.fixedtheme .navbar-nav > li > a:hover,
+.navbar-nav > li.active > a,
+.navbar-nav > li > a:hover,
+.navbar-nav > li > a:focus,
+.navbar-nav > li.open {
+    color: #0E1210;
+		background-color: transparent;
+}
+
+.navbar-default .navbar-nav > li > a {
+	  color: #121212;
+	  font-weight: 600;
+	  transition: all 0.4s ease;
+	  -moz-transition: all 0.4s ease; /* Firefox 4 */
+	  -webkit-transition: all 0.4s ease; /* Safari and Chrome */
+	  -o-transition: all 0.4s ease; /* Opera */
+}
+
+.fixedtheme .navbar-nav > li > a {
+		transition: all 0.4s ease;
+		-moz-transition: all 0.4s ease; /* Firefox 4 */
+		-webkit-transition: all 0.4s ease; /* Safari and Chrome */
+		-o-transition: all 0.4s ease; /* Opera */
+}
+
+/* MEDIA QUERIES */
+
+@media only screen and (max-width: 990px){
+    .our-team{ margin-bottom: 30px; }
+}