Utilisateur:Ankhseram/Style.css : Différence entre versions
Ligne 56 : | Ligne 56 : | ||
border-radius: 3px; | border-radius: 3px; | ||
border: 1px #cccccc solid; | border: 1px #cccccc solid; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Ligne 74 : | Ligne 67 : | ||
border-radius: 3px; | border-radius: 3px; | ||
appearance: none; | 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); | ||
} | } | ||
Version du 23 février 2024 à 16:03
svg.svg-icon:hover {
fill: green;
cursor: pointer;
}
svg.svg-icon-delete:hover {
fill: red;
}
#characters-container > *:hover {
outline: 2px lightgreen solid;
}
#characters-container > *:focus {
outline: 2px lightgreen solid;
}
#characters-container > .selected-character {
outline: 2px green 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: 40px;
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 > p {
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 {
max-height: 0;
transition: max-height 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;
}