plugins/Event/css/event.css

   1 /* Event specific styles */
   2
   3 .event-tags li { display: inline; }
   4 .event-mentions li { display: inline; }
   5 .event-avatar { float: left; }
   6 .event-notice-count { float: right; }
   7 .event-info { float: left; }
   8 .event-title { margin-left: 0px; }
   9 .ui-autocomplete {
  10     max-height: 100px;
  11     overflow-y: auto;
  12     /* prevent horizontal scrollbar */
  13     overflow-x: hidden;
  14     /* add padding to account for vertical scrollbar */
  15     padding-right: 20px;
  16 }
  17
  18 .attending-list { list-style-type: none; float: left; width: 100%; }
  19
  20 #form_event_rsvp { clear: left; }
  21
  22 li.rsvp-list { float: left; clear: left; }
  23
  24 li.rsvp-list ul.entities {
  25     display:inline;
  26 }
  27 li.rsvp-list .entities li {
  28     list-style-type: none;
  29     margin-right: 3px;
  30     margin-bottom: 8px;
  31     display: inline;
  32 }
  33 li.rsvp-list .entities li .u-photo {
  34     margin: 0 !important;
  35     float: none !important;
  36 }
  37
  38 .notice .h-event div {
  39     margin-bottom: 8px;
  40 }
  41
  42 .event-info {
  43     margin-left: 0px !important;
  44     margin-top: 2px !important;
  45 }
  46
  47 .notice .event-info + .notice-options {
  48     margin-top: 14px;
  49 }
  50
  51 .notice .threaded-replies .event-info + .notice-options {
  52     margin-top: 20px;
  53 }
  54
  55 #form_event_rsvp #new_rsvp_data {
  56     display: inline;
  57     margin: 10px 0px;
  58 }
  59
  60 #form_event_rsvp input.submit {
  61     height: auto;
  62     padding: 0px 10px;
  63     margin-left: 10px;
  64     color:#fff;
  65     font-weight: bold;
  66     text-transform: uppercase;
  67     font-size: 1.1em;
  68     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  69     border: 1px solid #d7621c;
  70     border-radius: 4px;
  71     -moz-border-radius: 4px;
  72     -webkit-border-radius: 4px;
  73     background: #FB6104;
  74     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
  75     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
  76     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
  77     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
  78     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
  79     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
  80     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
  81 }
  82
  83 #form_event_rsvp input.submit:hover {
  84     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
  85     background: #ff9d63;
  86     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
  87     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
  88     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
  89     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
  90     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
  91     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
  92     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
  93 }
  94
  95 #wrap .h-event form.processing input.submit {
  96     text-indent: 0;
  97     background: #ff9d63;
  98 }
  99
 100 #input_form_event .form_settings .form_data {
 101     float: left;
 102 }
 103
 104 #input_form_event .form_settings .form_data li {
 105     float: left;
 106     width: auto;
 107 }
 108
 109 #input_form_event .form_settings .form_data label {
 110     width: auto;
 111 }
 112
 113 label[for=event-starttime], label[for=event-endtime] {
 114     display: none !important;
 115 }
 116
 117 #event-starttime, #event-endtime {
 118     margin-top:  -1px;
 119     margin-bottom:  -1px;
 120     height: 2em;
 121 }
 122
 123 #event-startdate, #event-enddate {
 124     margin-right: 20px;
 125     width: 120px;
 126 }