Changes

Jump to: navigation, search

Airport CEO Wiki

514 bytes added, 3 years ago
Undo revision 761 by Mr Pie 5 (talk)
<!-- This is a responsive front page design that adapts to the available width
<!-- TO EDIT MAIN PAGE CONTENT, see "Templates used on this page" below and edit:
of the browser by showing content in 1, 2, or 3 columns.
* {{SITENAME}}/Top section
* {{SITENAME}}/Flex section
* {{SITENAME}}/Bottom section
 
This is adone basicby responsivedividing frontthe pagemain designcontent that adapts toof the availablepage widthinto offour the browser bynumbered sections.
When the window is narrow, as on low-res displays, the content is displayed in a
rearranging the sections themselves as well as content within each section. When narrow, the three sections
line up vertically in a single column. Whenin wideorder: enough1, the2, middle (flex) section is pulled out to become a3, 4
right column.
 
When the window is medium, as on medium-res displays, there are two columns.
Much of the layout and appearance is determined through styles defined in these pages:
Section 1 and 2 are on top with 1 on the left and 2 on the right.
* MediaWiki:Hydradark.css (for the desktop view)
Sections 3 and 4 are on the bottom with 4 at the left and 3 at the right.
* MediaWiki:Mobile.css (for the mobile view)
 
When the window is wide, as on high-res displays, there are three columns.
Sections 1 and 4 take up the left column, with section 1 on top.
Section 2 takes up the middle column.
Section 3 takes up the right column.
 
Or, visually...
Narrow Medium Wide
|1| |1| |2| |1| | | | |
[2| |4| |3| | | |2| |3|
|3| |4| | | | |
|4|
-->
<div id="mf-home" class="fpcontentfpmain">
 
<div idclass="fptopsectionfpsection1"><!-- BEGIN TOP SECTION 1 -->
{{:{{SITENAME}}/Top section}}
</div><!--END TOP SECTION-->
<div id="fpflexsection"><!-- BEGIN FLEX SECTION -->
{{:{{SITENAME}}/Flex section}}
</div><!--END FLEX OTHER SECTION-->
<div id="fpbottomsection"><!-- BEGIN BOTTOM SECTION -->
{{:{{SITENAME}}/Bottom section}}
</div><!--END BOTTOM OTHER SECTION-->
 
{{:{{SITENAME}}/TopSection section1}}
 
</div><!--END TOP SECTION 1-->
 
<div class="fpmidsections"><!--BEGIN LAYOUT WRAPPER FOR SECTIONS 2 and 3-->
<div idclass="fpflexsectionfpsection2"><!-- BEGIN FLEX SECTION 2 -->
 
{{:{{SITENAME}}/FlexSection section2}}
 
</div><!--END FLEXSECTION OTHER SECTION2-->
 
<div idclass="fpbottomsectionfpsection3"><!-- BEGIN BOTTOM SECTION 3 -->
 
{{:{{SITENAME}}/BottomSection section3}}
 
</div><!--END BOTTOMSECTION OTHER SECTION3-->
</div><!--END LAYOUT WRAPPER FOR SECTIONS 2 and 3 -->
 
<div class="fpsection4"><!-- BEGIN SECTION 4 -->
 
{{:{{SITENAME}}/Section 4}}
 
</div><!--END SECTION 4-->
</div>
<div class="nomobile" style="text-align: right; margin-right: 10px;"><small>Main page sections: [[{{SITENAME}}/TopSection 1|1]] &#183; [[/Section section2|Top2]] &#183; [[{{SITENAME}}/FlexSection section3|Flex3]] &#183; [[{{SITENAME}}/BottomSection section4|Bottom4]]. Changes for the main page can be proposed [[{{SITENAME}}/editcopy|here]]. </small></div>
 
 
<metadesc>The #1 community generatedcomprehensive wiki resource for Airport CEO, the airport tycoon management game from Apoapsis Studios</metadesc>
<div class="nomobile" style="text-align: right; margin-right: 10px;"><small>Main page sections: [[{{SITENAME}}/Top section|Top]] &#183; [[{{SITENAME}}/Flex section|Flex]] &#183; [[{{SITENAME}}/Bottom section|Bottom]]. Changes for the main page can be proposed [[{{SITENAME}}/editcopy|here]]. </small></div>
 
[[Category:{{SITENAME}}| ]]
2,073

edits