summaryrefslogtreecommitdiffstats
path: root/skins
diff options
context:
space:
mode:
Diffstat (limited to 'skins')
-rw-r--r--skins/standard/global.css49
-rw-r--r--skins/standard/page.css7
2 files changed, 30 insertions, 26 deletions
diff --git a/skins/standard/global.css b/skins/standard/global.css
index a00839de9..ab0a68a11 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -36,10 +36,13 @@
/* global (begin) */
body {
+ position: absolute;
+ margin: 0;
+ width: 100%;
+ height: 100%;
font-family: sans-serif;
color: #000;
background: #fff url("global/body-back.gif") repeat-x;
- scroll-behavior: smooth;
}
body, td, th, input {
font-family: Verdana, sans-serif;
@@ -51,25 +54,25 @@
}
/* global (end) */
-/* header (begin) */
- #header {
+/* wrapper (begin) */
+ #wrapper {
+ display: flex;
+ flex-direction: column;
position: absolute;
- top: 0;
- left: 0;
- z-index: 1000;
width: 100%;
+ height: 100%;
+ }
+/* wrapper (end) */
+
+/* header (begin) */
+ #header {
+ flex: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #555;
background-color: #FFF;
}
- @media only screen and (min-device-width: 1024px) {
- #header {
- position: fixed; /* Make the header fixed on desktop */
- }
- }
-
#header a,
#header a:visited,
#header a:hover {
@@ -398,6 +401,7 @@
position: absolute;
top: 48px;
right: 0;
+ z-index: 100;
display: flex;
align-items: center;
padding: 8px;
@@ -1127,6 +1131,7 @@ hr {
}
#mfa-warning {
+ flex: none;
margin: 0 -15px;
padding: 10px 15px;
color: #FFF;
@@ -1134,10 +1139,17 @@ hr {
}
#bugzilla-body {
- background: none;
- border: none;
- color: #404040;
- margin: 15px auto 0;
+ flex: auto;
+ position: relative;
+ outline: none;
+ padding: 0 15px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ scroll-behavior: smooth;
+}
+
+#main-inner {
+ margin: 15px 0;
}
#bugzilla-body th {
@@ -1625,11 +1637,6 @@ table.tabs {
padding-bottom: 6px;
}
-body {
- margin: 0;
- padding: 50px 15px 15px;
-}
-
#header .btn, #header .txt {
font-size: 100%;
}
diff --git a/skins/standard/page.css b/skins/standard/page.css
index da0c3be8d..82d4bacb1 100644
--- a/skins/standard/page.css
+++ b/skins/standard/page.css
@@ -20,11 +20,8 @@
/* This CSS is used by various informational pages in the
template/en/default/pages/ directory. */
-#bugzilla-body {
- padding: 0 1em;
-}
-
-#bugzilla-body > * {
+#main-inner {
+ margin: 15px auto;
/* People have an easier time reading narrower columns of text. */
max-width: 45em;
}