This repository has been archived on 2024-03-16. You can view files and clone it, but cannot push or open issues or pull requests.
orbit-4-1/public/stylesheets/event_calendar.css

237 lines
3.7 KiB
CSS
Raw Normal View History

2012-09-12 06:20:32 +00:00
/*
Event Calendar stylesheet
Colors:
#d5d5d5 - border (gray)
#303030 - day names bg (gray)
#444 - number (gray)
#ecede2 - day header bg (light tan)
##d7d7ba - today header bg (tan)
#ffffdd - today bg light (yellow)
#777 - other month number (gray)
#efefef - other month day header (gray)
#2eac6a - hover (green)
*/
/* Outer most container */
.ec-calendar {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 0;
border-bottom: 1px solid #d5d5d5;
}
/* Month name header & links */
.ec-calendar-header {
padding: 5px 0;
width: 100%;
table-layout: fixed;
}
.ec-month-name {
font-size: 16px;
font-weight: bold;
}
.ec-month-nav {
}
/* Containers */
.ec-body {
position: relative;
border-right: 1px solid #303030;
white-space: nowrap;
}
/* Day names */
.ec-day-names {
position: absolute;
top: 0;
left: 0;
width: 100%;
table-layout: fixed;
padding: 2px 0;
background: #303030;
color: white;
}
.ec-day-name {
font-weight: normal;
}
/* Rows container and Row */
.ec-rows {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: white;
overflow: hidden;
border-right: 1px solid #d5d5d5;
}
.ec-row {
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
}
/* Background */
.ec-row-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
table-layout: fixed;
}
.ec-day-bg {
border-left: 1px solid #d5d5d5;
}
.ec-today-bg {
background-color: #ffffdd;
}
.ec-row-table {
position: relative;
width: 100%;
table-layout: fixed;
}
/* Day header */
.ec-day-header {
color: #444;
text-align: right;
padding: 0 5px;
line-height: 16px;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-bottom: 1px dotted #bbbbbb;
background-color: #ecede2;
overflow: hidden;
}
a.ec-day-link {
color: #444;
}
.ec-today-header {
background-color: #d7d7ba;
}
.ec-weekend-day-header {
}
.ec-other-month-header {
background-color: #efefef;
color: #777;
}
.ec-other-month-bg {
}
/* Event cell and container */
.ec-event-cell {
cursor: pointer;
vertical-align: top;
padding-right: 1px;
padding-left: 2px;
}
.ec-event-cell a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.ec-no-event-cell {
cursor: default;
}
.ec-event {
color: white;
padding-right: 1px;
padding-left: 11px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
overflow: hidden;
white-space: nowrap;
}
.ec-event :hover {
/* doesn't look as good as js highlighting */
/* background-color: #2eac6a; */
}
.ec-event-bg a {
color: white;
}
/* used to distinguish non-all_day events */
.ec-event-no-bg {
position: relative;
/* padding-left: 5px; */
}
.ec-event-no-bg a {
/* isn't implemented in all browsers */
color: inherit;
}
.ec-event-time {
font-size: 85%;
font-weight: bold;
padding-right: 3px;
}
/* Left and right arrows */
/* Doesn't work in IE6, use bg images instead */
.ec-left-arrow, .ec-right-arrow {
position: relative;
top: 3px;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
margin-bottom: -8px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.ec-left-arrow {
margin-left: -7px;
margin-right: auto;
border-right: 4px solid white;
}
.ec-right-arrow {
margin-left: auto;
margin-right: 3px;
border-left: 4px solid white;
}
/* remove this to not have a bullet */
/* don't look as good in ie */
.ec-bullet {
position: absolute;
top: 7px;
width: 4px;
height: 4px;
margin-left: -7px;
margin-right: auto;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
}