Difference between revisions of "Template:Event"

From Wikimedia District of Columbia
Jump to navigation Jump to search
m (Larger font for upcoming events consistent with other copy on the (future) main page)
(New design for calendar entries, free of table markup)
Line 1: Line 1:
 
{{#iferror:{{#switch:{{{mode}}}
<noinclude>
 
{|
 
|-
 
</noinclude>{{#iferror:{{#switch:{{{mode}}}
 
 
|summary={{#ifexpr:{{is upcoming|month={{{month}}}|day={{{day}}}|year={{{year}}}}}|
 
|summary={{#ifexpr:{{is upcoming|month={{{month}}}|day={{{day}}}|year={{{year}}}}}|
 
<p style="font-size:110%"><small>''{{{month}}} {{{day}}}''</small><br />
 
<p style="font-size:110%"><small>''{{{month}}} {{{day}}}''</small><br />
 
[[Upcoming events#{{{month}}} {{{day}}}|'''{{{title}}}''']]</p>}}
 
[[Upcoming events#{{{month}}} {{{day}}}|'''{{{title}}}''']]</p>}}
 
|#default={{#ifexpr:({{#switch:{{{mode}}}|upcoming=1|#default=0}} and {{is future|month={{{month}}}|day={{{day}}}|year={{{year|}}} }}) or ({{#switch:{{{mode}}}|recent=1|#default=0}} and {{is recent|month={{{month}}}|day={{{day}}}|year={{{year|}}} }}) or {{#switch:{{{mode}}}|recent|upcoming=0|#default=1}}|&nbsp;
 
|#default={{#ifexpr:({{#switch:{{{mode}}}|upcoming=1|#default=0}} and {{is future|month={{{month}}}|day={{{day}}}|year={{{year|}}} }}) or ({{#switch:{{{mode}}}|recent=1|#default=0}} and {{is recent|month={{{month}}}|day={{{day}}}|year={{{year|}}} }}) or {{#switch:{{{mode}}}|recent|upcoming=0|#default=1}}|&nbsp;
  +
<div id="calendar-entry" class="plainlinks" style="width:100%; border-top: 1px solid #BBBDBF; border-left: 1px dotted #BBBDBF; border-right: 1px dotted #BBBDBF; border-collapse:collapse; padding-bottom:1em;">
{{!}}-
 
  +
{{!}} style="vertical-align:top; background:#F4F4F4; padding-left:20px; padding-right:20px; border-top: 1px solid #BBBDBF; border-right: 1px dotted #BBBDBF;" {{!}} <h3 style="font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; border-bottom:0;">{{{month}}}&nbsp;{{{day}}}</h3>{{anchor|{{{month}}} {{{day}}}}}
 
{{!}} colspan="2" style="border-top: 1px solid #BBBDBF; padding-left:10px;" {{!}} <h3 style="font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; border-bottom:0;">{{{title}}}</h3>
+
<div id="calendar-date-tab" style="vertical-align:top; background:#F4F4F4; padding-left:1em; padding-top:0.5em; padding-bottom:0.5em;">
 
<h3 style="display:inline; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; border-bottom:0;">{{{month}}}&nbsp;{{{day}}}</h3>{{anchor|{{{month}}} {{{day}}}}}
{{!}} rowspan="3" style="border-top: 1px solid #BBBDBF; vertical-align:top; padding:10px;" {{!}} {{#ifexpr:{{is future|month={{{month}}}|day={{{day}}}|year={{{year}}}}}|{{#if:{{{rsvp-link|}}}|<div style="padding-bottom:5px;">{{button|link={{{rsvp-link}}}|label=Sign up now &raquo;|primary=yes|width=100px}}</div>}}}}{{#if:{{{info-link|}}}|{{button|link={{{info-link}}}|label=Learn more &raquo;|width=100px}}}}
 
  +
</div>
{{!}}-
 
  +
<div id="calendar-event-details" class="mobile-collapse" style="-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:30%; float:left; padding-top:1em; padding-left:2.5em;">
{{!}} rowspan="{{#if:{{{restriction|}}}|4|3}}" style="border-right: 1px dotted #BBBDBF;" {{!}}
 
  +
<h3 style="font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; border-bottom:0; margin-left:-1em;">{{{title}}}</h3>
{{!}} style="padding:5px; padding-left:10px; vertical-align:top;" {{!}} '''WHEN'''
 
  +
{{!}} style="width:100%; padding:5px; padding-left:10px;" {{!}} ''{{{dow}}}, {{{month}}} {{{day}}}, {{{year}}}''<br />''{{{time}}}''
 
  +
{{!}}-
 
  +
<div style="font-size:110%;">
{{!}} style="padding:5px; padding-left:10px; vertical-align:top;" {{!}} '''WHERE'''
 
  +
'''WHEN'''
{{!}} style="width:100%; padding:5px; padding-left:10px;" {{!}} ''{{{place}}}''{{#if:{{{address|}}}|<br />''{{{address}}}''}}
 
 
: ''{{{dow}}}, {{{month}}} {{{day}}}, {{{year}}}''<br />''{{{time}}}''
{{!}}-
 
  +
{{!}} colspan="3" style="padding:5px; padding-left:10px;" {{!}} {{#if:{{{description|}}}|{{{description}}}|''More details forthcoming!''}}
 
  +
'''WHERE'''
 
: ''{{{place}}}''{{#if:{{{address|}}}|<br />''{{{address}}}''}}
  +
</div>
  +
</div>
  +
  +
<div id="calendar-event-description" class="mobile-collapse" style="-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; float:left; right:1.5em; font-size:110%; padding-left:2.5em; padding-right:1em; padding-top:1em;">
 
{{#if:{{{description|}}}|{{{description}}}|''More details forthcoming!''}}
 
{{#if:{{{restriction|}}}|
 
{{#if:{{{restriction|}}}|
 
<span style="color:#990000; text-transform:uppercase;">'''Please note that {{{restriction}}}.'''</span>
{{!}}-
 
{{!}} colspan="3" style="padding:5px; padding-left:10px; color:#990000; text-transform:uppercase;" {{!}} '''Please note that {{{restriction}}}.'''
 
 
}}
 
}}
  +
<div id="calendar-buttons" class="mobile-collapse">
{{!}}-
 
 
{{#ifexpr:{{is future|month={{{month}}}|day={{{day}}}|year={{{year}}}}}|{{#if:{{{rsvp-link|}}}|<div style="padding-bottom:5px;">{{arrow button|external=yes|link={{{rsvp-link}}}|label=Sign up now}}</div>}}}}{{#if:{{{info-link|}}}|{{arrow button|external=yes|color=blue|link={{{info-link}}}|label=Learn more}}}}
{{!}} colspan="2" style="height:10px;" {{!}}
 
  +
</div>
  +
</div>
  +
<div style="clear:both;"></div>
  +
</div>
 
}}}}}}<noinclude>
 
}}}}}}<noinclude>
|}
 
 
[[Category:Visual identity templates]]
 
[[Category:Visual identity templates]]
 
</noinclude>
 
</noinclude>

Revision as of 01:55, 24 June 2013