1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
body { font-family: sans-serif }
.post { margin: 0px; }
.post:nth-child(even) { background-color: #eee }
.post:nth-child(odd) { background-color: #ddd }
.post {
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
width: 100%
}
.post:last-of-type { border-bottom: 1px solid black; }
.post-heading {
color: grey;
font-size: smaller;
}
.post-heading-em { font-weight: bold; }
.post-content > * { margin-bottom: 0 }
.post-content > *:nth-child(1) { margin-top: 2px }
.post-content { padding: 4px }
.un-col-1 { color: hsl(0, 100%, 30%) }
.un-col-2 { color: hsl(22.5, 100%, 30%) }
.un-col-3 { color: hsl(45.0, 100%, 30%) }
.un-col-4 { color: hsl(67.5, 100%, 30%) }
.un-col-5 { color: hsl(90.0, 100%, 30%) }
.un-col-6 { color: hsl(112.5, 100%, 30%) }
.un-col-7 { color: hsl(135.0, 100%, 30%) }
.un-col-8 { color: hsl(157.5, 100%, 30%) }
.un-col-9 { color: hsl(180.0, 100%, 30%) }
.un-col-10 { color: hsl(202.5, 100%, 30%) }
.un-col-11 { color: hsl(225.0, 100%, 30%) }
.un-col-12 { color: hsl(247.5, 100%, 30%) }
.un-col-13 { color: hsl(270.0, 100%, 30%) }
.un-col-14 { color: hsl(292.5, 100%, 30%) }
.un-col-15 { color: hsl(315.0, 100%, 30%) }
.un-col-16 { color: hsl(337.5, 100%, 30%) }
img { max-width: 100% }
.post-heading-b { float: right; margin-right: 0.5em }
nav ul { list-style-type: none; margin: 0px; padding: 0px }
nav { width:max-content; padding: 5px; margin: 2px; border: 1px solid black }
nav li { margin-left: 15px; margin-bottom: 10px; margin-right: 10px }
nav li {display: inline }
nav li:first-of-type { margin-left:0.5em }
nav { float: right }
nav a { color: blue; text-decoration: none }
.flashmsg { border: 1px solid black; background-color: yellow; width: max-content; padding: 5px; }
.threadlisting:nth-child(even) { background-color: #eee }
.threadlisting:nth-child(odd) { background-color: #ddd }
.threadlisting { display: flex; flex-flow: row wrap; text-align: center }
.threadlisting-part { flex: 1 0px; display: table-cell; vertical-align: middle; padding: 3px}
.threadlisting-part-title { flex: 3 0px }
.threadlisting-header { font-weight: bold }
@media all and (max-width: 800px) {
.threadlisting-part-title { flex: 2 100%; }
.threadlisting { margin-bottom: 5px; }
}
@media all and (min-width: 1200px) {
.threadlisting { width: 1200px }
}
.threadlisting-part-id { flex: 0.4 0px; }
.threadlisting-part { border: 1px solid black }
.actionbutton::before {
content: "[";
color: grey;
}
.actionbutton::after {
content: "]";
color: grey;
}
.actionbutton { color:blue }
.new-post-box {
height:20em;
resize:vertical;
width:100%;
border:1px solid black;
margin-top: 5px;
}
|
