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