220 lines
4.1 KiB
CSS
220 lines
4.1 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
|
|
*/
|
|
|
|
/* Base line-height for all views & tooltip */
|
|
|
|
.gce-page-grid,
|
|
.gce-page-list,
|
|
.gce-widget-grid,
|
|
.gce-widget-list,
|
|
.gce-event-info {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Month & list titles for all views */
|
|
|
|
.gce-month-title,
|
|
.gce-list-title {
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
/* Event titles with shaded background for all views */
|
|
|
|
.gce-list-event,
|
|
.gce-tooltip-event {
|
|
background-color: #ddd;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
/* 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 th abbr{ /* Day letter abbreviation */
|
|
border-bottom:none;
|
|
}
|
|
|
|
/* PAGE LIST */
|
|
|
|
.gce-page-list .gce-feed {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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 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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/** Calendar navigation bar, Prev/Next links & month title. **/
|
|
|
|
.gce-navbar {
|
|
width: 100%;
|
|
text-align: center;
|
|
clear: both;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gce-next,
|
|
.gce-prev {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gce-prev {
|
|
float: left;
|
|
}
|
|
|
|
.gce-next {
|
|
float: right;
|
|
}
|
|
|
|
.gce-month-title {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Grouped List */
|
|
|
|
.gce-list-grouped .gce-feed {
|
|
margin-left: 5%;
|
|
}
|