diff options
Diffstat (limited to 'data/abouthome/aboutHome.xhtml')
-rw-r--r-- | data/abouthome/aboutHome.xhtml | 48 |
1 files changed, 35 insertions, 13 deletions
diff --git a/data/abouthome/aboutHome.xhtml b/data/abouthome/aboutHome.xhtml index be9d118..f2e76b8 100644 --- a/data/abouthome/aboutHome.xhtml +++ b/data/abouthome/aboutHome.xhtml @@ -28,6 +28,36 @@ <style> +body{ + margin:0; + background-color:#f2f2f2; +} +box{ + display: flex; + flex-flow: column; + justify-content: space-between; + align-items: center; + align-content: center; +height: 100vh; +} + +#topSection, #box3, #block-horizontal-margin{ + flex: 0 1 auto; + align-self: auto; +} +#topSection { + margin-top:10vh; + order:1; +} +#block-horizontal-margin{ + order:2; +} +#box3{ + order:3; + width:100vw; +} + + label{ position:relative; bottom:2px; @@ -44,12 +74,6 @@ color:#004998 .block-side-margin { min-width: 16px; - -moz-box-flex: 1; -} - -#block-horizontal-margin { - display: -moz-box; - -moz-box-flex: 1; } ul li { @@ -84,8 +108,8 @@ min-height:100px; <body dir="&locale.dir;"> - - <div class="spacer"/> + <div id="box"> + <div id="box1"> <div id="topSection"> <img src="chrome://branding/content/about-logo.png"/> @@ -93,14 +117,12 @@ min-height:100px; <form name="searchForm" id="searchForm" action="https://duckduckgo.com/html/"> <input type="text" name="q" value="" id="searchText" maxlength="256" autofocus="autofocus"/> - <input id="searchSubmit" type="submit" value="&abouthome.searchEngineButton.label; DuckDuckGO"/> + <input id="searchSubmit" type="submit" value="Search"/> </form> </div> - + </div> </div> - - <div class="spacer"/> - + </div> </body> </html> |