Owen Leonard
4bef47bba8
We currently have a mix of ways to style buttons, including some using Bootstrap's btn-primary class and some with CSS targeting input[type='submit']. This patch works to make these buttons more consistent in their appearance and to improve the modularity of related SCSS. The patch also removes some unused CSS from login.css. To test, apply the patch and rebuild the staff interface CSS. Test various page to see if main submit buttons look correct in their default, hover, and active states: - The login page - Circulation -> Checkouts -> Check out button (btn-primary) - Circulation -> Set library (input[type='submit']) - Cataloging -> Basic MARC editor (split button) Also check "default" buttons: - Patrons -> Sidebar filter (input[type='button']) - Circulation -> Checkouts -> Show checkouts (btn-default) Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
152 lines
2.4 KiB
CSS
152 lines
2.4 KiB
CSS
a.edit, a.delete, a.edit:hover, a.delete:hover {
|
|
border-bottom: none;
|
|
display: block;
|
|
padding: 5px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
a.edit:hover {
|
|
background: #ccc;
|
|
color: #036;
|
|
}
|
|
|
|
a:visited {
|
|
color: #006;
|
|
}
|
|
|
|
a:hover {
|
|
/* border-bottom: 1px solid #3a75ae;*/
|
|
color: #069;
|
|
}
|
|
|
|
body {
|
|
background: #f3f4f4;
|
|
}
|
|
|
|
form, label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input:focus, textarea:focus, label:focus {
|
|
background: #fff;
|
|
border: 1px solid #686868;
|
|
}
|
|
|
|
label {
|
|
display : block;
|
|
margin : .2em 0;
|
|
}
|
|
|
|
#logo { margin-bottom: 2em; }
|
|
|
|
#login {
|
|
background: #fff;
|
|
border: none;
|
|
box-shadow: 8px 8px 12px rgb(170 170 170);
|
|
margin: 4em auto;
|
|
padding: 1.5em;
|
|
position : relative;
|
|
top : auto;
|
|
right : auto;
|
|
width: 25em;
|
|
}
|
|
|
|
#login #login_error {
|
|
background: #D23F3F;
|
|
border: 1px solid #a40000;
|
|
color: #fff;
|
|
font-size: 120%;
|
|
line-height: 140%;
|
|
font-weight: bold;
|
|
margin: 1em 0;
|
|
padding: .5em;
|
|
text-align: center;
|
|
text-shadow: 0px 1px 1px #6C1010;
|
|
filter: dropshadow(color=#6C1010, offx=0, offy=1);
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#login #login_error a:link,
|
|
#login #login_error a:visited {
|
|
color : #FFC;
|
|
}
|
|
|
|
#login #login_error a:hover,
|
|
#login #login_error a:active {
|
|
color : #FCFC4D;
|
|
}
|
|
|
|
#login h1 {
|
|
background: url(../img/koha-logo.gif) no-repeat top center;
|
|
margin-top: 0;
|
|
margin-bottom : .5em;
|
|
}
|
|
|
|
#login h1 a {
|
|
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
|
|
display: block;
|
|
height: 74px;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#login ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#login ul li {
|
|
display: inline;
|
|
margin-left: 1.4em;
|
|
text-align: center;
|
|
}
|
|
|
|
#footer {
|
|
text-align: center;
|
|
border-top: 1px solid #ccc;
|
|
padding-top: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.submit {
|
|
text-align: right;
|
|
}
|
|
|
|
#submit-button {
|
|
font-size: 135%;
|
|
}
|
|
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus {
|
|
box-shadow: inset 0 0 0 1px #edb423;
|
|
}
|
|
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus,
|
|
input[type="submit"]:hover {
|
|
background: #ffd15e none;
|
|
border: 1px solid #ffc32b;
|
|
}
|
|
|
|
textarea, input, select {
|
|
background: #fff;
|
|
border: 1px solid #b2b2b2;
|
|
color: #000;
|
|
font: 13px Verdana, Arial, Helvetica, sans-serif;
|
|
margin: 1px;
|
|
padding: 3px;
|
|
}
|
|
|
|
select {
|
|
width: 97%;
|
|
}
|
|
|
|
input[type='text'],
|
|
input[type='password'] {
|
|
font-size: 1.7em;
|
|
width: 97%;
|
|
}
|