Buttons.css 2.6 Ko
Télécharger le fichier
.btn-sm {
min-height: 28px;
}
textarea {
resize: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.rounded {
border-radius: 0.5rem;
}
.btn-primary,
.btn-success {
color: #fff;
padding: 0.25rem 0.5rem;
font-size: .7875rem;
font-weight: 700;
border-radius: 0;
border-width: 5px;
border-style: solid;
border-color: transparent;
border-image-source: var(--habbo-skin-shiny-thick-green);
border-image-slice: 5 fill;
border-image-width: 5px;
border-image-repeat: stretch;
background: transparent;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
box-shadow: none !important;
image-rendering: var(--octane-pixel-art, pixelated);
}
.btn-primary:hover,
.btn-success:hover {
border-image-source: var(--habbo-skin-shiny-thick-green-hover);
filter: none;
box-shadow: none !important;
}
.btn-danger{
color: #fff;
padding: 0.25rem 0.5rem;
font-size: .7875rem;
font-weight: 700;
border-radius: 0;
border-width: 5px;
border-style: solid;
border-color: transparent;
border-image-source: var(--habbo-skin-shiny-red);
border-image-slice: 5 fill;
border-image-width: 5px;
border-image-repeat: stretch;
background: transparent;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
box-shadow: none !important;
image-rendering: var(--octane-pixel-art, pixelated);
}
.btn-danger:hover{
border-image-source: var(--habbo-skin-shiny-red-hover);
filter: none;
box-shadow: none !important;
}
.btn-warning{
color: #111111;
border: 3px solid transparent;
border-image-source: var(--habbo-skin-button);
border-image-slice: 3 fill;
border-image-width: 3px;
border-image-repeat: stretch;
background: transparent;
padding: 0.25rem 0.5rem;
font-size: .7875rem;
border-radius: 0;
font-weight: 700;
text-shadow: none;
box-shadow: none !important;
image-rendering: var(--octane-pixel-art, pixelated);
}
.btn-warning:hover{
border-image-source: var(--habbo-skin-button-hover);
filter: none;
box-shadow: none !important;
}
.btn-dark {
color: #fff;
background-color: #212131;
border: 2px solid #1c1c2a;
box-shadow: none!important;
border-radius: 8px;
padding: 4px 11px 4px 11px;
}
.btn-dark:hover{
background-color: #212131;
border: 2px solid #1c1c2a;
box-shadow: none!important;
border-radius: 8px;
padding: 4px 11px 4px 11px;
}
.btn-friendsgen{
background-color: #424354;
border: 2px solid #63647a;
border-radius: 10px;
}
.btn-friendsgensuccess{
background-color: #b69b83;
border: 2px solid #e2c1a3;
border-radius: 10px;
}
