1 |
commit: 93c91d0f046064a1b02290410c6a8390bee7a86c |
2 |
Author: Marco Genasci <fedeliallalinea <AT> gmail <DOT> com> |
3 |
AuthorDate: Tue Jun 8 08:08:11 2021 +0000 |
4 |
Commit: Jimi Huotari <chiitoo <AT> gentoo <DOT> org> |
5 |
CommitDate: Mon Jun 14 18:52:50 2021 +0000 |
6 |
URL: https://gitweb.gentoo.org/proj/forums.git/commit/?id=93c91d0f |
7 |
|
8 |
Fix and tweak various things and stuff. |
9 |
|
10 |
- Fix postbody position problem in firefox |
11 |
- Fix back2top position |
12 |
- Fix table header color and header hover color |
13 |
- Fix div background color after page-footer |
14 |
|
15 |
Signed-off-by: Marco Genasci <fedeliallalinea <AT> gmail.com> |
16 |
Signed-off-by: Jimi Huotari <chiitoo <AT> gentoo.org> |
17 |
|
18 |
theme/colours.css | 4 +-- |
19 |
theme/common.css | 4 +++ |
20 |
theme/links.css | 1 - |
21 |
theme/responsive.css | 74 +++------------------------------------------------- |
22 |
4 files changed, 10 insertions(+), 73 deletions(-) |
23 |
|
24 |
diff --git a/theme/colours.css b/theme/colours.css |
25 |
index 0279fd093..7135a1dcf 100644 |
26 |
--- a/theme/colours.css |
27 |
+++ b/theme/colours.css |
28 |
@@ -69,7 +69,7 @@ a:hover { |
29 |
} |
30 |
|
31 |
.forumbg .header a:hover, .forabg .header a:hover, th a:hover { |
32 |
- color: #004768; |
33 |
+ color: #ff6633; |
34 |
} |
35 |
|
36 |
/* Notification mark read link */ |
37 |
@@ -197,7 +197,7 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { |
38 |
----------------------------------------*/ |
39 |
|
40 |
table.table1 thead th { |
41 |
- color: #333333; |
42 |
+ color: #efefef; |
43 |
} |
44 |
|
45 |
table.table1 tbody tr { |
46 |
|
47 |
diff --git a/theme/common.css b/theme/common.css |
48 |
index 79a9fa86b..357b09563 100644 |
49 |
--- a/theme/common.css |
50 |
+++ b/theme/common.css |
51 |
@@ -153,6 +153,10 @@ a:hover { text-decoration: underline; } |
52 |
clear: both; |
53 |
} |
54 |
|
55 |
+.page-footer + div { |
56 |
+ background-color: #000000; |
57 |
+} |
58 |
+ |
59 |
.page-footer h3 { |
60 |
margin-top: 20px; |
61 |
} |
62 |
|
63 |
diff --git a/theme/links.css b/theme/links.css |
64 |
index 6a61e9a26..12059c049 100644 |
65 |
--- a/theme/links.css |
66 |
+++ b/theme/links.css |
67 |
@@ -149,7 +149,6 @@ a.lastsubject:hover { |
68 |
|
69 |
.back2top .top { |
70 |
float: right; |
71 |
- margin-right: -10px; |
72 |
margin-top: 0; |
73 |
} |
74 |
|
75 |
|
76 |
diff --git a/theme/responsive.css b/theme/responsive.css |
77 |
index 9d603e357..9dc935819 100644 |
78 |
--- a/theme/responsive.css |
79 |
+++ b/theme/responsive.css |
80 |
@@ -556,76 +556,10 @@ |
81 |
} |
82 |
} |
83 |
|
84 |
-@media (min-width: 700px) { |
85 |
- .postbody { width: 100%; } |
86 |
-} |
87 |
- |
88 |
-@media (min-width: 701px) { |
89 |
- .postbody { width: 76%; } |
90 |
-} |
91 |
- |
92 |
-@media (min-width: 750px) { |
93 |
- .postbody { width: 78%; } |
94 |
-} |
95 |
- |
96 |
-@media (min-width: 800px) { |
97 |
- .postbody { width: 79%; } |
98 |
-} |
99 |
- |
100 |
-@media (min-width: 850px) { |
101 |
- .postbody { width: 80%; } |
102 |
-} |
103 |
- |
104 |
-@media (min-width: 900px) { |
105 |
- .postbody { width: 81%; } |
106 |
-} |
107 |
- |
108 |
-@media (min-width: 950px) { |
109 |
- .postbody { width: 82%; } |
110 |
-} |
111 |
- |
112 |
-@media (min-width: 1000px) { |
113 |
- .postbody { width: 83%; } |
114 |
-} |
115 |
- |
116 |
-@media (min-width: 1100px) { |
117 |
- .postbody { width: 84%; } |
118 |
-} |
119 |
- |
120 |
-@media (min-width: 1200px) { |
121 |
- .postbody { width: 85%; } |
122 |
-} |
123 |
- |
124 |
-@media (min-width: 1300px) { |
125 |
- .postbody { width: 86%; } |
126 |
-} |
127 |
- |
128 |
-@media (min-width: 1400px) { |
129 |
- .postbody { width: 87%; } |
130 |
-} |
131 |
- |
132 |
-@media (min-width: 1500px) { |
133 |
- .postbody { width: 88%; } |
134 |
-} |
135 |
- |
136 |
-@media (min-width: 1600px) { |
137 |
- .postbody { width: 89%; } |
138 |
-} |
139 |
- |
140 |
-@media (min-width: 1700px) { |
141 |
- .postbody { width: 90%; } |
142 |
-} |
143 |
- |
144 |
-@media (min-width: 1800px) { |
145 |
- .postbody { width: 91%; } |
146 |
-} |
147 |
- |
148 |
-@media (min-width: 1900px) { |
149 |
- .postbody { width: 92%; } |
150 |
-} |
151 |
- |
152 |
-@media (min-width: 2000px) { |
153 |
- .postbody { width: 93%; } |
154 |
+.postbody { |
155 |
+ width: auto; |
156 |
+ float: none; |
157 |
+ overflow: hidden; |
158 |
} |
159 |
|
160 |
@media (min-width: 701px) and (max-width: 950px) { |