Template:Image details: Difference between revisions

Content deleted Content added
view direction note added
m padding not margin
 
(8 intermediate revisions by the same user not shown)
Line 1:
{|class="wikitable image-details__icons img" style="width:100%;" <!--The image-details class provides colour inversion for the view direction icons depending on light or dark skin-->
<!--<div class="mainpage-column"><div class="mainpage-column-first">-->
{|style="width:100%; font-size:90%; background-color:#f7f7f7; border:1px #ccc solid; padding:4px; margin-bottom:0.5em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);"
!style="background:#f6d8ab; padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Image details
|-
{{#if:{{{description}}}|{{!}}style="width:12em; padding-left:5px; padding-top:4px5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''Description'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{description}}}}}
|-
{{#if:{{{date-taken}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''Date taken'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{date-taken}}}}}
|-
{{#if:{{{author}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''Author'''
!style="background:#f6d8ab; padding:1px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Coordinates
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{author}}}}}
|-
{{#if:{{{source}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''Source'''
|style="padding-left:5px;" colspan="2"|'''Coordinates''' are specific to the camera's location, '''not''' the location of the subject.<br>'''View direction''' is an approximation only of a photo's direction of view with a tolerance of +/– 15 degrees.
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{source}}}}}
|-
{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''{{w1|Decimal degrees}}'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{latitude}}} / {{{longitude}}}}}
|-
{{#if:{{{dmsos-latitude}}}{{{dms-longitudegrid}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''Deg[[The /English MinLakes:What are National Grid squares?|OS /grid Secreference]]'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{dms-latitude}}} / {{{dmsos-longitudegrid}}}}}
|-
{{#if:{{{os-gridw3w}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''OS grid[https://what3words.com referencewhat3words]'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} [https://what3words.com/{{{os-gridw3w}}} {{{w3w}}}]}}
|-
{{#if:{{{w3welevation}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''[https://what3words.com what3words]Elevation'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} [https://what3words.com/{{{w3w}}} {{{w3welevation}}}]}}
|-
{{#if:{{{elevationview-direction}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''ElevationView direction'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{elevationview-direction}}}}}<!--
|-
{{#if:{{{view-directionlicence}}}|{{!}}style="width:12em; padding-left:5px 5px 5px 10px; vertical-align:top; backgroundcolor:#50ab8a;" {{!}} '''View directionLicence'''
{{!}}style=" padding-left:5px 5px 5px 10px; vertical-align:top;" {{!}} {{{view-directionlicence}}}}}-->
|-
|style=" padding-left:5px 5px 5px 10px;" colspan="2"|'''Coordinates''' are specific to the camera's location, '''not''' the location of the subject.<br>'''View direction''' is an approximation only of a photo's direction of view with a tolerance of +/– 15 degrees.
!style="background:#f6d8ab; padding:1px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Permissions
|-
|style="padding-top:4px0;" colspan="2"|
{{#if:{{{author}}}|{{!}}style="width:12em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Author'''
{{#display_map: {{{latitude}}}, {{{longitude}}}
{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{author}}}}}
|service={{{service}}}
|-
|static={{{static}}}
{{#if:{{{source}}}|{{!}}style="width:12em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Source'''
|zoom={{{zoom}}}
{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{source}}}}}
|fullscreen={{{fullscreen}}}
<!--
|scrollwheelzoom={{{scrollwheel}}}
|-
|width={{{width}}}
{{#if:{{{licence}}}|{{!}}style="width:12em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Licence'''
|height={{{height}}}
{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{licence}}}}}-->
|clicktarget = {{{clicktarget}}}
|}<!--</div></div>-->
|}}
<!--<div class="mainpage-column"><div class="mainpage-column-second">-->
{|style="width:100%; font-size:90%; background-color:#f7f7f7; border:1px #ccc solid; padding:4px; margin-bottom:0.5em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);"
!style="background:#bde1aa; padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Location
|-
|style="padding-top:4px;"|
{{leaflet map
|latitude = {{{latitude}}}
|longitude = {{{longitude}}}
|service = leaflet
|static = no <!--yes or no-->
|zoom = 15
|fullscreen = yes <!--yes or no-->
|scrollwheel = yes <!--yes or no-->
|width =
|height =
|clicktarget = }}
|}
{| style="width:100%; font-size:; background-color:#f7f7f7; border:1px #ccc solid; padding:4px; margin-bottom:1em; box-shadow: 0 4px 4px rgba(0,0,0,0.1);"
!style="background:#d9dbec; padding:2px 6px; text-align:center; font-size:110%; font-weight:600; vertical-align:middle;" colspan="2"|Licensing
|-
|style="padding:5px 0;"|{{{licence}}}
|}
 
<!--</div></div>-->{{clear}}
{{{licence}}}
{{clear}}
<noinclude>{{doc|{{Image details/doc}}}}</noinclude>
<templatestyles src="Template:Image details/styles.css"/>