view/theme/frio/css/mod_events.css

   1 /**
   2  * @file view/theme/frio/css/mod_event.css
   3  */
   4
   5 /**
   6  * The different views of js fullcalendar
   7  */
   8 #fc-header {
   9     margin-top: 20px;
  10     margin-bottom: 10px;
  11 }
  12 #fc-header-left,
  13 #fc-header-right,
  14 #event-calendar-title {
  15     display: inline-block;
  16 }
  17 #fc-title {
  18     margin: 0;
  19     padding-left: 20px;
  20
  21 }
  22 #fc-header-right {
  23     margin-top: -4px;
  24 }
  25 #event-calendar-title {
  26     vertical-align: middle;
  27 }
  28 #event-calendar-views {
  29     padding: 6px 9px;
  30     font-size: 14px
  31 }
  32 .fc .fc-toolbar {
  33     display: none;
  34 }
  35 .fc .fc-month-view td.fc-widget-content,
  36 .fc .fc-list-view,
  37 .fc .fc-list-view .fc-list-table td,
  38 .fc .fc-body td {
  39     border-style: none;
  40 }
  41 .fc td.fc-widget-header,
  42 .fc th.fc-widget-header {
  43     border-left: none;
  44     border-right: none;
  45     border-top: none;
  46 }
  47 .fc .fc-month-view td.fc-day {
  48     border-left: none;
  49     border-right: none;
  50     border-bottom: 1px solid;
  51     padding: 0 6px;
  52 }
  53 .fc .fc-day-grid-container .fc-row {
  54     border-bottom: 1px solid;
  55     border-color: #ddd;
  56 }
  57 .fc .fc-day-grid-event .fc-content {
  58     /*white-space: normal;*/
  59 }
  60 .fc tr td.fc-today {
  61     border-style: none;
  62 }
  63 .fc .fc-month-view .fc-content .fc-title .item-desc {
  64     font-size: 11px;
  65 }
  66 .fc .fc-view-container {
  67     margin-top: 25px;
  68 }
  69 .fc .fc-list-view td {
  70     padding: 0;
  71 }
  72 #events-calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  73     float: left;
  74     font-size: 12px;
  75 }
  76 .fc .fc-event {
  77     background-color: transparent;
  78     background-color: #E3F2FD;
  79     border: 1px solid #BBDEFB;
  80     color: #555;
  81 }
  82 .fc .fc-month-view .fc-time,
  83 .fc .fc-listMonth-view .fc-list-item-time,
  84 .fc .fc-listMonth-view .fc-list-item-marker,
  85 .fc .fc-listMonth-view .fc-widget-header {
  86     display: none;
  87 }
  88 .fc .fc-listMonth-view .fc-list-item:hover td {
  89     background: transparent;
  90     cursor: pointer;
  91 }
  92 .fc .fc-listMonth-view .seperator {
  93     margin-left: 30px;
  94     width: 60px;
  95 }
  96
  97
  98
  99 /**
 100  * The event-card
 101  */
 102 .event-card {
 103         width: auto;
 104 }
 105 .event-card .event-label,
 106 .event-card .location-label {
 107     font-weight: bold;
 108 }
 109 .popover.event-card .event-card-basic-content {
 110     margin-top: 0;
 111     padding: 9px;
 112     padding-left: 0px;
 113 }
 114 .event-card .event-hover-left-date {
 115     width: 60px;
 116 }
 117 .event-card .event-date-wrapper.medium > span {
 118     display: block;
 119     overflow: hidden;
 120     text-align: center;
 121     white-space: nowrap;
 122 }
 123 .event-card .event-date-wrapper.medium .event-hover-short-month {
 124     font-size: 13px;
 125     text-transform: uppercase;
 126 }
 127 .event-card .event-date-wrapper.medium .event-hover-short-date {
 128     font-size: 24px;
 129     line-height: 28px;
 130     margin-top: 2px;
 131 }
 132
 133 .event-card .event-card-basic-content .event-card-content {
 134     width: 100%;
 135     padding: 0 5px 0 15px;
 136     box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
 137 }
 138 .event-card .event-hover-title {
 139     font-size: 14px;
 140     color: #555;
 141     line-height: 15px;
 142     font-weight: bold;
 143 }
 144 .event-card .event-hover-location {
 145     margin-top: 10px;
 146     font-size: 13px;
 147 }
 148 .event-card .event-hover-location .location {
 149     color: #777;
 150     font-size: 13px;
 151 }