Difference between revisions of "Template:Infobox time zone UTC"

From blackwiki
Jump to navigation Jump to search
(Undid revision 559648178 by 96.247.126.213 (talk))
imported>AlanM1
(Moved 15-minute increment offsets to a third row, align all to)
Line 6: Line 6:
 
<table style="width:300px;border-spacing:none;border:none;border-collapse:collapse;
 
<table style="width:300px;border-spacing:none;border:none;border-collapse:collapse;
 
text-align:center;">
 
text-align:center;">
 +
 +
<!-- Total span is 108 columns: one for each 15 minute segment from UTC-12 through UTC+14:45 Each box is 4 columns, centered on an imaginary line representing the time. The boxes that are 0:30 ahead are 2 columns ahead, and those 0:15 ahead are 1 column ahead. -->
 +
<!------------ -/+ header row ------------>
 
<tr>
 
<tr>
<td colspan=24><big>'''−'''</big> (behind)</td>
+
<td colspan=48><big>'''−'''</big> (behind)</td>
<td colspan=2 style="font-size:60%;">[[Coordinated Universal Time|UTC]]</td>
+
<td colspan=4 style="font-size:60%;">[[Coordinated Universal Time|UTC]]</td>
<td colspan="28"><big>'''+'''</big> (ahead)</td>
+
<td colspan=56><big>'''+'''</big> (ahead)</td>
 
</tr>
 
</tr>
 +
 +
 +
<!------------ Integral hour row ------------>
 
<tr style="border-collapse:collapse;font-size:70%;">
 
<tr style="border-collapse:collapse;font-size:70%;">
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−12:00}};">[[UTC−12:00|<span style="color:#fff;">12</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−12:00}};">[[UTC−12:00|<span style="color:#fff;">12</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−11:00}};">[[UTC−11:00|11]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−11:00}};">[[UTC−11:00|11]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−10:00}};">[[UTC−10:00|10]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−10:00}};">[[UTC−10:00|10]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−09:00}};">[[UTC−09:00|09]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−09:00}};">[[UTC−09:00|09]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−08:00}};">[[UTC−08:00|<span style="color:#fff;">08</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−08:00}};">[[UTC−08:00|<span style="color:#fff;">08</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−07:00}};">[[UTC−07:00|07]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−07:00}};">[[UTC−07:00|07]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−06:00}};">[[UTC−06:00|<span style="color:#fff;">06</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−06:00}};">[[UTC−06:00|<span style="color:#fff;">06</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−05:00}};">[[UTC−05:00|05]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−05:00}};">[[UTC−05:00|05]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−04:00}};">[[UTC−04:00|04]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−04:00}};">[[UTC−04:00|04]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−03:00}};">[[UTC−03:00|03]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−03:00}};">[[UTC−03:00|03]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−02:00}};">[[UTC−02:00|<span style="color:#fff;">02</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−02:00}};">[[UTC−02:00|<span style="color:#fff;">02</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−01:00}};">[[UTC−01:00|01]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−01:00}};">[[UTC−01:00|01]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC±00:00}};">[[UTC±00:00|<span style="color:#fff;">00</span>]]</td>
+
<!--0-->
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+01:00}};">[[UTC+01:00|01]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC±00:00}};">[[UTC±00:00|<span style="color:#fff;">00</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+02:00}};">[[UTC+02:00|02]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+01:00}};">[[UTC+01:00|01]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+03:00}};">[[UTC+03:00|03]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+02:00}};">[[UTC+02:00|02]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+04:00}};">[[UTC+04:00|<span style="color:#fff;">04</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+03:00}};">[[UTC+03:00|03]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+05:00}};">[[UTC+05:00|05]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+04:00}};">[[UTC+04:00|<span style="color:#fff;">04</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+06:00}};">[[UTC+06:00|<span style="color:#fff;">06</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+05:00}};">[[UTC+05:00|05]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+07:00}};">[[UTC+07:00|07]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+06:00}};">[[UTC+06:00|<span style="color:#fff;">06</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+08:00}};">[[UTC+08:00|08]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+07:00}};">[[UTC+07:00|07]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+09:00}};">[[UTC+09:00|09]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+08:00}};">[[UTC+08:00|08]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+10:00}};">[[UTC+10:00|<span style="color:#fff;">10]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+09:00}};">[[UTC+09:00|09]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+11:00}};">[[UTC+11:00|11]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+10:00}};">[[UTC+10:00|<span style="color:#fff;">10]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+12:00}};">[[UTC+12:00|<span style="color:#fff;">12</span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+11:00}};">[[UTC+11:00|11]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+13:00}};">[[UTC+13:00|13]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+12:00}};">[[UTC+12:00|<span style="color:#fff;">12</span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+14:00}};">[[UTC+14:00|14]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+13:00}};">[[UTC+13:00|13]]</td>
 +
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+14:00}};">[[UTC+14:00|14]]</td>
 
