Gentoo Archives: gentoo-commits

From: Jimi Huotari <chiitoo@g.o>
To: gentoo-commits@l.g.o
Subject: [gentoo-commits] proj/forums:styles/gentoo-light commit in: theme/
Date: Mon, 14 Jun 2021 18:57:18
Message-Id: 1623696770.93c91d0f046064a1b02290410c6a8390bee7a86c.chiitoo@gentoo
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) {