Mercurial > libervia-templates
annotate default/static/blog.css @ 93:650f3456f80d
blog/articles: added simple pagination
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 12 Jan 2018 22:05:32 +0100 |
parents | 580670430fa2 |
children | 94b5806b9e2f |
rev | line source |
---|---|
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
1 /*** articles ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
2 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
3 article.box { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
4 position: relative; |
0 | 5 margin: 2% auto; |
33
be1aebaccac0
static/blog.css: removed max-height for comments
Goffi <goffi@goffi.org>
parents:
30
diff
changeset
|
6 border-style: solid none none; |
0 | 7 border-width: 1px; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
8 padding: 2%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
9 max-height: 7em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
10 overflow: hidden; |
42 | 11 transition: max-height 0.5s; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
12 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
13 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
14 .main_article article.box:not(.clicked) { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
15 border-bottom-right-radius: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
16 border-bottom-left-radius: 0; |
0 | 17 } |
18 | |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
19 /** header **/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
20 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
21 header .metadata { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
22 text-align: right; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
23 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
24 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
25 article .author { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
26 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
27 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
28 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
29 article .author::after { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
30 content: ", "; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
31 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
32 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
33 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
34 /** content **/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
35 |
0 | 36 article div.content { |
37 text-align: justify; | |
38 font-size: 0.9em; | |
39 } | |
40 | |
35
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
41 article div.content.text { |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
42 white-space: pre-wrap; |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
43 } |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
44 |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
45 |
0 | 46 article img { |
47 max-width: 100%; | |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
48 margin: 0; |
0 | 49 } |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
50 |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
51 /** navigation links **/ |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
52 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
53 .bottom_links ul { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
54 list-style: none; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
55 display: flex; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
56 padding: 0 2em; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
57 margin: 0; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
58 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
59 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
60 .bottom_links li { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
61 flex: 1; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
62 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
63 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
64 .bottom_links li.older_items { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
65 text-align: right; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
66 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
67 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
68 .bottom_links img { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
69 display: block; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
70 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
71 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
72 .bottom_links .older_items img { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
73 display: block; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
74 margin-left: auto; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
75 margin-right: 0; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
76 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
77 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
78 .bottom_links a { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
79 display: inline-block; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
80 text-decoration: None; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
81 color: inherit; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
82 font-variant: small-caps; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
83 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
84 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
85 .bottom_links a:hover { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
86 background-color: #ddd; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
87 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
88 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
89 /** reduce/expand buttons **/ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
90 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
91 .expand_box { |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
92 cursor: pointer; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
93 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
94 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
95 .box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
96 position: absolute; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
97 top: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
98 left: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
99 width: 100%; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
100 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
101 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
102 .box_bottom { |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
103 position: absolute; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
104 bottom: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
105 left: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
106 width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
107 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
108 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
109 .expand_box.box_bottom::before { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
110 /* we do a gradient to show that text can be expanded */ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
111 background-image: linear-gradient(to bottom,rgba(0,0,0,0),#ffffff); |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
112 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
113 content: ""; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
114 width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
115 height: 4em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
116 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
117 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
118 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
119 .expand_box p { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
120 background-color: white; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
121 margin: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
122 text-align: center; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
123 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
124 font-size: 0.8em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
125 border-style: solid none dotted none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
126 border-width: 1px 0 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
127 border-bottom-color: gray; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
128 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
129 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
130 article .expand_box .hide { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
131 /* when not clicked, we only display .show */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
132 display: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
133 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
134 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
135 article .expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
136 /* top expand box only show a reduce button |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
137 * so it should be displayed only when article is .clicked */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
138 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
139 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
140 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
141 /** other language **/ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
142 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
143 /* we hide everything just to display a message informing that |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
144 * the item is in an other language, and asking to click |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
145 * to display it */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
146 |
30
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
147 article.other_lang>div.info { |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
148 display: none; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
149 } |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
150 |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
151 article.other_lang.init>* { |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
152 display: none; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
153 } |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
154 |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
155 article.other_lang.init>div.info { |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
156 display: initial; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
157 } |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
158 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
159 article.other_lang.init>div.expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
160 /* as we need to have the message clickable, we cheat and use |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
161 * expand box on the whole surface but fully transparent */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
162 display: initial; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
163 height: 100%; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
164 opacity: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
165 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
166 |
30
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
167 article.other_lang.init>div.info>p { |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
168 margin: 0; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
169 padding: 0.2em; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
170 text-align: center; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
171 font-style: italic; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
172 } |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
173 |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
174 article.other_lang.init { |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
175 border: none; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
176 border-radius: 0; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
177 padding: 0; |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
178 } |
69a2e3bf5e17
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
Goffi <goffi@goffi.org>
parents:
16
diff
changeset
|
179 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
180 /*** comments ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
181 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
182 button.comments_btn { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
183 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
184 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
185 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
186 margin: 0 10% 0 auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
187 border-radius: 1em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
188 background: #b8bcc4; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
189 color: #4d4d4d; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
190 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
191 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
192 button.comments_btn:active { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
193 background: #4d4d4d; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
194 color: #b8bcc4; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
195 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
196 |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
197 button.comments_btn.clicked span.show { |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
198 display: none; |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
199 } |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
200 |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
201 button.comments_btn:not(.clicked) span.hide { |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
202 display: none; |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
203 } |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
204 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
205 .comments_panel { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
206 max-height: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
207 opacity: 0; |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
208 transition: max-height 1s, opacity 2s; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
209 overflow: hidden; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
210 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
211 |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
212 .comments_panel.clicked { |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
213 opacity: 1; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
214 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
215 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
216 .comments article { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
217 background-color: #9ca0a8; |
33
be1aebaccac0
static/blog.css: removed max-height for comments
Goffi <goffi@goffi.org>
parents:
30
diff
changeset
|
218 border: none; |
be1aebaccac0
static/blog.css: removed max-height for comments
Goffi <goffi@goffi.org>
parents:
30
diff
changeset
|
219 max-height: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
220 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
221 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
222 .comment_post { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
223 text-align: center; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
224 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
225 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
226 .comment_post input { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
227 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
228 margin: 0 auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
229 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
230 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
231 .comment_post textarea { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
232 border-style: solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
233 border-width: 1px 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
234 border-color: black; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
235 max-width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
236 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
237 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
238 .comments_panel article .expand_box { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
239 /* no expand box in comments */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
240 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
241 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
242 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
243 /*** media queries ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
244 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
245 @media (min-width: 500px) { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
246 article.box { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
247 width: 80%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
248 border-style: solid solid none solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
249 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
250 .comments article.box { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
251 width: 30rem; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
252 margin: 2% auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
253 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
254 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
255 .comment_post textarea { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
256 border-width: 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
257 border-radius: 1em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
258 border: solid 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
259 padding: 0.5em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
260 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
261 |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
262 .bottom_links ul { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
263 padding: 0 6em; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
264 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
265 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
266 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
267 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
268 /*** clicked ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
269 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
270 .main_article article.clicked { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
271 border-bottom-style: solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
272 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
273 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
274 .main_article article.clicked .expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
275 display: initial; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
276 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
277 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
278 .main_article article.clicked .expand_box { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
279 opacity: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
280 transition: opacity 0.5s; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
281 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
282 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
283 .main_article article.clicked .expand_box p { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
284 background-color: transparent; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
285 border: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
286 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
287 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
288 .main_article article.clicked .expand_box:hover { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
289 opacity: 1; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
290 color: grey; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
291 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
292 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
293 .main_article article.clicked .expand_box::before { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
294 background-image: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
295 display: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
296 } |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
297 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
298 .main_article article.clicked .expand_box .hide { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
299 display: inline; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
300 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
301 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
302 .main_article article.clicked .expand_box .show { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
303 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
304 } |