diff options
Diffstat (limited to 'core/css/styles.css')
| -rw-r--r-- | core/css/styles.css | 49 |
1 files changed, 22 insertions, 27 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 268040525bf..e6a4bf61995 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -59,25 +59,6 @@ input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:# ::-webkit-scrollbar-thumb { background:#ddd; } -#show { float: right; position: absolute; right: 1em; top: 0.8em; display:none; } -#login form input[name="show"] + label { background: url("../img/actions/toggle.png") no-repeat; opacity:0.3; -float: right; width: 24px; position: absolute !important; height: 14px; right: 1em; top: 1.25em;} -#login form input[name="show"]:checked + label { background:url("../img/actions/toggle.png") no-repeat; opacity:0.8; } - - - -/* SHOW PASSWORD TOGGLE */ -#show { - position:absolute; right:1em; top:.8em; float:right; - display:none; -} -#login form input[name="show"] + label { - position:absolute !important; height:14px; width:24px; right:1em; top:1.25em; float:right; - background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat; opacity:.3; -} -#login form input[name="show"]:checked + label { opacity:.8; } - - /* BUTTONS */ input[type="submit"], input[type="button"], button, .button, #quota, div.jp-progress, select, .pager li a { width:auto; padding:.4em; @@ -166,17 +147,14 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b #login #datadirContent label { display:block; margin:0; color:#999; } #login form #datadirField legend { margin-bottom:15px; } - /* Icons for username and password fields to better recognize them */ #adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; } -#adminlogin+label+img, #adminpass+label+img, #user+label+img, #password+label+img { +#adminlogin+label+img, #adminpass-icon, #user+label+img, #password-icon { position:absolute; left:1.25em; top:1.65em; opacity:.3; } -#adminpass+label+img, #password+label+img { top:1.1em; } +#adminpass-icon, #password-icon { top:1.1em; } input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; } -#pass_image { position: absolute; top: 1.2em; left: 1.4em; opacity: 0.3; } - /* Nicely grouping input field sets */ .grouptop input { @@ -194,15 +172,28 @@ input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; } box-shadow:0 1px 1px #fff,0 1px 0 #ddd inset; } +/* In field labels. No, HTML placeholder does not work as well. */ #login form label { color:#666; } #login .groupmiddle label, #login .groupbottom label { top:.65em; } -/* NEEDED FOR INFIELD LABELS */ p.infield { position:relative; } label.infield { cursor:text !important; top:1.05em; left:.85em; } #login form label.infield { position:absolute; font-size:19px; color:#aaa; white-space:nowrap; padding-left:1.4em; } +#login #databaseField .infield { padding-left:0; } #login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; } #login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; } +/* Show password toggle */ +#show { + position:absolute; right:1em; top:.8em; float:right; + display:none; +} +#show + label { + position:absolute!important; height:14px; width:24px; right:1em; top:1.25em!important; + background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat; opacity:.3; +} +#show:checked + label { opacity:.8; } + +/* Database selector */ #login form #selectDbType { text-align:center; } #login form #selectDbType label { position:static; margin:0 -3px 5px; padding:.4em; @@ -212,12 +203,14 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; } } #login form #selectDbType label.ui-state-hover, #login form #selectDbType label.ui-state-active { color:#000; background-color:#e8e8e8; } +/* Warnings */ fieldset.warning { padding:8px; color:#b94a48; background-color:#f2dede; border:1px solid #eed3d7; border-radius:5px; } fieldset.warning legend { color:#b94a48 !important; } +fieldset.warning a { color:#b94a48 !important; font-weight:bold; } /* Alternative Logins */ #alternative-logins legend { margin-bottom:10px; } @@ -227,14 +220,14 @@ fieldset.warning legend { color:#b94a48 !important; } /* NAVIGATION ------------------------------------------------------------- */ #navigation { position:fixed; top:3.5em; float:left; width:64px; padding:0; z-index:75; height:100%; - background:#30343a url('../img/noise.png') repeat; border-right:1px #333 solid; + background:#383c43 url('../img/noise.png') repeat; border-right:1px #333 solid; -moz-box-shadow:0 0 7px #000; -webkit-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000; overflow-x:scroll; } #navigation a { display:block; padding:8px 0 4px; text-decoration:none; font-size:10px; text-align:center; - color:#fff; text-shadow:#000 0 -1px 0; opacity:.4; + color:#fff; text-shadow:#000 0 -1px 0; opacity:.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; // ellipsize long app names } #navigation a:hover, #navigation a:focus { opacity:.8; } @@ -326,6 +319,8 @@ a.bookmarklet { background-color:#ddd; border:1px solid #ccc; padding:5px;paddin .arrow.left { left:-13px; bottom:1.2em; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); } .arrow.up { top:-8px; right:2em; } .arrow.down { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } +.help-includes {overflow: hidden; width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 2.8em; } +.help-iframe {width: 100%; height: 100%; margin: 0;padding: 0; border: 0; overflow: auto;} /* ---- BREADCRUMB ---- */ div.crumb { float:left; display:block; background:url('../img/breadcrumb.svg') no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; } |