summaryrefslogtreecommitdiff
path: root/data/abouthome/aboutHome.xhtml
blob: f2e76b8f3899808b7ad1e85f0902c778d592181c (plain)
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>