aboutsummaryrefslogtreecommitdiffstats
path: root/data
diff options
context:
space:
mode:
authorVinicius Depizzol <vdepizzol@gmail.com>2011-07-30 14:26:12 +0800
committerDiego Escalante Urrelo <descalante@igalia.com>2011-09-05 12:46:51 +0800
commitbd9610ccf02ee4122f10f770b36b7c3cbd183a76 (patch)
tree2fadfe5d698d19fdc90ccb62ef0f1c3f35a22fb5 /data
parent9dd70dcb02bafc7f2d54e148c0f68c9be10d07be (diff)
downloadgsoc2013-epiphany-bd9610ccf02ee4122f10f770b36b7c3cbd183a76.tar.gz
gsoc2013-epiphany-bd9610ccf02ee4122f10f770b36b7c3cbd183a76.tar.zst
gsoc2013-epiphany-bd9610ccf02ee4122f10f770b36b7c3cbd183a76.zip
e-web-view: fix error pages for RTL locales
Remove hardcoded directions in the CSS definitions and make them simpler. Bug #314205 Signed-off-by: Diego Escalante Urrelo <descalante@igalia.com>
Diffstat (limited to 'data')
-rw-r--r--data/pages/error.html72
-rw-r--r--data/pages/recovery.html72
2 files changed, 86 insertions, 58 deletions
diff --git a/data/pages/error.html b/data/pages/error.html
index 0c6db3be4..9aa39f605 100644
--- a/data/pages/error.html
+++ b/data/pages/error.html
@@ -1,6 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
- Copyright © 2010 Vinicius Depizzol
+ Copyright © 2010, 2011 Vinicius Depizzol
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
@@ -9,48 +9,56 @@
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
-->
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="%s" lang="%s">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="%s" lang="%s" dir="%s">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>%s</title>
<style type="text/css">
body {
margin: 0 auto;
- padding: 7em;
font: message-box;
- display: table;
- direction: %s;
}
- div#centeredContent {
- display: table;
+
+ #container {
+ padding: 10% 12% 5%;
margin: 0 auto;
+ max-width: 650px;
}
- div#centeredContent h1 {
- display: table-row;
+
+ #main_icon {
+ float: left;
+ padding-right: 20px;
}
- div#centeredContent div {
- display: table-row-group;
+
+ html[dir="rtl"] #main_icon {
+ padding-left: 20px;
+ padding-right: 0;
+ float: right;
}
- h1 {
- font-size: 180%;
+
+ #content {
+ display: table-cell;
+ vertical-align: top;
}
- img {
- vertical-align: middle;
- float: left;
- margin-right: 20px;
- width: 50px;
- height: 50px;
+
+ #content h1 {
+ margin-top: 0;
}
- p.buttonbox {
+
+ #content .buttonbox {
text-align: right;
}
+
+ html[dir="rtl"] #content .buttonbox {
+ text-align: left;
+ }
</style>
<script type="text/javascript">
function load_anyway()
@@ -60,14 +68,20 @@
</script>
</head>
<body>
-<img src="%s"/>
-<div id="centeredContent">
- <div>
- <h1 style="text-align:left;">%s</h1>
- <p class="message">%s</p>
- <p class="buttonbox">
- <button onclick="javascript:load_anyway()">%s</button></p>
+ <div id="container">
+ <div id="main_icon">
+ <img src="%s" />
+ </div>
+ <div id="content">
+ <h1>%s</h1>
+ <div class="explanation">
+ %s
+ </div>
+
+ <div class="buttonbox">
+ <button onclick="javascript:load_anyway()">%s</button>
+ </div>
+ </div>
</div>
-</div>
</body>
</html>
diff --git a/data/pages/recovery.html b/data/pages/recovery.html
index 0c6db3be4..9aa39f605 100644
--- a/data/pages/recovery.html
+++ b/data/pages/recovery.html
@@ -1,6 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
- Copyright © 2010 Vinicius Depizzol
+ Copyright © 2010, 2011 Vinicius Depizzol
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
@@ -9,48 +9,56 @@
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
-->
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="%s" lang="%s">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="%s" lang="%s" dir="%s">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>%s</title>
<style type="text/css">
body {
margin: 0 auto;
- padding: 7em;
font: message-box;
- display: table;
- direction: %s;
}
- div#centeredContent {
- display: table;
+
+ #container {
+ padding: 10% 12% 5%;
margin: 0 auto;
+ max-width: 650px;
}
- div#centeredContent h1 {
- display: table-row;
+
+ #main_icon {
+ float: left;
+ padding-right: 20px;
}
- div#centeredContent div {
- display: table-row-group;
+
+ html[dir="rtl"] #main_icon {
+ padding-left: 20px;
+ padding-right: 0;
+ float: right;
}
- h1 {
- font-size: 180%;
+
+ #content {
+ display: table-cell;
+ vertical-align: top;
}
- img {
- vertical-align: middle;
- float: left;
- margin-right: 20px;
- width: 50px;
- height: 50px;
+
+ #content h1 {
+ margin-top: 0;
}
- p.buttonbox {
+
+ #content .buttonbox {
text-align: right;
}
+
+ html[dir="rtl"] #content .buttonbox {
+ text-align: left;
+ }
</style>
<script type="text/javascript">
function load_anyway()
@@ -60,14 +68,20 @@
</script>
</head>
<body>
-<img src="%s"/>
-<div id="centeredContent">
- <div>
- <h1 style="text-align:left;">%s</h1>
- <p class="message">%s</p>
- <p class="buttonbox">
- <button onclick="javascript:load_anyway()">%s</button></p>
+ <div id="container">
+ <div id="main_icon">
+ <img src="%s" />
+ </div>
+ <div id="content">
+ <h1>%s</h1>
+ <div class="explanation">
+ %s
+ </div>
+
+ <div class="buttonbox">
+ <button onclick="javascript:load_anyway()">%s</button>
+ </div>
+ </div>
</div>
-</div>
</body>
</html>