fix account and login stylesheets

resources/www/account/styles/_skin.scss

@@ -99,6 +99,29 @@ ul {
 
 /** Button style */
 
+.btn {
+    $glow: inset 0 1px 0 rgba(255, 255, 255, 0.2),  0 1px 7px rgba(0, 0, 0, 1);
+    @include glow($glow);
+    @include border-radius($borderRadiusSmall);
+    text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.5);
+}
+
+.btn-success {
+    @include gradient ($btnSuccessBackground, 0.7);
+}
+
+.btn-info {
+    @include gradient ($btnInfoBackground, 0.7);
+}
+
+.btn-success:hover {
+    @include gradient ($btnSuccessBackgroundHighlight, 0.7);
+}
+
+.btn-info:hover {
+    @include gradient ($btnInfoBackgroundHighlight, 0.7);
+}
+
 .btn-flat {
     filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
     -webkit-box-shadow: none;
@@ -271,6 +294,30 @@ ul {
    padding: 9px 5px;
 }
 
+/** blockquote style */
+
+blockquote {
+    page-break-inside: avoid;
+    background: #f9f9f9;
+    border-left: 10px solid #ccc;
+    margin: 1.5em 10px;
+    padding: 0.5em 10px;
+    quotes: "\201C""\201D""\2018""\2019";
+    color: #333;
+}
+
+blockquote:before {
+    color: #ccc;
+    content: open-quote;
+    font-size: 4em;
+    line-height: 0.1em;
+    margin-right: 0.25em;
+    vertical-align: -0.4em;
+}
+
+blockquote p {
+    display: inline;
+}
 /** app css */
 
 .help-block-error {
@@ -610,8 +657,37 @@ form[name=registerForm] label[for=terms-of-use] input{
     height: 100%;
 }
 
+#main-bar {
+    margin-top: 40px;
+}
+
+.brand .section-title {
+    color: $grayLight;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"] {
+    min-height: 30px;
+}
+
+legend {
+    color: $grayLighter;
+}
+
 .footer {
-    padding: 10px 0;
+    padding: 20px 0px;
 }
 
 .footer-list {
@@ -925,6 +1001,69 @@ form[name=registerForm] .multiselect-group {
     }
 }
 
+
+
+h1, h2, h3, h4 {
+    font-weight: 100;
+}
+
+.content{
+    min-height: 500px;
+}
+
+.url_callback_input input {
+    margin: 0;
+}
+
+.modal {
+    color: $black;
+}
+
+.app-list {
+    border: 1px solid $grayDark;
+    background: lighten($background, 2%);
+    @include border-radius($baseBorderRadius);
+}
+
+.app-list li {
+    padding: 10px;
+    border-top: 1px solid $grayDark;
+}
+
+.app-list li:first-child {
+    border-top:none;
+}
+
+.app-list li .app-row {
+    line-height: $fontSizeLarge * 1.25;
+    padding-bottm: 5px;
+}
+
+.app-list li .app-row a {
+    font-size: $fontSizeLarge * 1.25;
+}
+
+.text-success {
+    color: $green;
+}
+
+.text-error {
+    color: $red;
+}
+
+.control-span {
+    padding-top: 5px;
+    line-height: 20px;
+}
+
+form[name="changeEmail"] .control-label {
+    width: 200px;
+}
+
+form[name="changeEmail"] .controls {
+    margin-left: 220px;
+}
+
 /* Landscape phones and down */
 @media (max-width: 480px) {
 

resources/www/account/styles/_variables.scss

@@ -73,13 +73,13 @@ $inputIEBackground:                #6D6D6D;
 
 // Scaffolding
 // -------------------------
-$bodyBackground:        $white;
+$bodyBackground:        $background;
 $textColor:             $white;
 
 
 // Links
 // -------------------------
-$linkColor:             #fff;
+$linkColor:             #08c;
 $linkColorHover:        darken($linkColor, 15%);
 $footerLinkColor:       $linkColor;
 $footerLinkColorHover:  $linkColorHover;
@@ -121,7 +121,7 @@ $borderRadiusSmall:     3px;
 // Tables
 // -------------------------
 $tableBackground:                   transparent; // overall background-color
-$tableBackgroundAccent:             #f9f9f9; // for striping
+$tableBackgroundAccent:             lighten($background, 5%); // for striping
 $tableBackgroundHover:              #f5f5f5; // for hover
 $tableBorder:                       #ddd; // table and cell border
 
@@ -131,14 +131,14 @@ $btnBackground:                     $white;
 $btnBackgroundHighlight:            darken($white, 10%);
 $btnBorder:                         #bbb;
 
-$btnPrimaryBackground:              $linkColor;
-$btnPrimaryBackgroundHighlight:     darken($btnPrimaryBackground, 20%);
+$btnPrimaryBackground:              lighten($background, 15%);
+$btnPrimaryBackgroundHighlight:     darken($background, 10%);
 
-$btnInfoBackground:                 #3d8fa8;
-$btnInfoBackgroundHighlight:        #0d4461;
+$btnInfoBackground:                 #1c607f;
+$btnInfoBackgroundHighlight:        darken($btnInfoBackground, 10%);
 
-$btnSuccessBackground:              #2fac74;
-$btnSuccessBackgroundHighlight:     #118749;
+$btnSuccessBackground:              #1ea062;
+$btnSuccessBackgroundHighlight:     darken($btnSuccessBackground, 10%);
 
 $btnWarningBackground:              lighten($orange, 15%);
 $btnWarningBackgroundHighlight:     $orange;
@@ -152,12 +152,12 @@ $btnInverseBackgroundHighlight:     $grayDarker;
 
 // Forms
 // -------------------------
-$inputBackground:               $black;
-$inputBorder:                   none;
-$inputBorderRadius:             0px;
+$inputBackground:               $white;
+$inputBorder:                   lighten($background, 5%);
+$inputBorderRadius:             $baseBorderRadius;
 $inputDisabledBackground:       $grayLighter;
-$formActionsBackground:         #f5f5f5;
-$inputHeight:                   $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
+$formActionsBackground:         $background;
+$inputHeight:                   30px; // base line-height + 8px vertical padding + 2px top/bottom border
 
 
 // Dropdowns
@@ -168,10 +168,10 @@ $dropdownDividerTop:            #e5e5e5;
 $dropdownDividerBottom:         $white;
 
 $dropdownLinkColor:             $white;
-$dropdownLinkColorHover:        $white;
+$dropdownLinkColorHover:        $gray;
 $dropdownLinkColorActive:       $white;
 
-$dropdownLinkBackgroundActive:  lighten($backgroundSideBar, 10%);
+$dropdownLinkBackgroundActive:  $linkColor;
 $dropdownLinkBackgroundHover:   $dropdownLinkBackgroundActive;
 
 
@@ -215,7 +215,7 @@ $horizontalComponentOffset:       180px;
 
 // Wells
 // -------------------------
-$wellBackground:                  #f5f5f5;
+$wellBackground:                  $grayDarker;
 
 
 // Navbar
@@ -224,18 +224,18 @@ $navbarCollapseWidth:             979px;
 $navbarCollapseDesktopWidth:      $navbarCollapseWidth + 1;
 
 $navbarHeight:                    40px;
-$navbarBackgroundHighlight:       #ffffff;
-$navbarBackground:                darken($navbarBackgroundHighlight, 5%);
+$navbarBackgroundHighlight:       lighten($background, 5%);
+$navbarBackground:                $background;
 $navbarBorder:                    darken($navbarBackground, 12%);
 
-$navbarText:                      #777;
-$navbarLinkColor:                 #777;
-$navbarLinkColorHover:            $grayDark;
-$navbarLinkColorActive:           $gray;
-$navbarLinkBackgroundHover:       transparent;
-$navbarLinkBackgroundActive:      darken($navbarBackground, 5%);
+$navbarText:                      $white;
+$navbarLinkColor:                 $linkColor;
+$navbarLinkColorHover:            $white;
+$navbarLinkColorActive:           $linkColor;
+$navbarLinkBackgroundHover:       $background;
+$navbarLinkBackgroundActive:      lighten($background, 15%);
 
-$navbarBrandColor:                $navbarLinkColor;
+$navbarBrandColor:                $white;
 
 // Inverted navbar
 $navbarInverseBackground:                #111111;

resources/www/account/styles/main.scss

@@ -1,9 +1,8 @@
-@import '../../../../www/bower_components/normalize-css/normalize'; // not extension for inline import
-@import '../../vendors/bootstrap/bootstrap';
+// @import '../../../../www/bower_components/normalize-css/normalize'; // not extension for inline import
 @import '../../_shared/styles/variables';
-// @TODO enable importation of: @import "../../../../plugins/login.less";
+@import '../../../../plugins/account.scss';
 @import 'variables';
-
+@import '../../vendors/bootstrap/bootstrap';
 @import 'skin';
 @import '../../../../www/bower_components/font-awesome/sass/font-awesome.scss';
 @import '../../../../www/bower_components/jquery-ui/themes/base/jquery.ui.autocomplete'; // not extension for inline import