]> code.citadel.org Git - citadel.git/blob - webcit-ng/static/css/webcit.css
"Forum list" is now more or less in its final form.
[citadel.git] / webcit-ng / static / css / webcit.css
1 /*
2 Copyright (c) 1996-2022 by Art Cancro and the citadel.org team.
3 This program is open source software.  You can redistribute it and/or
4 modify it under the terms of the GNU General Public License, version 3.
5 */
6
7 html,body,h1,h2,h3,h4,h5 {
8         font-family: verdana, sans-serif
9 }
10
11 .ctdl-msg-reading-pane {
12         background-color: #456789;
13 }
14
15 .ctdl-msg-wrapper {
16         overflow: hidden;
17         border-radius: 10px;
18         background-color: white;
19         margin: 1vw;
20         padding: 5px;           /* inside the box */
21 }
22
23 .ctdl-msg-reply {
24         margin-left: 5vw;
25 }
26
27 .ctdl-msg-header {
28         overflow: hidden;
29         padding: 4px;
30         background-color: GhostWhite;
31 }
32
33 .ctdl-msg-header-info {
34         float: left;
35 }
36
37 .ctdl-msg-header-buttons {
38         float: right;
39 }
40
41 .ctdl-msg-button {
42         margin-left: 2px;
43         border-radius: 5px;
44         background-color: blue;
45         color: black;
46         padding: 2px;
47         background-color: GhostWhite;
48         border-style: solid;
49         border-width: thin;
50         border-color: black;
51 }
52
53 .ctdl-msg-button:hover {
54         background-color: #123456;
55         color: GhostWhite;
56         transition: .3s;
57         border-color: #123456;
58 }
59
60 .ctdl-msg-button a {
61         text-decoration: none;
62 }
63
64 .ctdl-avatar {
65         width: 32px;
66 }
67
68 .ctdl-username {
69         font-weight: bold;
70         color: #000055;
71 }
72
73 .ctdl-username a {
74         text-decoration: none;
75         padding-right: 4px;
76 }
77
78 .ctdl-msgdate {
79         padding-left: 4px;
80 }
81
82 .ctdl-msgsubject {
83         font-weight: bold;
84 }
85
86 .ctdl-msg-content {
87         margin-left: 32px;
88 }
89
90 .ctdl-avatar {
91         float: left;
92         padding-right: 2px;
93 }
94
95 .ctdl-forum-nav {
96         text-align: center;
97         color: #ffff00;
98 }
99
100 .ctdl-forum-nav a {
101         text-decoration: none;
102 }
103
104 blockquote {
105         background-color: #f5f5f5 !important;
106         color: navy !important;
107         margin-bottom: 0px;
108         padding-bottom: 0px;
109 }
110
111 blockquote blockquote {
112         background-color: #ebebeb !important;
113         color: maroon !important;
114 }
115
116 blockquote blockquote blockquote {
117         background-color: #e1e1e1 !important;
118         color: green !important;
119 }
120
121 blockquote blockquote blockquote blockquote {
122         background-color: #d7d7d7 !important;
123         color: purple !important;
124 }
125
126 blockquote blockquote blockquote blockquote blockquote {
127         background-color: #cdcdcd !important;
128         color: teal !important;
129 }
130
131 blockquote pre {
132         margin-left: 1%;
133         margin-right: 1%;
134 }
135
136 .ctdl-roomlist-top {
137         margin: 1%;
138 }
139
140 .ctdl-roomlist-floor {
141 }
142
143 .ctdl-roomlist-floor-label {
144         font-size: x-large;
145         margin: 1vw;
146 }
147
148 .ctdl-roomlist-floor-rooms {
149 }
150
151 .ctdl-roomlist-room {
152         overflow: hidden;
153         border-radius: 10px;
154         background-color: white;
155         padding: 0.5vw;
156         margin-bottom: 0.5vw;
157         width: 100%;
158 }
159
160 .ctdl-roomlist-roomicon {
161         overflow: hidden;
162         font-size: large;
163         margin-left: 1vw;
164         margin-right: 1vw;
165         padding-left: 0.75vw;
166         padding-right: 1.75vw;
167         padding-top: 0.75vw;
168         padding-bottom: 0.75vw;
169         border-radius: 50%;
170         background-color: grey;
171         color: black;
172 }
173
174 .ctdl-roomlist-roomicon-hasnewmsgs {
175         background-color: blue;
176         color: white;
177 }
178
179 .ctdl-roomlist-roomname {
180         font-size: large;
181 }
182
183 .ctdl-roomlist-roomname-hasnewmsgs {
184         font-weight: bold;
185 }
186
187 .ctdl-roomlist-mtime {
188 }