Difference between revisions of "Common.css"

From LIFS LipidXplorer Wiki
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 10: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;

}