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 #fc-header-right .dropdown > button {
  26     color: inherit;
  27 }
  28 #event-calendar-title {
  29     vertical-align: middle;
  30 }
  31 #event-calendar-views {
  32     padding: 6px 9px;
  33     font-size: 14px
  34 }
  35 .fc .fc-toolbar {
  36     display: none;
  37 }
  38 .fc .fc-month-view td.fc-widget-content,
  39 .fc .fc-list-view,
  40 .fc .fc-list-view .fc-list-table td,
  41 .fc .fc-body td {
  42     border-style: none;
  43 }
  44 .fc td.fc-widget-header,
  45 .fc th.fc-widget-header {
  46     border-left: none;
  47     border-right: none;
  48     border-top: none;
  49 }
  50 .fc .fc-month-view td.fc-day {
  51     border-left: none;
  52     border-right: none;
  53     border-bottom: 1px solid;
  54     padding: 0 6px;
  55 }
  56 .fc .fc-day-grid-container .fc-row {
  57     border-bottom: 1px solid;
  58     border-color: #ddd;
  59 }
  60 .fc .fc-day-grid-event .fc-content {
  61     /*white-space: normal;*/
  62 }
  63 .fc tr td.fc-today {
  64     border-style: none;
  65 }
  66 .fc .fc-month-view .fc-content .fc-title .item-desc {
  67     font-size: 11px;
  68 }
  69 .fc .fc-view-container {
  70     margin-top: 25px;
  71 }
  72 .fc .fc-list-view td {
  73     padding: 0;
  74 }
  75 #events-calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  76     float: left;
  77     font-size: 12px;
  78 }
  79 .fc .fc-event {
  80     background-color: transparent;
  81     background-color: #E3F2FD;
  82     border: 1px solid #BBDEFB;
  83     color: #555;
  84 }
  85 .fc .fc-month-view .fc-time,
  86 .fc .fc-listMonth-view .fc-list-item-time,
  87 .fc .fc-listMonth-view .fc-list-item-marker,
  88 .fc .fc-listMonth-view .fc-widget-header {
  89     display: none;
  90 }
  91 .fc .fc-listMonth-view .fc-list-item:hover td {
  92     background: transparent;
  93     cursor: pointer;
  94 }
  95 .fc .fc-listMonth-view .seperator {
  96     margin-left: 30px;
  97     width: 60px;
  98 }
  99
 100 /**
 101  * The event-card
 102  */
 103 .event-card {
 104     width: auto;
 105 }
 106 .event-card .event-label,
 107 .event-card .location-label {
 108     font-weight: bold;
 109 }
 110 .popover.event-card .event-card-basic-content {
 111     margin-top: 0;
 112     padding: 9px;
 113     padding-left: 0px;
 114 }
 115 .event-card .event-hover-location .location {
 116     color: #777;
 117     font-size: 13px;
 118 }