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;
}