From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 4 Dec 2012 23:37:00 +0000 (+0100)
Subject: add primary action button in fitting subtle dark blue
X-Git-Tag: v5.0.0alpha1~358^2~4
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=b6fca70ee4ae1eff414172523e4ea2d74ff64606;p=nextcloud-server.git

add primary action button in fitting subtle dark blue
---

diff --git a/core/css/styles.css b/core/css/styles.css
index deb4c9053b8..fbe5f29c9bf 100644
--- 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 7d101e90c54..5132192e831 100644
--- 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 cb4b6717b61..15b2278b2fc 100644
--- 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>