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