forked from public/foundryvtt-reve-de-dragon
		
	
		
			
				
	
	
		
			829 lines
		
	
	
		
			16 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			829 lines
		
	
	
		
			16 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|   /* ==================== (A) GOUDY ==================== */
 | |
|   @font-face {
 | |
|     font-family: "GoudyAcc";
 | |
|     src: url('../fonts/goudyacc.ttf');
 | |
|   }
 | |
|   
 | |
|   :root {
 | |
|   /* =================== 1. ACTOR SHEET FONT STYLES =========== */
 | |
|     --window-header-title-font-family: GoudyAcc;
 | |
|     --window-header-title-font-size: 19px;
 | |
|     --window-header-title-font-weight: normal;
 | |
|     --window-header-title-color: #f5f5f5;
 | |
| 
 | |
|     --major-button-font-family: GoudyAcc;
 | |
|     --major-button-font-size: 20px;
 | |
|     --major-button-font-weight: normal;
 | |
|     --major-button-color: #dadada;
 | |
| 
 | |
|     --tab-header-font-family: GoudyAcc;
 | |
|     --tab-header-font-size: 14px;
 | |
|     --tab-header-font-weight: 700;
 | |
|     --tab-header-color: #403f3e;
 | |
|     --tab-header-color-active: #4a0404;
 | |
| 
 | |
|     --actor-input-font-family: GoudyAcc;
 | |
|     --actor-input-font-size: 12px;
 | |
|     --actor-input-font-weight: 500;
 | |
|     --actor-input-color: black;
 | |
| 
 | |
|     --actor-label-font-family: GoudyAcc;
 | |
|     --actor-label-font-size: 12px;
 | |
|     --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;
 | |
|   }
 | |
| 
 | |
| /*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
 | |
| /* Global styles */
 | |
| .window-app {
 | |
|   font-family: "GoudyAcc", sans-serif;
 | |
| }
 | |
| 
 | |
| .rollable:hover, .rollable:focus {
 | |
|   color: #000;
 | |
|   text-shadow: 0 0 10px red;
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| .grid,
 | |
| .grid-2col {
 | |
|   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;
 | |
|   padding: 5px;
 | |
| }
 | |
| 
 | |
| .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;
 | |
| }
 | |
| 
 | |
| .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;
 | |
| }
 | |
| 
 | |
| /* Styles limited to foundryvtt-reve-de-dragon sheets */
 | |
