aolists-webtop/public/ext/calendar/css/style.css

Web interface for aoLists

.cal-go-title{
	font-size:16px;
	margin-bottom:10px;
}

.cal-display-panel .x-toolbar table{
	float:right;
}

.cal-period .x-panel-body{
background-color:transparent !important;
padding:0 20px 0 20px;
font-weight:bold;
}

#summary-calendar-grid .x-grid3-header {
    display:none;
}


#availability_date{
font: bold 12px verdana;	
}

.availability{
border-collapse:collapse;
border:1px solid black;
}
.availability td{
	font: 10px verdana;
	border:1px solid black;
		
}

.availability_time {
	width:24px;
	text-align:center;
	font: 8px verdana;	
	border:1px solid black;
	background-color:#f1f1f1;
	
}

.time-over{
	background-color:blue !important;
	
}

.free {
border:1px solid black;
width:6px;
}

.busy {
border:1px solid black;
background-color:red;
width:6px;
}


.go-module-icon-calendar , .go-menu-icon-calendar , .go-tab-icon-calendar {
	background-image: url('images/calendar.png') !important;
}

.go-link-icon-1 {
	background-image: url('images/calendar.png') !important;
	width:16px;
	height:16px;
}

.btn-invite{
	background-image: url('images/message.png') !important;
}

.btn-one-day {
	background-image: url('images/calendar.png') !important;
}

.btn-five-days {
	background-image: url('images/5days.png') !important;
}
.btn-seven-days {
	background-image: url('images/7days.png') !important;
}

.btn-month {
	background-image: url('images/month.png') !important;
}

.btn-list {
	background-image: url('images/list.png') !important;
}

.btn-availability {
	background-image: url('images/availability.png') !important;
}


.img-available {
	background-image: url('images/available.png') !important;
	width:16px;
	height:16px;
}

.img-unavailable {
	background-image: url('images/unavailable.png') !important;
	width:16px;
	height:16px;
}

.img-unknown {
	background-image: url('images/unknown.png') !important;
	width:16px;
	height:16px;
}



.x-date-inner th {
    width:30px;
}

.x-date-picker {
border:0px;
}



a:link, a:visited, a:active{
	color:black;
	text-decoration:none;
}





/* sets the padding for panels with forms or text in it */
.cal-blue-panel .x-panel-body{
	background-color:#D0DEF0;
}


#calendarList {
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	padding:2px;
	background-color:white;
	position:relative;
	/*border-bottom:1px solid #c3daf9;*/
}

#calendarList div{
	border:1px solid white;
	display:block;
	-moz-outline:none;
	margin-bottom:2px;
	text-decoration:none;
	line-height:18px;
	cursor: default;
}

#calendarList .calendar-wrap{
	border:1px solid white;
	display:block;
	-moz-outline:none;
	padding: 2px;
	cursor: default;
}

#calendarList .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(images/row-over.gif) repeat-x left top;
	padding: 2px;
}

#calendarList .x-view-selected{
	border:1px solid #c3daf9;
	background-color:#ddecfe;
	padding: 2px;	
}




#viewList {
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	padding:2px;
	background-color:white;
	position:relative;
}

#viewList div{
	border:1px solid white;
	display:block;
	-moz-outline:none;
	margin-bottom:2px;
	text-decoration:none;
	line-height:18px;
	cursor: default;
}

#viewList .view-wrap{
	border:1px solid white;
	display:block;
	-moz-outline:none;
	padding: 2px;
	cursor: default;
}

#viewList .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(images/row-over.gif) repeat-x left top;
	padding: 2px;
}

#viewList .x-view-selected{
	border:1px solid #c3daf9;
	background-color:#ddecfe;
	padding: 2px;
	
}
















.x-calGrid-panel .x-panel-body{
background-color: #F1F1F1 !important;
}


.x-calGrid-table{
	border-collapse: collapse;
	cursor:default;
}

.x-calGrid-blankRow{
	border-top:1px dotted #f1f1f1;
	border-right:3px double #DDDDDD;
	height:20px;
	background-color:#fff;
}

.x-calGrid-hourRow{
	border-top:1px solid #DDDDDD;
	border-right:3px double #DDDDDD;
	height:20px;
	background-color:#fff;
}

.x-calGrid-halfhourRow{
	border-top:1px dotted #DDDDDD;
	border-right:3px double #DDDDDD;
	height:20px;
	background-color:#fff;
}

.x-calGrid-timeHead{
	background-color:#f1f1f1;
	width:40px !important;
	height:20px;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	text-align:right;
}

