event.css 3.4 KB

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