Difference between revisions of "Template:Intro to box"
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 | ||
--------------> | --------------> | ||
| − | + | <div style = "float: left; width: calc(50% - 30px); text-align: right; align-items: right; justify-content: right;"> | |
| − | |||
| − | <div style = "float: | ||
[[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 | ||
---------------> | ---------------> | ||
| − | + | <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 | ||
---------------> | ---------------> | ||
| − | + | <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 ]] | ||
| − | + | </div></div></div></div></div> | |