Mercurial > libervia-web

comparison themes/default/styles/blog.css @ 703:1a19ee7d8d8a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
server_side: add default theme
author souliane <souliane@mailoo.org>
date Thu, 04 Jun 2015 11:56:34 +0200
parents server_css/blog.css@d94feb0d849e
children bf562fb9c273
comparison
equal deleted inserted replaced
702:d94feb0d849e 703:1a19ee7d8d8a
1 /*
2 Libervia: a Salut à Toi frontend
3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson (goffi@goffi.org)
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
19 html {
20 box-sizing: border-box;
21 }
22 *, *:before, *:after {
23 box-sizing: inherit;
24 }
25
26 body {
27 background: url("../images/tpl/page-gradient.png") repeat-x scroll left top #FBFAF9;
28 }
29
30 h1.error {
31 text-align: center;
32 color: red;
33 }
34
35 .mblog_title {
36 font-size: x-large;
37 font-weight: bold;
38 margin: 20px;
39 font-family: FreeSans, Liberation Sans, Arial, sans-serif;
40 color: rgb(51, 51, 51);
41 }
42
43 .mblog_title a {
44 text-decoration: none;
45 color: rgb(51, 51, 51);
46 }
47
48 .mblog_entry {
49 width: 60%;
50 text-align: justify;
51 border: 1px solid LightGray;
52 margin: 5px auto 20px auto;
53 padding: 5px 10px;
54 -moz-border-radius: 15px;
55 -webkit-border-radius: 15px;
56 border-radius: 15px;
57 box-shadow: 0px 0px 0.5em rgb(153, 153, 153);
58 font-family: FreeSans, Liberation Sans, Arial, sans-serif;
59 color: rgb(51, 51, 51);
60 }
61
62 .mblog_comments{
63 background: url("../images/include/comment.gif") no-repeat scroll 0px 2px transparent;
64 padding: 0px 0px 0px 18px;
65 }
66
67 .mblog_comment {
68 position: relative;
69 left: 2%;
70 width: 56%;
71 }
72
73 .mblog_header {
74 font-size: small;
75 border-bottom: 1px dotted #ccc;
76 color: gray;
77 display: table;
78 width: 100%;
79 }
80
81 .mblog_header_main:hover {
82 background-color: #f0f0f0;
83 -moz-border-radius: 5px;
84 -webkit-border-radius: 5px;
85 border-radius: 5px;
86 }
87
88 .mblog_footer {
89 font-size: small;
90 border-top: 1px dotted #ccc;
91 color: gray;
92 display: table;
93 width: 100%;
94 }
95
96 .mblog_footer_main:hover {
97 background-color: #f0f0f0;
98 -moz-border-radius: 5px;
99 -webkit-border-radius: 5px;
100 border-radius: 5px;
101 }
102
103 .mblog_metadata {
104 display: table-row;
105 width: 100%;
106 }
107
108 .mblog_author {
109 display: table-cell;
110 }
111
112 .mblog_timestamp {
113 display: table-cell;
114 float: right;
115 background: url("../images/include/date.gif") no-repeat scroll 0px 1px transparent;
116 padding: 0px 0px 0px 18px;
117 }
118
119 .mblog_content {
120 display: block;
121 padding-top: 5px;
122 }
123
124 .item_link {
125 text-decoration: none;
126 }
127
128 .comments_link {
129 text-decoration: none;
130 text-align: center;
131 display: block;
132 }
133
134 .header, .footer {
135 margin: 20px;
136 height: 20px;
137 text-align: center;
138 border-top: 1px solid #CCC;
139 border-bottom: 1px solid #CCC;
140 }
141
142 .header_content, .footer_content {
143 margin: 0px 20%;
144 }
145
146 .later_message {
147 text-decoration: none;
148 float: left;
149 color: #2B73B7;
150 font-size: smaller;
151 }
152
153 .older_message {
154 text-decoration: none;
155 float: right;
156 color: #2B73B7;
157 font-size: smaller;
158 }
159
160 .later_messages, .older_messages {
161 text-decoration: none;
162 text-align:center;
163 color: #2B73B7;
164 font-size: smaller;
165 }
166
167 .mblog_entry h1, h2, h3, h4, h5, h6 {
168 border-bottom: 1px solid rgb(170, 170, 170);
169 }
170
171 .mblog_entry h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
172 text-decoration: none;
173 color: rgb(51, 51, 51);
174 }
175
176 img {
177 max-width: 100%;
178 }
179
180 .mblog_title img {
181 max-width: 800px;
182 max-height: 150px;
183 vertical-align: middle;
184 margin-right: 10px;
185 border-radius: 5px;
186 }