Add padding for replies.
[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 }
58
59 #sone .post .time {
60         color: #666;
61         float: left;
62         font-size: 85%;
63 }
64
65 #sone .post .delete {
66         float: right;
67 }
68
69 #sone .post .replies {
70         clear: both;
71         padding-top: 0.2ex;
72 }
73
74 #sone .post .reply {
75         clear: both;
76         background-color: #eef;
77         font-size: 85%;
78         margin: 1ex 0px;
79         padding: 1ex;
80 }
81
82 #sone .post .reply div {
83         font-size: inherit; /* or else fproxy's css rules will fuck us. */
84 }
85
86 #sone .post .reply .time {
87         float: none;
88         display: inline;
89         color: #666;
90         font-size: inherit;
91 }
92
93 #sone .post .reply .status-line .delete {
94         float: none;
95         display: inline;
96 }
97
98 #sone .post .reply .status-line .delete:before {
99         content: ' · ';
100 }
101
102 #sone .post .create-reply {
103         clear: both;
104 }
105
106 #sone h1 {
107         font-family: inherit;
108         font-size: 200%;
109         font-weight: bold;
110 }
111
112 #sone .error label {
113         color: red;
114         font-weight: bold;
115 }
116
117 #sone input.createpost.default {
118         color: #888;
119 }