scss

added ascii art
fixed some media querys for mobile

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -190,7 +190,14 @@ $headerpaddingtop:5px;
 $headerpaddingbottom:10px;
 $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
-/** HEADER */
+/*
+    __  ___________    ____  __________
+   / / / / ____/   |  / __ \/ ____/ __ \
+  / /_/ / __/ / /| | / / / / __/ / /_/ /
+ / __  / /___/ ___ |/ /_/ / /___/ _, _/
+/_/ /_/_____/_/  |_/_____/_____/_/ |_|
+
+*/
 #header{
   padding-top:$headerpaddingtop;
   padding-bottom:$headerpaddingbottom;
@@ -222,7 +229,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       margin-top:-3px;
       margin-left:-0.5em;
       @include fs900;
-      @media #{$medium-only} {display:none;} //change this
+      @media #{$small-only} {display:none;}
      .ie8 &{position: absolute; margin-top:22px;}
     }
   }
@@ -350,8 +357,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
       h2{
         i{ vertical-align: text-bottom; margin: 0 2px 2px 0;}
-        @media #{$xlarge-up}{ i{display: none;} }
-        @media #{$medium-only}{ span.menu-title{display:none;} } //change this
+        // @media #{$xlarge-up}{ i{display: none;} }
+        @media #{$small-only}{ span.menu-title{display:none;} }
       }
     }
 
@@ -490,8 +497,18 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   &.closed{
     .tabs, .node-didactique{display:none;} height:0;
   }
+  @media #{$small-only}{
+    margin-top:0;
+  }
 }
-
+/*
+    __    _       __    ___       __    __           __
+   / /_  (_)___ _/ /_  / (_)___ _/ /_  / /____  ____/ /
+  / __ \/ / __ `/ __ \/ / / __ `/ __ \/ __/ _ \/ __  /
+ / / / / / /_/ / / / / / / /_/ / / / / /_/  __/ /_/ /
+/_/ /_/_/\__, /_/ /_/_/_/\__, /_/ /_/\__/\___/\__,_/
+        /____/          /____/
+*/
 #highlighted{
 
   @include rounded(5px);
@@ -537,35 +554,51 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     margin:10px 0 6px;
     .block-materio-didactique{
       .group-sideleft, .group-sideright{ width:100%; }
-      .field-name-title-field{@include fs20; cursor:pointer; }
 
-      .node-didactique:not(:first-child){
-        .field-name-title-field{ font-weight:normal; &:before{content:"- ";}}
+      .node-didactique{
+        .field-name-title-field{
+          @include fs20;
+          font-weight:normal!important;
+          // &:before{content:"- ";}
+          &:after{
+            content:"\a0\f10b";
+            font-family: "foundation-icons";
+            font-style: normal;
+            font-weight: normal;
+            font-variant: normal;
+            text-transform: none;
+            line-height: 1;
+            -webkit-font-smoothing: antialiased;
+            display: inline-block;
+            text-decoration: inherit;
+            font-size: 16px;
+          }
+        }
       }
 
       html.js & .node-didactique{
         height:auto;
-        height:25px; overflow: hidden;
+        height:30px; overflow: hidden;
         &.opened{height:auto;}
       }
     }
   }
 
