Difference between revisions of "Template:Intro to box"

From blackwiki
Jump to navigation Jump to search
imported>Evolution and evolvability
(background:#777)
imported>Evolution and evolvability
(<div>s to control positioning for mobile-compatibility (preventing column reflow))
Line 2: Line 2:
 
<div style = "float:right; margin:20px;">
 
<div style = "float:right; margin:20px;">
 
<!-- Main border -->
 
<!-- Main border -->
<div style = "max-width: 400px; background:#FFF; border: 1px solid #777; margin: auto; text-align: center; align-items: center; justify-content: center;">
+
<div style = "max-width: 400px; overflow: hidden; background:#FFF; border: 1px solid #777; padding-bottom: 4px; margin: auto; text-align: center; align-items: center; justify-content: center;">
 
<!-- Title -->
 
<!-- Title -->
 
<div style = "font-size:150%; background:#777;">
 
<div style = "font-size:150%; background:#777;">
Line 17: Line 17:
 
   Left column   
 
   Left column   
 
-------------->
 
-------------->
{{col-begin}}
+
<div style = "float: left; width: calc(50% - 30px); text-align: right; align-items: right; justify-content: right;">
{{col-break|width=49%}}
 
<div style = "float: right; text-align: right; align-items: right; justify-content: right;">
 
 
[[File:VisualEditor-logo.svg|right|120px  |link=WP:VE/UG]]<br>
 
[[File:VisualEditor-logo.svg|right|120px  |link=WP:VE/UG]]<br>
 
[[help:Introduction to editing (VE)/1    |Editing      ]]<br>
 
[[help:Introduction to editing (VE)/1    |Editing      ]]<br>
 
[[help:Introduction to referencing (VE)/1 |Referencing  ]]<br>
 
[[help:Introduction to referencing (VE)/1 |Referencing  ]]<br>
 
[[help:Introduction to images (VE)/1      |Images      ]]
 
[[help:Introduction to images (VE)/1      |Images      ]]
 
+
</div>
 
<!--------------
 
<!--------------
 
   Arrow column   
 
   Arrow column   
 
--------------->
 
--------------->
{{col-break|width=2%}}
+
<div style = "float: left; width:60px; text-align: center; align-items: center; justify-content: center;">
 
{{down arrow
 
{{down arrow
 
| colour = #E5E5E5
 
| colour = #E5E5E5
Line 34: Line 32:
 
| width  = 30px
 
| width  = 30px
 
| arrow  = 25px
 
| arrow  = 25px
}}
+
}}</div>
 
<!--------------
 
<!--------------
 
   Right column   
 
   Right column   
 
--------------->
 
--------------->
{{col-break|width=49%}}
+
<div style = "float: left; width: calc(50% - 30px); text-align: left; align-items: left; justify-content: left;">
<div style = "float: left; text-align: left; align-items: left; justify-content: left;">
 
 
[[File:Markup-logo.svg|left|120px        |link=H:MARKUP]]<br>
 
[[File:Markup-logo.svg|left|120px        |link=H:MARKUP]]<br>
 
[[help:Introduction to editing (WM)/1    |Editing      ]]<br>
 
[[help:Introduction to editing (WM)/1    |Editing      ]]<br>
Line 46: Line 43:
 
[[Help:Introduction to tables/1          |Tables      ]]<br>
 
[[Help:Introduction to tables/1          |Tables      ]]<br>
 
[[Help:Introduction to talk pages/1      |Talk pages  ]]
 
[[Help:Introduction to talk pages/1      |Talk pages  ]]
{{col-end}}</div></div></div></div>
+
</div></div></div></div></div>

Revision as of 11:58, 22 November 2015