comparison default/static/blog.css @ 115:5d9e2270ceb4

blog/articles, input/navigation: moved navigation template in a dedicated macro
author Goffi <goffi@goffi.org>
date Tue, 30 Jan 2018 07:47:21 +0100
parents 7a67372ddd7b
children da8f1ba9034d
comparison
equal deleted inserted replaced
114:1d0ddeb79903 115:5d9e2270ceb4
85 article img { 85 article img {
86 max-width: 100%; 86 max-width: 100%;
87 margin: 0; 87 margin: 0;
88 } 88 }
89 89
90 /** navigation links **/
91
92 .bottom_links ul {
93 list-style: none;
94 display: flex;
95 padding: 0 2em;
96 margin: 0;
97 }
98
99 .bottom_links li {
100 flex: 1;
101 }
102
103 .bottom_links li.older_items {
104 text-align: right;
105 }
106
107 .bottom_links img {
108 display: block;
109 }
110
111 .bottom_links .older_items img {
112 display: block;
113 margin-left: auto;
114 margin-right: 0;
115 }
116
117 .bottom_links a {
118 display: inline-block;
119 margin-top: 1em;
120 padding: 0.2em;
121 text-decoration: None;
122 color: inherit;
123 font-variant: small-caps;
124 background: rgba(200,200,200,0.6);
125 border-radius: 0.5em;
126 }
127
128 .bottom_links a:hover {
129 background-color: #ddd;
130 }
131
132 /** reduce/expand buttons **/ 90 /** reduce/expand buttons **/
133 91
134 .expand_box { 92 .expand_box {
135 cursor: pointer; 93 cursor: pointer;
136 } 94 }
309 border-radius: 1em; 267 border-radius: 1em;
310 border: solid 1px; 268 border: solid 1px;
311 padding: 0.5em; 269 padding: 0.5em;
312 } 270 }
313 271
314 .bottom_links ul {
315 padding: 0 6em;
316 }
317
318 footer span { 272 footer span {
319 background: rgba(200,200,200,0.6); 273 background: rgba(200,200,200,0.6);
320 border-radius: 0.5em 0.5em 0 0; 274 border-radius: 0.5em 0.5em 0 0;
321 padding: 0 0.5em; 275 padding: 0 0.5em;
322 } 276 }