/src/css/agenda.css
CSS | 155 lines | 108 code | 37 blank | 10 comment | 0 complexity | 731fd436ad4176d1634e93fc53fe2595 MD5 | raw file
1 2/* Agenda Week View, Agenda Day View 3------------------------------------------------------------------------*/ 4 5.fc .fc-agenda th, 6.fc .fc-agenda td { 7 border-width: 1px 0 0 1px; 8 } 9 10.fc .fc-agenda .fc-leftmost { 11 border-left: 0; 12 } 13 14.fc-agenda tr.fc-first th, 15.fc-agenda tr.fc-first td { 16 border-top: 0; 17 } 18 19.fc-agenda-head tr.fc-last th { 20 border-bottom-width: 1px; 21 } 22 23.fc .fc-agenda-head td, 24.fc .fc-agenda-body td { 25 background: none; 26 } 27 28.fc-agenda-head th { 29 text-align: center; 30 } 31 32/* the time axis running down the left side */ 33 34.fc-agenda .fc-axis { 35 width: 50px; 36 padding: 0 4px; 37 vertical-align: middle; 38 white-space: nowrap; 39 text-align: right; 40 font-weight: normal; 41 } 42 43/* all-day event cells at top */ 44 45.fc-agenda-head tr.fc-all-day th { 46 height: 35px; 47 } 48 49.fc-agenda-head td { 50 padding-bottom: 10px; 51 } 52 53.fc .fc-divider div { 54 font-size: 1px; /* for IE6/7 */ 55 height: 2px; 56 } 57 58.fc .fc-divider .fc-state-default { 59 background: #eee; /* color for divider between all-day and time-slot events */ 60 } 61 62/* body styles */ 63 64.fc .fc-agenda-body td div { 65 height: 20px; /* slot height */ 66 } 67 68.fc .fc-agenda-body tr.fc-minor th, 69.fc .fc-agenda-body tr.fc-minor td { 70 border-top-style: dotted; 71 } 72 73.fc-agenda .fc-day-content { 74 padding: 2px 2px 0; /* distance between events and day edges */ 75 } 76 77 78 79/* Vertical Events 80------------------------------------------------------------------------*/ 81 82.fc-event-vert { 83 border-width: 0 1px; 84 } 85 86.fc-event-vert a { 87 border-width: 0; 88 } 89 90/* for fake rounded corners */ 91 92.fc-content .fc-corner-top { 93 margin-top: 1px; 94 } 95 96.fc-content .fc-corner-top a { 97 margin-top: -1px; 98 border-top-width: 1px; 99 } 100 101.fc-content .fc-corner-bottom { 102 margin-bottom: 1px; 103 } 104 105.fc-content .fc-corner-bottom a { 106 margin-bottom: -1px; 107 border-bottom-width: 1px; 108 } 109 110/* event content */ 111 112.fc-event-vert span { 113 display: block; 114 position: relative; 115 z-index: 2; 116 } 117 118.fc-event-vert span.fc-event-time { 119 white-space: nowrap; 120 _white-space: normal; 121 overflow: hidden; 122 border: 0; 123 font-size: 10px; 124 } 125 126.fc-event-vert span.fc-event-title { 127 line-height: 13px; 128 } 129 130.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ 131 position: absolute; 132 z-index: 1; 133 top: 0; 134 left: 0; 135 width: 100%; 136 height: 100%; 137 background: #fff; 138 opacity: .3; 139 filter: alpha(opacity=30); /* for IE */ 140 } 141 142/* resizable */ 143 144.fc-event-vert .ui-resizable-s { 145 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ 146 width: 100% !important; 147 height: 8px !important; 148 line-height: 8px !important; 149 font-size: 11px !important; 150 font-family: monospace; 151 text-align: center; 152 cursor: s-resize; 153 } 154 155