Jump to: navigation, search

Airport CEO Wiki

514 bytes removed, 3 years ago
Undo revision 763 by Mr Pie 5 (talk)
<!-- TO EDIT MAIN PAGE CONTENT, see "Templates used on this page" below and edit:
<!-- This is a responsive front page design that adapts to the available width
* {{SITENAME}}/Top section
of the browser by showing content in 1, 2, or 3 columns.
* {{SITENAME}}/Flex section
* {{SITENAME}}/Bottom section
This is donea bybasic dividingresponsive thefront mainpage contentdesign ofthat adapts to the pageavailable intowidth fourof numberedthe browser by sections.
rearranging the sections themselves as well as content within each section. When narrow, the three sections
When the window is narrow, as on low-res displays, the content is displayed in a
line up vertically in a single column. inWhen order:wide 1enough, 2,the 3,middle (flex) section is pulled out to become a 4
Section 3 takes up the right column.
Much of the layout and appearance is determined through styles defined in these pages:
When the window is medium, as on medium-res displays, there are two columns.
* MediaWiki:Hydradark.css (for the desktop view)
Section 1 and 2 are on top with 1 on the left and 2 on the right.
* MediaWiki:Mobile.css (for the mobile view)
Sections 3 and 4 are on the bottom with 4 at the left and 3 at the right.
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| | | | |
<div id="mf-home" class="fpmainfpcontent">
<div classid="fpsection1fptopsection"><!-- BEGIN SECTIONTOP 1SECTION -->
{{:{{SITENAME}}/SectionTop 1section}}
<div classid="fpsection2fpflexsection"><!-- BEGIN SECTIONFLEX 2SECTION -->
{{:{{SITENAME}}/SectionFlex 2section}}
<div classid="fpsection3fpbottomsection"><!-- BEGIN SECTIONBOTTOM 3SECTION -->
{{:{{SITENAME}}/SectionBottom 3section}}
{{:{{SITENAME}}/Section 1}}
</div><!--END SECTION 1-->
<div class="fpmidsections"><!--BEGIN LAYOUT WRAPPER FOR SECTIONS 2 and 3-->
<div class="fpsection2"><!-- BEGIN SECTION 2 -->
{{:{{SITENAME}}/Section 2}}
</div><!--END SECTION 2-->
<div class="fpsection3"><!-- BEGIN SECTION 3 -->
{{:{{SITENAME}}/Section 3}}
</div><!--END SECTION 3-->
<div class="fpsection4"><!-- BEGIN SECTION 4 -->
{{:{{SITENAME}}/Section 4}}
</div><!--END SECTION 4-->
<div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Section 1|1]] &#183; [[/Section 2|2]] &#183; [[/Section 3|3]] &#183; [[/Section 4|4]]. Changes for the main page can be proposed [[{{SITENAME}}/editcopy|here]]. </small></div>
<metadesc>The comprehensive#1 community generated 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}}/Section 1|1]] &#183; [[/SectionTop 2section|2Top]] &#183; [[{{SITENAME}}/SectionFlex 3section|3Flex]] &#183; [[{{SITENAME}}/SectionBottom 4section|4Bottom]]. Changes for the main page can be proposed [[{{SITENAME}}/editcopy|here]]. </small></div>
[[Category:{{SITENAME}}| ]]