simplify faq/tos/privacy HTML and CSS

app/assets/stylesheets/application/faqs.css.scss

@@ -11,66 +11,33 @@
 
 .body-page {
 
-  color: #1d1f20;
+  font-family: Georgia, Times, "Times New Roman", serif;
-  font: 14px/20px $base-font-family;
+  font-size: 16px;
-  background: $base-background-color;
+  line-height: 22px;
 
   // Consistent vertical spacing
-
-  address,
   blockquote,
   h1,
   h2,
   h3,
-  h4,
-  h5,
-  h6,
-  hgroup,
   hr,
   p,
   pre,
   ul,
   ol,
-  dl,
-  figure,
-  fieldset,
   table {
     margin: 0 0 20px;
-  }
+    font-size: 16px;
-
+    line-height: 22px;
-  // Links
-
-  a {
-    color: $link-color;
-    text-decoration: none;
-    cursor: pointer;
-    &:visited {
-      color: $link-color-visited;
-    }
-    &:hover {
-      color: $link-color-hover;
-    }
-    &:focus {
-      outline: 0;
-    }
-    &:active {
-      color: $link-color-active;
-    }
-  }
-
-  // Typography
-
-  h1 {
-    font-size: 14px;
   }
 
   // Lists
-
   ul,
-  ol,
+  ol {
-  dd {
     margin-left: 40px;
     padding: 0;
+    font-size: 16px;
+    line-height: 22px;
   }
 
   li {
@@ -80,12 +47,6 @@
     }
   }
 
-  // Embedded content
-
-  img {
-    vertical-align: middle;
-  }
-
 }
 
 // Content wrapper
@@ -138,71 +99,4 @@
     }
   }
 
-}
-
-// Excerpts & Questions
-// --------------------------------------------------
-
-.body-page {
-
-  #excerpt,
-  #questions {
-    float: right;
-    width: 658px;
-  }
-
-  // Excerpts
-
-  #excerpt {
-    @extend .clearfix;
-    display: none;
-  }
-
-  // Questions
-
-  #questions {
-    > article {
-      @extend .clearfix;
-    }
-    h1 {
-      margin-top: 20px;
-    }
-    > article:first-child h1 {
-      margin-top: 0;
-    }
-  }
-
-}
-
-// Buttons
-// --------------------------------------------------
-
-.body-page {
-  
-  .btn {
-    float: right;
-    margin-left: 10px;
-    &:last-child {
-      margin-left: 0;
-    }
-  }
-
-  .collapse {
-    height: auto;
-  }
-
-  .read-more {
-    float: right;
-  }
-
-  input
- {
-    height: 28px;
-    border-radius: 4px;
-    border: 1px solid #DDD;
-    padding-left: 10px;
-    box-shadow: 0px 0px 2px 1px gold;
-    float: right;
-    margin-left: 10px;
- }
 }

app/views/static/faq.html.erb

@@ -1,7 +1,6 @@
 <div id="excerpt">
 </div>
-<nav>
+<!--<nav></nav> -->
-</nav>
 <section id="questions">
   <article id="be-civilized">
     <h1>This is a Civilized Place for Public Discussion</h1>
@@ -9,7 +8,9 @@
       Please treat this discussion forum with the same respect you would a public park. We’re a community resource: a place to share skills, knowledge and interests. Use these guidelines to help keep this a clean, well-lighted, civilized place for public discourse.
     </p>
     <div class="more">
+      <p>
       These guidelines are <em>not</em> intended as a comprehensive list of hard and fast rules, merely as aids for the human judgment of moderators and the overall community.
+      </p>
     </div>
   </article>
   <article id="improve-stuff">
@@ -110,7 +111,7 @@
     </p>
     <div class="more">
       <p>
-      Discourse can help keep things orderly — for example, the Like functionality <img title=":heart:" src="http://cdn.discourse.org/assets/emoji/heart.png" alt="heart" width="20" height="20" /> lets a user increase the popularity of a post without having to make an entire post that says "+1" or "Agreed," etc. Traditional workarounds, such as "bump" and blank postings are not used here. You can even reply-as-a-new-topic!
+      Discourse can help keep things orderly — for example, the Like functionality lets a user increase the popularity of a post without having to make an entire post that says "+1" or "Agreed," etc. Traditional workarounds, such as "bump" and blank postings are not used here. You can even reply as a new topic.
       </p>
       <p>
       Also, don't sign your posts — every post has your profile information and links in the header.
@@ -135,4 +136,4 @@
     <div class="more">
     </div>
   </article>
-</section>
+</section>