3b3abd753b58f71990dc33e006a37ed52cacfa6a
[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.  Use, duplication, or disclosure
4 ** are subject to 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-fmsg-wrapper {            /* message wrapper for forum view */
16         overflow: hidden;
17         border-radius: 10px;
18         background-color: white;
19         margin: 1vw;
20         padding: 5px;           /* inside the box */
21 }
22
23 .ctdl-mmsg-wrapper {            /* message wrapper for mailbox view */
24         overflow: hidden;
25         background-color: white;
26         padding: 5px;           /* inside the box */
27         border-style: solid;    /* could also be: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden */
28         border-width: 1px;
29 }
30
31 .ctdl-msg-reply {
32         margin-left: 5vw;
33 }
34
35 .ctdl-msg-header {
36         overflow: hidden;
37         padding: 4px;
38         background-color: GhostWhite;
39 }
40
41 .ctdl-msg-header-info {
42         float: left;
43 }
44
45 .ctdl-msg-header-buttons {
46         float: right;
47 }
48
49 .ctdl-msg-button {
50         margin-left: 2px;
51         border-radius: 5px;
52         background-color: blue;
53         color: black;
54         padding: 2px;
55         background-color: GhostWhite;
56         border-style: solid;
57         border-width: thin;
58         border-color: black;
59 }
60
61 .ctdl-msg-button:hover {
62         background-color: #123456;
63         color: GhostWhite;
64         transition: .3s;
65         border-color: #123456;
66 }
67
68 .ctdl-msg-button a {
69         text-decoration: none;
70 }
71
72 .ctdl-avatar {
73         width: 32px;
74 }
75
76 .ctdl-username {
77         font-weight: bold;
78         color: #000055;
79 }
80
81 .ctdl-username a {
82         text-decoration: none;
83         padding-right: 4px;
84 }
85
86 .ctdl-msgdate {
87         padding-left: 4px;
88 }
89
90 .ctdl-msgsubject {
91         font-weight: bold;
92 }
93
94 .ctdl-fmsg-content {                    /* message text, when in forum view */
95         margin-left: 32px;
96 }
97
98 .ctdl-mmsg-content {                    /* message text, when in mailbox view */
99         margin-left: 0;
100 }
101
102 .ctdl-avatar {
103         float: left;
104         padding-right: 2px;
105 }
106
107 .ctdl-forum-nav {
108         text-align: center;
109         color: #ffff00;
110 }
111
112 .ctdl-forum-nav a {
113         text-decoration: none;
114 }
115
116 blockquote {
117         background-color: #f5f5f5 !important;
118         color: navy !important;
119         margin-bottom: 0px;
120         padding-bottom: 0px;
121 }
122
123 blockquote blockquote {
124         background-color: #ebebeb !important;
125         color: maroon !important;
126 }
127
128 blockquote blockquote blockquote {
129         background-color: #e1e1e1 !important;
130         color: green !important;
131 }
132
133 blockquote blockquote blockquote blockquote {
134         background-color: #d7d7d7 !important;
135         color: purple !important;
136 }
137
138 blockquote blockquote blockquote blockquote blockquote {
139         background-color: #cdcdcd !important;
140         color: teal !important;
141 }
142
143 blockquote pre {
144         margin-left: 1%;
145         margin-right: 1%;
146 }
147
148 .ctdl-roomlist-top {
149         margin: 1%;
150 }
151
152 .ctdl-roomlist-floor {
153 }
154
155 .ctdl-roomlist-floor-label {
156         font-size: x-large;
157         margin: 1vw;
158 }
159
160 .ctdl-roomlist-floor-rooms {
161 }
162
163 .ctdl-roomlist-room {
164         overflow: hidden;
165         border-radius: 10px;
166         background-color: white;
167         padding: 0.5vw;
168         margin-bottom: 0.5vw;
169         width: 100%;
170 }
171
172 .ctdl-roomlist-roomicon {
173         overflow: hidden;
174         font-size: large;
175         margin-left: 1vw;
176         margin-right: 1vw;
177         padding-left: 0.75vw;
178         padding-right: 1.75vw;
179         padding-top: 0.75vw;
180         padding-bottom: 0.75vw;
181 }
182
183 .ctdl-roomlist-roomname {
184         font-size: large;
185 }
186
187 .ctdl-roomlist-roomname-hasnewmsgs {
188         font-weight: bold;
189 }
190
191 .ctdl-roomlist-mtime {
192 }
193
194 .ctdl-mailbox-pane {            /* list of messages when in mailbox view */
195 }
196
197 .ctdl-reading-pane {            /* message reading/composing pane when in mailbox view */
198 }