Installation: Difference between revisions
No edit summary |
(try CSS3 flexbox for layout) |
||
| Line 3: | Line 3: | ||
{{#css: | {{#css: | ||
#installation { | #installation { | ||
display: -webkit-flex; | |||
display: -moz-flex; | |||
display: -ms-flex; | |||
display: flex; | |||
-webkit-flex-flow: row wrap; | |||
-moz-flex-flow: row wrap; | |||
-ms-flex-flow: row wrap; | |||
flex-flow: row wrap; | |||
} | } | ||
#installation .option { | #installation .option { | ||
text-align: center; | |||
border: 1em solid #F5F5F5; | border: 1em solid #F5F5F5; | ||
margin: 0 -1em -1em 0; | margin: 0 -1em -1em 0; | ||
| Line 17: | Line 24: | ||
height: 180px; | height: 180px; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
#installation .option table { | #installation .option table { | ||
width: 100% !important; | width: 100% !important; | ||
| Line 24: | Line 31: | ||
margin: 0.5em; | margin: 0.5em; | ||
list-style:none; | list-style:none; | ||
} | |||
.flex-2third { | |||
-webkit-flex: 2 62.9%; | |||
-moz-flex: 2 62.9%; | |||
-ms-flex: 2 62.9%; | |||
flex: 2 62.9%; | |||
} | |||
.flex-1third { | |||
-webkit-flex: 1 30.9%; | |||
-moz-flex: 1 30.9%; | |||
-ms-flex: 1 30.9%; | |||
flex: 1 30.9%; | |||
} | |||
.flex-half { | |||
-webkit-flex: 1 47.9%; | |||
-moz-flex: 1 47.9%; | |||
-ms-flex: 1 47.9%; | |||
flex: 1 47.9%; | |||
} | |||
.flex-full { | |||
-webkit-flex: 1 97.9%; | |||
-moz-flex: 1 97.9%; | |||
-ms-flex: 1 97.9%; | |||
flex: 1 97.9%; | |||
} | } | ||
}} | }} | ||
<div id="installation | <div id="installation"> | ||
<div class="option flex-2third"> | |||
{{:User:Raven24/WIP:Installation/Linux}} | {{:User:Raven24/WIP:Installation/Linux}} | ||
</div><!-- /Linux --><!-- stupid whitespace | |||
--><div class="option flex-1third"> | |||
{{:User:Raven24/WIP:Installation/Mac OS}} | {{:User:Raven24/WIP:Installation/Mac OS}} | ||
</div><!-- /MacOS --><!-- stupid whitespace | |||
--> | --><div class="option flex-half"> | ||
{{:User:Raven24/WIP:Installation/BSD}} | {{:User:Raven24/WIP:Installation/BSD}} | ||
</div><!-- /BSD --><!-- stupid whitespace | |||
--><div class="option flex-half"> | |||
{{:User:Raven24/WIP:Installation/Windows}} | {{:User:Raven24/WIP:Installation/Windows}} | ||
</div><!-- /windows --><!-- stupid whitespace | |||
--><div class="option flex-full"> | |||
--> | |||
{{:User:Raven24/WIP:Installation/Development Setup}} | {{:User:Raven24/WIP:Installation/Development Setup}} | ||
</div><!-- /development --> | |||
</div><!-- /container --> | </div><!-- /container --> | ||