223 lines
4.6 KiB
CSS
223 lines
4.6 KiB
CSS
/**
|
|
* Public facing CSS file
|
|
*
|
|
* @package GCE
|
|
* @author Phil Derksen <pderksen@gmail.com>, Nick Young <mycorpweb@gmail.com>
|
|
* @license GPL-2.0+
|
|
* @copyright 2014 Phil Derksen
|
|
*/
|
|
|
|
/* PAGE GRID */
|
|
|
|
.gce-page-grid .gce-calendar .gce-caption{ /* Caption at top of calendar */
|
|
color:#333333;
|
|
text-align:center;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar{ /* Main calendar table */
|
|
width:100%;
|
|
border-collapse:collapse;
|
|
border:1px solid #CCCCCC;
|
|
color:#CCCCCC;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar th{ /* Day headings (S, M etc.) */
|
|
border:1px solid #CCCCCC;
|
|
text-align:center;
|
|
width:14.29%;
|
|
padding:0;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar td{ /* Day table cells */
|
|
border:1px solid #CCCCCC;
|
|
text-align:center;
|
|
height:80px;
|
|
vertical-align:middle;
|
|
padding:0;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-has-events{ /* Table cells with events */
|
|
color:#333333;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-event-info{ /* Event information */
|
|
display:none; /* Important! */
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-day-number{ /* Day number span */
|
|
font-size:2em;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-today{ /* Table cell that represents today */
|
|
background-color:#DDDDDD;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-next,
|
|
.gce-page-grid .gce-calendar .gce-prev{ /* Previous and next month links */
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
width:5%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-prev{
|
|
float: left;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar .gce-month-title{ /* Month title */
|
|
display:inline-block;
|
|
width:80%;
|
|
}
|
|
|
|
.gce-page-grid .gce-calendar th abbr{ /* Day letter abbreviation */
|
|
border-bottom:none;
|
|
}
|
|
|
|
/* PAGE LIST */
|
|
|
|
.gce-page-list .gce-list p{ /* Each piece of information in the list */
|
|
margin:0;
|
|
}
|
|
|
|
.gce-page-list .gce-list p span,
|
|
.gce-page-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
|
|
color:#999999;
|
|
}
|
|
|
|
.gce-page-list .gce-list .gce-list-event{ /* The event title */
|
|
background-color:#DDDDDD;
|
|
}
|
|
|
|
.gce-page-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
|
|
font-weight:bold;
|
|
}
|
|
|
|
.gce-page-list .gce-list ul{
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
/* WIDGET GRID */
|
|
|
|
.gce-widget-grid .gce-calendar .gce-caption{
|
|
text-align:center;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar{ /* Main calendar table */
|
|
width:100%;
|
|
border:1px solid #CCCCCC;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar th{ /* Day headings (S, M etc.) */
|
|
width:14.29%;
|
|
border:1px solid #CCCCCC;
|
|
text-align:center;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar td{ /* Day table cells */
|
|
color:#CCCCCC;
|
|
width:14.29%;
|
|
border:1px solid #CCCCCC;
|
|
text-align:center;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-has-events{ /* Table cells with events */
|
|
cursor:pointer;
|
|
color:#666666;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-today{ /* Table cell that represents today */
|
|
background-color:#DDDDDD;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-event-info{ /* Event information */
|
|
display:none; /* Important! */
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-next,
|
|
.gce-widget-grid .gce-calendar .gce-prev{ /* Prev and next month links */
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
width:5%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-prev{
|
|
float: left;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar .gce-month-title{ /* Month title in caption at top of table */
|
|
display:inline-block;
|
|
width:80%;
|
|
}
|
|
|
|
.gce-widget-grid .gce-calendar th abbr{ /* Day name abbreviations */
|
|
border-bottom:none;
|
|
}
|
|
|
|
/* WIDGET LIST */
|
|
|
|
.gce-widget-list .gce-list p{ /* Each piece of information in the list */
|
|
margin:0;
|
|
}
|
|
|
|
.gce-widget-list .gce-list p span,
|
|
.gce-widget-list .gce-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
|
|
color:#999999;
|
|
}
|
|
|
|
.gce-widget-list .gce-list .gce-list-event{ /* The event title */
|
|
background-color:#DDDDDD;
|
|
}
|
|
|
|
.gce-widget-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
|
|
font-weight:bold;
|
|
}
|
|
|
|
.gce-widget-list .gce-list ul{
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
/* TOOLTIP */
|
|
|
|
.gce-event-info{ /* Tooltip container */
|
|
background-color:#FFFFFF;
|
|
border:1px solid #333333;
|
|
max-width:300px;
|
|
}
|
|
|
|
.gce-event-info .gce-tooltip-title{ /* 'Events on...' text */
|
|
margin:5px;
|
|
font-weight:bold;
|
|
font-size:1.2em;
|
|
}
|
|
|
|
.gce-event-info ul{ /* Events list */
|
|
padding:0;
|
|
margin:5px;
|
|
list-style-type:none;
|
|
}
|
|
|
|
.gce-event-info ul li{ /* Event list item */
|
|
margin:10px 0 0 0;
|
|
}
|
|
|
|
.gce-event-info ul li p{ /* Each piece of information */
|
|
margin:0;
|
|
}
|
|
|
|
.gce-event-info ul li p span,
|
|
.gce-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */
|
|
color:#999999;
|
|
}
|
|
|
|
.gce-event-info .gce-tooltip-event{ /* The event title */
|
|
background-color:#DDDDDD;
|
|
font-weight:bold;
|
|
}
|