Make forum somewhat usable, display Libravatars.
[edumed.git] / edumed / static / css / forum.scss
1 ul.breadcrumb {
2     margin: 0;
3     padding: 0;
4     list-style: none;
5     li {
6         display: inline;
7     }
8 }
9
10
11
12 .forum-body {
13     .pagination {
14         ul {
15             margin: 0;
16             padding: 0;
17             list-style: none;
18
19             li {
20                 display: inline-block;
21                 a {
22                     display: block;
23                     padding: .5em;
24                 }
25             }
26
27             .disabled {
28                 a {
29                     color: black;
30                 }
31             }
32         }
33     }
34
35     .table {
36         width: 100%;
37         margin: 1em 0;
38     }
39
40     .forum-description {
41         margin: 5px;
42     }
43
44     .forum-row, .topic-row {
45         width: 100%;
46     }
47
48     .forum-name, .topic-name {
49         width: 40%;
50         text-align: left;
51     }
52
53     .forum-topic-count, .forum-post-count, .topic-post-count, .topic-view-count {
54         width: 16%;
55         text-align: center;
56     }
57
58     .forum-last-post, .topic-last-post {
59         width: 20%;
60         text-align: center;
61     }
62
63     .first-unread-post-link, .first-unread-post-link:hover {
64         text-decoration: none;
65     }
66
67
68
69
70
71     .post-header {
72        padding: 3px 0 3px 20px;
73        th {
74             text-align: left;
75        }
76     }
77
78     .post-info {
79         width: 200px;
80         padding: 10px;
81
82         .avatar {
83
84         }
85
86         .post-author {
87             padding: 5px 0;
88         }
89
90         .post-extra-info {
91         }
92
93         .post-controls {
94         }
95     }
96
97     .post-content {
98         vertical-align: top;
99         padding: 10px;
100     }
101
102     .post-signature {
103         color: #CCC;
104         margin-top: 15px;
105         border-top: 1px dotted #CCC;
106         display: block;
107     }
108
109     .post-related {
110         margin-top: 20px;
111     }
112
113
114
115
116     .forum-headline {
117         margin-top: 10px;
118     }
119
120     .attachments-form {
121         padding-bottom: 15px;
122     }
123
124     .attachment-link {
125         border-bottom: 1px dotted;
126     }
127
128     /* --- Unread --- */
129
130     .state-indicator {
131         display: block;
132         float: left;
133         height: 10px;
134         width: 10px;
135         margin: 3px 5px;
136     }
137
138     .topic-unread, .forum-unread {
139         a {
140             font-weight: bold;
141         }
142         .state-indicator {
143         }
144     }
145
146     /* --- Moderation --- */
147     .on-moderation {
148         background: #ffcccc;
149     }
150
151     /* --- Mini pagination --- */
152     .mini-pagination {
153         padding: 3px 0 3px 10px;
154     }
155 }