| .foundryvtt-reve-de-dragon .item-form {
 | |
|   font-family: "Roboto", sans-serif;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .sheet-header {
 | |
|   -webkit-box-flex: 0;
 | |
|   -ms-flex: 0 0 210px;
 | |
|   flex: 0 0 210px;
 | |
|   overflow: hidden;
 | |
|   display: -webkit-box;
 | |
|   display: -ms-flexbox;
 | |
|   display: flex;
 | |
|   -webkit-box-orient: horizontal;
 | |
|   -webkit-box-direction: normal;
 | |
|   -ms-flex-direction: row;
 | |
|   flex-direction: row;
 | |
|   -ms-flex-wrap: wrap;
 | |
|   flex-wrap: wrap;
 | |
|   -webkit-box-pack: start;
 | |
|   -ms-flex-pack: start;
 | |
|   justify-content: flex-start;
 | |
|   margin-bottom: 10px;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .sheet-header .profile-img {
 | |
|   -webkit-box-flex: 0;
 | |
|   -ms-flex: 0 0 128px;
 | |
|   flex: 0 0 128px;
 | |
|   height: 128px;
 | |
|   width: 128px;
 | |
|   margin-right: 10px;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .sheet-header .header-fields {
 | |
|   -webkit-box-flex: 1;
 | |
|   -ms-flex: 1;
 | |
|   flex: 1;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .sheet-header h1.charname {
 | |
|   height: 50px;
 | |
|   padding: 0px;
 | |
|   margin: 5px 0;
 | |
|   border-bottom: 0;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .sheet-header h1.charname input {
 | |
|   width: 100%;
 | |
|   height: 100%;
 | |
|   margin: 0;
 | |
| }
 | |
| 
 | |
| .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%;
 | |
| }
 | |
| 
 | |
| .editor {
 | |
|   margin: 0;
 | |
|   overflow: hidden;
 | |
|   min-height: calc(100% - 225px) !important;
 | |
|   height: calc(100% - 225px) !important;
 | |
|   max-height: calc(100% - 225px) !important;
 | |
| }
 | |
| .editor-content {
 | |
|     padding: 5px;
 | |
|     margin: 0;
 | |
|     overflow: auto;
 | |
|     height: 100% !important;
 | |
|     min-height: 100% !important;
 | |
|     max-height: 100% !important;
 | |
| }
 | |
| 
 | |
| .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;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .tabs {
 | |
|   height: 40px;
 | |
|   border-top: 1px solid #AAA;
 | |
|   border-bottom: 1px solid #AAA;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .tabs .item {
 | |
|   line-height: 40px;
 | |
|   font-weight: bold;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .tabs .item.active {
 | |
|   text-decoration: underline;
 | |
|   text-shadow: none;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list {
 | |
|   list-style: none;
 | |
|   margin: 7px 0;
 | |
|   padding: 0;
 | |
|   overflow-y: auto;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item-header {
 | |
|   font-weight: bold;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item {
 | |
|   height: 30px;
 | |
|   line-height: 24px;
 | |
|   padding: 3px 0;
 | |
|   border-bottom: 1px solid #BBB;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item .item-image {
 | |
|   -webkit-box-flex: 0;
 | |
|   -ms-flex: 0 0 24px;
 | |
|   flex: 0 0 24px;
 | |
|   margin-right: 5px;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item img {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item-name {
 | |
|   margin: 0;
 | |
| }
 | |
| 
 | |
| .foundryvtt-reve-de-dragon .items-list .item-controls {
 | |
|   -webkit-box-flex: 0;
 | |
|   -ms-flex: 0 0 86px;
 | |
|   flex: 0 0 86px;
 | |
|   text-align: right;
 | |
| }
 | |
| 
 | |
| .rdddialog {
 | |
|   width: 600px;
 | |
|   height: 430px;
 | |
| }
 | |
| 
 | |
| .table-resolution-carac {
 | |
|   background-color: yellow;
 | |
| }
 | |
| 
 | |
| .table-resolution-target {
 | |
|   font-weight: bold;
 | |
|   background-color: lightblue;
 | |
| }
 | |
| 
 | |
| /* ======================================== */
 | |
| /* Global UI elements  */
 | |
| select {
 | |
|   font-family: "GoudyAcc", sans-serif;
 | |
| }
 | |
| button {
 | |
|   font-family: "GoudyAcc", sans-serif;
 | |
| }
 | |
| 
 | |
| /* ======================================== */
 | |
| .sheet-competence-img {
 | |
|   width: 24px;
 | |
|   height: 24px;
 | |
|   flex-grow: 0;
 | |
|   margin-right: 4px;
 | |
| }
 | |
| .competence-column {
 | |
|   flex-direction: column;
 | |
|   align-content: flex-start;
 | |
|   justify-content: flex-start;
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 1;
 | |
| }
 | |
| .competence-header {
 | |
|   align-content: flex-start;
 | |
|   justify-content: flex-start;
 | |
|   font-weight: bold;
 | |
|   flex-grow: 0;
 | |
| }
 | |
| .competence-label,
 | |
| .description-label {
 | |
|   flex-grow: 2;
 | |
| }
 | |
| .attribut-value,
 | |
| .sante-value,
 | |
| .competence-value {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 64px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .description-value {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 128px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .competence-xp {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 64px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .blessures-title { 
 | |
|   font-weight: bold;
 | |
| }
 | |
| .blessure-data {
 | |
|   flex-direction: row;
 | |
|   align-content: flex-start;
 | |
|   justify-content: flex-start;
 | |
| }
 | |
| .blessures-soins {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 32px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .blessures-loc {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 96px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .pointsreve-value {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 64px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| .input-sante-header,
 | |
| .stress-style {
 | |
|   flex-grow: 0;
 | |
|   flex-basis: 64px;
 | |
|   margin-right: 4px;
 | |
|   margin-left: 4px;
 | |
| }
 | |
| 
 | |
| /* ======================================== */
 | |
| .item-checkbox {
 | |
|   height: 25px;
 | |
|   border: 1px solid #736953a6;
 | |
|   border-left: none;
 | |
|   font-family: CaslonPro;
 | |
|   font-weight: 500;
 | |
|   font-size: 14px;
 | |
|   color: black;
 | |
|   padding-top: 5px;
 | |
|   margin-right: 0px;
 | |
|   width: 45px;
 | |
|   position: relative;
 | |
|   left: 0px;
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| /* ======================================== */
 | |
| /* Fatigue CSS */
 | |
| .table-fatigue {
 | |
|   table-layout: fixed;
 | |
| }
 | |
| .table-fatigue td {
 | |
|   table-layout: fixed;
 | |
|   width: 4px;
 | |
|   height: 4px;
 | |
| }
 | |
| .table-fatigue .fatigue-used {
 | |
|   background-color: DarkRed;
 | |
|   border: 1px solid #999;
 | |
| }
 | |
| .table-fatigue .fatigue-none {
 | |
|   background-color: black;
 | |
|   border: 1px solid #999;
 | |
| }
 | |
| .table-fatigue .fatigue-free {
 | |
|   border: 1px solid #999;
 | |
| }
 | |
| .table-fatigue .fatigue-malus {
 | |
|   font-size:8px;
 | |
| }
 | |
|  .flex-fatigue  {
 | |
|   flex-grow: 2;
 | |
| }
 | |
| 
 | |
| /* ======================================== */
 | |
| /* Sidebar CSS */
 | |
| #sidebar-tabs > .item.active {
 | |
|     color: #FFF;
 | |
|     border: 1px solid red;
 | |
|     box-shadow: 0 0 6px inset #ff6400;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-comments::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-comments {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_chat.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-fist-raised::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-fist-raised {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_fight.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-users::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-users {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_actor.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-map::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-map {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_scene.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-suitcase::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-suitcase {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_item.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-book-open::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-book-open {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_journal.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-th-list::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-th-list {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_rolltable.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-music::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-music {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_music.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-atlas::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-atlas {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_compendium.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-cogs::before {
 | |
|     content: "";
 | |
| }
 | |
| #sidebar #sidebar-tabs i.fa-cogs {
 | |
|     content: "";
 | |
|     background-image: url("ui/icon_sidebar_settings.png") !important;
 | |
|     width: 25px !important;
 | |
|     height: 25px !important;
 | |
|     display: inline-block !important;
 | |
|     background-position:center !important;
 | |
|     background-size:cover !important;
 | |
| }
 | |
| 
 | |
| /*--------------------------------------------------------------------------*/
 | |
| /* CALENDAR STUFF */
 | |
| #calendar-time-container{
 | |
| 	position: absolute;
 | |
| 	bottom: 75px;
 | |
| 	left: 223px;
 | |
| 	display: block;
 | |
| }
 | |
| #calendar{
 | |
| min-width: 150px;
 | |
| grid-row: 1;
 | |
| grid-column: 1;
 | |
| width: fit-content;
 | |
| height: 75px;
 | |
| margin: 0;
 | |
| padding: 0;
 | |
| border: 1px solid #000;
 | |
| border-radius: 3%;
 | |
| background: rgba(0, 0, 0, 0.5);
 | |
| }
 | |
| #calendar-hdr{
 | |
| 	display: grid;
 | |
| 	font-size: 16px;
 | |
| 	margin: 3px;
 | |
| 	padding: 4px;
 | |
| 	text-align: center;
 | |
| 	height: 25px;
 | |
| 	width: fit-content;
 | |
| 	min-width: 200px;
 | |
| 	border-bottom: 1px solid #111;
 | |
| }
 | |
| #calendar-date{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 2;
 | |
| 	float: left;
 | |
| 	text-align: center;
 | |
| 	padding-top: 0px;
 | |
| 	padding-bottom: 0px;
 | |
| 	margin-bottom: 5px;
 | |
| 	color: #CCC;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-date,
 | |
| #calendar-date-num {
 | |
| 	transition: 0.2s;
 | |
| }
 | |
| #calendar-date-num {
 | |
| 	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;
 | |
| }
 | |
| 
 | |
| #calendar-hdr:hover #calendar-date {
 | |
| 	opacity: 0;
 | |
| }
 | |
| #calendar-hdr:hover #calendar-date-num{
 | |
| 	opacity: 1;
 | |
| }
 | |
| #calendar-events{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 1;
 | |
| 	float: left; 
 | |
| 	margin-right: 5px;
 | |
| 	width: 10%;
 | |
| 	text-align: center; 
 | |
| }
 | |
| #calendar-events:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-weather{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 3;
 | |
| 	float: inline-end; 
 | |
| 	margin-left: 5px;
 | |
| 	width: 10%;
 | |
| 	text-align: center; 
 | |
| }
 | |
| #calendar-weather:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| .calendar-container{
 | |
| 	padding-top: 3px;
 | |
| 	padding-bottom: 20px;
 | |
| }
 | |
| .calendar-btn-container-left{
 | |
| 	width: 20%;
 | |
| 	display: grid;
 | |
| 	float: left;
 | |
| 	margin: 2px;
 | |
| 	grid-row-gap: 3px;
 | |
| }
 | |
| .calendar-btn-container-right{
 | |
| 	width: 20%;
 | |
| 	display: grid;
 | |
| 	float: right;
 | |
| 	margin: 2px;
 | |
| 	grid-row-gap: 3px;
 | |
| }
 | |
| #calendar-btn-sec{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 1;
 | |
| 	margin: auto;
 | |
| 	color: rgba(0, 0, 0, 0.5);
 | |
| 	cursor: not-allowed;
 | |
| }
 | |
| 
 | |
| #calendar-btn-halfMin{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 2;
 | |
| 	margin: auto;
 | |
| 	color: rgba(0, 0, 0, 0.5);
 | |
| 	cursor: not-allowed;
 | |
| }
 | |
| #calendar-btn-min{
 | |
| 	grid-row: 2;
 | |
| 	grid-column: 1;
 | |
| 	margin-left: 10px;
 | |
| }
 | |
| 
 | |
| #calendar-btn-fiveMin{
 | |
| 	grid-row: 2;
 | |
| 	grid-column: 2;
 | |
| 	margin-left: 10px;
 | |
| }
 | |
| 
 | |
| #calendar-btn-night{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 1;
 | |
| 	height: fit-content;
 | |
| 	text-align: center; 
 | |
| 	vertical-align: center;
 | |
| }
 | |
