add faq page

[challenge-bot] / challenge-bot.com / css / main.css

diff --git a/challenge-bot.com/css/main.css b/challenge-bot.com/css/main.css
new file mode 100644 (file)
index 0000000..45cf2ab
--- /dev/null
+++ b/challenge-bot.com/css/main.css
@@ -0,0 +1,52 @@
+body { font-family: monospace;
+       color: #111111;
+       width: 80%;
+       margin: auto auto;
+       text-align: center; }
+h3 { color: #008000; }
+h2 { color: #009900; }
+h4 {
+       color: #00aa00;
+       font-weight: 400; }
+a {
+       color: #00CC00;
+       text-decoration: none; }
+p {
+       text-align: left;
+       margin: auto auto;
+       max-width: 800px;
+       padding-bottom: 10px; }
+.person {
+       width: 200px;
+       display: inline-block;
+       padding-right: 30px;
+       text-align: center; }
+.person .photo {
+       padding: 0px;
+       margin: 0px; }
+.person .name {
+       padding: 0px;
+       margin: 0px; }
+.person .position {
+       padding: 0px;
+       margin: 0px; }
+section { padding: 30px 0px; }
+section > h2 { padding-bottom: 30px; }
+
+/* line behind title 
+   see http://codepen.io/ericrasch/pen/Irlpm */
+section > h2 {
+    position: relative;
+    z-index: 1; }
+section > h2:before {
+    border-top: 2px solid #dfdfdf;
+    content:"";
+    margin: 0 auto; /* this centers the line to the full width specified */
+    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
+    top: 50%; left: 0; right: 0; bottom: 0;
+    width: 95%;
+    z-index: -1; }
+section > h2 span { 
+    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
+    background: #fff; 
+    padding: 0 15px; }
\ No newline at end of file