106 lines
2.0 KiB
CSS
106 lines
2.0 KiB
CSS
/*
|
|
WebPinBoard
|
|
Copyright (C) 2022, OctoSpacc
|
|
https://gitlab.com/octospacc
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
Body {
|
|
Margin: 2%;
|
|
Padding: 0;
|
|
Background-Color: #2400DA;
|
|
}
|
|
|
|
* {
|
|
Font-Size: Large;
|
|
}
|
|
|
|
.window {
|
|
Float: Left;
|
|
Margin: 8px;
|
|
}
|
|
|
|
@Media (Min-Width: 796px) {
|
|
.window {
|
|
Max-Width: 360px;
|
|
}
|
|
}
|
|
|
|
@Media (Min-Width: 956px) {
|
|
.window {
|
|
Max-Width: 400px;
|
|
}
|
|
}
|
|
|
|
.InfoWindow {
|
|
Float: Left;
|
|
Margin: 12px;
|
|
Padding-Left: 8px;
|
|
Padding-Right: 8px;
|
|
Border: Solid 1px #FFFFFF;
|
|
Color: #FFFFFF;
|
|
}
|
|
|
|
.InfoWindow a {
|
|
Color: #10A0F0;
|
|
}
|
|
|
|
.InfoWindow label {
|
|
Float: Right;
|
|
}
|
|
|
|
.window-body, .InfoWindowBody {
|
|
Display: Block;
|
|
}
|
|
|
|
.window-body *, .InfoWindowBody * {
|
|
Margin-Top: 6px;
|
|
Margin-Bottom: 6px;
|
|
}
|
|
|
|
.window-body li, .InfoWindowBody li {
|
|
Margin-Top: 2px;
|
|
Margin-Bottom: 2px;
|
|
}
|
|
|
|
.window-body h1, .window-body h2, .window-body h3, .window-body h4, .window-body h5, .window-body h6,
|
|
.InfoWindowBody h1, .InfoWindowBody h2, .InfoWindowBody h3, .InfoWindowBody h4, .InfoWindowBody h5, .InfoWindowBody h6 {
|
|
Margin-Top: 12px;
|
|
Margin-Bottom: 12px;
|
|
}
|
|
|
|
:Checked + .window-body, :Checked + .InfoWindowBody {
|
|
Display: None;
|
|
}
|
|
|
|
.window-body img, .InfoWindowBody img {
|
|
Max-Width: 100%;
|
|
Max-Height: 100%;
|
|
}
|
|
|
|
.title-bar {
|
|
Background: Linear-Gradient(90deg, #3413D9, #5812DA);
|
|
}
|
|
|
|
#Background > * {
|
|
Filter: Brightness(20%);
|
|
Position: Fixed;
|
|
Top: 0;
|
|
Left: 0;
|
|
Min-Width: 100%;
|
|
Min-Height: 100%;
|
|
Z-Index: -8;
|
|
}
|