-  @media #{$small-only}{
-    .block-materio-didactique{
-      // .pt(150px);
-      .group-sideleft{ width:50%; }
-      .group-sideright{ width:50%; }
-    }
-  } //change this
+  // @media #{$small-only}{
+  //   .block-materio-didactique{
+  //     // .pt(150px);
+  //     .group-sideleft{ width:50%; }
+  //     .group-sideright{ width:50%; }
+  //   }
+  // } //change this
 
   .oldie &{
     .block{@include inlineblock;}
   }
 
   .block-materio-didactique{
-      // .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
-      .node-didactique{
+    // .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
+    .node-didactique{
       @include fs14;
       background-color:#fff; //padding: 5px;
       margin: 0 auto;
@@ -629,7 +662,14 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   }
 }
 
-/** block register */
+/*
+    __    __           __                      _      __
+   / /_  / /___  _____/ /__   ________  ____ _(_)____/ /____  _____
+  / __ \/ / __ \/ ___/ //_/  / ___/ _ \/ __ `/ / ___/ __/ _ \/ ___/
+ / /_/ / / /_/ / /__/ ,<    / /  /  __/ /_/ / (__  ) /_/  __/ /
+/_.___/_/\____/\___/_/|_|  /_/   \___/\__, /_/____/\__/\___/_/
+                                     /____/
+*/
 #block-materio-user-user-register, #block-materio-user-user-createaccount{
   min-height:120px; padding: 5px;
   background: transparent url('../img/register-block.png') no-repeat 100% 90%;
@@ -726,11 +766,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   @media #{$small-only}{
     background-position: 160% 50%;
     .form-item-mail input.form-text, .form-item-name input.form-text{ width:7em;}
-  }
-
-  @media #{$small-only}{
     min-height:60px; padding: 15px 0;
-    #user-login, >h3:first-child, >h3 span{ display:none; }
+    // #user-login, >h3:first-child, >h3 span{ display:none; }
   }
 
   .message-error{
@@ -757,11 +794,25 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   }
 }
 
-/** content-top */
+/*
+                    __             __        __
+  _________  ____  / /____  ____  / /_      / /_____  ____
+ / ___/ __ \/ __ \/ __/ _ \/ __ \/ __/_____/ __/ __ \/ __ \
+/ /__/ /_/ / / / / /_/  __/ / / / /_/_____/ /_/ /_/ / /_/ /
+\___/\____/_/ /_/\__/\___/_/ /_/\__/      \__/\____/ .___/
+                                                  /_/
+*/
 #content-top{
   // padding-left:50px;
 
-  /** flag-list */
+  /*
+
+   ___ _             _ _     _
+  |  _| |___ ___ ___| |_|___| |_
+  |  _| | .'| . |___| | |_ -|  _|
+  |_| |_|__,|_  |   |_|_|___|_|
+            |___|
+  */
   #block-materio-flag-materio-flag-mybookmarks, #block-materio-flag-materio-flag-mylists{
     // padding:5px 0;
     @include fs10; color:#666666; @include fs300;
@@ -1001,7 +1052,14 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   padding-top:10px;
 }
 
-/** CARDS */
+/*
+   _________    ____  ____  _____
+  / ____/   |  / __ \/ __ \/ ___/
+ / /   / /| | / /_/ / / / /\__ \
+/ /___/ ___ |/ _, _/ /_/ /___/ /
+\____/_/  |_/_/ |_/_____//____/
+
+*/
 
 $cardbookmark_w:50px;
 $cardbookmark_h:70px;
@@ -1174,7 +1232,13 @@ $cardfull_h:610px;
   }
 }// .card()
 
