Utilisateur:Ankhseram/Style.css
< Utilisateur:Ankhseram
Révision datée du 14 mai 2024 à 12:17 par Ankhseram (discussion | contributions)
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
svg.svg-icon:hover {
fill: green;
cursor: pointer;
}
svg.svg-icon-delete:hover {
fill: red;
}
svg.svg-delete-monster {
transform: rotate(45deg);
fill: red;
transition: transform .4s, fill .4s;
}
svg.svg-delete-monster:hover {
fill: red;
}
#characters-container > *:hover {
outline: 1px #bf1ebf dashed;
}
#characters-container > *:focus {
outline: 1px #bf1ebf dashed;
}
#characters-container > .selected-character {
outline: 2px #950b86 solid;
}
#monster-list label {
display: block;
cursor: pointer;
}
#monster-list label:hover {
background: rgba(0, 0, 0, .1);
}
#monster-list input {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 3px;
margin-left: 0;
}
.saved-button .save-bar {
background-color: lightgreen;
}
.unsaved-button .save-bar {
background-color: #ffdd40;
}
.save-animation .save-bar {
animation: save .8s forwards;
}
input,
select {
border-radius: 3px;
border: 1px #cccccc solid;
}
#character-creation input[type='number'] {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 45px;
height: 20px;
border: 1px solid #ccc;
border-radius: 3px;
appearance: none;
}
#character-creation input:focus:not([type='checkbox']),
select:focus {
border: 1px rgb(102, 175, 233) solid;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),
0 0 8px rgba(102, 175, 233, 0.6);
}
#weapon-category label {
position: relative;
padding-left: 0;
}
#weapon-category .cadreFenetre {
position: absolute;
z-index: 100;
pointer-events: none;
width: max-content;
color: black;
top: 0;
left: 50%;
transform: translate(-50%, -100%);
white-space: normal;
opacity: 0;
}
#weapon-category .cadreFenetre {
text-align: center;
margin: 0;
color: white;
text-shadow: #000000 1px 1px, #000000 -1px 1px,
#000000 -1px -1px, #000000 1px -1px;
}
@keyframes save {
0% {
width: 100%;
background-color: #ffdd40;
}
50% {
width: 0;
}
100% {
width: 100%;
background-color: lightgreen;
}
}
.improved-collapsible.custom-js > .mw-collapsible-content {
display: grid;
transition: grid-template-rows 0.2s ease-out;
}
input[type='radio'] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
input[type='radio'] + img {
cursor: pointer;
}
input[type='radio']:hover + img {
background: rgba(0, 0, 0, .05);
outline: 2px solid rgba(0, 0, 0, .2);
}
input[type='radio']:checked + img {
background: rgba(0, 0, 0, .05);
outline: 2px solid green;
}
.tooltip-icon {
position: relative;
height: 24px;
width: 24px;
margin: 0 5px;
cursor: pointer;
}
.tooltip-info {
background-color: #F7EACC;
border: 1px solid black;
border-radius: 8px;
padding: 10px;
}
.drop-zone {
border: 2px dashed #bf1ebf;
}
.drop-zone--dragover,
.drop-zone:hover,
.drop-zone:focus {
border-style: solid;
}
button#add-new-character {
background: #bf1ebf;
}
button#add-new-character:hover,
button#add-new-character:focus {
background: #ae0d9e;
}
button#add-new-character:active {
background: #950b86;
}