Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
Show First 20 Lines • Show All 145 Lines • ▼ Show 20 Lines | |||||
.phui-calendar-event-empty { | .phui-calendar-event-empty { | ||||
border-color: transparent; | border-color: transparent; | ||||
background: transparent; | background: transparent; | ||||
} | } | ||||
.phui-calendar-view .phui-calendar-list { | .phui-calendar-view .phui-calendar-list { | ||||
padding: 1px; | padding: 1px; | ||||
width: auto; | |||||
} | } | ||||
.phui-calendar-list-item.all-day span { | .phui-calendar-list-item.all-day span { | ||||
padding: 0; | padding: 0; | ||||
margin: 0; | margin: 0; | ||||
} | } | ||||
.phui-calendar-view .phui-calendar-list li.phui-calendar-list-item.all-day { | .phui-calendar-view .phui-calendar-list li.phui-calendar-list-item.all-day { | ||||
height: 20px; | height: 20px; | ||||
margin: 0; | |||||
padding: 4px 4px 0px 4px; | |||||
background-color: {$darkgreybackground}; | background-color: {$darkgreybackground}; | ||||
display: block; | display: block; | ||||
float: none; | float: none; | ||||
} | } | ||||
.phui-calendar-view | .phui-calendar-view | ||||
.phui-calendar-list | .phui-calendar-list | ||||
li.phui-calendar-viewer-invited.all-day { | li.phui-calendar-viewer-invited.all-day { | ||||
background-color: {$lightgreen}; | background-color: {$lightgreen}; | ||||
} | } | ||||
li.phui-calendar-list-item.all-day:first-child { | .phui-calendar-view .phui-calendar-list li { | ||||
margin-top: 0; | padding: 0px 4px; | ||||
} | } | ||||
.phui-calendar-view .phui-calendar-list li { | .phui-calendar-view .phui-calendar-list li a { | ||||
margin: 0 8px; | display: block; | ||||
overflow: hidden; | |||||
position: relative; | |||||
} | } | ||||
.phui-calendar-view .phui-calendar-list li:first-child { | .phui-calendar-view li.phui-calendar-list-item { | ||||
margin-top: 8px; | white-space: nowrap; | ||||
width: auto; | |||||
} | } | ||||
.phui-calendar-view .phui-calendar-list-dot { | .phui-calendar-view .phui-calendar-list-dot { | ||||
position: relative; | position: relative; | ||||
display: inline-block; | display: block; | ||||
float: left; | float: left; | ||||
width: 3px; | width: 3px; | ||||
height: 3px; | height: 3px; | ||||
margin-right: 4px; | margin-right: 4px; | ||||
border-radius: 10px; | border-radius: 10px; | ||||
top: 5px; | top: 5px; | ||||
left: 0; | left: 0; | ||||
display: none; | display: none; | ||||
} | } | ||||
.phui-calendar-view li.phui-calendar-list-item { | |||||
padding: 0; | |||||
} | |||||
.phui-calendar-view li.phui-calendar-list-item .phui-calendar-list-title { | .phui-calendar-view li.phui-calendar-list-item .phui-calendar-list-title { | ||||
position: relative; | width: auto; | ||||
/*float: right;*/ | position: absolute; | ||||
display: inline-block; | right: 0; | ||||
width: 120px; | left: 60px; | ||||
padding: 0; | |||||
line-height: 18px; | |||||
vertical-align: center; | |||||
} | |||||
li.phui-calendar-list-item .phui-calendar-list-title a { | |||||
padding: 0; | |||||
vertical-align: top; | |||||
line-height: 16px; | |||||
overflow: hidden; | |||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
} | } | ||||
li.phui-calendar-list-item.all-day .phui-calendar-list-title a{ | li.all-day { | ||||
color: {$greytext}; | line-height: 18px; | ||||
margin: 0; | |||||
padding: 0; | |||||
} | |||||
li.phui-calendar-viewer-invited.all-day .phui-calendar-list-title a{ | |||||
color: {$green}; | |||||
} | } | ||||
.phui-calendar-view li.phui-calendar-list-item .phui-calendar-list-time { | .phui-calendar-view li.phui-calendar-list-item .phui-calendar-list-time { | ||||
position: relative; | position: relative; | ||||
display: inline-block; | display: inline-block; | ||||
float: left; | float: left; | ||||
padding: 0; | padding: 0; | ||||
line-height: 18px; | line-height: 18px; | ||||
width: 60px; | width: 60px; | ||||
color: {$lightgreytext}; | color: {$lightgreytext}; | ||||
text-align: left; | text-align: left; | ||||
} | } | ||||
li.phui-calendar-list-item.all-day .phui-calendar-list-time{ | |||||
margin: 0 0 0 4px; | |||||
} |