forked from public/foundryvtt-reve-de-dragon
Fix style sidebar
Perdu depuis la v13 (ou avant)
This commit is contained in:
@@ -7,10 +7,6 @@
|
||||
@import "item/munition.less";
|
||||
@import "item/tarot.less";
|
||||
|
||||
// body {
|
||||
// --input-height: 1.4rem;
|
||||
// }
|
||||
|
||||
.window-header{
|
||||
background: rgba(0,0,0,0.75);
|
||||
}
|
||||
@@ -78,10 +74,16 @@
|
||||
.sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
|
||||
.sheet-header .header-etats div div{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
.sheet-header div.header-etats {
|
||||
width: calc(40% - 32px - 1rem);
|
||||
height: 48px;
|
||||
max-width: fit-content;
|
||||
flex: initial;
|
||||
flex-grow: 3;
|
||||
div div{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.sheet-header :is(.profile-img, .profile-img-token) {
|
||||
@@ -121,13 +123,6 @@
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.sheet-header div.header-etats {
|
||||
width: calc(40% - 32px - 1rem);
|
||||
height: 48px;
|
||||
max-width: fit-content;
|
||||
flex: initial;
|
||||
}
|
||||
|
||||
.sheet-header .resource-content {
|
||||
width: 2rem;
|
||||
}
|
||||
@@ -579,51 +574,55 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.rdd.sheet .window-content {overflow: hidden;}
|
||||
.rdd.sheet .window-content .sheet-body {overflow-y: scroll;}
|
||||
.rdd.sheet .window-content .sheet-body .tab {padding-bottom: 30px;}
|
||||
.rdd.sheet .window-content .sheet-body .competence-list {width: 100%;}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list {
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: stretch;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique.streched {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: stretch;
|
||||
flex-basis: 7.5em;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.carac-label {
|
||||
font-weight: bold;
|
||||
flex-basis: 40%;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique > .utiliser-attribut {
|
||||
flex-basis: available;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .carac-value {
|
||||
flex-basis: 15%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .carac-xp {
|
||||
flex-basis: 13%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .derivee-label {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .derivee-value {
|
||||
flex-grow: 0;
|
||||
flex-basis: 15%;
|
||||
margin-right: 0.2rem;
|
||||
margin-left: 0.2rem;
|
||||
.rdd.sheet {
|
||||
.window-content {
|
||||
overflow: hidden;
|
||||
.sheet-body {
|
||||
overflow-y: scroll;
|
||||
.tab {padding-bottom: 30px;}
|
||||
.competence-list {width: 100%;}
|
||||
.carac-list {
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
|
||||
.caracteristique.streched {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: stretch;
|
||||
flex-basis: 7.5em;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.caracteristique {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: stretch;
|
||||
|
||||
.carac-value {
|
||||
flex-basis: 15%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.carac-xp {
|
||||
flex-basis: 13%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.derivee-label {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.derivee-value {
|
||||
flex-grow: 0;
|
||||
flex-basis: 15%;
|
||||
margin-right: 0.2rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flex-grow-1 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
@@ -834,26 +833,27 @@
|
||||
}
|
||||
|
||||
.poesie-extrait {
|
||||
max-height: 12rem;
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
color: rgba(82, 17, 131, 0.9);
|
||||
overflow: hidden;
|
||||
}
|
||||
.poesie-reference{
|
||||
.poesie-extrait:hover {
|
||||
max-height: unset;
|
||||
overflow: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.poesie-extrait.poesie-overflow {
|
||||
max-height: 2rem;
|
||||
}
|
||||
|
||||
.poesie-reference {
|
||||
font-size: 0.7rem;
|
||||
text-align: right;
|
||||
}
|
||||
.poesie-overflow {
|
||||
color: rgba(82, 17, 131, 0.9);
|
||||
max-height: 1.5rem;
|
||||
overflow: hidden;
|
||||
border-left: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
.poesie-overflow:hover {
|
||||
max-height: unset;
|
||||
overflow: visible;
|
||||
border-left: 0px
|
||||
}
|
||||
|
||||
.type-compendium{
|
||||
.type-compendium {
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
@@ -922,27 +922,26 @@
|
||||
color: var(--color-text-dark-primary);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.app-calendar-astrologie div.theme-astral{
|
||||
width: 14rem;
|
||||
margin: 0.4rem;
|
||||
}
|
||||
|
||||
.app-calendar-astrologie div.horloge-roue {
|
||||
position: relative;
|
||||
left: calc(50% - 6.5rem);
|
||||
width: 13rem;
|
||||
height: 13rem;
|
||||
}
|
||||
|
||||
.app-calendar-astrologie div.horloge-roue div.horloge-heure {
|
||||
position: absolute;
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
}
|
||||
|
||||
.app-calendar-astrologie div.horloge-roue div.horloge-heure img.horloge-heure-img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
.app-calendar-astrologie{
|
||||
div.theme-astral{
|
||||
width: 14rem;
|
||||
margin: 0.4rem;
|
||||
}
|
||||
div.horloge-roue {
|
||||
position: relative;
|
||||
left: calc(50% - 6.5rem);
|
||||
width: 13rem;
|
||||
height: 13rem;
|
||||
div.horloge-heure {
|
||||
position: absolute;
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
img.horloge-heure-img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.window-app .window-content, .window-app.sheet .window-content .sheet-body{
|
||||
@@ -1476,27 +1475,29 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.chat-message h4 {
|
||||
font-size: 0.9rem;
|
||||
.chat-message {
|
||||
background: var(--color-background-chat-message);
|
||||
|
||||
h4 {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.message-content {
|
||||
text-align: justify;
|
||||
}
|
||||
header.message-header .heure-rdd {
|
||||
font-size: 0.7rem;
|
||||
flex-grow: 3;
|
||||
}
|
||||
hr {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
|
||||
}
|
||||
.chat-message .message-content {
|
||||
text-align: justify;
|
||||
}
|
||||
.chat-message header.message-header .heure-rdd {
|
||||
font-size: 0.7rem;
|
||||
flex-grow: 3;
|
||||
}
|
||||
|
||||
.chat-message.whisper {
|
||||
background: rgba(220,220,210,0.75);
|
||||
background: var(--color-background-chat-whisper);
|
||||
border: 2px solid #545469;
|
||||
}
|
||||
|
||||
.chat-message hr {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
|
||||
.chat-icon {
|
||||
border: 0;
|
||||
padding: 2px 6px 2px 2px;
|
||||
@@ -1520,49 +1521,49 @@
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#sidebar-tabs {
|
||||
flex: 0 0 28px;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 3px;
|
||||
border-bottom: 1px solid rgba(0,0,0,0);
|
||||
box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
|
||||
#sidebar-tabs menu {
|
||||
button:is(
|
||||
[data-tab="chat"],
|
||||
[data-tab="combat"],
|
||||
[data-tab="scenes"],
|
||||
[data-tab="actors"],
|
||||
[data-tab="items"],
|
||||
[data-tab="journal"],
|
||||
[data-tab="cards"],
|
||||
[data-tab="macros"],
|
||||
[data-tab="tables"],
|
||||
[data-tab="playlists"],
|
||||
[data-tab="compendium"],
|
||||
[data-tab="settings"]
|
||||
)::before{ content: none; }
|
||||
|
||||
button {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
button[aria-pressed="false"] {
|
||||
background-color: hsla(30, 37%, 50%, 0.5);
|
||||
}
|
||||
button[aria-pressed="true"] {
|
||||
border: 1px solid hsla(15, 80%, 30%, 1);
|
||||
background-color: hsla(30, 100%, 90%, 0.6);
|
||||
box-shadow: 0 0 3px inset hsla(15, 80%, 30%, 1);
|
||||
}
|
||||
button[data-tab="chat"] { background-image: url("../assets/ui/icon_sidebar_chat.svg"); }
|
||||
button[data-tab="combat"] { background-image: url("../assets/ui/icon_sidebar_fight.svg"); }
|
||||
button[data-tab="scenes"] { background-image: url("../assets/ui/icon_sidebar_scene.svg"); }
|
||||
button[data-tab="actors"] { background-image: url("../assets/ui/icon_sidebar_actor.svg"); }
|
||||
button[data-tab="items"] { background-image: url("../assets/ui/icon_sidebar_item.svg"); }
|
||||
button[data-tab="journal"] { background-image: url("../assets/ui/icon_sidebar_journal.svg"); }
|
||||
button[data-tab="cards"] { background-image: url("../assets/ui/icon_sidebar_cards.svg"); }
|
||||
button[data-tab="macros"] { background-image: url("../assets/ui/icon_sidebar_macros.svg"); }
|
||||
button[data-tab="tables"] { background-image: url("../assets/ui/d100.svg"); }
|
||||
button[data-tab="playlists"] { background-image: url("../assets/ui/icon_sidebar_music.svg"); }
|
||||
button[data-tab="compendium"] { background-image: url("../assets/ui/icon_sidebar_compendium.svg"); }
|
||||
button[data-tab="settings"] { background-image: url("../assets/ui/icon_sidebar_settings.svg"); }
|
||||
}
|
||||
|
||||
#sidebar-tabs > .item.active {
|
||||
border: 1px solid rgba(114,98,72,1);
|
||||
background: rgba(30, 25, 20, 0.75);
|
||||
box-shadow: 0 0 6px inset rgba(114,98,72,1);
|
||||
}
|
||||
|
||||
#sidebar #sidebar-tabs i{
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
display: inline-block;
|
||||
background-position:center;
|
||||
background-size:cover;
|
||||
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
|
||||
|
||||
}
|
||||
|
||||
#sidebar #sidebar-tabs i:is(
|
||||
.fa-comments, .fa-fist-raised, .fa-swords,
|
||||
.fa-users, .fa-user, .fa-map, .fa-suitcase,
|
||||
.fa-book-open, .fa-th-list, .fa-music,
|
||||
.fa-atlas,.fa-cogs
|
||||
):before {content: "";}
|
||||
#sidebar #sidebar-tabs i.fa-comments {background: url("../assets/ui/icon_sidebar_chat.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-fist-raised {background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-swords {background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-user {background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-users {background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-map {background: url("../assets/ui/icon_sidebar_scene.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-suitcase {background: url("../assets/ui/icon_sidebar_item.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-book-open {background: url("../assets/ui/icon_sidebar_journal.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-th-list {background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-music {background: url("../assets/ui/icon_sidebar_music.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-atlas {background: url("../assets/ui/icon_sidebar_compendium.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-cogs {background: url("../assets/ui/icon_sidebar_settings.svg") no-repeat;}
|
||||
|
||||
|
||||
|
||||
// #sidebar #sidebar-tabs i.fa-th-list {background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat;}
|
||||
#combat #combat-controls {
|
||||
box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
|
||||
}
|
||||
@@ -1647,63 +1648,6 @@
|
||||
border-image-outset: 0px;
|
||||
}
|
||||
|
||||
|
||||
.window-app.calendar {
|
||||
display: inline-block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
pointer-events: none;
|
||||
max-height: fit-content;
|
||||
}
|
||||
|
||||
.window-app.calendar header.window-header {
|
||||
min-width: fit-content;
|
||||
height: 1.4rem;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.window-app.calendar .window-content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 100;
|
||||
flex-direction: column;
|
||||
min-width: 250px;
|
||||
height: fit-content;
|
||||
background: hsla(0, 0%, 0%, 0.0);
|
||||
font-family: "GoudyAcc";
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.window-app.calendar .window-content div:is(.calendar-boutons-heure, .horloge-digitale) {
|
||||
pointer-events: all;
|
||||
}
|
||||
.window-app.calendar .window-content div.horloge-analogique {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.window-app.calendar .window-content div.horloge-analogique div.horloge-roue {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.window-app.calendar div.horloge-roue {
|
||||
position: relative;
|
||||
margin-bottom: 7px;
|
||||
left: 0;
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.window-app.calendar div.horloge-roue div.horloge-heure {
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
}
|
||||
.window-app.calendar div.horloge-roue div.horloge-heure img.horloge-heure-img {
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
}
|
||||
|
||||
div.horloge-roue div {
|
||||
position: absolute;
|
||||
border: none;
|
||||
@@ -1748,74 +1692,130 @@
|
||||
div.horloge-roue div img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
.calendar {
|
||||
|
||||
display: inline-block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
pointer-events: none;
|
||||
max-height: fit-content;
|
||||
|
||||
header.window-header {
|
||||
min-width: fit-content;
|
||||
height: 1.4rem;
|
||||
pointer-events: all;
|
||||
h4 {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
.window-content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 100;
|
||||
flex-direction: column;
|
||||
min-width: 250px;
|
||||
height: fit-content;
|
||||
background: hsla(0, 0%, 0%, 0.0);
|
||||
font-family: "GoudyAcc";
|
||||
pointer-events: none;
|
||||
div.calendar-boutons-heure {
|
||||
display: grid;
|
||||
background: hsla(0, 0%, 20%, 1);
|
||||
color: hsla(0, 0%, 80%, 0.8);
|
||||
pointer-events: all;
|
||||
}
|
||||
div.horloge-digitale {
|
||||
pointer-events: all;
|
||||
}
|
||||
div.horloge-analogique {
|
||||
pointer-events: none;
|
||||
}
|
||||
div.horloge-analogique div.horloge-roue {
|
||||
pointer-events: all;
|
||||
}
|
||||
}
|
||||
|
||||
div.horloge-roue {
|
||||
position: relative;
|
||||
margin-bottom: 7px;
|
||||
left: 0;
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
div.horloge-heure {
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
img.horloge-heure-img {
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.window-app.calendar div.horloge-heure.heure-01 { top: calc(50% - 0.7rem + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); }
|
||||
.window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); }
|
||||
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-04 { top: calc(50% - 1rem + sin(-90deg) *41%); left: calc(50% - 1rem + cos(-90deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-05 { top: calc(50% - 1rem + sin(-60deg) *41%); left: calc(50% - 1rem + cos(-60deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-06 { top: calc(50% - 1rem + sin(-30deg) *41%); left: calc(50% - 1rem + cos(-30deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-07 { top: calc(50% - 1rem + sin(-0deg) *41%); left: calc(50% - 1rem + cos(-0deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-08 { top: calc(50% - 1rem + sin(30deg) *41%); left: calc(50% - 1rem + cos(30deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-09 { top: calc(50% - 1rem + sin(60deg) *41%); left: calc(50% - 1rem + cos(60deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); }
|
||||
.window-app.calendar-astrologie div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); }
|
||||
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-04 { top: calc(50% - 0.4rem + sin(-90deg) * 28%); left: calc(50% - 0.4rem + cos(-90deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-05 { top: calc(50% - 0.4rem + sin(-60deg) * 28%); left: calc(50% - 0.4rem + cos(-60deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-06 { top: calc(50% - 0.4rem + sin(-30deg) * 28%); left: calc(50% - 0.4rem + cos(-30deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-07 { top: calc(50% - 0.4rem + sin(0deg) * 28%); left: calc(50% - 0.4rem + cos(0deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-08 { top: calc(50% - 0.4rem + sin(30deg) * 28%); left: calc(50% - 0.4rem + cos(30deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-09 { top: calc(50% - 0.4rem + sin(60deg) * 28%); left: calc(50% - 0.4rem + cos(60deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); }
|
||||
.window-app.calendar-astrologie div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 28%); }
|
||||
|
||||
.window-app.calendar header.window-header h4 {
|
||||
font-size: 0.8rem;
|
||||
div.horloge-heure.heure-01 { top: calc(50% - 0.7rem + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); }
|
||||
div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); }
|
||||
div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); }
|
||||
div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); }
|
||||
div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); }
|
||||
div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); }
|
||||
div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); }
|
||||
div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); }
|
||||
div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); }
|
||||
div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); }
|
||||
div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); }
|
||||
div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); }
|
||||
}
|
||||
|
||||
.window-app.calendar section.window-content div.calendar-boutons-heure {
|
||||
display: grid;
|
||||
background: hsla(0, 0%, 20%, 1);
|
||||
color: hsla(0, 0%, 80%, 0.8);
|
||||
.calendar-astrologie {
|
||||
div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); }
|
||||
div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); }
|
||||
div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); }
|
||||
div.horloge-heure.heure-04 { top: calc(50% - 1rem + sin(-90deg) *41%); left: calc(50% - 1rem + cos(-90deg) *41%); }
|
||||
div.horloge-heure.heure-05 { top: calc(50% - 1rem + sin(-60deg) *41%); left: calc(50% - 1rem + cos(-60deg) *41%); }
|
||||
div.horloge-heure.heure-06 { top: calc(50% - 1rem + sin(-30deg) *41%); left: calc(50% - 1rem + cos(-30deg) *41%); }
|
||||
div.horloge-heure.heure-07 { top: calc(50% - 1rem + sin(-0deg) *41%); left: calc(50% - 1rem + cos(-0deg) *41%); }
|
||||
div.horloge-heure.heure-08 { top: calc(50% - 1rem + sin(30deg) *41%); left: calc(50% - 1rem + cos(30deg) *41%); }
|
||||
div.horloge-heure.heure-09 { top: calc(50% - 1rem + sin(60deg) *41%); left: calc(50% - 1rem + cos(60deg) *41%); }
|
||||
div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); }
|
||||
div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); }
|
||||
div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); }
|
||||
|
||||
div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); }
|
||||
div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); }
|
||||
div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); }
|
||||
div.horloge-ajustement.heure-04 { top: calc(50% - 0.4rem + sin(-90deg) * 28%); left: calc(50% - 0.4rem + cos(-90deg) * 28%); }
|
||||
div.horloge-ajustement.heure-05 { top: calc(50% - 0.4rem + sin(-60deg) * 28%); left: calc(50% - 0.4rem + cos(-60deg) * 28%); }
|
||||
div.horloge-ajustement.heure-06 { top: calc(50% - 0.4rem + sin(-30deg) * 28%); left: calc(50% - 0.4rem + cos(-30deg) * 28%); }
|
||||
div.horloge-ajustement.heure-07 { top: calc(50% - 0.4rem + sin(0deg) * 28%); left: calc(50% - 0.4rem + cos(0deg) * 28%); }
|
||||
div.horloge-ajustement.heure-08 { top: calc(50% - 0.4rem + sin(30deg) * 28%); left: calc(50% - 0.4rem + cos(30deg) * 28%); }
|
||||
div.horloge-ajustement.heure-09 { top: calc(50% - 0.4rem + sin(60deg) * 28%); left: calc(50% - 0.4rem + cos(60deg) * 28%); }
|
||||
div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); }
|
||||
div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); }
|
||||
div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 28%); }
|
||||
}
|
||||
|
||||
.calendar-boutons-heure {
|
||||
.calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img {
|
||||
color: hsla(0, 0%, 100%, 0.5);
|
||||
border: none;
|
||||
vertical-align: bottom;
|
||||
max-width: 1.2em;
|
||||
max-height: 1.2em;
|
||||
margin: 1px;
|
||||
}
|
||||
i {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--color-controls-hover);
|
||||
border: 1px solid var(--color-control-border-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-boutons-heure .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img {
|
||||
color: hsla(0, 0%, 100%, 0.5);
|
||||
border: none;
|
||||
vertical-align: bottom;
|
||||
max-width: 1.2em;
|
||||
max-height: 1.2em;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.calendar-boutons-heure i {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
.calendar-boutons-heure a:hover {
|
||||
color: var(--color-controls-hover);
|
||||
border: 1px solid var(--color-control-border-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.calendar-1min { grid-column: 1/1; }
|
||||
.calendar-5min { grid-column: 2/2; }
|
||||
@@ -1843,21 +1843,19 @@
|
||||
background: hsla(0, 0%, 20%, 1);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) {
|
||||
font-size: 1rem;
|
||||
pointer-events: all;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.horloge-digitale a {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
div.horloge-digitale a:hover {
|
||||
color: var(--color-controls-hover);
|
||||
border: 1px solid var(--color-control-border-hover);
|
||||
cursor: pointer;
|
||||
:is(.calendar-heure-texte,.calendar-minute-texte) {
|
||||
font-size: 1rem;
|
||||
pointer-events: all;
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--color-controls-hover);
|
||||
border: 1px solid var(--color-control-border-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
div.calendar-timestamp-edit select.calendar-signe-heure {
|
||||
|
||||
Reference in New Issue
Block a user