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