-/** card search performance */
+/*
+               _                        _                  ___
+ ___ ___ ___ _| |   ___ ___ ___ ___ ___| |_    ___ ___ ___|  _|___ ___ _____ ___ ___ ___ ___
+|  _| .'|  _| . |  |_ -| -_| .'|  _|  _|   |  | . | -_|  _|  _| . |  _|     | .'|   |  _| -_|
+|___|__,|_| |___|  |___|___|__,|_| |___|_|_|  |  _|___|_| |_| |___|_| |_|_|_|__,|_|_|___|___|
+                                              |_|
+*/
 article.search-performance{
   .inner{
     padding: 1em;
@@ -1212,7 +1276,14 @@ article.search-performance{
   }
 }
 
-/** CARD BOOKMARKS */
+/*
+
+ _____ _____ _____ ____     _____ _____ _____ _____ _____ _____ _____ _____ _____
+|     |  _  | __  |    \   | __  |     |     |  |  |     |  _  | __  |  |  |   __|
+|   --|     |    -|  |  |  | __ -|  |  |  |  |    -| | | |     |    -|    -|__   |
+|_____|__|__|__|__|____/   |_____|_____|_____|__|__|_|_|_|__|__|__|__|__|__|_____|
+
+*/
 article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark{
   @include card($cardbookmark_w, $cardbookmark_h);
   margin:3px;
@@ -1225,7 +1296,14 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark{
   div.workflow{display:none;}
 }
 
-/** CARD SMALL */
+/*
+
+ _____ _____ _____ ____     _____ _____ _____ __    __
+|     |  _  | __  |    \   |   __|     |  _  |  |  |  |
+|   --|     |    -|  |  |  |__   | | | |     |  |__|  |__
+|_____|__|__|__|__|____/   |_____|_|_|_|__|__|_____|_____|
+
+*/
 article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
   @include card($cardsmall_w, $cardsmall_h); //width:100px; height:140px;
   .group-header{
@@ -1249,7 +1327,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
   .no-touch &:not(.focused) div.workflow{@include op-hidden;}
 }
 
-/** TOOLTIP SMALL CARD */
+/*
+
+ _____ _____ _____ __  _____ _____ _____    _____ _____ _____ __    __       _____ _____ _____ ____
+|_   _|     |     |  ||_   _|     |  _  |  |   __|     |  _  |  |  |  |     |     |  _  | __  |    \
+  | | |  |  |  |  |  |__| | |-   -|   __|  |__   | | | |     |  |__|  |__   |   --|     |    -|  |  |
+  |_| |_____|_____|_____|_| |_____|__|     |_____|_|_|_|__|__|_____|_____|  |_____|__|__|__|__|____/
+
+*/
 #tooltip{
   .group-header.smallcard{
     @include fs14; @include fs500;
@@ -1259,7 +1344,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
   }
 }
 
-/** CARD MEDIUM */
+/*
+
+ _____ _____ _____ ____     _____ _____ ____  _____ _____ _____
+|     |  _  | __  |    \   |     |   __|    \|     |  |  |     |
+|   --|     |    -|  |  |  | | | |   __|  |  |-   -|  |  | | | |
+|_____|__|__|__|__|____/   |_|_|_|_____|____/|_____|_____|_|_|_|
+
+*/
 article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
   @include card($cardmedium_w, $cardmedium_h); //width:210px; height:295px;
 
@@ -1327,7 +1419,13 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
   .ie8 &{nav.nav{background: #FFF}}
 }
 
-/** CARD BIG */
+/*
+ _____ _____ _____ ____     _____ _____ _____
+|     |  _  | __  |    \   | __  |     |   __|
+|   --|     |    -|  |  |  | __ -|-   -|  |  |
+|_____|__|__|__|__|____/   |_____|_____|_____|
+
+*/
 article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
   @include card($cardbig_w, $cardbig_h); //width:425px; height:610px;
 
@@ -1400,7 +1498,13 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
   }
 }
 
-/** CARD FULL */
+/*
+ _____ _____ _____ ____     _____ _____ __    __
+|     |  _  | __  |    \   |   __|  |  |  |  |  |
+|   --|     |    -|  |  |  |   __|  |  |  |__|  |__
+|_____|__|__|__|__|____/   |__|  |_____|_____|_____|
+
+*/
 article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   @include card($cardfull_w, $cardfull_h); //width:875px; height:610px;
   nav.nav{top:0;}
@@ -1481,7 +1585,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 @import "misc.scss";
 
 
-/** AUTOCOMPLETE */
+/*
+    ___   __  ____________  __________  __  _______  __    __________________
+   /   | / / / /_  __/ __ \/ ____/ __ \/  |/  / __ \/ /   / ____/_  __/ ____/
+  / /| |/ / / / / / / / / / /   / / / / /|_/ / /_/ / /   / __/   / / / __/
+ / ___ / /_/ / / / / /_/ / /___/ /_/ / /  / / ____/ /___/ /___  / / / /___
+/_/  |_\____/ /_/  \____/\____/\____/_/  /_/_/   /_____/_____/ /_/ /_____/
+
+*/
 #autocomplete{
   border: 0; @include rounded(3px);
   background-color: rgba(0,0,0,0.6);
