Mercurial > libervia-web

annotate themes/default/styles/blog.css @ 1070:46622cb54e6c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
pages (photos): new photos/album page to use photo album view when displaying files, and display comments is available.
author Goffi <goffi@goffi.org>
date Sun, 18 Mar 2018 11:38:34 +0100
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 }