forked from public/foundryvtt-reve-de-dragon
Couleurs du calendrier
De nuit, les boutons noirs sur fond gris sur fond sombre étaient difficiles à voir séparation de class css pour affichage/position du bouton séparation du nombre de minutes/heure à positionner
This commit is contained in:
Vincent Vandemeulebrouck
@ -1058,7 +1058,7 @@ ul, li {
|
||||
position: absolute;
|
||||
display: block;
|
||||
}
|
||||
#calendar{
|
||||
.calendar{
|
||||
min-width: 150px;
|
||||
grid-row: 1;
|
||||
grid-column: 1;
|
||||
@ -1072,7 +1072,7 @@ ul, li {
|
||||
font-family: "GoudyAcc";
|
||||
z-index: 100;
|
||||
}
|
||||
#calendar-hdr{
|
||||
.calendar-hdr{
|
||||
display: grid;
|
||||
font-size: 1rem;
|
||||
margin: 3px;
|
||||
@ -1091,7 +1091,7 @@ ul, li {
|
||||
font-size: 1.10rem;
|
||||
opacity: 90;
|
||||
}
|
||||
#calendar--move-handle {
|
||||
#calendar-move-handle {
|
||||
font-family: "GoudyAcc";
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
@ -1101,7 +1101,7 @@ ul, li {
|
||||
border: none;
|
||||
flex: 1;
|
||||
}
|
||||
#calendar-date{
|
||||
.calendar-date{
|
||||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
float: left;
|
||||
@ -1112,11 +1112,11 @@ ul, li {
|
||||
color: #CCC;
|
||||
cursor: pointer;
|
||||
}
|
||||
#calendar-date,
|
||||
#calendar-date-num {
|
||||
.calendar-date,
|
||||
.calendar-date-num {
|
||||
transition: 0.2s;
|
||||
}
|
||||
#calendar-date-num {
|
||||
.calendar-date-num {
|
||||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
float: left;
|
||||
@ -1128,18 +1128,18 @@ ul, li {
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
#calendar-heure-img{
|
||||
.calendar-heure-img{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
flex-grow: 0;
|
||||
border-width: 0;
|
||||
opacity: 90;
|
||||
color: #CCC;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
#calendar-hdr:hover #calendar-date {
|
||||
.calendar-hdr:hover .calendar-date {
|
||||
opacity: 0;
|
||||
}
|
||||
#calendar-hdr:hover #calendar-date-num{
|
||||
.calendar-hdr:hover .calendar-date-num{
|
||||
opacity: 1;
|
||||
}
|
||||
.calendar-container{
|
||||
@ -1161,132 +1161,86 @@ ul, li {
|
||||
margin: 2px;
|
||||
grid-row-gap: 3px;
|
||||
}
|
||||
#astrologie-btn-edit,
|
||||
#calendar-btn-edit{
|
||||
.astrologie-btn-edit,
|
||||
.calendar-btn-edit{
|
||||
grid-row: 1;
|
||||
grid-column: 1;
|
||||
margin: auto;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#astrologie-btn-edit:hover,
|
||||
#calendar-btn-edit:hover {
|
||||
.astrologie-btn-edit:hover,
|
||||
.calendar-btn-edit:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
#calendar-btn-1min{
|
||||
.calendar-btn{
|
||||
margin: auto;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.calendar-btn:hover {
|
||||
color: rgba(255, 255, 128, 0.7);
|
||||
border: 1px solid rgba(255, 128, 0, 0.8);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.calendar-1min{
|
||||
grid-row: 1;
|
||||
grid-column: 1;
|
||||
margin: auto;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
#calendar-btn-5min{
|
||||
.calendar-5min{
|
||||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
margin: auto;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
#calendar-btn-10min{
|
||||
.calendar-10min{
|
||||
grid-row: 2;
|
||||
grid-column: 1;
|
||||
margin-left: 10px;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
#calendar-btn-20min{
|
||||
.calendar-20min{
|
||||
grid-row: 2;
|
||||
grid-column: 2;
|
||||
margin-left: 10px;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
#calendar-btn-lyre{
|
||||
.calendar-lyre{
|
||||
grid-row: 1;
|
||||
grid-column: 1;
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
#calendar-btn-vaisseau{
|
||||
.calendar-vaisseau{
|
||||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
#calendar-btn-30min{
|
||||
.calendar-30min{
|
||||
grid-row: 2;
|
||||
grid-column: 1;
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
#calendar-btn-1heure{
|
||||
.calendar-1heure{
|
||||
grid-row: 2;
|
||||
grid-column: 2;
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
#calendar-btn-container-left:hover{
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
#calendar-btn-1min:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-5min:hover {
|
||||
.calendar-btn-container-left:hover{
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-10min:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-20min:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-30min:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-1heure:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-vaisseau:hover {
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#calendar-btn-lyre:hover{
|
||||
color: #FFF;
|
||||
border: 0px solid #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.calendar-weekday-time{
|
||||
display: grid;
|
||||
float: left;
|
||||
@ -1296,7 +1250,7 @@ ul, li {
|
||||
margin: auto;
|
||||
color: #CCC;
|
||||
}
|
||||
#calendar-weekday{
|
||||
.calendar-weekday{
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user