@@ -1593,51 +1704,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
     }
 }
 
-/** MODALCONTENT */
-// deprecated ??
-// #modalContent{
-//   @include mat_modal();
-//   .ctools-modal-content{
-//     border: 0; background-color:transparent; color:#fff;
-//     .modal-header{
-//       background-color:transparent; border: 0;
-//       #modal-title{
-//         padding: 5px, 0;
-//       }
-//       a.close{
-//         width:10px;height:10px;
-//         // TODO:  setup the sprite
-//         background-image: url('../img/close.png');
-//         img{display:none}
-//       }
-//     }
-//     .modal-content{
-//       .form-item{
-//         label, input{
-//           @include inlineblock(); vertical-align: middle;
-//         }
-//         label{width:35%;}
-//         input.form-text{width:60%;}
-//         div.description{text-align: right ;}
-//       }
-
-//       // .form-actions{
-//       //   background-color:transparent; margin: 0; padding: 0; border: 0;
-//       // }
-//     }
-
-//     .ajax-register-links-wrapper{
-//       .ajax-register-links{
-//         .btn-group;
-//         li a{.b(0); @include fs10; .btn; .btn-mini; .btn-inverse;}
-//       }
-//     }
-//   }
-// }
-
+/*
+       _______ __________  ____  __    __    ____  ___    _   __
+      / / ___// ____/ __ \/ __ \/ /   / /   / __ \/   |  / | / /
+ __  / /\__ \/ /   / /_/ / / / / /   / /   / /_/ / /| | /  |/ /
+/ /_/ /___/ / /___/ _, _/ /_/ / /___/ /___/ ____/ ___ |/ /|  /
+\____//____/\____/_/ |_|\____/_____/_____/_/   /_/  |_/_/ |_/
 
-
-/** JSCROLLPAN */
+*/
 .jspContainer{
   .jspVerticalBar{
     background-color: transparent;
@@ -1653,7 +1727,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 }
 
-/** TOOLTIP */
+/*
+  __________  ____  __  ______________
+ /_  __/ __ \/ __ \/ / /_  __/  _/ __ \
+  / / / / / / / / / /   / /  / // /_/ /
+ / / / /_/ / /_/ / /___/ / _/ // ____/
+/_/  \____/\____/_____/_/ /___/_/
+
+*/
 #tooltip{
   position:absolute; z-index:999; max-width:180px; background-color: rgba(255, 255, 255, 1); padding: 5px; @include rounded(3px);
   @include fs12; @include fs500;
@@ -1664,7 +1745,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 }
 
-/** FEEDBACK */
+/*
+    ______________________  ____  ___   ________ __
+   / ____/ ____/ ____/ __ \/ __ )/   | / ____/ //_/
+  / /_  / __/ / __/ / / / / __  / /| |/ /   / ,<
+ / __/ / /___/ /___/ /_/ / /_/ / ___ / /___/ /| |
+/_/   /_____/_____/_____/_____/_/  |_\____/_/ |_|
+
+*/
 #block-feedback-form{
 
   @media #{$medium-only}{ bottom:5px; left:5px; right:auto; }
@@ -1686,7 +1774,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   #feedback-status-message{background-color:#fff; padding: 5px;}
 }
 
