Mercurial > libervia-templates
annotate default/static/blog.css @ 106:65d41e16d1e0
css (blog): small adjustment on bottom links margin/padding
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 22 Jan 2018 22:02:33 +0100 |
parents | 490114e3d9e2 |
children | 98cab6b754d3 |
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%; |
101
920f03abba53
css (blog): min-height re-adjustment
Goffi <goffi@goffi.org>
parents:
100
diff
changeset
|
9 min-height: 8em; |
100
61bf2ae16577
css (blog): min/max height adjustment, to make tags clickable without expanding the blog item
Goffi <goffi@goffi.org>
parents:
99
diff
changeset
|
10 max-height: 10em; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
11 overflow: hidden; |
42 | 12 transition: max-height 0.5s; |
16
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 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
15 .main_article article.box:not(.clicked) { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
16 border-bottom-right-radius: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
17 border-bottom-left-radius: 0; |
0 | 18 } |
19 | |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
20 /** header **/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
21 |
96 | 22 header a { |
23 color: inherit; | |
24 text-decoration: inherit; | |
25 } | |
26 | |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
27 header .metadata { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
28 text-align: right; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
29 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
30 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
31 article .author { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
32 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
33 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
34 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
35 article .author::after { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
36 content: ", "; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
37 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
38 |
96 | 39 /*** labels ***/ |
40 | |
41 .labels { | |
42 text-align: right; | |
43 } | |
44 | |
99
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
45 .labels a { |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
46 text-decoration: none; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
47 color: inherit; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
48 } |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
49 |
96 | 50 .labels span { |
99
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
51 font-variant: small-caps; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
52 font-size: 0.8rem; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
53 background-color: #ddd; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
54 border-radius: 0.4em; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
55 padding: 0 0.5em; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
56 transition: all 0.5s; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
57 } |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
58 |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
59 .labels a>span { |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
60 cursor: pointer; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
61 } |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
62 |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
63 .labels a>span:hover { |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
64 box-shadow: 0px 0px 6px 1px #000; |
96 | 65 } |
66 | |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
67 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
68 /** content **/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
69 |
0 | 70 article div.content { |
71 text-align: justify; | |
72 font-size: 0.9em; | |
73 } | |
74 | |
35
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
75 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
|
76 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
|
77 } |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
78 |
581e2cd4bcc2
static/blog.css: keep whitespaces (pre-wrap) for text only content in articles
Goffi <goffi@goffi.org>
parents:
33
diff
changeset
|
79 |
0 | 80 article img { |
81 max-width: 100%; | |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
82 margin: 0; |
0 | 83 } |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
84 |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
85 /** navigation links **/ |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
86 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
87 .bottom_links ul { |
99
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
88 list-style: none; |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
89 display: flex; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
90 padding: 0 2em; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
91 margin: 0; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
92 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
93 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
94 .bottom_links li { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
95 flex: 1; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
96 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
97 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
98 .bottom_links li.older_items { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
99 text-align: right; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
100 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
101 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
102 .bottom_links img { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
103 display: block; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
104 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
105 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
106 .bottom_links .older_items img { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
107 display: block; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
108 margin-left: auto; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
109 margin-right: 0; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
110 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
111 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
112 .bottom_links a { |
99
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
113 display: inline-block; |
106
65d41e16d1e0
css (blog): small adjustment on bottom links margin/padding
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
114 margin-top: 1em; |
65d41e16d1e0
css (blog): small adjustment on bottom links margin/padding
Goffi <goffi@goffi.org>
parents:
105
diff
changeset
|
115 padding: 0.2em; |
99
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
116 text-decoration: None; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
117 color: inherit; |
609c66552ba0
blog/item: handle new tags_http_uri variable to make tags clickable
Goffi <goffi@goffi.org>
parents:
96
diff
changeset
|
118 font-variant: small-caps; |
104
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
119 background: rgba(200,200,200,0.6); |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
120 border-radius: 0.5em; |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
121 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
122 |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
123 .bottom_links a:hover { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
124 background-color: #ddd; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
125 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
126 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
127 /** reduce/expand buttons **/ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
128 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
129 .expand_box { |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
130 cursor: pointer; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
131 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
132 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
133 .box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
134 position: absolute; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
135 top: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
136 left: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
137 width: 100%; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
138 } |
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 .box_bottom { |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
141 position: absolute; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
142 bottom: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
143 left: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
144 width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
145 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
146 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
147 .expand_box.box_bottom::before { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
148 /* 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
|
149 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
|
150 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
151 content: ""; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
152 width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
153 height: 4em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
154 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
155 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
156 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
157 .expand_box p { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
158 background-color: white; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
159 margin: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
160 text-align: center; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
161 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
162 font-size: 0.8em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
163 border-style: solid none dotted none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
164 border-width: 1px 0 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
165 border-bottom-color: gray; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
166 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
167 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
168 article .expand_box .hide { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
169 /* when not clicked, we only display .show */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
170 display: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
171 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
172 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
173 article .expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
174 /* top expand box only show a reduce button |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
175 * so it should be displayed only when article is .clicked */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
176 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
177 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
178 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
179 /** other language **/ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
180 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
181 /* we hide everything just to display a message informing that |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
182 * 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
|
183 * to display it */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
184 |
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
|
185 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
|
186 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
|
187 } |
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
|
188 |
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
|
189 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
|
190 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
|
191 } |
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
|
192 |
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
|
193 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
|
194 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
|
195 } |
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
|
196 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
197 article.other_lang.init>div.expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
198 /* 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
|
199 * expand box on the whole surface but fully transparent */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
200 display: initial; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
201 height: 100%; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
202 opacity: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
203 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
204 |
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
|
205 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
|
206 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
|
207 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
|
208 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
|
209 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
|
210 } |
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
|
211 |
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
|
212 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
|
213 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
|
214 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
|
215 padding: 0; |
104
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
216 min-height: 0; |
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
|
217 } |
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
|
218 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
219 /*** comments ***/ |
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 button.comments_btn { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
222 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
223 font-weight: bold; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
224 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
225 margin: 0 10% 0 auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
226 border-radius: 1em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
227 background: #b8bcc4; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
228 color: #4d4d4d; |
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 button.comments_btn:active { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
232 background: #4d4d4d; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
233 color: #b8bcc4; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
234 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
235 |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
236 button.comments_btn.clicked span.show { |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
237 display: none; |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
238 } |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
239 |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
240 button.comments_btn:not(.clicked) span.hide { |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
241 display: none; |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
242 } |
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
243 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
244 .comments_panel { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
245 max-height: 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
246 opacity: 0; |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
247 transition: max-height 1s, opacity 2s; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
248 overflow: hidden; |
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 |
43
f8798d691acf
blog/articles: fixed comments transition:
Goffi <goffi@goffi.org>
parents:
42
diff
changeset
|
251 .comments_panel.clicked { |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
252 opacity: 1; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
253 } |
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 .comments article { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
256 background-color: #9ca0a8; |
33
be1aebaccac0
static/blog.css: removed max-height for comments
Goffi <goffi@goffi.org>
parents:
30
diff
changeset
|
257 border: none; |
be1aebaccac0
static/blog.css: removed max-height for comments
Goffi <goffi@goffi.org>
parents:
30
diff
changeset
|
258 max-height: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
259 } |
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 .comment_post { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
262 text-align: center; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
263 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
264 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
265 .comment_post input { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
266 display: block; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
267 margin: 0 auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
268 } |
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 .comment_post textarea { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
271 border-style: solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
272 border-width: 1px 0; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
273 border-color: black; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
274 max-width: 100%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
275 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
276 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
277 .comments_panel article .expand_box { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
278 /* no expand box in comments */ |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
279 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
280 } |
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 /*** media queries ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
283 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
284 @media (min-width: 500px) { |
104
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
285 /*** general ***/ |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
286 |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
287 #main_area { |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
288 background-image: var(--bg-img); |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
289 background-repeat: no-repeat; |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
290 background-size: cover; |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
291 } |
b12de12e2e5b
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
Goffi <goffi@goffi.org>
parents:
101
diff
changeset
|
292 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
293 article.box { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
294 width: 80%; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
295 border-style: solid solid none solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
296 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
297 .comments article.box { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
298 width: 30rem; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
299 margin: 2% auto; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
300 border: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
301 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
302 .comment_post textarea { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
303 border-width: 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
304 border-radius: 1em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
305 border: solid 1px; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
306 padding: 0.5em; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
307 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
308 |
93
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
309 .bottom_links ul { |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
310 padding: 0 6em; |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
311 } |
650f3456f80d
blog/articles: added simple pagination
Goffi <goffi@goffi.org>
parents:
44
diff
changeset
|
312 |
105
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
313 footer span { |
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
314 background: rgba(200,200,200,0.6); |
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
315 border-radius: 0.5em 0.5em 0 0; |
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
316 padding: 0 0.5em; |
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
317 } |
490114e3d9e2
css (blog): set background to footer to make it visible is an image is in background
Goffi <goffi@goffi.org>
parents:
104
diff
changeset
|
318 |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
319 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
320 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
321 /*** clicked ***/ |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
322 |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
323 .main_article article.clicked { |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
324 border-bottom-style: solid; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
325 } |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
326 |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
327 .main_article article.clicked .expand_box.box_top { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
328 display: initial; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
329 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
330 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
331 .main_article article.clicked .expand_box { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
332 opacity: 0; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
333 transition: opacity 0.5s; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
334 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
335 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
336 .main_article article.clicked .expand_box p { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
337 background-color: transparent; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
338 border: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
339 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
340 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
341 .main_article article.clicked .expand_box:hover { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
342 opacity: 1; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
343 color: grey; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
344 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
345 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
346 .main_article article.clicked .expand_box::before { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
347 background-image: none; |
16
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
348 display: none; |
8cdcbe0d7dee
blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
349 } |
44
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
350 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
351 .main_article article.clicked .expand_box .hide { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
352 display: inline; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
353 } |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
354 |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
355 .main_article article.clicked .expand_box .show { |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
356 display: none; |
580670430fa2
blog/item: expand/reduce improvments:
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
357 } |