Mercurial > libervia-web

comparison server_css/blog.css @ 702:d94feb0d849e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
server_side: give a better look to the static blog
author souliane <souliane@mailoo.org>
date Mon, 11 May 2015 14:54:41 +0200
parents 3eb3a2c0c011
children
comparison
equal deleted inserted replaced
701:9aa2e251a993 702:d94feb0d849e
14 14
15 You should have received a copy of the GNU Affero General Public License 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/>. 16 along with this program. If not, see <http://www.gnu.org/licenses/>.
17 */ 17 */
18 18
19 .mblog_title, .mblog_title a { 19 html {
20 text-align: center; 20 box-sizing: border-box;
21 text-decoration: none; 21 }
22 *, *:before, *:after {
23 box-sizing: inherit;
24 }
25
26 body {
27 background: url("../media/icons/dokuwiki/tpl/page-gradient.png") repeat-x scroll left top #FBFAF9;
28 }
29
30 .mblog_title {
22 font-size: x-large; 31 font-size: x-large;
23 font-weight: bold; 32 font-weight: bold;
24 margin-bottom: 40px; 33 margin: 20px;
25 font-family: FreeSans, Liberation Sans, Arial, sans-serif; 34 font-family: FreeSans, Liberation Sans, Arial, sans-serif;
35 color: rgb(51, 51, 51);
36 }
37
38 .mblog_title a {
39 text-decoration: none;
26 color: rgb(51, 51, 51); 40 color: rgb(51, 51, 51);
27 } 41 }
28 42
29 .mblog_entry { 43 .mblog_entry {
30 width: 60%; 44 width: 60%;
39 font-family: FreeSans, Liberation Sans, Arial, sans-serif; 53 font-family: FreeSans, Liberation Sans, Arial, sans-serif;
40 color: rgb(51, 51, 51); 54 color: rgb(51, 51, 51);
41 } 55 }
42 56
43 .mblog_comments{ 57 .mblog_comments{
58 background: url("../media/icons/dokuwiki_plugins/include/comment.gif") no-repeat scroll 0px 2px transparent;
59 padding: 0px 0px 0px 18px;
44 } 60 }
45 61
46 .mblog_comment { 62 .mblog_comment {
47 position: relative; 63 position: relative;
48 left: 2%; 64 left: 2%;
49 width: 56%; 65 width: 56%;
50 } 66 }
51 67
52 .mblog_header { 68 .mblog_header {
53 font-size: small; 69 font-size: small;
54 border-bottom: 1px dashed LightGrey; 70 border-bottom: 1px dotted #ccc;
55 color: gray; 71 color: gray;
56 display: table; 72 display: table;
57 width: 100%; 73 width: 100%;
58 } 74 }
59 75
64 border-radius: 5px; 80 border-radius: 5px;
65 } 81 }
66 82
67 .mblog_footer { 83 .mblog_footer {
68 font-size: small; 84 font-size: small;
69 border-top: 1px dashed LightGrey; 85 border-top: 1px dotted #ccc;
70 color: gray; 86 color: gray;
71 display: table; 87 display: table;
72 width: 100%; 88 width: 100%;
73 } 89 }
74 90
88 display: table-cell; 104 display: table-cell;
89 } 105 }
90 106
91 .mblog_timestamp { 107 .mblog_timestamp {
92 display: table-cell; 108 display: table-cell;
93 text-align: right; 109 float: right;
110 background: url("../media/icons/dokuwiki_plugins/include/date.gif") no-repeat scroll 0px 1px transparent;
111 padding: 0px 0px 0px 18px;
94 } 112 }
95 113
96 .mblog_content { 114 .mblog_content {
97 display: block; 115 display: block;
98 padding-top: 5px; 116 padding-top: 5px;
106 text-decoration: none; 124 text-decoration: none;
107 text-align: center; 125 text-align: center;
108 display: block; 126 display: block;
109 } 127 }
110 128
111 .header { 129 .header, .footer {
112 width: 60%; 130 margin: 20px;
113 margin: auto; 131 height: 20px;
114 margin-bottom: 20px;
115 text-align: center; 132 text-align: center;
133 border-top: 1px solid #CCC;
134 border-bottom: 1px solid #CCC;
116 } 135 }
117 136
118 .footer { 137 .header_content, .footer_content {
119 width: 100%; 138 margin: 0px 20%;
120 text-align:center;
121 } 139 }
122 140
123 .later_message { 141 .later_message {
124 text-decoration: none; 142 text-decoration: none;
125 float: left; 143 float: left;
126 } 144 color: #2B73B7;
127 145 font-size: smaller;
128 .later_messages {
129 text-decoration: none;
130 text-align:center;
131 } 146 }
132 147
133 .older_message { 148 .older_message {
134 text-decoration: none; 149 text-decoration: none;
135 float: right; 150 float: right;
151 color: #2B73B7;
152 font-size: smaller;
136 } 153 }
137 154
138 .older_messages { 155 .later_messages, .older_messages {
139 text-decoration: none; 156 text-decoration: none;
140 text-align:center; 157 text-align:center;
158 color: #2B73B7;
159 font-size: smaller;
141 } 160 }
142 161
143 .mblog_entry h1, h2, h3, h4, h5, h6 { 162 .mblog_entry h1, h2, h3, h4, h5, h6 {
144 border-bottom: 1px solid rgb(170, 170, 170); 163 border-bottom: 1px solid rgb(170, 170, 170);
145 } 164 }
154 } 173 }
155 174
156 .mblog_title img { 175 .mblog_title img {
157 max-width: 800px; 176 max-width: 800px;
158 max-height: 150px; 177 max-height: 150px;
178 vertical-align: middle;
179 margin-right: 10px;
180 border-radius: 5px;
159 } 181 }