| 
 | |
| #calendar-btn-day{
 | |
| 	grid-row: 1;
 | |
| 	grid-column: 2;
 | |
| 	height: fit-content;
 | |
| 	text-align: center; 
 | |
| 	vertical-align: center;
 | |
| }
 | |
| 
 | |
| #calendar-btn-quick{
 | |
| 	grid-row: 2;
 | |
| 	grid-column: 1;
 | |
| 	height: fit-content;
 | |
| 	text-align: center; 
 | |
| 	vertical-align: center;
 | |
| }
 | |
| 
 | |
| #calendar-btn-long{
 | |
| 	grid-row: 2;
 | |
| 	grid-column: 2;
 | |
| 	height: fit-content;
 | |
| 	text-align: center; 
 | |
| 	vertical-align: center;
 | |
| }
 | |
| 
 | |
| #calendar-btn-sec:hover {
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: not-allowed;
 | |
| }
 | |
| 
 | |
| #calendar-btn-halfMin:hover {
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: not-allowed;
 | |
| }
 | |
| 
 | |
| #calendar-btn-min:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-btn-fiveMin:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-btn-quick:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-btn-long:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-btn-day:hover {
 | |
| 	color: #FFF;
 | |
| 	border: 0px solid #000;
 | |
| 	cursor: pointer;
 | |
| }
 | |
| 
 | |
| #calendar-btn-night:hover{
 | |
| 	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;
 | |
| }
 | |
| #calendar-weekday{
 | |
| 	grid-column: 1;
 | |
| 	grid-row: 1;
 | |
| 	text-align: center; 
 | |
| 	margin: auto;
 | |
| 	border-bottom: 1px solid #111;
 | |
| }
 | |
| .calendar-time{
 | |
| 	grid-column: 1;
 | |
| 	grid-row: 2;
 | |
| 	text-align: center; 
 | |
| 	margin: auto;
 | |
| 	cursor: pointer;
 | |
| 	display: inline-flex;
 | |
| }
 | |
| .calendar-time-disp{
 | |
| 	position: relative;
 | |
| 	bottom: 6px;
 | |
| }
 |