Noissue - Added .body-container to provide padding-top for body content and avoid navbar overlap

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
+  padding-top: 4em;

[ire, 2018/03/13 12:24:48]

NIT: It could be useful to have a comment about why this is here.

[juliandoucette, 2018/03/13 12:32:54]

Acknowledged.

   line-height: 1.5;
-}
-
-/** Provides padding necessary for fixed navbar */
-.body-container

[ire, 2018/03/13 08:31:36]

NIT: We could apply this style directly to the body element and instead just
apply a class to the body where we want it. I don't think I have a strong
preference either way, but just bringing it up in case you do.

[juliandoucette, 2018/03/13 12:14:03]

Ack. I thought of that last night as I was going to sleep XD. Dono why it didn't
occur to me before.

Will-do.

-{
-  padding-top: 4em;
 }
 
 #content,
 #blog
 {
   padding-bottom: 2em;
 }
 
 a img
 {
@@ skipping 21 matching lines @@
   padding: 1em;
   overflow: auto;
 }
 
 .sprite
 {
   display: inline-block;
   font-size: 0px; /* fix for IE6 height bug */
   background-image: url(../img/sprite-main.png);
   background-repeat: no-repeat;
+}
+
+#adblock-browser-notification
+{
+  text-align: center;
+}
+
+#adblock-browser-notification a
+{
+  font-weight: bold;
+}
+
+#adblock-browser-notification img
+{
+  vertical-align: bottom;
+  width: 25px;
+  height: 25px;
+}
+
+#adblock-browser-notification span
+{
+  white-space: nowrap;
+  margin-left: 1em;
+}
+
+[dir="rtl"] #adblock-browser-notification span
+{
+  margin-left: 0;
+  margin-right: 1em;
 }
 
 .toc
 {
   display: inline-block;
   border: 1px solid #aaa;
   background: #fff;
   padding: 16px 20px;
 }
 
@@ skipping 86 matching lines @@
 .content h2,
 .content h3,
 .content h4,
 .content h5
 {
   font-weight: bold;
   margin: 32px 0 16px 0;
   margin: 2rem 0 1rem 0;
 }
 
-.content h1,
-.content .h1 { font-size: 1.8em; }
-
+.content h1 { font-size: 1.8em; }
 .content h2 { font-size: 1.4em; }
 .content h3 { font-size: 1.3em; }
 .content h4 { font-size: 1.2em; }
 .content h5 { font-size: 1.1em; }
 
 @media(min-width: 768px)
 {
   .content h1 { font-size: 2.4em; }
   .content h2 { font-size: 1.6em; }
 }
@@ skipping 63 matching lines @@
   box-shadow: inset 0 0 0 3px #005D80;
 }
 
 /*******************************************************************************
  * .fg-* utilities
  ******************************************************************************/
 
 .fg-accent
 {
   color: #077CA6;
-}
-
-.bg-secondary
-{
-  color: #000;
-  background-color: #F4F4F4;
 }
 
 /*******************************************************************************
  * #navbar
  ******************************************************************************/
 
  #navbar
 {
   min-height: 4em;
   background-color: #c70d2c;
@@ skipping 425 matching lines @@
   #footer .column
   {
     display: none;
   }
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
-}
-
-/* Items
- *****************************************************************************/
-
-.item-group,
-.item-body
-{
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-.item
-{
-  padding-top: 2em;
-  padding-bottom: 2em;
-}
-
-.item-heading
-{
-  text-transform: uppercase;
 }
 
 /* Video
  ****************************************************************************/
 
 .video-parent
 {
   position: relative;
   display: block;
   width: 100%;
@@ skipping 66 matching lines @@
   left: 50%;
   width: 80px;
   margin-top: -60px;
   margin-left: -40px;
 }
 
 .hide-disclaimer .video-play
 {
   margin-top: -40px;
 }