diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2012-12-05 00:37:00 +0100 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2012-12-05 00:37:00 +0100 |
| commit | b6fca70ee4ae1eff414172523e4ea2d74ff64606 (patch) | |
| tree | aff6362d3da56ae9c8e0dbec6cf6a18c4e5c2c26 /core/css | |
| parent | 56dae0652817ac6d583a80820a03ffd98c9cc4db (diff) | |
| download | nextcloud-server-b6fca70ee4ae1eff414172523e4ea2d74ff64606.tar.gz nextcloud-server-b6fca70ee4ae1eff414172523e4ea2d74ff64606.zip | |
add primary action button in fitting subtle dark blue
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/styles.css | 20 |
1 files changed, 20 insertions, 0 deletions
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; } |