Mercurial > libervia-web
annotate server_css/blog.css @ 692:7a9c7b9f6a28
browser_side: use host.default_muc instead of C.DEFAULT_MUC
author | souliane <souliane@mailoo.org> |
---|---|
date | Thu, 09 Apr 2015 11:37:25 +0200 |
parents | 3eb3a2c0c011 |
children | d94feb0d849e |
rev | line source |
---|---|
10 | 1 /* |
2 Libervia: a Salut à Toi frontend | |
340 | 3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson (goffi@goffi.org) |
10 | 4 |
5 This program is free software: you can redistribute it and/or modify | |
6 it under the terms of the GNU Affero General Public License as published by | |
7 the Free Software Foundation, either version 3 of the License, or | |
8 (at your option) any later version. | |
9 | |
10 This program is distributed in the hope that it will be useful, | |
11 but WITHOUT ANY WARRANTY; without even the implied warranty of | |
12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
13 GNU Affero General Public License for more details. | |
14 | |
15 You should have received a copy of the GNU Affero General Public License | |
16 along with this program. If not, see <http://www.gnu.org/licenses/>. | |
17 */ | |
18 | |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
19 .mblog_title, .mblog_title a { |
10 | 20 text-align: center; |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
21 text-decoration: none; |
10 | 22 font-size: x-large; |
23 font-weight: bold; | |
24 margin-bottom: 40px; | |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
25 font-family: FreeSans, Liberation Sans, Arial, sans-serif; |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
26 color: rgb(51, 51, 51); |
10 | 27 } |
28 | |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
29 .mblog_entry { |
10 | 30 width: 60%; |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
31 text-align: justify; |
10 | 32 border: 1px solid LightGray; |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
33 margin: 5px auto 20px auto; |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
34 padding: 5px 10px; |
10 | 35 -moz-border-radius: 15px; |
36 -webkit-border-radius: 15px; | |
37 border-radius: 15px; | |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
38 box-shadow: 0px 0px 0.5em rgb(153, 153, 153); |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
39 font-family: FreeSans, Liberation Sans, Arial, sans-serif; |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
40 color: rgb(51, 51, 51); |
10 | 41 } |
42 | |
586
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
43 .mblog_comments{ |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
44 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
45 |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
46 .mblog_comment { |
586
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
47 position: relative; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
48 left: 2%; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
49 width: 56%; |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
50 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
51 |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
52 .mblog_header { |
10 | 53 font-size: small; |
54 border-bottom: 1px dashed LightGrey; | |
55 color: gray; | |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
56 display: table; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
57 width: 100%; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
58 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
59 |
586
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
60 .mblog_header_main:hover { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
61 background-color: #f0f0f0; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
62 -moz-border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
63 -webkit-border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
64 border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
65 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
66 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
67 .mblog_footer { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
68 font-size: small; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
69 border-top: 1px dashed LightGrey; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
70 color: gray; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
71 display: table; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
72 width: 100%; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
73 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
74 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
75 .mblog_footer_main:hover { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
76 background-color: #f0f0f0; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
77 -moz-border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
78 -webkit-border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
79 border-radius: 5px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
80 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
81 |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
82 .mblog_metadata { |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
83 display: table-row; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
84 width: 100%; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
85 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
86 |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
87 .mblog_author { |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
88 display: table-cell; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
89 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
90 |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
91 .mblog_timestamp { |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
92 display: table-cell; |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
93 text-align: right; |
10 | 94 } |
228
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
95 |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
96 .mblog_content { |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
97 display: block; |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
98 padding-top: 5px; |
6efd189e8d78
server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents:
10
diff
changeset
|
99 } |
306
52b1afd7ac3f
server_side: display rich text in blogs (addURLToText is now in sat_frontends/tools/strings)
souliane <souliane@mailoo.org>
parents:
228
diff
changeset
|
100 |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
101 .item_link { |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
102 text-decoration: none; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
103 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
104 |
586
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
105 .comments_link { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
106 text-decoration: none; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
107 text-align: center; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
108 display: block; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
109 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
110 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
111 .header { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
112 width: 60%; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
113 margin: auto; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
114 margin-bottom: 20px; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
115 text-align: center; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
116 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
117 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
118 .footer { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
119 width: 100%; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
120 text-align:center; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
121 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
122 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
123 .later_message { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
124 text-decoration: none; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
125 float: left; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
126 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
127 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
128 .later_messages { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
129 text-decoration: none; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
130 text-align:center; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
131 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
132 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
133 .older_message { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
134 text-decoration: none; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
135 float: right; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
136 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
137 |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
138 .older_messages { |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
139 text-decoration: none; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
140 text-align:center; |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
141 } |
3eb3a2c0c011
browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents:
393
diff
changeset
|
142 |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
143 .mblog_entry h1, h2, h3, h4, h5, h6 { |
306
52b1afd7ac3f
server_side: display rich text in blogs (addURLToText is now in sat_frontends/tools/strings)
souliane <souliane@mailoo.org>
parents:
228
diff
changeset
|
144 border-bottom: 1px solid rgb(170, 170, 170); |
52b1afd7ac3f
server_side: display rich text in blogs (addURLToText is now in sat_frontends/tools/strings)
souliane <souliane@mailoo.org>
parents:
228
diff
changeset
|
145 } |
312
b4781a350483
browser_side: display a "New message" button and add a "comment" icon for main entries in MicroblogPanel when the unibox is disabled
souliane <souliane@mailoo.org>
parents:
306
diff
changeset
|
146 |
389
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
147 .mblog_entry h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
148 text-decoration: none; |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
149 color: rgb(51, 51, 51); |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
150 } |
2d782349b88a
server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents:
340
diff
changeset
|
151 |
312
b4781a350483
browser_side: display a "New message" button and add a "comment" icon for main entries in MicroblogPanel when the unibox is disabled
souliane <souliane@mailoo.org>
parents:
306
diff
changeset
|
152 img { |
b4781a350483
browser_side: display a "New message" button and add a "comment" icon for main entries in MicroblogPanel when the unibox is disabled
souliane <souliane@mailoo.org>
parents:
306
diff
changeset
|
153 max-width: 100%; |
b4781a350483
browser_side: display a "New message" button and add a "comment" icon for main entries in MicroblogPanel when the unibox is disabled
souliane <souliane@mailoo.org>
parents:
306
diff
changeset
|
154 } |
393
a3d58514a4d0
server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents:
389
diff
changeset
|
155 |
a3d58514a4d0
server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents:
389
diff
changeset
|
156 .mblog_title img { |
a3d58514a4d0
server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents:
389
diff
changeset
|
157 max-width: 800px; |
a3d58514a4d0
server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents:
389
diff
changeset
|
158 max-height: 150px; |
a3d58514a4d0
server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents:
389
diff
changeset
|
159 } |