</tr>
 
</tr>
 +
 +
 +
<!------------ Half-hour row ------------>
 
<tr style="border-collapse:collapse;font-size:70%;">
 
<tr style="border-collapse:collapse;font-size:70%;">
<td colspan="5"/>
+
<td colspan=10 />
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−09:30}};">[[UTC−09:30|<big><big>{{su|p=09|b=30}}</big></big>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−09:30}};">[[UTC−09:30|<big><big>{{su|p=09|b=30}}</big></big>]]</td>
<td colspan="8"/>
+
<td colspan=16 />
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−04:30}};">[[UTC−04:30|<big><big>{{su|p=04|b=30}}</big></big>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−04:30}};">[[UTC−04:30|<big><big>{{su|p=04|b=30}}</big></big>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−03:30}};">[[UTC−03:30|<big><big>{{su|p=03|b=30}}</big></big>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC−03:30}};">[[UTC−03:30|<big><big>{{su|p=03|b=30}}</big></big>]]</td>
 
<!-- <td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−02:30}};">[[UTC−02:30|<span style="color:#fff;"><big><big>{{su|p=02|b=30}}</big></big></span>]]</td> -->
 
<!-- <td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC−02:30}};">[[UTC−02:30|<span style="color:#fff;"><big><big>{{su|p=02|b=30}}</big></big></span>]]</td> -->
<td colspan="12"/>
+
<td colspan=10 /><!-- up to 0-->
 +
<td colspan=4 /><!--0-->
 +
<td colspan=10 /><!--UTC+...-->
 
<!--
 
<!--
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+00:30}};">[[UTC+00:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+00:30}};">[[UTC+00:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+01:30}};">[[UTC+01:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+01:30}};">[[UTC+01:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+02:30}};">[[UTC+02:30|30]]</td> -->
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+02:30}};">[[UTC+02:30|30]]</td> -->
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+03:30}};">[[UTC+03:30|<span style="color:#fff;"><big><big>{{su|p=03|b=30}}</big></big></span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+03:30}};">[[UTC+03:30|<span style="color:#fff;"><big><big>{{su|p=03|b=30}}</big></big></span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+04:30}};">[[UTC+04:30|<span style="color:#fff;"><big><big>{{su|p=04|b=30}}</big></big></span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+04:30}};">[[UTC+04:30|<span style="color:#fff;"><big><big>{{su|p=04|b=30}}</big></big></span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+05:30}};"><big><big>{{su|p=[[UTC+05:30|30]]|b=<span style=background-color:white>[[UTC+05:45|45]]</span>}}</big></big></td>
+
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+06:30}};">[[UTC+06:30|<big><big>{{su|p=06|b=30}}</big></big>]]</td>
+
<!--<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+05:30}};"><big><big>{{su|p=[[UTC+05:30|30]]|b=<span style=background-color:white>[[UTC+05:45|45]]</span>}}</big></big></td>-->
<td colspan="4"/>
+
 
 +
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+05:30}};">[[UTC+05:30|<span style="color:#fff;"><big><big>{{su|p=05|b=30}}</big></big></span>]]</td>
 +
 
 +
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+06:30}};">[[UTC+06:30|<big><big>{{su|p=06|b=30}}</big></big>]]</td>
 +
<td colspan=8 />
 