.x-calGrid-selector{
	background-color:#DFE8F6;
	position:absolute;
	visibility:hidden;
	z-index:1;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.x-calGrid-event-container {
	cursor:default;	
	position:absolute;	
	border:1px solid #C3DAF9;	
	background-color:#99BBE8;
	overflow: hidden;
	font:normal 11px tahoma,arial,helvetica;
	color:#000;
	padding:1px 2px;
}

.x-calGrid-all-day-event-container {
	text-align:left;
	cursor:default;
	margin:1px;
	background-color:#ffffcc;
	border:1px solid #C3DAF9;
	padding:1px 2px;
	overflow: hidden;
}


.x-calGrid-selected {
	background-color: #B8CFEE !important;
	border: 1px solid #666666 !important;	
	z-index:1100 !important;
}

.x-calGrid-event-time{
	font-weight:bold;
}

.x-calGrid-grid-container{
	overflow:auto;
	position:relative;
	font:normal 11px arial, tahoma, helvetica, sans-serif;
}




.x-calGrid-headings-table {
	border-collapse:collapse;
	background-image:url(../../../../ext/resources/images/default/layout/panel-title-light-bg.gif);
	border-bottom:1px solid #98C0F4;	
}

.x-calGrid-heading{
	
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	vertical-align:middle;
	text-align:center;	

	color:black;
	line-height:22px;
	margin:1px;
}

.x-calGrid-heading-today{
	font-weight:bold;
}


.x-calGrid-all-day-table-container{
	overflow:auto;
}
.x-calGrid-all-day-table {
	border-collapse:collapse;
	table-layout:fixed;
	background-image:url(../../../../ext/resources/images/default/layout/panel-title-light-bg.gif);
}


.x-calGrid-all-day-first-col{
	border-right:1px solid #DDDDDD;
	background-color:#f1f1f1;
} 

.x-calGrid-all-day-container{
	height:0px;
	background-color:#f1f1f1;
	vertical-align:top;
	border-right:3px solid #f1f1f1;
	
}


.cal-monthGrid-cell{
	border-right:1px solid #c3daf9;
	border-bottom:1px solid #c3daf9;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	float:left;
}

.cal-monthgrid-week-no{
	border-right:1px solid #c3daf9;
	border-bottom:1px solid #c3daf9;
	vertical-align:top;
	background-color:#DFE8F6;
	float:left;
	text-align:center;
}

.cal-overflow-indicator{
	font-style:italic;
	position:absolute;
	padding:1px 2px;
}
.x-monthGrid-cell-current{
	background-color: #FFF7EB;
}
.x-monthGrid-cell-weekend{
	background-color: #f1f1f1;
}

.x-monthGrid-cell-today{
	background-color: #ffffcc;
}

a.x-monthGrid-cell-day-text:link, a.x-monthGrid-cell-day-text:visited,a.x-monthGrid-cell-day-text:active{
	font-size:12px;		
}
a.x-monthGrid-cell-day-text:hover{
	color: blue;
}


.x-calGrid-month-event-container {
	text-align:left;
	cursor:default;
	border:1px solid #C3DAF9;
	margin:1px;
	background-color:#ffffcc;
	overflow: hidden;
	padding:1px 2px;
}

.x-calGrid-month-event-proxy {
	text-align:left;
	cursor:default;
	border:1px solid #0000aa;
	margin:1px;
	background-color:#B8CFEE;/*#c3daf9;*/
	height:14px;
}



.x-calGrid-drag-overlay {
	/*background:white none repeat scroll 0%;*/
	display:none;
	height:100%;
	left:0pt;
	opacity:0;
	position:absolute;
	top:0pt;
	width:100%;
	z-index:2000;
}




/* start view grid */

.x-viewGrid-table{
	border-collapse: collapse;
}

.x-viewGrid-table td{
	border:1px solid #c3daf9;
	border-bottom:4px double #c3daf9;
	vertical-align:top;
	font:normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-viewGrid-calendar-name-cell {
	text-align:right;
	font-weight:bold;
	height:60px;	
	background-color:#f1f1f1;
}

.x-viewGrid-event-container {
	text-align:left;
	cursor:default;
	border:1px solid #C3DAF9;
	margin:1px;
	background-color:#ffffcc;
	padding:1px 2px;
}

.x-viewGrid-event-proxy {
	text-align:left;
	cursor:default;
	border:1px solid #0000aa;
	margin:1px;
	background-color:#B8CFEE;/*#c3daf9;*/
	height:14px;
}


/* end view grid */