add primary action button in fitting subtle dark blue

diff --git a/core/css/styles.css b/core/css/styles.css
index deb4c9053b8f66c3077c4cc70766df48a4e38309..fbe5f29c9bf255f7f0dad92bc044ad59ed1d6b17 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -58,6 +58,26 @@ input[type="submit"] img, input[type="button"] img, button img, .button img { cu
 input[type="checkbox"] { width:auto; }
 #quota { cursor:default; }
 
+
+/* PRIMARY ACTION BUTTON, use sparingly */
+.primary, input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary {
+       border:1px solid #1d2d44;
+       background:#35537a; color:#ddd; text-shadow:#000 0 -1px 0;
+       -moz-box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset; -webkit-box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset; box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset;
+}
+       .primary:hover, input[type="submit"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover,
+       .primary:focus, input[type="submit"].primary:focus, input[type="button"].primary:focus, button.primary:focus, .button.primary:focus {
+               border:1px solid #1d2d44;
+               background:#2d3d54; color:#fff; text-shadow:#000 0 -1px 0;
+               -moz-box-shadow:0 0 1px #000,0 1px 1px #5d6d84 inset; -webkit-box-shadow:0 0 1px #000,0 1px 1px #5d6d84 inset; box-shadow:0 0 1px #000,0 1px 1px #5d6d84 inset;
+       }
+       .primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active {
+               border:1px solid #1d2d44;
+               background:#1d2d42; color:#bbb; text-shadow:#000 0 -1px 0;
+               -moz-box-shadow:0 1px 1px #fff,0 1px 1px 0 rgba(0,0,0,.2) inset; -webkit-box-shadow:0 1px 1px #fff,0 1px 1px 0 rgba(0,0,0,.2) inset; box-shadow:0 1px 1px #fff,0 1px 1px 0 rgba(0,0,0,.2) inset;
+       }
+
+
 #body-login input { font-size:1.5em; }
 #body-login input[type="text"], #body-login input[type="password"] { width: 13em; }
 #body-login input.login { width: auto; float: right; }

diff --git a/core/templates/installation.php b/core/templates/installation.php
index 7d101e90c544180337a47d0405fcc97da5545d22..5132192e831974b283435e334a2d3f30ad265435 100644 (file)
--- a/core/templates/installation.php
+++ b/core/templates/installation.php
@@ -129,5 +129,5 @@
                </p>
        </fieldset>
 
-       <div class="buttons"><input type="submit" value="<?php echo $l->t( 'Finish setup' ); ?>" /></div>
+       <div class="buttons"><input type="submit" class="primary" value="<?php echo $l->t( 'Finish setup' ); ?>" /></div>
 </form>

diff --git a/core/templates/login.php b/core/templates/login.php
index cb4b6717b61ce17bd37685a70004b641ce8d56bd..15b2278b2fcf8e84e0b3be6a90d561ba708844e1 100644 (file)
--- a/core/templates/login.php
+++ b/core/templates/login.php
@@ -25,6 +25,6 @@
                        <input type="password" name="password" id="password" value="" required<?php echo $_['user_autofocus']?'':' autofocus'; ?> />
                </p>
                <input type="checkbox" name="remember_login" value="1" id="remember_login" /><label for="remember_login"><?php echo $l->t('remember'); ?></label>
-               <input type="submit" id="submit" class="login" value="<?php echo $l->t( 'Log in' ); ?>" />
+               <input type="submit" id="submit" class="login primary" value="<?php echo $l->t( 'Log in' ); ?>" />
        </fieldset>
 </form>