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.
7 * { /* This makes the grid take up exactly 100% of the screen */
8 box-sizing: border-box;
13 .ctdl-grid-banner-item { /* These grid items will be referenced in the grid container */
17 .ctdl-grid-navbar-item {
21 .ctdl-grid-main-item {
27 .ctdl-main-grid-container { /* This is so mind-bogglingly simple I can't believe it works */
30 'header header header header header header'
31 'menu main main main main main'
32 'menu main main main main main'
33 'menu main main main main main'
34 'menu main main main main main'
35 'menu main main main main main'
36 'menu main main main main main'
37 'menu main main main main main';
39 background-color: #456789; /* This is the color of the lines between the boxes */
40 padding: 0; /* This is the border around the edges of the screen */
45 .ctdl-main-grid-container > div {
46 background-color: #DDEEFF;
51 html,body,h1,h2,h3,h4,h5 {
52 font-family: verdana, sans-serif
56 display: none; /* set to "block" to make the modal appear */
61 transform: translate(-50%, -50%);
64 justify-content: center;
67 background-color: #DDDDDD;
70 .ctdl-sidebar-class button {
73 background-color: #888888;
77 .ctdl-grid-banner-item button {
78 background-color: #888888;
82 .ctdl-msg-reading-pane {
83 background-color: #456789;
86 .ctdl-fmsg-wrapper { /* message wrapper for forum view */
89 background-color: white;
91 padding: 5px; /* inside the box */
94 .ctdl-mmsg-wrapper { /* message wrapper for mailbox view */
96 background-color: white;
97 padding: 5px; /* inside the box */
98 border-style: solid; /* could also be: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden */
109 background-color: GhostWhite;
112 .ctdl-msg-header-info {
116 .ctdl-msg-header-buttons {
123 background-color: blue;
126 background-color: GhostWhite;
132 .ctdl-msg-button:hover {
133 background-color: #123456;
136 border-color: #123456;
140 text-decoration: none;
153 text-decoration: none;
165 .ctdl-fmsg-content { /* message text, when in forum view */
169 .ctdl-mmsg-content { /* message text, when in mailbox view */
184 text-decoration: none;
188 background-color: #f5f5f5 !important;
189 color: navy !important;
194 blockquote blockquote {
195 background-color: #ebebeb !important;
196 color: maroon !important;
199 blockquote blockquote blockquote {
200 background-color: #e1e1e1 !important;
201 color: green !important;
204 blockquote blockquote blockquote blockquote {
205 background-color: #d7d7d7 !important;
206 color: purple !important;
209 blockquote blockquote blockquote blockquote blockquote {
210 background-color: #cdcdcd !important;
211 color: teal !important;
223 .ctdl-roomlist-floor {
226 .ctdl-roomlist-floor-label {
231 .ctdl-roomlist-floor-rooms {
234 .ctdl-roomlist-room {
237 background-color: white;
239 margin-bottom: 0.5vw;
243 .ctdl-roomlist-roomicon {
248 padding-left: 0.75vw;
249 padding-right: 1.75vw;
251 padding-bottom: 0.75vw;
254 .ctdl-roomlist-roomname {
258 .ctdl-roomlist-roomname-hasnewmsgs {
262 .ctdl-roomlist-mtime {
265 .ctdl-mailbox-heading {
271 .ctdl-mailbox-pane { /* list of messages when in mailbox view */
278 .ctdl-reading-pane { /* message reading/composing pane when in mailbox view */
282 .ctdl-compose-mail { /* mail composition window */
286 border: 5px solid red;
287 background-color: yellow;