Difference between revisions of "Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: body { background-color: #9fc2d4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }") |
|||
| Line 3: | Line 3: | ||
background-color: #9fc2d4; | background-color: #9fc2d4; | ||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .btn-success:hover { | ||
| + | color: #fff; | ||
| + | background-color: #218838; | ||
| + | border-color: #1e7e34; | ||
| + | } | ||
| + | .btn-danger:hover { | ||
| + | color: #fff; | ||
| + | background-color: #c82333; | ||
| + | border-color: #bd2130; | ||
| + | } | ||
| + | .btn:hover { | ||
| + | color: #212529; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .btn-success { | ||
| + | color: #fff; | ||
| + | background-color: #28a745; | ||
| + | border-color: #28a745; | ||
| + | } | ||
| + | .btn-danger { | ||
| + | color: #fff; | ||
| + | background-color: #dc3545; | ||
| + | border-color: #dc3545; | ||
| + | } | ||
| + | .btn { | ||
| + | display: inline-block; | ||
| + | font-weight: 400; | ||
| + | color: #212529; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | user-select: none; | ||
| + | background-color: transparent; | ||
| + | border: 1px solid transparent; | ||
| + | border-top-color: transparent; | ||
| + | border-right-color: transparent; | ||
| + | border-bottom-color: transparent; | ||
| + | border-left-color: transparent; | ||
| + | padding: .375rem .75rem; | ||
| + | font-size: 1rem; | ||
| + | line-height: 1.5; | ||
| + | border-radius: .25rem; | ||
| + | transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; | ||
| + | } | ||
| + | [type="button"], [type="reset"], [type="submit"], button { | ||
| + | -webkit-appearance: button; | ||
| + | } | ||
| + | button, select { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | button, input { | ||
| + | overflow: visible; | ||
| + | } | ||
| + | button, input, optgroup, select, textarea { | ||
| + | margin: 0; | ||
| + | font-family: inherit; | ||
| + | font-size: inherit; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | button { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | *, ::after, ::before { | ||
| + | box-sizing: border-box; | ||
} | } | ||
Revision as of 09:20, 10 June 2021
/* CSS placed here will be applied to all skins */ body {
background-color: #9fc2d4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} .btn-success:hover {
color: #fff; background-color: #218838; border-color: #1e7e34;
} .btn-danger:hover {
color: #fff; background-color: #c82333; border-color: #bd2130;
} .btn:hover {
color: #212529; text-decoration: none;
} [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
cursor: pointer;
} .btn-success {
color: #fff; background-color: #28a745; border-color: #28a745;
} .btn-danger {
color: #fff; background-color: #dc3545; border-color: #dc3545;
} .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} [type="button"], [type="reset"], [type="submit"], button {
-webkit-appearance: button;
} button, select {
text-transform: none;
} button, input {
overflow: visible;
} button, input, optgroup, select, textarea {
margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;
} button {
border-radius: 0;
}
- , ::after, ::before {
box-sizing: border-box;
}