2020-11-17 03:00:10 +01:00
/* ==================== (A) Fonts ==================== */
2020-05-24 20:19:57 +02:00
@ font-face {
font-family : "GoudyAcc" ;
2020-11-17 03:00:10 +01:00
src : url ( '../fonts/goudyacc.ttf' ) format ( "truetype" ) ;
}
@ font-face {
font-family : "MedievalSharp" ;
src : url ( '../fonts/MedievalSharp.ttf' ) format ( "truetype" ) ;
}
@ font-face {
2020-11-20 16:53:16 +01:00
font-family : "GrenzeGotisch" ;
2020-11-17 03:00:10 +01:00
src : url ( '../fonts/GrenzeGotisch-Regular.ttf' ) format ( "truetype" ) ;
}
@ font-face {
2020-11-20 16:53:16 +01:00
font-family : "Fondamento" ;
src : url ( '../fonts/Fondamento.ttf' ) format ( "truetype" ) ;
2020-05-24 20:19:57 +02:00
}
2020-11-21 14:30:00 +01:00
@ font-face {
font-family : "CaslonAntique" ;
src : url ( '../fonts/CaslonAntique.ttf' ) format ( "truetype" ) ;
}
2020-12-08 21:41:00 +01:00
@ font-face {
2021-05-01 15:53:26 +02:00
font-family : 'HeuresDraconiques' ;
src :
url ( '../fonts/heuresdraconiques2.woff' ) format ( 'woff' ) ,
url ( '../fonts/heuresdraconiques2.woff2' ) format ( 'woff2' ) ,
url ( '../fonts/heuresdraconiques2.ttf' ) format ( 'truetype' ) ;
font-weight : normal ;
font-style : normal ;
}
2021-11-23 02:07:02 +01:00
: root {
/* =================== 1. ACTOR SHEET FONT STYLES =========== */
--window-header-title-font-family : CaslonAntique ;
--window-header-title-font-size : 1 . 5rem ;
--window-header-title-font-weight : normal ;
--window-header-title-color : # f5f5f5 ;
--major-button-font-family : CaslonAntique ;
--major-button-font-size : 1 . 25rem ;
--major-button-font-weight : normal ;
--major-button-color : # dadada ;
--tab-header-font-family : CaslonAntique ;
--tab-header-font-size : 1 . 2rem ;
--tab-header-font-weight : 700 ;
--tab-header-color : # 403f3e ;
--tab-header-color-active : # 4a0404 ;
--actor-input-font-family : CaslonAntique ;
--actor-input-font-size : 1 . 2rem ;
--actor-input-font-weight : 500 ;
--actor-input-color : black ;
--actor-label-font-family : CaslonAntique ;
--actor-label-font-size : 1 . 2rem ;
--actor-label-font-weight : 700 ;
--actor-label-color : # 464331c4 ;
/* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
--debug-background-color-red : # ff000054 ;
--debug-background-color-blue : # 1d00ff54 ;
--debug-background-color-green : # 54ff0054 ;
--debug-box-shadow-red : inset 0 0 2px red ;
--debug-box-shadow-blue : inset 0 0 2px blue ;
--debug-box-shadow-green : inset 0 0 2px green ;
2022-08-27 22:58:26 +02:00
/* =================== 3. some constants ============ */
--color-controls : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
--color-controls-hover : rgba ( 255 , 255 , 128 , 0 . 7 ) ;
--color-control-border-hover : rgba ( 255 , 128 , 0 , 0 . 8 ) ;
--color-gold : rgba ( 191 , 149 , 63 , 0 . 8 ) ;
2021-11-23 02:07:02 +01:00
--gradient-gold : linear-gradient ( 30deg , rgba ( 191 , 149 , 63 , 0 . 3 ) , rgba ( 252 , 246 , 186 , 0 . 3 ) , rgba ( 179 , 135 , 40 , 0 . 3 ) , rgba ( 251 , 245 , 183 , 0 . 3 ) , rgba ( 170 , 119 , 28 , 0 . 3 ) ) ;
--gradient-silver : linear-gradient ( 30deg , rgba ( 61 , 55 , 93 , 0 . 3 ) , rgba ( 178 , 179 , 196 , 0 . 3 ) , rgba ( 59 , 62 , 63 , 0 . 6 ) , rgba ( 206 , 204 , 199 , 0 . 3 ) , rgba ( 61 , 46 , 49 , 0 . 3 ) ) ;
--gradient-green : linear-gradient ( 30deg , rgba ( 7 , 76 , 0 , 0 . 3 ) , rgba ( 66 , 163 , 65 , 0 . 2 ) , rgba ( 184 , 226 , 163 , 0 . 1 ) , rgba ( 66 , 163 , 65 , 0 . 2 ) , rgba ( 184 , 226 , 163 , 0 . 3 ) ) ;
--gradient-red : linear-gradient ( 150deg , rgba ( 255 , 0 , 0 , 0 . 3 ) , rgba ( 255 , 200 , 128 , 0 . 05 ) , rgba ( 255 , 200 , 128 , 0 . 1 ) , rgba ( 255 , 10 , 0 , 0 . 3 ) ) ;
--gradient-violet : linear-gradient ( 150deg , rgba ( 100 , 45 , 124 , 0 . 6 ) , rgba ( 216 , 157 , 192 , 0 . 3 ) , rgba ( 177 , 157 , 216 , 0 . 5 ) , rgba ( 107 , 62 , 121 , 0 . 3 ) , rgba ( 100 , 45 , 124 , 0 . 6 ) ) ;
--gradient-purple-black : linear-gradient ( 150deg , rgba ( 0 , 0 , 0 , 0 . 7 ) , rgba ( 100 , 45 , 124 , 0 . 4 ) , rgba ( 82 , 17 , 131 , 0 . 3 ) , rgba ( 100 , 45 , 124 , 0 . 4 ) , rgba ( 0 , 0 , 0 , 0 . 7 ) ) ;
--gradient-silver-light : linear-gradient ( 30deg , rgba ( 61 , 55 , 93 , 0 . 2 ) , rgba ( 178 , 179 , 196 , 0 . 1 ) , rgba ( 59 , 62 , 63 , 0 . 2 ) , rgba ( 206 , 204 , 199 , 0 . 1 ) , rgba ( 61 , 46 , 49 , 0 . 2 ) ) ;
2022-11-05 18:06:30 +01:00
--background-custom-button : linear-gradient ( to bottom , rgba ( 33 , 55 , 74 , 0 . 988 ) 5 % , rgba ( 21 , 40 , 51 , 0 . 671 ) 100 % ) ;
--background-custom-button-hover : linear-gradient ( to bottom , rgb ( 128 , 0 , 0 ) 5 % , rgb ( 62 , 1 , 1 ) 100 % ) ;
--background-tooltip : rgba ( 220 , 220 , 210 , 0 . 95 ) ;
2021-11-23 02:07:02 +01:00
}
2020-05-24 20:19:57 +02:00
/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
2020-11-20 16:53:16 +01:00
/* Global styles & Font */
2020-05-24 20:19:57 +02:00
. window-app {
2020-11-21 14:30:00 +01:00
font-family : CaslonAntique ;
2020-11-07 23:31:18 +01:00
text-align : justify ;
2020-11-26 23:33:05 +01:00
font-size : 16px ;
2020-11-17 03:00:10 +01:00
letter-spacing : 1px ;
}
2020-11-20 16:53:16 +01:00
/* Fonts */
2020-11-26 23:33:05 +01:00
. sheet header . sheet-header h1 input , . window-app . window-header , # actors . directory-list , # navigation # scene-list . scene . nav-item { font-family : "GoudyAcc" } /* For title, sidebar character and scene */
2021-11-23 02:07:42 +01:00
. sheet nav . sheet-tabs {
font-family : "CaslonAntique" ;
} /* For nav and title */
2022-10-05 19:29:16 +02:00
. window-app input , . foundryvtt-reve-de-dragon . item-form , . sheet header . sheet-header . flex-compteurs , . sheet header . sheet-header . flex-group-center . flex-fatigue , select , button , . item-checkbox , # sidebar , # players , # navigation # nav-toggle {
2020-11-26 23:33:05 +01:00
font-family : "CaslonAntique" ; /* For sheet parts */
2020-11-20 16:53:16 +01:00
}
2020-11-17 03:00:10 +01:00
. window-header {
2020-11-20 16:53:16 +01:00
background : rgba ( 0 , 0 , 0 , 0 . 75 ) ;
2020-11-17 03:00:10 +01:00
}
. window-app . sheet . window-content {
margin : 0 ;
padding : 0 ;
}
2020-12-31 02:08:58 +01:00
. strong-text {
font-weight : bold ;
}
2022-08-27 22:58:26 +02:00
i : is ( . fas , . far ) {
font-size : smaller ;
}
2020-11-17 03:00:10 +01:00
2020-11-26 23:33:05 +01:00
. tabs . item . active , . blessures-list li ul li : first-child : hover , a : hover {
2020-11-17 03:00:10 +01:00
text-shadow : 1px 0px 0px # ff6600 ;
2020-05-21 21:48:20 +02:00
}
2020-05-24 20:19:57 +02:00
. rollable : hover , . rollable : focus {
color : # 000 ;
text-shadow : 0 0 10px red ;
cursor : pointer ;
}
2020-11-20 16:53:16 +01:00
table { border : 1 px solid #7a7971 ; }
2020-11-26 23:33:05 +01:00
. grid , . grid-2col {
2020-05-24 20:19:57 +02:00
display : grid ;
grid-column : span 2 / span 2 ;
grid-template-columns : repeat ( 2 , minmax ( 0 , 1fr ) ) ;
gap : 10px ;
margin : 10px 0 ;
padding : 0 ;
}
. grid-3col {
grid-column : span 3 / span 3 ;
grid-template-columns : repeat ( 3 , minmax ( 0 , 1fr ) ) ;
}
. grid-4col {
grid-column : span 4 / span 4 ;
grid-template-columns : repeat ( 4 , minmax ( 0 , 1fr ) ) ;
}
. grid-5col {
grid-column : span 5 / span 5 ;
grid-template-columns : repeat ( 5 , minmax ( 0 , 1fr ) ) ;
}
. grid-6col {
grid-column : span 5 / span 5 ;
grid-template-columns : repeat ( 5 , minmax ( 0 , 1fr ) ) ;
}
. grid-7col {
grid-column : span 7 / span 7 ;
grid-template-columns : repeat ( 7 , minmax ( 0 , 1fr ) ) ;
}
. grid-8col {
grid-column : span 8 / span 8 ;
grid-template-columns : repeat ( 8 , minmax ( 0 , 1fr ) ) ;
}
. grid-9col {
grid-column : span 9 / span 9 ;
grid-template-columns : repeat ( 9 , minmax ( 0 , 1fr ) ) ;
}
. grid-10col {
grid-column : span 10 / span 10 ;
grid-template-columns : repeat ( 10 , minmax ( 0 , 1fr ) ) ;
}
. grid-11col {
grid-column : span 11 / span 11 ;
grid-template-columns : repeat ( 11 , minmax ( 0 , 1fr ) ) ;
}
. grid-12col {
grid-column : span 12 / span 12 ;
grid-template-columns : repeat ( 12 , minmax ( 0 , 1fr ) ) ;
}
. flex-group-center ,
. flex-group-left ,
. flex-group-right {
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
text-align : center ;
2020-05-21 21:48:20 +02:00
padding : 5px ;
2020-05-24 20:19:57 +02:00
}
. flex-group-left {
-webkit-box-pack : start ;
-ms-flex-pack : start ;
justify-content : flex-start ;
text-align : left ;
}
. flex-group-right {
-webkit-box-pack : end ;
-ms-flex-pack : end ;
justify-content : flex-end ;
text-align : right ;
2020-05-21 21:48:20 +02:00
}
2020-05-24 20:19:57 +02:00
. flex-center {
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
text-align : center ;
}
. flex-between {
-webkit-box-pack : justify ;
-ms-flex-pack : justify ;
justify-content : space-between ;
}
2021-01-01 03:25:48 +01:00
. flex-shrink {
flex : 'flex-shrink' ;
}
2022-11-01 00:48:46 +01:00
: is ( . flex-grow , . flex-grow-3 ) {
2021-04-06 23:36:35 +02:00
flex-grow : 3 ;
}
2022-11-01 00:48:46 +01:00
. flex-grow-2 {
flex-grow : 2 ;
}
2020-05-24 20:19:57 +02:00
/* Styles limited to foundryvtt-reve-de-dragon sheets */
2022-08-27 16:23:22 +02:00
. equipement-nom {
flex-grow : 4 ;
margin : 0 ;
justify-content : center ;
text-align : left ;
}
. equipement-detail {
margin : 0 ;
flex : 'flex-shrink' ;
align-items : center ;
justify-content : center ;
text-align : center ;
}
. equipement-actions {
margin : 0 ;
flex-grow : 2 ;
align-items : center ;
justify-content : center ;
text-align : left ;
}
2022-09-26 02:23:07 +02:00
. blessure-control {
flex-grow : 1 ;
flex-direction : row ;
}
. blessure-soins {
flex-direction : row ;
align-content : flex-start ;
justify-content : flex-start ;
margin-right : 2px ;
margin-left : 2px ;
padding : 2px ;
}
input : is ( . blessure-psdone , . blessure-scdone ) {
width : 20px ;
}
input : is ( . blessure-premiers_soins , . blessure-soins_complets ) {
width : calc ( 100 % - 25px ) ;
}
. blessure-jours {
flex-direction : row ;
align-content : flex-start ;
justify-content : flex-start ;
}
. blessure-localisation {
flex-direction : row ;
align-content : flex-start ;
justify-content : flex-start ;
}
. blessure-inactive {
color : rgba ( 150 , 150 , 150 , 0 . 4 ) ;
}
. blessure-active-legere {
color : rgba ( 60 , 60 , 60 , 0 . 9 ) ;
text-shadow : 1px 1px 4px rgba ( 60 , 60 , 60 , 1 ) ;
}
. blessure-active-grave {
color : rgba ( 218 , 126 , 21 , 0 . 9 ) ;
text-shadow : 1px 1px 4px rgba ( 60 , 60 , 60 , 1 ) ;
}
. blessure-active-critique {
color : rgba ( 173 , 36 , 26 , 0 . 9 ) ;
text-shadow : 1px 1px 4px rgba ( 60 , 60 , 60 , 1 ) ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . sheet-header {
2020-05-24 20:19:57 +02:00
-webkit-box-flex : 0 ;
-ms-flex : 0 0 210px ;
flex : 0 0 210px ;
2020-05-21 21:48:20 +02:00
overflow : hidden ;
2020-05-24 20:19:57 +02:00
display : -webkit-box ;
display : -ms-flexbox ;
2020-05-21 21:48:20 +02:00
display : flex ;
2020-05-24 20:19:57 +02:00
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
2020-05-21 21:48:20 +02:00
flex-direction : row ;
2020-05-24 20:19:57 +02:00
-ms-flex-wrap : wrap ;
2020-05-21 21:48:20 +02:00
flex-wrap : wrap ;
2020-05-24 20:19:57 +02:00
-webkit-box-pack : start ;
-ms-flex-pack : start ;
2020-05-21 21:48:20 +02:00
justify-content : flex-start ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . sheet-header . profile-img {
2020-05-24 20:19:57 +02:00
-webkit-box-flex : 0 ;
2020-09-20 22:12:42 +02:00
-ms-flex : 0 0 128px ;
flex : 0 0 128px ;
height : 128px ;
width : 128px ;
2020-05-21 21:48:20 +02:00
margin-right : 10px ;
2020-11-20 20:55:11 +01:00
object-fit : cover ;
object-position : 50 % 0 ;
2020-05-21 21:48:20 +02:00
}
2022-11-23 00:10:06 +01:00
. rdd-dialog-select-target img . select-token-img {
-webkit-box-flex : 0 ;
-ms-flex : 0 0 48px ;
flex : 0 0 48px ;
height : 48px ;
width : 48px ;
border : 0 ;
margin-right : 0 . 5rem ;
object-fit : cover ;
vertical-align : baseline ;
}
. rdd-dialog-select-target li . select-target {
vertical-align : baseline ;
padding : 0 . 1rem ;
}
2020-05-24 20:19:57 +02:00
2021-04-29 23:17:29 +02:00
. dice-img {
border-width : 0 ;
}
2020-11-20 11:40:32 +01:00
. button-img {
2021-01-10 00:30:37 +01:00
vertical-align : baseline ;
2022-10-05 19:29:16 +02:00
width : 32px ;
height : 32px ;
max-height : 36px ;
2021-01-10 00:30:37 +01:00
border-width : 0 ;
2022-08-27 22:58:26 +02:00
border : 1px solid rgba ( 0 , 0 , 0 , 0 ) ;
2021-01-10 00:30:37 +01:00
}
. button-effect-img {
vertical-align : baseline ;
width : 16px ;
max-height : 16px ;
height : 16 ;
2020-11-20 11:40:32 +01:00
border-width : 0 ;
}
2022-08-27 22:58:26 +02:00
. small-button-direction {
height : 32px ;
width : 32px ;
border : 0 ;
vertical-align : bottom ;
}
: is ( . button-img , . button-effect-img : hover , . small-button-direction ) : hover {
color : var ( --color-controls-hover ) ;
border : 1px solid var ( --color-control-border-hover ) ;
text-shadow : 1px 0px 0px # ff6600 ;
2021-06-29 00:56:25 +02:00
cursor : pointer ;
}
2021-01-04 01:19:47 +01:00
2020-12-15 19:45:46 +01:00
. small-button-container {
height : 16px ;
2021-01-04 01:19:47 +01:00
width : 16px ;
2020-12-15 19:45:46 +01:00
border : 0 ;
2021-01-04 01:19:47 +01:00
vertical-align : bottom ;
2020-12-15 19:45:46 +01:00
}
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . sheet-header . header-fields {
2020-05-24 20:19:57 +02:00
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
2020-05-21 21:48:20 +02:00
flex : 1 ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . sheet-header h1 . charname {
2020-05-21 21:48:20 +02:00
height : 50px ;
padding : 0px ;
margin : 5px 0 ;
border-bottom : 0 ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . sheet-header h1 . charname input {
2020-05-21 21:48:20 +02:00
width : 100 % ;
height : 100 % ;
margin : 0 ;
}
2020-05-24 20:19:57 +02:00
. foundryvtt-reve-de-dragon . sheet-tabs {
-webkit-box-flex : 0 ;
-ms-flex : 0 ;
flex : 0 ;
}
. foundryvtt-reve-de-dragon . sheet-body ,
. foundryvtt-reve-de-dragon . sheet-body . tab ,
. foundryvtt-reve-de-dragon . sheet-body . tab . editor {
height : 100 % ;
2020-05-21 21:48:20 +02:00
}
2020-05-24 20:19:57 +02:00
2021-05-11 21:18:07 +02:00
. rdd . sheet . window-content { overflow : hidden ; }
. rdd . sheet . window-content . sheet-body { overflow-y : scroll ; }
. rdd . sheet . window-content . sheet-body . tab { padding-bottom : 30 px ; }
2021-05-19 19:15:13 +02:00
. rdd . sheet . window-content . sheet-body . competence-list { width : 100 % ; }
2021-05-24 17:32:18 +02:00
. rdd . sheet . window-content . sheet-body . carac-list {
width : 100 % ;
flex-grow : 0 ;
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique {
2021-05-24 17:32:18 +02:00
flex-wrap : nowrap ;
justify-content : stretch ;
}
2022-10-05 19:29:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique . streched {
2022-09-27 00:15:34 +02:00
flex-wrap : nowrap ;
justify-content : stretch ;
flex-basis : 7 . 5em ;
2022-10-05 19:29:16 +02:00
width : max-content ;
2022-09-27 00:15:34 +02:00
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique > . carac-label {
2021-05-24 17:32:18 +02:00
flex-basis : 50 % ;
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique > . attribut-label {
2021-05-24 17:32:18 +02:00
flex-basis : 50 % ;
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique > . competence-value . total {
2021-05-24 17:32:18 +02:00
flex-grow : 1 ;
text-align : right ;
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique > . utiliser-attribut {
2021-05-24 17:32:18 +02:00
flex-basis : available ;
flex-grow : 1 ;
}
2022-08-27 23:14:16 +02:00
. rdd . sheet . window-content . sheet-body . carac-list . caracteristique > * {
2021-05-24 17:32:18 +02:00
flex-basis : 13 % ;
flex-grow : 0 ;
}
2021-05-09 18:16:01 +02:00
2020-11-03 09:14:14 +01:00
. editor {
2020-11-05 19:01:44 +01:00
border : 2 ;
height : 300px ;
padding : 0 3px ;
2020-11-03 09:14:14 +01:00
}
2021-01-07 23:40:20 +01:00
. medium-editor {
border : 2 ;
height : 240px ;
padding : 0 3px ;
}
2021-01-07 20:04:10 +01:00
. small-editor {
border : 2 ;
height : 150px ;
padding : 0 3px ;
}
2020-05-24 20:19:57 +02:00
. foundryvtt-reve-de-dragon . tox . tox-editor-container {
background : # fff ;
}
. foundryvtt-reve-de-dragon . tox . tox-edit-area {
padding : 0 8px ;
}
. foundryvtt-reve-de-dragon . resource-label {
font-weight : bold ;
text-transform : uppercase ;
2020-05-21 21:48:20 +02:00
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . tabs {
2020-05-21 21:48:20 +02:00
height : 40px ;
border-top : 1px solid # AAA ;
border-bottom : 1px solid # AAA ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . tabs . item {
2020-05-21 21:48:20 +02:00
line-height : 40px ;
font-weight : bold ;
}
2020-05-24 20:19:57 +02:00
2020-05-22 19:28:01 +02:00
. foundryvtt-reve-de-dragon . tabs . item . active {
2020-05-21 21:48:20 +02:00
text-decoration : underline ;
text-shadow : none ;
}
2020-05-24 20:19:57 +02:00
2022-11-23 00:10:06 +01:00
. foundryvtt-reve-de-dragon . item-list {
2020-05-21 21:48:20 +02:00
list-style : none ;
padding : 0 ;
overflow-y : auto ;
}
2020-05-24 20:19:57 +02:00
2022-11-23 00:10:06 +01:00
. foundryvtt-reve-de-dragon . item-list . item-header {
2020-05-24 20:19:57 +02:00
font-weight : bold ;
}
2022-11-23 00:10:06 +01:00
. foundryvtt-reve-de-dragon . item-list . item img {
2022-11-26 18:12:31 +01:00
display : inline ;
2020-05-21 21:48:20 +02:00
}
2020-05-24 20:19:57 +02:00
2022-11-23 00:10:06 +01:00
. foundryvtt-reve-de-dragon . item-list . item-name {
2020-05-21 21:48:20 +02:00
margin : 0 ;
}
2020-05-22 19:28:01 +02:00
2021-05-13 00:38:06 +02:00
. competence-list . item-controls {
display : contents ! important ;
}
. competence-list . item-controls . hidden-controls {
display : none ! important ;
}
2022-08-27 22:58:26 +02:00
. item-controls i : is ( . fas , . far ) {
color : var ( --color-controls ) ;
}
. item-controls i : is ( . fas , . far ) : hover {
opacity : 0 . 7 ;
}
2021-05-13 00:38:06 +02:00
2020-11-21 23:24:00 +01:00
. rdddialog . dialog-roll-sort s {
2020-05-27 21:09:37 +02:00
width : 600px ;
2020-06-01 23:50:10 +02:00
height : 430px ;
2020-11-21 23:24:00 +01:00
z-index : 9999 ;
display : block ;
2020-05-27 21:09:37 +02:00
}
2020-12-31 02:08:58 +01:00
. rdd-roll-part {
align-items : center ;
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-gold ) ;
2020-12-31 02:08:58 +01:00
}
. rdd-roll-sign {
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-silver ) ;
2020-12-31 02:08:58 +01:00
}
. rdd-roll-norm {
border-radius : 6px ; padding : 3px ;
2021-12-16 00:17:37 +01:00
background : var ( --gradient-green ) ;
2020-12-31 02:08:58 +01:00
}
2021-04-03 23:59:29 +02:00
. rdd-roll-notSign , . rdd-roll-echec {
2020-12-31 02:08:58 +01:00
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-red ) ;
2020-12-31 02:08:58 +01:00
}
. rdd-roll-epart {
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-violet ) ;
2020-12-31 02:08:58 +01:00
}
. rdd-roll-etotal {
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-purple-black ) ;
2020-12-31 02:08:58 +01:00
}
2021-01-02 14:10:43 +01:00
. rdd-diviseur {
2020-12-31 02:08:58 +01:00
border-radius : 6px ; padding : 3px ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-silver-light ) ;
2020-12-31 02:08:58 +01:00
}
2020-05-27 21:09:37 +02:00
2021-10-09 22:02:13 +02:00
. rdd-niveau-requis {
font-size : 0 . 80rem ;
text-align : right ;
}
2020-05-27 21:09:37 +02:00
. table-resolution-carac {
background-color : yellow ;
}
. table-resolution-target {
font-weight : bold ;
background-color : lightblue ;
}
2020-05-24 20:19:57 +02:00
2021-01-05 18:43:13 +01:00
# tableProbaReussite {
2021-01-02 19:27:15 +01:00
font-size : 0 . 8rem ;
padding : 5px ;
}
2021-01-29 15:13:59 +01:00
. poesie-extrait {
font-size : 0 . 85rem ;
font-style : italic ;
}
. poesie-reference {
font-size : 0 . 70rem ;
text-align : right ;
}
2021-04-22 19:08:37 +02:00
. poesie-overflow {
color : rgba ( 82 , 17 , 131 , 0 . 9 ) ;
2021-06-23 11:05:38 +02:00
max-height : 1 . 5rem ;
2021-04-22 19:08:37 +02:00
overflow : hidden ;
2021-06-23 11:05:38 +02:00
border-left : 1px dotted black ; /* If you want dots under the hoverable text */
2021-04-22 19:08:37 +02:00
}
. poesie-overflow : hover {
max-height : unset ;
overflow : visible ;
2021-06-23 11:05:38 +02:00
border-left : 0px
2021-04-22 19:08:37 +02:00
}
2021-05-24 00:43:46 +02:00
. type-compendium {
font-size : 0 . 60rem ;
}
2020-11-17 03:00:10 +01:00
/* ======================================== */
/* Sheet */
. window-app . sheet . window-content . sheet-header {
2021-11-09 19:58:20 +01:00
background : # 011d33 url ( img / bg_header . webp ) no-repeat left top ;
2020-11-17 03:00:10 +01:00
color : rgba ( 255 , 255 , 255 , 1 ) ;
}
2022-11-01 23:45:17 +01:00
. window-app . sheet . window-content . sheet-header : is (
input [ type = "text" ] ,
input [ type = "number" ] ,
input [ type = "password" ] ,
input [ type = "datetime-local" ] ,
input [ type = "date" ] ,
input [ type = "time" ] ) {
2020-11-17 03:00:10 +01:00
color : rgba ( 255 , 255 , 255 , 0 . 75 ) ;
2020-11-20 16:53:16 +01:00
background : rgba ( 255 , 255 , 255 , 0 . 05 ) ;
border : 0 none ;
2022-08-27 23:14:16 +02:00
margin-bottom : 0 . 2rem ;
2020-11-17 03:00:10 +01:00
}
2022-11-04 20:41:16 +01:00
form . rdddialogchrono input [ type = datetime-local ] {
min-width : 20px ;
padding : 0 ;
background : rgba ( 0 , 0 , 0 , 0 . 05 ) ;
border : 1px solid var ( --color-border-dark ) ;
width : calc ( 100 % - 2px ) ;
height : var ( --form-field-height ) ;
margin : 0 ;
color : var ( --color-text-dark-primary ) ;
border-radius : 3px ;
}
2020-11-17 03:00:10 +01:00
. window-app . window-content , . window-app . sheet . window-content . sheet-body {
2021-11-09 19:58:20 +01:00
background : rgb ( 245 , 245 , 240 ) url ( img / bg_left . webp ) no-repeat left top ;
2020-11-17 03:00:10 +01:00
}
2020-11-17 18:52:39 +01:00
section . sheet-body { padding : 0.25 rem 0.5 rem ; }
2020-11-17 03:00:10 +01:00
2020-11-20 20:55:11 +01:00
. sheet header . sheet-header . profile-img {
object-fit : cover ;
object-position : 50 % 0 ;
margin : 0 . 5rem 0 0 . 5rem 0 . 5rem ;
padding : 0 ;
}
2022-10-05 19:29:16 +02:00
. sheet header . sheet-header h1 {
flex : 3 ;
}
. sheet header . sheet-header img . button-img {
height : 48px ;
padding : 1px ;
margin : 1px ;
}
2020-11-17 03:00:10 +01:00
. sheet nav . sheet-tabs {
2020-11-21 18:16:18 +01:00
font-size : 0 . 65rem ;
2020-11-17 03:00:10 +01:00
font-weight : bold ;
2021-11-23 02:07:42 +01:00
height : 4rem ;
2020-11-17 03:00:10 +01:00
flex : 0 0 5rem ;
margin : 0 ;
padding : 0 0 0 0 . 25rem ;
text-align : center ;
text-transform : uppercase ;
2022-11-23 00:12:54 +01:00
line-height : 1 . 2rem ;
2020-11-17 03:00:10 +01:00
border-top : 0 none ;
border-bottom : 0 none ;
color : rgba ( 52 , 52 , 52 , 0 . 95 ) ;
2021-11-09 19:58:20 +01:00
background : rgb ( 245 , 245 , 240 ) url ( img / bg_menu . webp ) no-repeat left top ;
2020-11-17 03:00:10 +01:00
}
nav . sheet-tabs . item {
position : relative ;
2022-08-27 23:14:16 +02:00
padding : 0 0 . 2rem ;
2020-11-17 03:00:10 +01:00
}
nav . sheet-tabs . item : after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
height : 2rem ;
width : 1px ;
border-right : 1px dashed rgba ( 52 , 52 , 52 , 0 . 25 ) ;
}
. sheet . tab [ data-tab ] {
padding : 0 ;
}
2020-11-26 23:33:05 +01:00
section . sheet-body : after {
2020-11-17 03:00:10 +01:00
content : "" ;
display : block ;
clear : both ;
}
2022-10-05 19:29:16 +02:00
. sheet header . sheet-header . flex-compteurs { text-align : right ; max-width : max-content ; }
2020-11-20 16:53:16 +01:00
. sheet header . sheet-header . resource-content { width : 2 rem ; }
2022-10-05 19:29:16 +02:00
li label . compteur {
display : inline-block ;
flex-direction : row ;
}
2022-08-27 22:58:26 +02:00
. compteur span {
2020-11-20 16:53:16 +01:00
display : inline-block ;
text-align : left ;
width : 2rem ;
}
2022-08-27 22:58:26 +02:00
. compteur a i : is ( . fas , . far ) : hover {
opacity : 0 . 7 ;
}
2021-01-18 11:24:16 +01:00
. select-diff {
display : inline-block ;
text-align : left ;
width : 50px ;
}
2021-04-21 00:58:28 +02:00
. select-carac {
display : inline-block ;
text-align : left ;
width : 100 % ;
max-width : 90 % ;
}
2020-11-20 16:53:16 +01:00
2021-01-07 20:04:10 +01:00
. alchimie-tache {
font-weight : bold ;
background : rgb ( 182 , 180 , 179 ) ;
border : 1px solid rgba ( 72 , 46 , 28 , 1 ) ;
border-radius : 0 . 25rem ;
color : rgba ( 212 , 27 , 27 , 0 . 5 ) ;
}
2020-11-20 16:53:16 +01:00
. window-app . sheet . window-content . tooltip : hover . tooltiptext {
top : 2rem ;
left : 2rem ;
margin : 0 ;
padding : 0 . 25rem ;
2020-05-27 21:09:37 +02:00
}
2020-11-20 16:53:16 +01:00
. window-app . sheet . window-content . carac-value , . window-app . sheet . window-content . competence-xp {
2021-05-13 00:38:06 +02:00
flex-grow : 0 ;
2020-11-20 16:53:16 +01:00
margin : 0 . 05rem ;
2021-05-13 00:38:06 +02:00
flex-basis : 2rem ;
text-align : center ;
}
. window-app . sheet . window-content . carac-value , . window-app . sheet . window-content . competence-value {
flex-grow : 0 ;
margin : 0 . 05rem ;
flex-basis : 2rem ;
text-align : center ;
}
. window-app . sheet . window-content . carac-value , . window-app . sheet . window-content . competence-archetype {
flex-grow : 0 ;
margin : 0 . 05rem ;
flex-basis : 2rem ;
text-align : center ;
}
. window-app . sheet . window-content . carac-value , . window-app . sheet . window-content . competence-xp-sort {
flex-grow : 0 ;
margin : 0 . 05rem ;
flex-basis : 2rem ;
2020-11-20 16:53:16 +01:00
text-align : center ;
2020-05-27 21:09:37 +02:00
}
2020-05-27 23:47:49 +02:00
2020-11-20 16:53:16 +01:00
/* ======================================== */
/* Global UI elements */
2020-06-12 22:46:04 +02:00
/* ======================================== */
2020-11-26 23:33:05 +01:00
h1 , h2 , h3 , h4 {
font-weight : bold ;
}
ul , ol {
margin : 0 ;
padding : 0 ;
}
ul , li {
list-style-type : none ;
}
2022-08-27 23:14:16 +02:00
. sheet . caracteristique li {
2022-08-27 16:23:22 +02:00
margin : 0 . 1rem ;
padding : 0 . 2rem ;
2020-11-26 23:33:05 +01:00
}
2022-08-27 23:14:16 +02:00
. sheet li {
margin : 0 . 1rem ;
padding : 0 . 1rem ;
}
2020-11-26 23:33:05 +01:00
. header-fields li {
margin : 0 ;
padding : 0 ;
}
2022-11-01 23:43:33 +01:00
. sheet input . recherche {
2022-11-05 17:59:27 +01:00
background-image : url ( "img/ui/icon-search.svg" ) ;
background-position : 0 . 1rem 0 . 1rem ;
2022-11-01 23:43:33 +01:00
background-size : 1rem ;
2022-11-05 17:59:27 +01:00
background-repeat : no-repeat ;
padding : 0 . 1rem 0 . 1rem 0 . 1rem 1 . 2rem ;
max-height : 1 . 2rem ;
2022-11-01 23:43:33 +01:00
}
2020-11-26 23:33:05 +01:00
. alterne-list > . list-item : hover {
background : rgba ( 100 , 100 , 50 , 0 . 25 ) ;
}
2020-11-24 18:39:27 +01:00
. alterne-list > . list-item : nth-child ( even ) {
2020-11-26 23:33:05 +01:00
background : rgba ( 80 , 60 , 0 , 0 . 10 ) ;
2020-11-24 16:41:15 +01:00
}
2020-11-24 18:39:27 +01:00
. alterne-list > . list-item : nth-child ( odd ) {
2020-11-26 23:33:05 +01:00
background : rgb ( 160 , 130 , 100 , 0 . 05 ) ;
2020-11-24 16:41:15 +01:00
}
2021-11-23 02:07:02 +01:00
. xp-level-up {
2022-08-27 23:14:16 +02:00
margin : 0 . 1rem ;
2021-01-14 10:32:15 +01:00
box-shadow : inset 0px 0px 1px # 00000096 ;
border-radius : 0 . 25rem ;
2022-08-27 23:14:16 +02:00
padding : 0 . 1rem ;
2021-01-14 10:32:15 +01:00
flex : 1 1 5rem ;
2021-11-23 02:07:02 +01:00
background : var ( --gradient-gold ) ! important ;
2021-01-14 10:32:15 +01:00
}
2021-11-23 02:11:24 +01:00
. niveau-archetype {
background : var ( --gradient-silver-light ) ! important ;
}
2022-08-27 22:58:26 +02:00
. item-controls i . fas . allouer-stress . level-up {
color : var ( --color-gold ) ;
2022-08-27 16:23:22 +02:00
}
2020-11-26 23:33:05 +01:00
. blessures-list ul {
display : flex ;
}
. blessures-list li {
flex : 1 ;
flex-basis : auto ;
}
. blessures-list li ul li : first-child {
flex : 0 ;
align-items : center ;
justify-content : center ;
padding : 0 . 5rem ;
cursor : pointer ;
}
2020-11-24 18:39:27 +01:00
. carac-label {
font-weight : bold ;
}
. list-item {
2022-08-27 16:23:22 +02:00
margin : 0 . 1rem ;
2020-11-24 16:41:15 +01:00
box-shadow : inset 0px 0px 1px # 00000096 ;
2020-11-26 23:33:05 +01:00
border-radius : 0 . 25rem ;
2022-08-27 16:23:22 +02:00
padding : 0 . 1rem ;
2022-11-23 00:10:06 +01:00
flex : 1 1 1 . 5rem ;
2021-05-13 00:38:06 +02:00
display : flex ! important ;
2022-08-27 16:23:22 +02:00
align-items : center ! important ;
2020-11-24 16:41:15 +01:00
}
2021-04-27 00:30:46 +02:00
. table-row {
2022-08-27 16:23:22 +02:00
margin : 0 . 1rem ;
padding : 0 . 1rem ;
2021-04-27 00:30:46 +02:00
flex : 1 1 5rem ;
}
. alterne-row > . row-item : hover {
background : rgba ( 100 , 100 , 50 , 0 . 25 ) ;
}
. alterne-row > . row-item : nth-child ( even ) {
background : rgba ( 80 , 60 , 0 , 0 . 10 ) ;
}
. alterne-row > . row-item : nth-child ( odd ) {
background : rgb ( 160 , 130 , 100 , 0 . 05 ) ;
}
2020-12-01 22:18:15 +01:00
. item-display-show {
2022-11-26 18:12:31 +01:00
display : inline ;
2020-12-01 22:18:15 +01:00
}
. item-display-hide {
display : none ;
}
. conteneur-type {
background : rgb ( 200 , 10 , 100 , 0 . 25 ) ;
}
2020-11-27 09:40:48 +01:00
2022-08-27 16:23:22 +02:00
. item-column {
margin-left : 0 . 2rem ;
margin-right : 0 . 2rem ;
justify-content : center ;
text-align : center ;
2020-11-27 09:40:48 +01:00
}
. list-item-margin1 {
2022-08-26 22:23:04 +02:00
margin-left : 0 . 5rem ;
2020-11-27 09:40:48 +01:00
}
. list-item-margin2 {
2022-08-26 22:23:04 +02:00
margin-left : 1rem ;
2020-11-27 09:40:48 +01:00
}
. list-item-margin3 {
2022-08-26 22:23:04 +02:00
margin-left : 1 . 5rem ;
2020-11-27 09:40:48 +01:00
}
. list-item-margin4 {
2022-08-26 22:23:04 +02:00
margin-left : 2rem ;
}
. list-item-margin5 {
margin-left : 2 . 5rem ;
}
. list-item-margin6 {
margin-left : 3rem ;
2020-11-27 09:40:48 +01:00
}
2022-09-24 00:31:51 +02:00
. grid-select-type-tmr {
display : grid ;
grid-column : span 4 / span 4 ;
grid-template-columns : repeat ( 4 , minmax ( 0 , 1fr ) ) ;
gap : 0 . 1rem ;
margin : 0 . 1rem ;
padding : 0 ;
}
2022-09-23 20:23:35 +02:00
. grid-select-actor {
display : grid ;
grid-column : span 2 / span 2 ;
grid-template-columns : repeat ( 2 , minmax ( 0 , 1fr ) ) ;
gap : 0 . 1rem ;
margin : 0 . 1rem ;
padding : 0 ;
}
2020-06-12 22:46:04 +02:00
. sheet-competence-img {
width : 24px ;
height : 24px ;
flex-grow : 0 ;
2022-08-27 23:14:16 +02:00
margin-right : 0 . 2rem ;
2021-05-13 00:38:06 +02:00
vertical-align : bottom ;
2020-06-12 22:46:04 +02:00
}
2020-07-27 16:27:41 +02:00
. competence-column {
flex-direction : column ;
align-content : flex-start ;
justify-content : flex-start ;
flex-grow : 0 ;
flex-basis : 1 ;
}
2020-06-12 22:46:04 +02:00
. competence-header {
align-content : flex-start ;
2020-07-27 16:27:41 +02:00
justify-content : flex-start ;
font-weight : bold ;
flex-grow : 0 ;
2020-06-12 22:46:04 +02:00
}
2020-11-25 20:30:48 +01:00
. arme-label ,
2020-12-02 20:52:37 +01:00
. generic-label ,
2020-09-06 14:11:59 +02:00
. competence-label ,
2020-12-12 23:31:19 +01:00
. astrologie-label ,
2020-12-15 08:37:52 +01:00
. tache-label ,
2021-01-11 16:29:41 +01:00
. subacteur-label ,
2021-01-27 23:35:45 +01:00
. chant-label ,
. musique-label ,
2021-02-06 01:34:01 +01:00
. oeuvre-label ,
2021-01-27 23:35:45 +01:00
. chant-label ,
. danse-label ,
. recette-label ,
. jeu-label ,
. recettecuisine-label ,
2020-09-06 14:11:59 +02:00
. description-label {
2020-06-12 22:46:04 +02:00
flex-grow : 2 ;
}
2020-09-20 21:14:05 +02:00
. attribut-value ,
2020-11-18 18:37:15 +01:00
. carac-value {
flex-grow : 0 ;
flex-basis : 64px ;
margin-right : 4px ;
margin-left : 4px ;
}
2020-09-20 21:14:05 +02:00
. sante-value ,
2020-06-12 22:46:04 +02:00
. competence-value {
flex-grow : 0 ;
2020-11-20 16:53:16 +01:00
flex-basis : 2rem ;
2022-08-27 16:23:22 +02:00
margin-right : 0 . 2rem ;
margin-left : 0 . 2rem ;
2020-06-12 22:46:04 +02:00
}
2022-09-26 03:36:18 +02:00
. initiative-value {
flex-grow : 0 ;
flex-basis : 3rem ;
margin-right : 0 . 2rem ;
margin-left : 0 . 2rem ;
}
2020-09-06 14:11:59 +02:00
. description-value {
flex-grow : 0 ;
2020-11-20 16:53:16 +01:00
flex-basis : 4rem ;
2022-08-27 16:23:22 +02:00
margin-right : 0 . 2rem ;
margin-left : 0 . 2rem ;
2020-09-06 14:11:59 +02:00
}
2020-06-12 22:46:04 +02:00
. competence-xp {
flex-grow : 0 ;
2020-11-20 16:53:16 +01:00
flex-basis : 2rem ;
2022-08-27 16:23:22 +02:00
margin-right : 0 . 2rem ;
margin-left : 0 . 2rem ;
2020-06-12 22:46:04 +02:00
}
2020-07-27 16:27:41 +02:00
. blessures-title {
font-weight : bold ;
}
2021-01-07 23:58:44 +01:00
. alchimie-title {
font-weight : bold ;
}
2020-07-14 22:26:22 +02:00
. pointsreve-value {
flex-grow : 0 ;
flex-basis : 64px ;
margin-right : 4px ;
margin-left : 4px ;
}
2020-09-20 21:14:05 +02:00
. input-sante-header ,
2020-08-29 22:52:41 +02:00
. stress-style {
flex-grow : 0 ;
flex-basis : 64px ;
margin-right : 4px ;
margin-left : 4px ;
}
2020-06-12 22:46:04 +02:00
2020-12-13 23:11:58 +01:00
/* ======================================== */
. table-nombres-astraux {
border : 1 ;
font-size : 0 . 75rem ;
}
. table-nombres-astraux td {
border : 1px solid black ;
text-align : center ;
vertical-align : top ;
}
2020-12-05 00:37:10 +01:00
/* ======================================== */
. tokenhudext {
display : flex ;
flex : 0 ! important ;
font-family : CaslonPro ;
font-weight : 600 ;
}
2020-12-20 02:07:27 +01:00
. tokenhudext . left {
2020-12-05 21:24:31 +01:00
justify-content : flex-start ;
flex-direction : column ;
position : absolute ;
top : 2 . 75rem ;
2020-12-20 02:07:27 +01:00
right : 4rem ;
2020-12-05 21:24:31 +01:00
}
2020-12-20 02:07:27 +01:00
. tokenhudext . right {
2020-12-05 21:24:31 +01:00
justify-content : flex-start ;
flex-direction : column ;
position : absolute ;
top : 2 . 75rem ;
2020-12-21 23:55:19 +01:00
left : 4rem ;
2020-12-05 00:37:10 +01:00
}
. control-icon . tokenhudicon {
2020-12-05 21:24:31 +01:00
width : fit-content ;
height : fit-content ;
min-width : 6rem ;
flex-basis : auto ;
padding : 0 ;
line-height : 1rem ;
2022-08-27 23:14:16 +02:00
margin : 0 . 2rem ;
2020-12-05 00:37:10 +01:00
}
. control-icon . tokenhudicon . right {
2021-01-01 03:25:48 +01:00
margin-left : 8px ;
2020-12-05 00:37:10 +01:00
}
2021-01-04 00:17:22 +01:00
. rdd-hud-menu label {
2020-12-05 00:37:10 +01:00
font-size : 0 . 75rem ;
}
2021-01-05 19:28:50 +01:00
# token-hud . status-effects . active {
z-index : 2 ;
}
2020-06-12 22:46:04 +02:00
/* ======================================== */
. item-checkbox {
height : 25px ;
border : 1px solid # 736953a6 ;
border-left : none ;
font-weight : 500 ;
2020-11-17 03:00:10 +01:00
font-size : 1rem ;
2022-08-27 22:58:26 +02:00
color : var ( --color-controls ) ;
2020-06-12 22:46:04 +02:00
padding-top : 5px ;
margin-right : 0px ;
width : 45px ;
position : relative ;
left : 0px ;
text-align : center ;
}
2021-02-12 22:36:42 +01:00
/* ======================================== */
/* dialogue competence : Appel au moral */
2021-02-09 23:23:40 +01:00
. diffAppelAuMoral {
display : none ! important ;
}
2021-02-12 22:36:42 +01:00
2021-05-19 09:36:39 +02:00
. imgAppelAuMoral {
height : 20px ;
width : 20px ;
border : none ;
outline : none ;
background-size : cover ;
}
2021-02-12 22:36:42 +01:00
/* Tooltip container */
. tooltipAppelAuMoral {
position : relative ;
display : inline-block ;
border-bottom : 0 ;
2021-02-11 20:31:04 +01:00
}
2021-02-09 23:23:40 +01:00
2021-02-12 22:36:42 +01:00
/* Show the tooltip text when you mouse over the tooltip container */
. tooltipAppelAuMoral : hover . tooltipAppelAuMoralText {
visibility : visible ;
opacity : 1 ;
}
/* Tooltip text */
. tooltipAppelAuMoral . tooltipAppelAuMoralText {
text-align : center ;
/* Position the tooltip text */
position : absolute ;
z-index : 1 ;
2021-04-20 00:52:51 +02:00
left : 25px ;
2021-02-12 22:36:42 +01:00
/* Fade in tooltip */
visibility : hidden ;
opacity : 0 ;
transition : opacity 0 . 3s ;
}
2020-05-27 23:47:49 +02:00
/* ======================================== */
/* Fatigue CSS */
. table-fatigue {
table-layout : fixed ;
2020-11-20 16:53:16 +01:00
padding : 0 ;
margin : 0 ;
2020-05-27 23:47:49 +02:00
}
. table-fatigue td {
table-layout : fixed ;
2020-11-17 18:40:02 +01:00
width : 2px ;
height : 2px ;
2020-11-20 16:53:16 +01:00
padding : 0 ;
2020-05-28 23:36:09 +02:00
}
. table-fatigue . fatigue-used {
background-color : DarkRed ;
border : 1px solid # 999 ;
2020-05-27 23:47:49 +02:00
}
. table-fatigue . fatigue-none {
2020-11-17 19:06:06 +01:00
background-color : Grey ;
2020-05-27 23:47:49 +02:00
border : 1px solid # 999 ;
}
. table-fatigue . fatigue-free {
border : 1px solid # 999 ;
}
2020-05-28 23:36:09 +02:00
. table-fatigue . fatigue-malus {
2020-11-17 03:00:10 +01:00
font-size : 0 . 8rem ;
2020-05-28 23:36:09 +02:00
}
2022-09-27 00:15:34 +02:00
. flex-actions-bar {
2020-05-28 23:36:09 +02:00
flex-grow : 2 ;
}
2020-06-11 00:29:32 +02:00
/* ======================================== */
/* Sidebar CSS */
2020-11-17 03:00:10 +01:00
# sidebar {
font-size : 1rem ;
2021-11-09 19:58:20 +01:00
background : rgb ( 105 , 85 , 65 ) url ( img / bg_sid_dark . webp ) no-repeat right bottom ;
2020-11-17 03:00:10 +01:00
background-position : 100 % ;
2020-11-20 16:53:16 +01:00
color : rgba ( 220 , 220 , 220 , 0 . 75 ) ;
2020-11-17 03:00:10 +01:00
}
2021-01-23 09:30:20 +01:00
# sidebar-tabs > . collapsed , # chat-controls . chat-control-icon {
2020-11-20 16:53:16 +01:00
color : rgba ( 220 , 220 , 220 , 0 . 75 ) ;
2020-11-17 03:00:10 +01:00
text-shadow : 1px 1px 0 rgba ( 0 , 0 , 0 , 0 . 75 ) ;
}
. sidebar-tab . directory-list . entity {
border-top : 1px dashed rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-bottom : 0 none ;
2022-08-27 23:14:16 +02:00
padding : 0 . 2rem 0 ;
2020-11-17 03:00:10 +01:00
}
. sidebar-tab . directory-list . entity : hover {
background : rgba ( 0 , 0 , 0 , 0 . 05 ) ;
cursor : pointer ;
}
. chat-message {
2020-11-20 16:53:16 +01:00
background : rgba ( 220 , 220 , 210 , 0 . 5 ) ;
2020-11-17 03:00:10 +01:00
font-size : 1rem ;
}
2020-11-20 16:53:16 +01:00
. chat-message . whisper {
background : rgba ( 220 , 220 , 210 , 0 . 75 ) ;
border : 2px solid # 545469 ;
}
2021-04-12 01:03:37 +02:00
. chat-icon {
2021-01-01 22:25:32 +01:00
border : 0 ;
2021-01-22 14:33:51 +01:00
padding : 2px 6px 2px 2px ;
2021-01-01 22:25:32 +01:00
float : left ;
2021-01-31 19:35:21 +01:00
width : 64px ;
height : 64px ;
2021-01-01 22:25:32 +01:00
}
2020-11-20 16:53:16 +01:00
2020-11-17 03:00:10 +01:00
# sidebar-tabs {
2022-01-19 23:13:48 +01:00
flex : 0 0 28px ;
2020-11-20 16:53:16 +01:00
box-sizing : border-box ;
2022-01-19 23:13:48 +01:00
margin : 0 0 3px ;
2020-11-20 16:53:16 +01:00
border-bottom : 1px solid rgba ( 0 , 0 , 0 , 0 ) ;
box-shadow : inset 0 0 2rem rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2020-11-17 03:00:10 +01:00
}
2020-06-11 00:29:32 +02:00
# sidebar-tabs > . item . active {
2020-11-20 16:53:16 +01:00
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 ) ;
2020-11-17 03:00:10 +01:00
}
# sidebar # sidebar-tabs i {
2022-01-19 23:13:48 +01:00
width : 23px ;
height : 23px ;
2020-11-17 03:00:10 +01:00
display : inline-block ;
background-position : center ;
background-size : cover ;
text-shadow : 1px 1px 0 rgba ( 0 , 0 , 0 , 0 . 75 ) ;
2020-06-11 00:29:32 +02:00
}
2020-09-20 16:36:39 +02:00
2022-09-21 02:09:19 +02:00
# 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 : "" ; }
2020-11-17 03:00:10 +01:00
# sidebar # sidebar-tabs i . fa-comments { background : url ( "img/ui/icon_sidebar_chat.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-fist-raised { background : url ( "img/ui/icon_sidebar_fight.svg" ) no-repeat ; }
2022-09-21 02:09:19 +02:00
# sidebar # sidebar-tabs i . fa-swords { background : url ( "img/ui/icon_sidebar_fight.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-user { background : url ( "img/ui/icon_sidebar_actor.svg" ) no-repeat ; }
2020-11-17 03:00:10 +01:00
# sidebar # sidebar-tabs i . fa-users { background : url ( "img/ui/icon_sidebar_actor.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-map { background : url ( "img/ui/icon_sidebar_scene.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-suitcase { background : url ( "img/ui/icon_sidebar_item.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-book-open { background : url ( "img/ui/icon_sidebar_journal.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-th-list { background : url ( "img/ui/icon_sidebar_rolltable.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-music { background : url ( "img/ui/icon_sidebar_music.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-atlas { background : url ( "img/ui/icon_sidebar_compendium.svg" ) no-repeat ; }
# sidebar # sidebar-tabs i . fa-cogs { background : url ( "img/ui/icon_sidebar_settings.svg" ) no-repeat ; }
2020-11-20 16:53:16 +01:00
# combat # combat-controls {
box-shadow : inset 0 0 2rem rgba ( 0 , 0 , 0 , 0 . 5 ) ;
}
/*--------------------------------------------------------------------------*/
/* Control, Tool, hotbar & navigation */
# controls . scene-control , # controls . control-tool {
box-shadow : 0 0 3px # 000 ;
margin : 0 0 8px ;
border-radius : 0 ;
background : rgba ( 30 , 25 , 20 , 1 ) ;
background-origin : padding-box ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
}
2022-08-27 22:58:26 +02:00
# controls . control-tools {
max-height : calc ( 100vh - 156px ) ;
height : auto ;
2021-10-07 22:32:52 +02:00
}
2022-08-27 22:58:26 +02:00
# controls : is ( . scene-control . active , . control-tool . active , . scene-control : hover , . control-tool : hover ) {
2020-11-20 16:53:16 +01:00
background : rgba ( 72 , 46 , 28 , 1 ) ;
background-origin : padding-box ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
box-shadow : 0 0 3px # ff6400 ;
}
# hotbar # action-bar # macro-list {
border : 1px solid rgba ( 72 , 46 , 28 , 1 ) ;
box-shadow : 2px 2px 5px # 000000 ;
}
# hotbar # action-bar . macro {
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / bg_control . webp ) 21 repeat ;
2020-11-20 16:53:16 +01:00
border-image-slice : 6 6 6 6 fill ;
border-image-width : 6px 6px 6px 6px ;
border-image-outset : 0px 0px 0px 0px ;
border-radius : 0px ;
}
# hotbar . bar-controls {
background : rgba ( 30 , 25 , 20 , 1 ) ;
border : 1px solid rgba ( 72 , 46 , 28 , 1 ) ;
}
# players {
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
background : rgba ( 30 , 25 , 20 , 1 ) ;
}
# navigation # scene-list . scene . nav-item . active {
background : rgba ( 72 , 46 , 28 , 1 ) ;
}
# navigation # scene-list . scene . nav-item {
background : rgba ( 30 , 25 , 20 , 1 ) ;
background-origin : padding-box ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
}
# navigation # scene-list . scene . view , # navigation # scene-list . scene . context {
background : rgba ( 72 , 46 , 28 , 1 ) ;
background-origin : padding-box ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
box-shadow : 0 0 3px # ff6400 ;
}
# navigation # nav-toggle {
background : rgba ( 30 , 25 , 20 , 1 ) ;
background-origin : padding-box ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / footer-button . webp ) 10 repeat ;
2020-11-20 16:53:16 +01:00
border-image-width : 4px ;
border-image-outset : 0px ;
}
2020-09-20 16:36:39 +02:00
/*--------------------------------------------------------------------------*/
/* CALENDAR STUFF */
# calendar-time-container {
position : absolute ;
2021-01-08 14:22:36 +01:00
display : block ;
2020-09-20 16:36:39 +02:00
}
2021-03-14 16:02:31 +01:00
. calendar {
2020-11-20 16:53:16 +01:00
min-width : 150px ;
grid-row : 1 ;
grid-column : 1 ;
width : fit-content ;
2020-12-08 21:41:00 +01:00
height : 84px ;
2020-11-20 16:53:16 +01:00
margin : 0 ;
padding : 0 ;
border : 1px solid # 000 ;
border-radius : 3 % ;
background : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2020-12-08 21:41:00 +01:00
font-family : "GoudyAcc" ;
2021-01-08 14:22:36 +01:00
z-index : 100 ;
2020-09-20 16:36:39 +02:00
}
2021-03-14 16:02:31 +01:00
. calendar-hdr {
2020-12-08 21:41:00 +01:00
display : grid ;
2020-11-17 03:00:10 +01:00
font-size : 1rem ;
2020-09-20 16:36:39 +02:00
margin : 3px ;
padding : 4px ;
height : 25px ;
width : fit-content ;
min-width : 200px ;
2020-12-08 21:41:00 +01:00
border-bottom : 1px solid # 111 ;
color : # CCC ;
float : left ;
}
. calendar-date-rdd {
font-family : "GoudyAcc" ;
color : # CCC ;
opacity : 90 ;
font-size : 13px ;
line-height : 1 ;
text-align : center ;
padding : 0 ;
margin : 0 ;
border : none ;
flex : 1 ;
2020-09-20 16:36:39 +02:00
}
2021-03-14 16:02:31 +01:00
. calendar-date {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 2 ;
float : left ;
text-align : center ;
padding-top : 0px ;
padding-bottom : 0px ;
margin-bottom : 5px ;
color : # CCC ;
cursor : pointer ;
}
2021-03-14 16:02:31 +01:00
. calendar-date ,
. calendar-date-num {
2020-09-20 16:36:39 +02:00
transition : 0 . 2s ;
}
2021-03-14 16:02:31 +01:00
. calendar-date-num {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 2 ;
float : left ;
text-align : center ;
padding-top : 0px ;
padding-bottom : 0px ;
margin-bottom : 5px ;
color : # CCC ;
opacity : 0 ;
cursor : pointer ;
}
2021-03-14 16:02:31 +01:00
. calendar-heure-img {
2020-12-11 02:20:41 +01:00
width : 24px ;
height : 24px ;
flex-grow : 0 ;
border-width : 0 ;
2020-12-08 21:41:00 +01:00
opacity : 90 ;
2021-03-14 16:02:31 +01:00
color : rgba ( 255 , 255 , 255 , 0 . 5 ) ;
2020-12-08 21:41:00 +01:00
}
2021-03-14 16:02:31 +01:00
. calendar-hdr : hover . calendar-date {
2020-09-20 16:36:39 +02:00
opacity : 0 ;
}
2021-03-14 16:02:31 +01:00
. calendar-hdr : hover . calendar-date-num {
2020-09-20 16:36:39 +02:00
opacity : 1 ;
}
. calendar-container {
padding-top : 3px ;
padding-bottom : 20px ;
}
. calendar-btn-container-left {
width : 20 % ;
display : grid ;
float : left ;
margin : 2px ;
2020-12-08 21:41:00 +01:00
grid-row-gap : 3px ;
color : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2020-09-20 16:36:39 +02:00
}
. calendar-btn-container-right {
width : 20 % ;
display : grid ;
float : right ;
margin : 2px ;
grid-row-gap : 3px ;
}
2021-03-14 16:02:31 +01:00
. astrologie-btn-edit ,
. calendar-btn-edit {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 1 ;
margin : auto ;
color : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
}
2021-03-14 16:02:31 +01:00
. astrologie-btn-edit : hover ,
. calendar-btn-edit : hover {
2020-12-08 21:41:00 +01:00
color : # FFF ;
border : 0px solid # 000 ;
cursor : pointer ;
}
2021-03-14 16:02:31 +01:00
. calendar-btn {
margin : auto ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 ) ;
color : rgba ( 255 , 255 , 255 , 0 . 5 ) ;
}
. calendar-btn : hover {
2022-08-27 22:58:26 +02:00
color : var ( --color-controls-hover ) ;
border : 1px solid var ( --color-control-border-hover ) ;
2021-03-14 16:02:31 +01:00
cursor : pointer ;
}
. calendar-1min {
2020-12-08 21:41:00 +01:00
grid-row : 1 ;
grid-column : 1 ;
}
2021-03-14 16:02:31 +01:00
. calendar-5min {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 2 ;
}
2021-03-14 16:02:31 +01:00
. calendar-10min {
2020-09-20 16:36:39 +02:00
grid-row : 2 ;
grid-column : 1 ;
margin-left : 10px ;
}
2021-03-14 16:02:31 +01:00
. calendar-20min {
2020-09-20 16:36:39 +02:00
grid-row : 2 ;
grid-column : 2 ;
margin-left : 10px ;
}
2021-03-14 16:02:31 +01:00
. calendar-lyre {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 1 ;
height : fit-content ;
text-align : center ;
vertical-align : center ;
}
2021-03-14 16:02:31 +01:00
. calendar-vaisseau {
2020-09-20 16:36:39 +02:00
grid-row : 1 ;
grid-column : 2 ;
height : fit-content ;
text-align : center ;
vertical-align : center ;
}
2021-03-14 16:02:31 +01:00
. calendar-30min {
2020-09-20 16:36:39 +02:00
grid-row : 2 ;
grid-column : 1 ;
height : fit-content ;
text-align : center ;
vertical-align : center ;
}
2021-03-14 16:02:31 +01:00
. calendar-1heure {
2020-09-20 16:36:39 +02:00
grid-row : 2 ;
grid-column : 2 ;
height : fit-content ;
text-align : center ;
vertical-align : center ;
}
2021-03-14 16:02:31 +01:00
. calendar-btn-container-left : hover {
2020-09-20 16:36:39 +02:00
color : # FFF ;
border : 0px solid # 000 ;
cursor : pointer ;
}
. calendar-weekday-time {
display : grid ;
float : left ;
width : 55 % ;
padding-top : 0px ;
padding-bottom : 0px ;
margin : auto ;
color : # CCC ;
}
2021-03-14 16:02:31 +01:00
. calendar-weekday {
2020-09-20 16:36:39 +02:00
grid-column : 1 ;
grid-row : 1 ;
text-align : center ;
margin : auto ;
border-bottom : 1px solid # 111 ;
}
. calendar-time {
grid-column : 1 ;
2020-12-08 21:41:00 +01:00
grid-row : 2 ;
font-size : 1 . 10rem ;
2020-09-20 16:36:39 +02:00
text-align : center ;
margin : auto ;
cursor : pointer ;
display : inline-flex ;
}
2020-12-09 00:01:02 +01:00
. calendar-nombre-astral {
grid-column : 2 ;
grid-row : 2 ;
font-size : 1 . 10rem ;
text-align : right ;
margin : auto ;
cursor : pointer ;
display : inline-flex ;
}
2020-09-20 16:36:39 +02:00
. calendar-time-disp {
position : relative ;
bottom : 6px ;
}
2020-11-18 20:16:59 +01:00
/* Tooltip container */
. tooltip {
position : relative ;
display : inline-block ;
2021-04-21 22:01:07 +02:00
}
. tooltip-dotted {
2020-11-18 20:16:59 +01:00
border-bottom : 1px dotted black ; /* If you want dots under the hoverable text */
}
/* Tooltip text */
. tooltip . tooltiptext {
2022-03-10 23:48:49 +01:00
text-align : center ;
2020-11-18 20:16:59 +01:00
/* Position the tooltip text */
position : absolute ;
z-index : 1 ;
/* Fade in tooltip */
2021-01-01 03:25:48 +01:00
visibility : hidden ;
2020-11-18 20:16:59 +01:00
opacity : 0 ;
transition : opacity 0 . 3s ;
2020-12-31 02:08:58 +01:00
}
2020-11-20 16:53:16 +01:00
2022-03-10 23:48:49 +01:00
. tooltip . left-competence {
transform : translate ( -100 % , 0 % ) ;
}
2021-01-01 03:25:48 +01:00
. tooltip . ttt-fatigue {
2020-12-31 02:08:58 +01:00
width : 360px ;
2021-01-01 03:25:48 +01:00
background : rgba ( 30 , 25 , 20 , 0 . 9 ) ;
2021-11-09 19:58:20 +01:00
border-image : url ( img / ui / bg_control . webp ) 21 repeat ;
2020-11-20 16:53:16 +01:00
border-image-slice : 6 6 6 6 fill ;
border-image-width : 6px 6px 6px 6px ;
border-image-outset : 0px 0px 0px 0px ;
border-radius : 0px ;
2021-01-01 03:25:48 +01:00
font-size : 0 . 8rem ;
padding : 3px 0 ;
2020-11-18 20:16:59 +01:00
}
2021-01-01 03:25:48 +01:00
. tooltip . ttt-ajustements {
2020-12-31 02:08:58 +01:00
width : 150px ;
2022-11-05 18:06:30 +01:00
background : var ( --background-tooltip ) ;
2021-01-01 03:25:48 +01:00
border-radius : 6px ;
font-size : 0 . 9rem ;
padding : 3px 0 ;
2020-12-31 02:08:58 +01:00
}
2021-04-21 22:01:07 +02:00
. tooltip . ttt-titre {
text-align : justify ;
width : 100 % ;
top : 30px ;
2022-11-05 18:06:30 +01:00
background : var ( --background-tooltip ) ;
2021-04-21 22:01:07 +02:00
border-radius : 6px ;
font-size : 0 . 9rem ;
padding : 3px ;
2021-01-14 15:29:47 +01:00
}
2021-04-21 22:01:07 +02:00
2022-10-31 19:29:44 +01:00
. tooltip : is ( . ttt-xp , . ttt-levelup ) {
2021-01-14 15:29:47 +01:00
width : 250px ;
2022-11-05 18:06:30 +01:00
background : var ( --background-tooltip ) ! important ;
2021-01-14 15:29:47 +01:00
border-radius : 6px ;
font-size : 0 . 9rem ;
padding : 3px 0 ;
}
2020-11-18 20:16:59 +01:00
/* Show the tooltip text when you mouse over the tooltip container */
. tooltip : hover . tooltiptext {
visibility : visible ;
opacity : 1 ;
2021-01-01 21:11:56 +01:00
}
. chat-card-button {
box-shadow : inset 0px 1px 0px 0px # a6827e ;
2022-11-05 18:06:30 +01:00
background : var ( --background-custom-button ) ;
2021-01-01 21:11:56 +01:00
background-color : # 7d5d3b00 ;
border-radius : 3px ;
border : 2px ridge # 846109 ;
display : inline-block ;
cursor : pointer ;
color : # ffffff ;
font-family : CaslonPro ;
font-size : 14px ;
padding : 4px 12px 0px 12px ;
text-decoration : none ;
text-shadow : 0px 1px 0px # 4d3534 ;
position : relative ;
margin : 5px ;
}
2022-11-05 18:06:30 +01:00
2021-01-01 21:11:56 +01:00
. chat-card-button : hover {
2022-11-05 18:06:30 +01:00
background : var ( --background-custom-button-hover ) ;
2021-01-01 21:11:56 +01:00
background-color : red ;
}
2022-11-05 18:06:30 +01:00
2021-01-01 21:11:56 +01:00
. chat-card-button : active {
position : relative ;
top : 1px ;
}
2022-11-05 18:19:53 +01:00
/* Dropdown Content (Hidden by Default) */
. button-dropdown-content {
display : none ;
position : absolute ;
width : max-content ;
box-shadow : 0px 8px 16px 0px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
background : var ( --background-tooltip ) ;
overflow-y : scroll ;
max-height : 14rem ;
z-index : 10 ;
}
. button-dropdown {
position : relative ;
display : inline-block ;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
. button-dropdown : hover . button-dropbutton {
text-shadow : 1px 0px 0px # ff6600 ;
}
/* Show the dropdown menu on hover */
. button-dropdown : hover . button-dropdown-content { display : block ; }
/* Links inside the dropdown */
. button-dropdown-content a {
color : black ;
padding : 0 . 2rem 0 . 4rem ;
text-decoration : none ;
display : block ;
}
/* Change color of dropdown links on hover */
. button-dropdown-content a : hover { background-color : #ddd ; }
2021-01-13 10:09:51 +01:00
/*************************************************************/
# pause
{
font-family : CaslonAntique ;
font-size : 2rem ;
}
# pause > h3
{
color : # CCC
}
# pause > img {
2021-11-09 19:58:20 +01:00
content : url ( img / rdd_pause . webp ) ;
2021-01-13 10:09:51 +01:00
height : 256px ;
width : 256px ;
top : -75px ;
left : calc ( 50 % - 132px ) ;
}
# logo {
2021-11-09 19:58:20 +01:00
content : url ( img / logo . webp ) ;
2021-01-13 16:31:22 +01:00
width : 80px ;
height : 68px ;
2021-02-09 23:23:40 +01:00
}