-/** TASK / TABS **/
+/*
+  _________   _____ __ __       __   _________    ____ _____
+ /_  __/   | / ___// //_/     _/_/  /_  __/   |  / __ ) ___/
+  / / / /| | \__ \/ ,<      _/_/     / / / /| | / __  \__ \
+ / / / ___ |___/ / /| |   _/_/      / / / ___ |/ /_/ /__/ /
+/_/ /_/  |_/____/_/ |_|  /_/       /_/ /_/  |_/_____/____/
+
+*/
 @mixin tabs-primary(){
   a{
     @include fs12;
@@ -1722,9 +1817,21 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 }
 
 
-/** STATICS */
+/*
+   ______________  _____________________
+  / ___/_  __/   |/_  __/  _/ ____/ ___/
+  \__ \ / / / /| | / /  / // /    \__ \
+ ___/ // / / ___ |/ / _/ // /___ ___/ /
+/____//_/ /_/  |_/_/ /___/\____//____/
 
-/** user */
+*/
+
+/*
+ _ _ ___ ___ ___
+| | |_ -| -_|  _|
+|___|___|___|_|
+
+*/
 .page-user, .page-user-edit, .page-user-password, .page-user-reset, .page-toboggan{
   #main{ background: #fff url('../img/user-page-bg.gif') no-repeat bottom right; }
 
@@ -1842,7 +1949,13 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 } // user
 
-/** SIMPLENEWS */
+/*
+ _____ _____ _____ _____ __    _____ _____ _____ _ _ _ _____
+|   __|     |     |  _  |  |  |   __|   | |   __| | | |   __|
+|__   |-   -| | | |   __|  |__|   __| | | |   __| | | |__   |
+|_____|_____|_|_|_|__|  |_____|_____|_|___|_____|_____|_____|
+
+*/
 body.node-type-simplenews{
   #content{
     .inner-content{
@@ -1859,7 +1972,13 @@ body.node-type-simplenews{
   }
 }
 
-/** PAGE CONTACT */
+/*
+ _____ _____ _____ _____    _____ _____ _____ _____ _____ _____ _____
+|  _  |  _  |   __|   __|  |     |     |   | |_   _|  _  |     |_   _|
+|   __|     |  |  |   __|  |   --|  |  | | | | | | |     |   --| | |
+|__|  |__|__|_____|_____|  |_____|_____|_|___| |_| |__|__|_____| |_|
+
+*/
 .page-node-11175{
   #main{
     // background-color:#fff;
@@ -1872,7 +1991,13 @@ body.node-type-simplenews{
   }
 } // contact
 
-/** PRICING */
+/*
+ _____ _____ _____ _____ _____ _____ _____
+|  _  | __  |     |     |     |   | |   __|
+|   __|    -|-   -|   --|-   -| | | |  |  |
+|__|  |__|__|_____|_____|_____|_|___|_____|
+
+*/
 body.page-node-11187{
   // #center{ background-color: #fff; }
 
@@ -1986,7 +2111,13 @@ body.page-node-11187{
   }
 } // princing
 
-/** ADHESION FORM */
+/*
+ _____ ____  _____ _____ _____ _____ _____ _____    _____ _____ _____ _____
+|  _  |    \|  |  |   __|   __|     |     |   | |  |   __|     | __  |     |
+|     |  |  |     |   __|__   |-   -|  |  | | | |  |   __|  |  |    -| | | |
+|__|__|____/|__|__|_____|_____|_____|_____|_|___|  |__|  |_____|__|__|_|_|_|
+
+*/
 .node-11186{
   nav ul.links a.language-link { display:none; }
 }
@@ -2100,7 +2231,13 @@ body.page-node-11187{
   }
 } // adhesion
 
-/** UC CART VIEW FORM */
+/*
+ _____ _____    _____ _____ _____ _____    _____ _____ _____ _ _ _    _____ _____ _____ _____
+|  |  |     |  |     |  _  | __  |_   _|  |  |  |     |   __| | | |  |   __|     | __  |     |
+|  |  |   --|  |   --|     |    -| | |    |  |  |-   -|   __| | | |  |   __|  |  |    -| | | |
+|_____|_____|  |_____|__|__|__|__| |_|     \___/|_____|_____|_____|  |__|  |_____|__|__|_|_|_|
+
+*/
 #uc-cart-view-form{
   background-color: #e6e6e6;
   // @include rounded(10px);
@@ -2149,7 +2286,13 @@ body.page-node-11187{
   }
 }
 
