aboutHome.xhtml (2377B) - View raw
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128<?xml version="1.0" encoding="UTF-8"?> <!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> <!DOCTYPE html [ <!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD; <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd"> %globalDTD; <!ENTITY % aboutHomeDTD SYSTEM "chrome://browser/locale/aboutHome.dtd"> %aboutHomeDTD; <!ENTITY % browserDTD SYSTEM "chrome://browser/locale/browser.dtd" > %browserDTD; ]> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>&abouthome.pageTitle;</title> <link rel="icon" type="image/png" id="favicon" href="chrome://branding/content/icon32.png"/> <link rel="stylesheet" type="text/css" media="all" href="chrome://browser/content/abouthome/aboutHome.css"/> <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; left:2px; } em { color:#600 } a{ color:#004998 } .block-side-margin { min-width: 16px; } ul li { list-style:none; background:#ddd; border-radius:3px; padding:3px 5px 3px 5px; margin:5px; box-shadow: 0px 2px 0 #ccc ; float:left; } ul li a{ font-weight:bold; color:#666; text-shadow:0px 1px 0px #fff; } .titlelink { font-weight:bold; color:#56728C; text-shadow:0px 1px 0px #fff; } #footer{ min-height:100px; } </style> </head> <body dir="&locale.dir;"> <div id="box"> <div id="box1"> <div id="topSection"> <img src="chrome://branding/content/about-logo.png"/> <div id="searchContainer"> <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="Search"/> </form> </div> </div> </div> </div> </body> </html>