Mercurial > libervia-web

annotate themes/default/styles/blog.css @ 1199:b300eaec53b6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
server: don't raise error anymore if themes_dir is invalid or legacy blog can't be created: legacy blog will be entirely removed with 0.8 release, and themes_dir is only used by it. This patch limit troubles with this old code by not raising an error anymore if option is wrong or if the legacy blog can't be created. fix 317
author Goffi <goffi@goffi.org>
date Tue, 09 Jul 2019 20:20:46 +0200
parents 08e0d1f8542c
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
1 /*
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
2 Libervia: a Salut à Toi frontend
340
ce5b33f499c5 dates update
Goffi <goffi@goffi.org>
parents: 312
diff changeset
3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson (goffi@goffi.org)
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
4
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
5 This program is free software: you can redistribute it and/or modify
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
6 it under the terms of the GNU Affero General Public License as published by
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
7 the Free Software Foundation, either version 3 of the License, or
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
8 (at your option) any later version.
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
9
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
10 This program is distributed in the hope that it will be useful,
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
11 but WITHOUT ANY WARRANTY; without even the implied warranty of
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
13 GNU Affero General Public License for more details.
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
14
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
15 You should have received a copy of the GNU Affero General Public License
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
16 along with this program. If not, see <http://www.gnu.org/licenses/>.
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
17 */
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
18
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
19 html {
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
20 box-sizing: border-box;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
21 }
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
22 *, *:before, *:after {
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
23 box-sizing: inherit;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
24 }
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
25
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
26 body {
703
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
27 background: url("../images/tpl/page-gradient.png") repeat-x scroll left top #FBFAF9;
868
a12f8d138ae2 theme (default): changed font, use the same fond as in dynamic part
Goffi <goffi@goffi.org>
parents: 864
diff changeset
28 font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
703
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
29 }
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
30
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
31 h1.error {
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
32 text-align: center;
1a19ee7d8d8a server_side: add default theme
souliane <souliane@mailoo.org>
parents: 702
diff changeset
33 color: red;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
34 }
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
35
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
36 .mblog_title {
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
37 font-size: x-large;
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
38 font-weight: bold;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
39 margin: 20px;
228
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
40 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
41 color: rgb(51, 51, 51);
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
42 }
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
43
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
44 .mblog_title a {
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
45 text-decoration: none;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
46 color: rgb(51, 51, 51);
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
47 }
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
48
228
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
49 .mblog_entry {
864
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
50 width: 750px;
228
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
51 text-align: justify;
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
52 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
53 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
54 padding: 5px 10px;
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
55 -moz-border-radius: 15px;
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
56 -webkit-border-radius: 15px;
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
57 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
58 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
59 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
60 color: rgb(51, 51, 51);
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
61 }
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
62
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
63 .mblog_comments{
821
a91f0ff3958c server (blog/themes): replace previously removed icons
souliane <souliane@mailoo.org>
parents: 797
diff changeset
64 background: url("../images/flaticon/comment33.png") no-repeat scroll 0px 2px transparent;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
65 padding: 0px 0px 0px 18px;
586
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
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
68 .mblog_comment {
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
69 position: relative;
864
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
70 left: 20px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
71 width: 710px;
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
72 }
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
73
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
74 .mblog_header {
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
75 font-size: small;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
76 border-bottom: 1px dotted #ccc;
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
77 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
78 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
79 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
80 }
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
81
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
82 .mblog_header_main:hover {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
83 background-color: #f0f0f0;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
84 -moz-border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
85 -webkit-border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
86 border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
87 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
88
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
89 .mblog_footer {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
90 font-size: small;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
91 border-top: 1px dotted #ccc;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
92 color: gray;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
93 display: table;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
94 width: 100%;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
95 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
96
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
97 .mblog_footer_main:hover {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
98 background-color: #f0f0f0;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
99 -moz-border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
100 -webkit-border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
101 border-radius: 5px;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
102 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
103
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
104 .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
105 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
106 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
107 }
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
108
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
109 .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
110 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
111 }
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
112
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
113 .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
114 display: table-cell;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
115 float: right;
821
a91f0ff3958c server (blog/themes): replace previously removed icons
souliane <souliane@mailoo.org>
parents: 797
diff changeset
116 background: url("../images/flaticon/clock104.png") no-repeat scroll 0px 1px transparent;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
117 padding: 0px 0px 0px 18px;
10
c28a4840e1a8 server: microblog resource
Goffi <goffi@goffi.org>
parents:
diff changeset
118 }
228
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
119
743
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
120 /* START TAGS: styles are adapted from Dotclear */
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
121 .mblog_tags {
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
122 background: #fbfbfb none repeat scroll 0% 0%;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
123 padding: 5px;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
124 margin: 8px 0px 0px;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
125 overflow: hidden;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
126 }
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
127
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
128 .mblog_tags li {
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
129 display: inline;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
130 font-size: small;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
131 }
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
132
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
133 .mblog_tags li a {
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
134 float: left;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
135 padding: 2px 8px 2px 18px;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
136 white-space: nowrap;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
137 color: #005D99;
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
138 text-decoration: none;
821
a91f0ff3958c server (blog/themes): replace previously removed icons
souliane <souliane@mailoo.org>
parents: 797
diff changeset
139 background: transparent url("../images/flaticon/tag67.png") no-repeat scroll 0px 0px;
743
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
140 }
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
141 /* END TAGS */
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
142
228
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
143 .mblog_content {
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
144 display: block;
6efd189e8d78 server_side: put the blog entry content in its own span + CSS customization
souliane <souliane@mailoo.org>
parents: 10
diff changeset
145 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
146 }
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
147
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
148 .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
149 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
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
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
152 .comments_link {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
153 text-decoration: none;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
154 text-align: center;
712
bf562fb9c273 server_side: use Jinja2 template engine for static blog
souliane <souliane@mailoo.org>
parents: 703
diff changeset
155 color: #2B73B7;
bf562fb9c273 server_side: use Jinja2 template engine for static blog
souliane <souliane@mailoo.org>
parents: 703
diff changeset
156 font-size: smaller;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
157 display: block;
712
bf562fb9c273 server_side: use Jinja2 template engine for static blog
souliane <souliane@mailoo.org>
parents: 703
diff changeset
158 left: 2%;
bf562fb9c273 server_side: use Jinja2 template engine for static blog
souliane <souliane@mailoo.org>
parents: 703
diff changeset
159 position: relative;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
160 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
161
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
162 .header, .footer {
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
163 margin: 20px;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
164 height: 20px;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
165 text-align: center;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
166 border-top: 1px solid #CCC;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
167 border-bottom: 1px solid #CCC;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
168 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
169
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
170 .header_content, .footer_content {
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
171 margin: 0px 20%;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
172 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
173
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
174 .later_message {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
175 text-decoration: none;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
176 float: left;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
177 color: #2B73B7;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
178 font-size: smaller;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
179 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
180
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
181 .older_message {
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
182 text-decoration: none;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
183 float: right;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
184 color: #2B73B7;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
185 font-size: smaller;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
186 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
187
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
188 .later_messages, .older_messages {
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
189 text-decoration: none;
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
190 text-align:center;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
191 color: #2B73B7;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
192 font-size: smaller;
586
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
193 }
3eb3a2c0c011 browser and server side: uses RSM (XEP-0059)
souliane <souliane@mailoo.org>
parents: 393
diff changeset
194
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
195 .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
196 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
197 }
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
198
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
199 .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
200 text-decoration: none;
743
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
201 color: #666;
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
202 }
2d782349b88a server_side: display blog comments when you click on a main item header or title
souliane <souliane@mailoo.org>
parents: 340
diff changeset
203
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
204 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
205 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
206 }
393
a3d58514a4d0 server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents: 389
diff changeset
207
992
08e0d1f8542c server (legacy blog): set max-width: 100% for videos
Goffi <goffi@goffi.org>
parents: 868
diff changeset
208 video {
08e0d1f8542c server (legacy blog): set max-width: 100% for videos
Goffi <goffi@goffi.org>
parents: 868
diff changeset
209 max-width: 100%;
08e0d1f8542c server (legacy blog): set max-width: 100% for videos
Goffi <goffi@goffi.org>
parents: 868
diff changeset
210 }
08e0d1f8542c server (legacy blog): set max-width: 100% for videos
Goffi <goffi@goffi.org>
parents: 868
diff changeset
211
393
a3d58514a4d0 server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents: 389
diff changeset
212 .mblog_title img {
a3d58514a4d0 server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents: 389
diff changeset
213 max-width: 800px;
a3d58514a4d0 server_side: set max static blog banner dimensions
souliane <souliane@mailoo.org>
parents: 389
diff changeset
214 max-height: 150px;
702
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
215 vertical-align: middle;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
216 margin-right: 10px;
d94feb0d849e server_side: give a better look to the static blog
souliane <souliane@mailoo.org>
parents: 586
diff changeset
217 border-radius: 5px;
743
916075bd0356 server_side: display tags in static blogs
souliane <souliane@mailoo.org>
parents: 712
diff changeset
218 }
797
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
219
842
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
220 .powered, .feed {
797
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
221 text-align: center;
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
222 font-family: FreeSans,Liberation Sans,Arial,sans-serif;
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
223 color: rgb(51, 51, 51);
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
224 font-size: small;
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
225 }
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
226
842
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
227 .powered a, .feed a {
797
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
228 text-decoration: none;
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
229 }
842
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
230 .powered img, .feed img {
797
6f2200d720d5 themes: add "Powered by Salut à Toi" in the footer
souliane <souliane@mailoo.org>
parents: 763
diff changeset
231 vertical-align: bottom;
842
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
232 width: 16px;
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
233 heigth: 16px;
3eb26b269539 themes (default): display a link to the atom feed below the static blog entries
souliane <souliane@mailoo.org>
parents: 821
diff changeset
234 }
864
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
235
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
236 @media (min-width: 600px) and (max-width: 750px) {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
237 .mblog_entry {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
238 width: 600px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
239 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
240 .mblog_comment {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
241 width: 560px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
242 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
243 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
244 @media (min-width: 480px) and (max-width: 600px) {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
245 .mblog_entry {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
246 width: 480px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
247 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
248 .mblog_comment {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
249 width: 440px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
250 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
251 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
252 @media (max-width: 480px) {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
253 .mblog_entry {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
254 width: 360px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
255 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
256 .mblog_comment {
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
257 width: 320px;
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
258 }
d8c2203998df themes (default): fixes static blog messages width according to the screen size
souliane <souliane@mailoo.org>
parents: 842
diff changeset
259 }