Prepare for larger HTML/CSS rework.
[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 .time {
56         color: #666;
57         float: left;
58         font-size: 85%;
59 }
60
61 #sone .post .delete {
62         float: right;
63 }
64
65 #sone .post .replies {
66         clear: both;
67 }
68
69 #sone .post .reply {
70         clear: both;
71         background-color: #eef;
72         font-size: 85%;
73         margin: 1ex 0px;
74         padding: 1ex;
75 }
76
77 #sone .post .reply div {
78         font-size: inherit; /* or else fproxy's css rules will fuck us. */
79 }
80
81 #sone .post .reply .time {
82         float: none;
83         color: #666;
84         font-size: inherit;
85 }
86
87 #sone .post .create-reply {
88         clear: both;
89 }
90
91 #sone h1 {
92         font-family: inherit;
93         font-size: 200%;
94         font-weight: bold;
95 }
96
97 #sone .error label {
98         color: red;
99         font-weight: bold;
100 }
101
102 #sone input.createpost.default {
103         color: #888;
104 }