Mercurial > libervia-web
diff themes/default/styles/blog.css @ 703:1a19ee7d8d8a
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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/themes/default/styles/blog.css Thu Jun 04 11:56:34 2015 +0200 @@ -0,0 +1,186 @@ +/* +Libervia: a Salut à Toi frontend +Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson (goffi@goffi.org) + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU Affero General Public License as published by +the Free Software Foundation, either version 3 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU Affero General Public License for more details. + +You should have received a copy of the GNU Affero General Public License +along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +body { + background: url("../images/tpl/page-gradient.png") repeat-x scroll left top #FBFAF9; +} + +h1.error { + text-align: center; + color: red; +} + +.mblog_title { + font-size: x-large; + font-weight: bold; + margin: 20px; + font-family: FreeSans, Liberation Sans, Arial, sans-serif; + color: rgb(51, 51, 51); +} + +.mblog_title a { + text-decoration: none; + color: rgb(51, 51, 51); +} + +.mblog_entry { + width: 60%; + text-align: justify; + border: 1px solid LightGray; + margin: 5px auto 20px auto; + padding: 5px 10px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; + box-shadow: 0px 0px 0.5em rgb(153, 153, 153); + font-family: FreeSans, Liberation Sans, Arial, sans-serif; + color: rgb(51, 51, 51); +} + +.mblog_comments{ + background: url("../images/include/comment.gif") no-repeat scroll 0px 2px transparent; + padding: 0px 0px 0px 18px; +} + +.mblog_comment { + position: relative; + left: 2%; + width: 56%; +} + +.mblog_header { + font-size: small; + border-bottom: 1px dotted #ccc; + color: gray; + display: table; + width: 100%; +} + +.mblog_header_main:hover { + background-color: #f0f0f0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.mblog_footer { + font-size: small; + border-top: 1px dotted #ccc; + color: gray; + display: table; + width: 100%; +} + +.mblog_footer_main:hover { + background-color: #f0f0f0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.mblog_metadata { + display: table-row; + width: 100%; +} + +.mblog_author { + display: table-cell; +} + +.mblog_timestamp { + display: table-cell; + float: right; + background: url("../images/include/date.gif") no-repeat scroll 0px 1px transparent; + padding: 0px 0px 0px 18px; +} + +.mblog_content { + display: block; + padding-top: 5px; +} + +.item_link { + text-decoration: none; +} + +.comments_link { + text-decoration: none; + text-align: center; + display: block; +} + +.header, .footer { + margin: 20px; + height: 20px; + text-align: center; + border-top: 1px solid #CCC; + border-bottom: 1px solid #CCC; +} + +.header_content, .footer_content { + margin: 0px 20%; +} + +.later_message { + text-decoration: none; + float: left; + color: #2B73B7; + font-size: smaller; +} + +.older_message { + text-decoration: none; + float: right; + color: #2B73B7; + font-size: smaller; +} + +.later_messages, .older_messages { + text-decoration: none; + text-align:center; + color: #2B73B7; + font-size: smaller; +} + +.mblog_entry h1, h2, h3, h4, h5, h6 { + border-bottom: 1px solid rgb(170, 170, 170); +} + +.mblog_entry h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + text-decoration: none; + color: rgb(51, 51, 51); +} + +img { + max-width: 100%; +} + +.mblog_title img { + max-width: 800px; + max-height: 150px; + vertical-align: middle; + margin-right: 10px; + border-radius: 5px; +} \ No newline at end of file