Format status line differently, rename “delete post” link.
[Sone.git] / src / main / resources / static / css / sone.css
1 /* Sone Main CSS File */
2
3 #sone {
4         width: 50em;
5         margin: auto;
6 }
7
8 #sone a {
9         color: inherit;
10         text-decoration: none;
11 }
12
13 #sone a:visited {
14         color: inherit;
15 }
16
17 #sone #sidebar {
18         width: 200px;
19         position: absolute;
20 }
21
22 #sone .profile-link {
23         font-weight: bold;
24         color: #23e;
25 }
26
27 #sone #profile .picture {
28         float: left;
29 }
30
31 #sone .nice-name {
32         font-weight: bold;
33 }
34
35 #sone #main {
36         margin-left: 200px;
37         padding-left: 1em;
38 }
39
40 #sone .post {
41         padding: 1ex 0px;
42         border-bottom: solid 1px #ccc;
43         margin-bottom: 1ex;
44 }
45
46 #sone .post .author {
47         display: inline;
48         font-weight: bold;
49 }
50
51 #sone .post .text {
52         display: inline;
53 }
54
55 #sone .post .status-line {
56         clear: both;
57         font-size: 85%;
58 }
59
60 #sone .post .time {
61         display: inline;
62         color: #666;
63 }
64
65 #sone .post .delete {
66         display: inline;
67 }
68
69 #sone .post .delete:before {
70         content: ' ‧ ';
71 }
72
73 #sone .post .replies {
74         clear: both;
75         padding-top: 0.2ex;
76 }
77
78 #sone .post .reply {
79         clear: both;
80         background-color: #eef;
81         font-size: 85%;
82         margin: 1ex 0px;
83         padding: 1ex;
84 }
85
86 #sone .post .reply div, #sone .post .time, #sone .post .delete {
87         font-size: inherit; /* or else fproxy's css rules will fuck us. */
88 }
89
90 #sone .post .reply .time {
91         float: none;
92         display: inline;
93         color: #666;
94         font-size: inherit;
95 }
96
97 #sone .post .reply .status-line .delete {
98         float: none;
99         display: inline;
100 }
101
102 #sone .post .reply .status-line .delete:before {
103         content: ' · ';
104 }
105
106 #sone .post .create-reply {
107         clear: both;
108 }
109
110 #sone h1 {
111         font-family: inherit;
112         font-size: 200%;
113         font-weight: bold;
114 }
115
116 #sone .error label {
117         color: red;
118         font-weight: bold;
119 }
120
121 #sone input.createpost.default {
122         color: #888;
123 }