Changes on stylesheets

src/stylesheets/Lungo.layout.article.less

@@ -13,7 +13,8 @@
 article {
     //position: absolute;
     position: fixed;
-    width: 100% !important;
+    // width: 100% !important;
+    width: inherit;
     height: auto;
     top: 0;
     bottom: 0;

src/stylesheets/Lungo.layout.grid.less

@@ -1,4 +1,4 @@
-.row {
+.row, .rows {
     width: 100%;
     margin: 0 auto;
     *zoom: 1;

src/stylesheets/Lungo.layout.less

@@ -89,6 +89,10 @@ header {
         font-size: 15px;
         font-weight: bold;
 
+        & img {
+            height: 24px;
+        }
+
         &.centered {
             position: absolute;
             left: 0px;

src/stylesheets/Lungo.layout.nav.less

@@ -133,4 +133,4 @@ header, footer {
         top: .1em;
         font-size: 2.3em;
     }
-}
+}

src/stylesheets/Lungo.widgets.colour.less

@@ -12,8 +12,8 @@
 
 a.grey, .grey{background-color: @grey;}
 a.grey:active, a.grey.active{background-color: @grey-active;}
-a.black, .grey{background-color: @black;}
-a.black:active, a.black.active{background-color: @black-active;}
+a.dark-grey, .dark-grey{background-color: @black;}
+a.dark-grey:active, a.dark-grey.active{background-color: @black-active;}
 a.red, .red{background-color: @red;}
 a.red:active, a.red.active{background-color: @red-active;}
 a.lightgreen, .lightgreen{background-color: @lightgreen;}
@@ -40,7 +40,7 @@ a.facebook, .facebook:not(span){background-color: @facebook;}
 a.facebook:active, a.facebook.active{background-color: @facebook-active;}
 
 li.grey{ box-shadow: inset 3px 0px 0px @grey;}
-li.black{ box-shadow: inset 3px 0px 0px @black;}
+li.dark-grey{ box-shadow: inset 3px 0px 0px @black;}
 li.red{ box-shadow: inset 3px 0px 0px @red;}
 li.lightgreen{ box-shadow: inset 3px 0px 0px @lightgreen;}
 li.green{ box-shadow: inset 3px 0px 0px @green;}
@@ -52,4 +52,4 @@ li.magenta{ box-shadow: inset 3px 0px 0px @magenta;}
 li.pink{ box-shadow: inset 3px 0px 0px @pink;}
 li.yellow{ box-shadow: inset 3px 0px 0px @yellow;}
 li.twitter{ box-shadow: inset 3px 0px 0px @twitter;}
-li.facebook{ box-shadow: inset 3px 0px 0px @facebook;}
+li.facebook{ box-shadow: inset 3px 0px 0px @facebook;}

src/stylesheets/Lungo.widgets.icon.less

@@ -56,8 +56,7 @@
 .icon.info:before {content: "\0053";}
 .icon.cancel:before {content: "\0054";}
 .icon.checkmark:before {content: "\0051";}
-.icon.multiply:before {content: "\0055";}
-.icon.close:before {content: "\0055";}
+.icon.multiply:before, .icon.close:before  {content: "\0055";}
 .icon.plus:before {content: "\0056";}
 .icon.minus:before {content: "\0057";}
 .icon.left:before {content: "\0058";}
@@ -72,4 +71,4 @@
 .icon.file:before {content: "\005d";}
 .icon.locked:before {content: "\0046";}
 .icon.map:before {content: "\0029";}
-.icon.eye:before {content: "\005e";}
+.icon.eye:before {content: "\005e";}

src/stylesheets/Lungo.widgets.splash.less

@@ -17,7 +17,7 @@
 
     & img {
         max-width: 206px;
-        margin: 92px auto 32px;
+        margin: 20% auto 0%;
     }
 
     & h1 {

src/stylesheets/css/Lungo.layout.article.css

@@ -10,7 +10,7 @@
 /* COLORS */
 article {
   position: fixed;
-  width: 100% !important;
+  width: inherit;
   height: auto;
   top: 0;
   bottom: 0;

src/stylesheets/css/Lungo.layout.css

@@ -142,6 +142,9 @@ header .title {
   font-size: 15px;
   font-weight: bold;
 }
+header .title img {
+  height: 24px;
+}
 header .title.centered {
   position: absolute;
   left: 0px;

src/stylesheets/css/Lungo.layout.grid.css

@@ -1,44 +1,58 @@
-.row {
+.row,
+.rows {
   width: 100%;
   margin: 0 auto;
   *zoom: 1;
 }
 .row:before,
-.row:after {
+.rows:before,
+.row:after,
+.rows:after {
   content: "";
   display: table;
 }
-.row:after {
+.row:after,
+.rows:after {
   clear: both;
 }
-.row.one {
+.row.one,
+.rows.one {
   height: 10%;
 }
-.row.two {
+.row.two,
+.rows.two {
   height: 20%;
 }
-.row.three {
+.row.three,
+.rows.three {
   height: 30%;
 }
-.row.four {
+.row.four,
+.rows.four {
   height: 40%;
 }
-.row.five {
+.row.five,
+.rows.five {
   height: 50%;
 }
-.row.six {
+.row.six,
+.rows.six {
   height: 60%;
 }
-.row.seven {
+.row.seven,
+.rows.seven {
   height: 70%;
 }
-.row.eight {
+.row.eight,
+.rows.eight {
   height: 80%;
 }
-.row.nine {
+.row.nine,
+.rows.nine {
   height: 90%;
 }
-.row.ten {
+.row.ten,
+.rows.ten {
   height: 100%;
 }
 .column,

src/stylesheets/css/Lungo.widgets.colour.css

@@ -1,42 +1,164 @@
-a.grey,.grey{background-color:#cccccc;}
-a.grey:active,a.grey.active{background-color:#b5b5b5;}
-a.black,.grey{background-color:#000000;}
-a.black:active,a.black.active{background-color:#000000;}
-a.red,.red{background-color:#e33100;}
-a.red:active,a.red.active{background-color:#c5280f;}
-a.lightgreen,.lightgreen{background-color:#91bd09;}
-a.lightgreen:active,a.lightgreen.active{background-color:#7ea41a;}
-a.green,.green{background-color:#009600;}
-a.green:active,a.green.active{background-color:#00770e;}
-a.blue,.blue{background-color:#237fd7;}
-a.blue:active,a.blue.active{background-color:#1a69b6;}
-a.arcticblue,.arcticblue{background-color:#2daebf;}
-a.arcticblue:active,a.arcticblue.active{background-color:#238e9e;}
-a.orange,.orange{background-color:#ff5c00;}
-a.orange:active,a.orange.active{background-color:#da4e15;}
-a.purple,.purple{background-color:#7b658d;}
-a.purple:active,a.purple.active{background-color:#574765;}
-a.magenta,.magenta{background-color:#a9014b;}
-a.magenta:active,a.magenta.active{background-color:#831239;}
-a.pink,.pink{background-color:#ff007f;}
-a.pink:active,a.pink.active{background-color:#de2870;}
-a.yellow,.yellow{background-color:#ffb515;}
-a.yellow:active,a.yellow.active{background-color:#dfa020;}
-a.twitter,.twitter:not(span){background-color:#35cdff;}
-a.twitter:active,a.twitter.active{background-color:#2bafda;}
-a.facebook,.facebook:not(span){background-color:#3b5998;}
-a.facebook:active,a.facebook.active{background-color:#2c4579;}
-li.grey{box-shadow:inset 3px 0px 0px #cccccc;}
-li.black{box-shadow:inset 3px 0px 0px #000000;}
-li.red{box-shadow:inset 3px 0px 0px #e33100;}
-li.lightgreen{box-shadow:inset 3px 0px 0px #91bd09;}
-li.green{box-shadow:inset 3px 0px 0px #009600;}
-li.blue{box-shadow:inset 3px 0px 0px #237fd7;}
-li.arcticblue{box-shadow:inset 3px 0px 0px #2daebf;}
-li.orange{box-shadow:inset 3px 0px 0px #ff5c00;}
-li.purple{box-shadow:inset 3px 0px 0px #7b658d;}
-li.magenta{box-shadow:inset 3px 0px 0px #a9014b;}
-li.pink{box-shadow:inset 3px 0px 0px #ff007f;}
-li.yellow{box-shadow:inset 3px 0px 0px #ffb515;}
-li.twitter{box-shadow:inset 3px 0px 0px #35cdff;}
-li.facebook{box-shadow:inset 3px 0px 0px #3b5998;}
+/**
+ * Stylesheet
+ *
+ * @namespace LUNGO.Widgets
+ * @class Colour
+ *
+ * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
+ */
+/* DIMENSIONS */
+/* COLORS */
+a.grey,
+.grey {
+  background-color: #cccccc;
+}
+a.grey:active,
+a.grey.active {
+  background-color: #b5b5b5;
+}
+a.dark-grey,
+.dark-grey {
+  background-color: #000000;
+}
+a.dark-grey:active,
+a.dark-grey.active {
+  background-color: #000000;
+}
+a.red,
+.red {
+  background-color: #e33100;
+}
+a.red:active,
+a.red.active {
+  background-color: #c5280f;
+}
+a.lightgreen,
+.lightgreen {
+  background-color: #91bd09;
+}
+a.lightgreen:active,
+a.lightgreen.active {
+  background-color: #7ea41a;
+}
+a.green,
+.green {
+  background-color: #009600;
+}
+a.green:active,
+a.green.active {
+  background-color: #00770e;
+}
+a.blue,
+.blue {
+  background-color: #237fd7;
+}
+a.blue:active,
+a.blue.active {
+  background-color: #1a69b6;
+}
+a.arcticblue,
+.arcticblue {
+  background-color: #2daebf;
+}
+a.arcticblue:active,
+a.arcticblue.active {
+  background-color: #238e9e;
+}
+a.orange,
+.orange {
+  background-color: #ff5c00;
+}
+a.orange:active,
+a.orange.active {
+  background-color: #da4e15;
+}
+a.purple,
+.purple {
+  background-color: #7b658d;
+}
+a.purple:active,
+a.purple.active {
+  background-color: #574765;
+}
+a.magenta,
+.magenta {
+  background-color: #a9014b;
+}
+a.magenta:active,
+a.magenta.active {
+  background-color: #831239;
+}
+a.pink,
+.pink {
+  background-color: #ff007f;
+}
+a.pink:active,
+a.pink.active {
+  background-color: #de2870;
+}
+a.yellow,
+.yellow {
+  background-color: #ffb515;
+}
+a.yellow:active,
+a.yellow.active {
+  background-color: #dfa020;
+}
+a.twitter,
+.twitter:not(span) {
+  background-color: #35cdff;
+}
+a.twitter:active,
+a.twitter.active {
+  background-color: #2bafda;
+}
+a.facebook,
+.facebook:not(span) {
+  background-color: #3b5998;
+}
+a.facebook:active,
+a.facebook.active {
+  background-color: #2c4579;
+}
+li.grey {
+  box-shadow: inset 3px 0px 0px #cccccc;
+}
+li.dark-grey {
+  box-shadow: inset 3px 0px 0px #000000;
+}
+li.red {
+  box-shadow: inset 3px 0px 0px #e33100;
+}
+li.lightgreen {
+  box-shadow: inset 3px 0px 0px #91bd09;
+}
+li.green {
+  box-shadow: inset 3px 0px 0px #009600;
+}
+li.blue {
+  box-shadow: inset 3px 0px 0px #237fd7;
+}
+li.arcticblue {
+  box-shadow: inset 3px 0px 0px #2daebf;
+}
+li.orange {
+  box-shadow: inset 3px 0px 0px #ff5c00;
+}
+li.purple {
+  box-shadow: inset 3px 0px 0px #7b658d;
+}
+li.magenta {
+  box-shadow: inset 3px 0px 0px #a9014b;
+}
+li.pink {
+  box-shadow: inset 3px 0px 0px #ff007f;
+}
+li.yellow {
+  box-shadow: inset 3px 0px 0px #ffb515;
+}
+li.twitter {
+  box-shadow: inset 3px 0px 0px #35cdff;
+}
+li.facebook {
+  box-shadow: inset 3px 0px 0px #3b5998;
+}

src/stylesheets/css/Lungo.widgets.splash.css

@@ -15,7 +15,7 @@
 }
 .splash img {
   max-width: 206px;
-  margin: 92px auto 32px;
+  margin: 20% auto 0%;
 }
 .splash h1 {
   margin-top: 20%;