-/** UC CHECKOUT FORM */
+/*
+ _____ _____    _____ _____ _____ _____ _____ _____ _____ _____    _____ _____ _____ _____
+|  |  |     |  |     |  |  |   __|     |  |  |     |  |  |_   _|  |   __|     | __  |     |
+|  |  |   --|  |   --|     |   __|   --|    -|  |  |  |  | | |    |   __|  |  |    -| | | |
+|_____|_____|  |_____|__|__|_____|_____|__|__|_____|_____| |_|    |__|  |_____|__|__|_|_|_|
+
+*/
 #uc-cart-checkout-form{
   display:inline-block;
 
@@ -2290,7 +2433,21 @@ body.page-node-11187{
   }
 }
 
-/* UC CART && UC CHECKOUT VALIDATION */
+/*
+
+ _____ _____    _____ _____ _____ _____
+|  |  |     |  |     |  _  | __  |_   _|
+|  |  |   --|  |   --|     |    -| | |
+|_____|_____|  |_____|__|__|__|__| |_|
+
+&&
+
+ _____ _____    _____ _____ _____ _____ _____ _____ _____ _____    _____ _____ __    _____ ____  _____ _____ _____ _____ _____
+|  |  |     |  |     |  |  |   __|     |  |  |     |  |  |_   _|  |  |  |  _  |  |  |     |    \|  _  |_   _|     |     |   | |
+|  |  |   --|  |   --|     |   __|   --|    -|  |  |  |  | | |    |  |  |     |  |__|-   -|  |  |     | | | |-   -|  |  | | | |
+|_____|_____|  |_____|__|__|_____|_____|__|__|_____|_____| |_|     \___/|__|__|_____|_____|____/|__|__| |_| |_____|_____|_|___|
+
+*/
 //.page-cart,
 .page-cart-checkout-review{
   #content{
@@ -2368,7 +2525,13 @@ body.page-node-11187{
 }
 
 
-/** WHO WE ARE */
+/*
+ ____  _____ ____  _____ _____ _____ _____ _____ _____ _____
+|    \|     |    \|  _  |     |_   _|     |     |  |  |   __|
+|  |  |-   -|  |  |     |   --| | | |-   -|  |  |  |  |   __|
+|____/|_____|____/|__|__|_____| |_| |_____|__  _|_____|_____|
+                                             |__|
+*/
 #didactique-page{
 
     .node-didactique{
@@ -2399,18 +2562,31 @@ body.page-node-11187{
     // @media #{$small-up}{
 
     // } // change this
-} // who-we-are
+}
 
-/** DIDACTIQUE */
+/*
+ _ _ _ _____ _____    _ _ _ _____    _____ _____ _____
+| | | |  |  |     |  | | | |   __|  |  _  | __  |   __|
+| | | |     |  |  |  | | | |   __|  |     |    -|   __|
+|_____|__|__|_____|  |_____|_____|  |__|__|__|__|_____|
+
+*/
 .page-whoweare{
   #tool-bar{
     @media #{$small-only}{
       #block-materio-page-title-materio-page-title{display:none;}
     } // chanhe this
   }
-} // didactique
+}
+
+/*
+
+           _     _
+ _____ ___|_|___| |_ ___ ___ ___ ___ ___ ___
+|     | .'| |   |  _| -_|   | .'|   |  _| -_|
+|_|_|_|__,|_|_|_|_| |___|_|_|__,|_|_|___|___|
 
-/** maintenance */
+*/
 .maintenance-page{
   #container, #header{ text-align: center; padding: 0; position:relative;}
   #main{background-color: transparent; }
@@ -2418,7 +2594,13 @@ body.page-node-11187{
   h2.site-slogan{font-size:16px; @include fs300; margin: 0; line-height:1.1;}
 }
 
-/** FAQ */
+/*
+ _____ _____ _____
+|   __|  _  |     |
+|   __|     |  |  |
+|__|  |__|__|__  _|
+               |__|
+*/
 .page-faq-page #main{
   background: #fff url('../img/bg-faq.png') no-repeat bottom right;
 }