<!--
 
<!--
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+07:30}};">[[UTC+07:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+07:30}};">[[UTC+07:30|30]]</td>
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+08:30}};"><big><big>{{su|p=[[UTC+08:30|30]]|b=<span style=background-color:white>[[UTC+08:45|45]]</span>}}</big></big></td> -->
 
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+08:30}};"><big><big>{{su|p=[[UTC+08:30|30]]|b=<span style=background-color:white>[[UTC+08:45|45]]</span>}}</big></big></td> -->
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+09:30}};">[[UTC+09:30|<span style="color:#fff;"><big><big>{{su|p=09|b=30}}</big></big></span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+09:30}};">[[UTC+09:30|<span style="color:#fff;"><big><big>{{su|p=09|b=30}}</big></big></span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+10:30}};">[[UTC+10:30|<span style="color:#fff;"><big><big>{{su|p=10|b=30}}</big></big></span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+10:30}};">[[UTC+10:30|<span style="color:#fff;"><big><big>{{su|p=10|b=30}}</big></big></span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+11:30}};">[[UTC+11:30|<span style="color:#000;"><big><big>{{su|p=11|b=30}}</big></big></span>]]</td>
+
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+11:30}};">[[UTC+11:30|<span style="color:#000;"><big><big>{{su|p=11|b=30}}</big></big></span>]]</td>
<td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+12:45}};">[[UTC+12:45|<big><big>{{su|p=12|b=45}}</big></big>]]</td>
+
<td colspan=10 />
 
<!-- <td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+13:45}};">[[UTC+13:45|<big><big>{{su|p=13|b=45}}</big></big>]]</td> -->
 
<!-- <td colspan=2 style="background-color:#{{Tz/utc-hue4map-color|UTC+13:45}};">[[UTC+13:45|<big><big>{{su|p=13|b=45}}</big></big>]]</td> -->
 
</tr>
 
</tr>
 +
 +
<!------------ Quarter-hour row ------------>
 +
<tr style="border-collapse:collapse;font-size:70%;">
 +
<td colspan=48 />
 +
<td colspan=4 />
 +
<td colspan=19 />
 +
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+5:45}};">[[UTC+05:45|<big><big>{{su|p=05|b=45}}</big></big>]]</td>
 +
<td colspan=24 />
 +
<td colspan=4 style="background-color:#{{Tz/utc-hue4map-color|UTC+12:45}};">[[UTC+12:45|<big><big>{{su|p=12|b=45}}</big></big>]]</td>
 +
<td colspan=5 />
 +
</tr>
 +
 
</table>
 
</table>
 
Areas in a darker shade use daylight saving time. The base color shows the standard time.
 
Areas in a darker shade use daylight saving time. The base color shows the standard time.
Line 80: Line 108:
 
| header15    = Other
 
| header15    = Other
 
| class15    = navbox-title
 
| class15    = navbox-title
| label16     = Date-time group (DTG)
+
| label16     = Date-time group (DTG)
| data16       = {{tz/utc-dtg|{{PAGENAME}}}}
+
| data16     = {{tz/utc-dtg|{{PAGENAME}}}}
 
| header19    = External links
 
| header19    = External links
 
| class19    = navbox-title
 
| class19    = navbox-title

Revision as of 00:15, 14 June 2013

Infobox time zone UTC
300px
  Infobox time zone UTC ~ Template:Tz/utc-meridian-central – all year


(behind) UTC + (ahead)
12 11 10 09 08 07 06 05 04 03 02 01 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14
09
30
04
30
03
30
03
30
04
30
05
30
06
30
09
30
10
30
11
30
05
45
12
45
Areas in a darker shade use daylight saving time. The base color shows the standard time.
Meridians
Central[[Longitude Template:Tz/utc-meridian-central|Template:Tz/utc-meridian-central]]
Western border (nautical)Template:Tz/utc-meridian-west
Eastern border (nautical)Template:Tz/utc-meridian-east
Other
Date-time group (DTG)Template:Tz/utc-dtg
External links

[[Category:Infobox templates|Template:Remove first word]]

50px Template documentation[create]