2 -webkit-box-sizing: border-box
;
3 -moz-box-sizing: border-box
;
4 box-sizing: border-box
;
9 font-family: 'Roboto',Verdana
,Geneva
,sans-serif
;
17 display: inline-block
;
18 padding: 0.2em 1em 0.2em 1.2em;
27 text-decoration: none
;
31 font-family: 'fontello';
46 #menu:hover
, #
menu:focus
{
57 #menuContainer ul
, #article_toolbar ul
{
68 /*Inspired by http://tympanus.net/Tutorials/AnimatedBorderMenus/index.html */
70 #menuContainer, #article_toolbar
{
80 background-color: transparent
;
81 -webkit-transition: border-width
0.3s, background-color
0.3s, height
0s 0.3s;
82 -moz-transition: border-width
0.3s, background-color
0.3s, height
0s 0.3s;
83 transition: border-width
0.3s, background-color
0.3s, height
0s 0.3s;
90 #menuContainer.open
, #article_toolbar
.open
{
93 background: rgba
(0,0,0,0.5);
94 -webkit-transition: border-width
0.3s, background-color
0.3s;
95 -moz-transition: border-width
0.3s, background-color
0.3s;
96 transition: border-width
0.3s, background-color
0.3s;
100 #links li
, #article_toolbar li
{
102 display: inline-block
;
105 #links li a
, #article_toolbar a
{
110 -webkit-transition: top
0.3s ease
;
111 -moz-transition: top
0.3s ease
;
112 transition: top
0.3s ease
;
117 text-decoration:none
;
118 text-transform:uppercase
;
121 #links li
a:hover
, #links li
a:focus
{
126 #menuContainer.open li a
, #article_toolbar
.open a
{
128 -webkit-transition: top
0.3s ease
;
129 -moz-transition: top
0.3s ease
;
130 transition: top
0.3s ease
;
131 -webkit-transition-delay:0.25ms;
132 -moz-transition-delay:0.25ms;
133 transition-delay:0.25ms;
136 #menuContainer.open
li:nth-child
(2) a
{
137 -webkit-transition-delay:0.50ms;
138 -moz-transition-delay:0.50ms;
139 transition-delay:0.50ms;
142 #menuContainer.open
li:nth-child
(3) a
{
143 -webkit-transition-delay:1ms;
144 -moz-transition-delay:1ms;
145 transition-delay:1ms;
148 #menuContainer.open
li:nth-child
(4) a
{
149 -webkit-transition-delay:1.25ms;
150 -moz-transition-delay:1.25ms;
151 transition-delay:1.25ms;
154 #menuContainer.open
li:nth-child
(5) a
{
155 -webkit-transition-delay:1.55ms;
156 -moz-transition-delay:1.55ms;
157 transition-delay:1.55ms;
160 #article_toolbar li:nth-child
(2) { display: none
; }
179 /* ==========================================================================
181 ========================================================================== */
188 margin-bottom: 1.5em;
192 text-decoration: underline
;
196 #article a:hover
, #article
a:focus
{
197 text-decoration: none
;
231 border-color:transparent transparent transparent
#000;
240 display: inline-block
;
247 text-decoration:none
;
253 -webkit-transition: all
0.3s ease-out
;
254 -moz-transition: all
0.3s ease-out
;
255 transition: all
0.3s ease-out
;
258 .entrie h2 a:hover, .entrie h2 a:focus {
259 padding:0.4em 1em 0.4em 2em;
272 display: inline-block
;
284 display: inline-block
;
291 text-decoration:none
;
299 .tools a:hover, .tools a:focus {
304 .tools a:before { display: block
; font-family: 'icomoon'; }
307 .fav-off:before, .fav:before { content: '\e805'; } /* 'î …' */
308 .archive-off:before, .archive:before { content: '\e804'; } /* 'î „' */
309 .tools .archive, .tools .fav {
313 .link:before { content: '\e801'; } /* 'î €' */
314 .delete:before { content: '\e80c'; } /* 'î ƒ' */
315 .reading-time:before { content: '\e803'; } /* 'î ‚' */
317 #article_toolbar a:before
{
319 font-family: 'icomoon';
326 text-decoration:none
;
335 #article_toolbar a:hover
, #article_toolbar
a:focus
{
340 #article_toolbar span
{
345 .email:before { content: '\e80a'; } /* 'î Š' */
346 .icon-check:before { content: '\e804'; } /* 'î „' */
347 .back:before { content: '\e806'; } /* 'î †' */
348 .flattr:before { content: '\e800'; } /* 'î ˆ' */
349 .bad-display:before { content: '\e600'; } /* 'î ˆ' */
350 .twitter:before { content: '\e807'; } /* 'î ‡' */
352 #article_toolbar .flattrli
{
356 #article_toolbar li
{
370 background: rgba
(255,255,255,0.5);
377 footer
a:hover
,footer
a:focus
{
378 text-decoration: none
;
381 footer
p:first-child
{
385 #loginForm fieldset
{
386 border:5px solid
#000;
401 margin-bottom: 0.5em;
410 display: inline-block
;
413 form input
[type
="text"], form input
[type
="password"], form input
[type
='url'], form select
{
414 border:1px solid
#000;
418 @media screen and
(-webkit-min-device-pixel-ratio:0){
420 -webkit-appearance: none
;
421 background: url
(../img
/bg-select
.png
) no-repeat right center
;
422 padding-right: 2.2em;
427 form button
, form input
[type
="submit"] {
437 form
button:hover
, form
button:focus
, form input
[type
="submit"]:hover
, form input
[type
="submit"]:focus
{
442 /* ==========================================================================
444 ========================================================================== */
453 text-decoration: none
;
464 #config a:hover
, #config
a:focus
{
484 margin: 1em auto
2.5em;
489 margin: 0 auto
-2.5em;
491 border-bottom:1px dotted
#000;
495 display: inline-block
;
507 display: inline-block
;
508 font-family: 'fontello';
510 text-decoration: none
;
513 #sort a:hover
, #sort
a:focus
{
514 text-decoration: underline
;
521 #sort li
a:first-child:before
{
525 #sort li
a:first-child
+ a:before
{
529 @media screen and
(max-width: 860px) {
535 @media screen and
(max-width: 650px) {
536 #menuContainer ul
, #article_toolbar ul
{
546 padding: 0 0.5em 6em;
557 #menuContainer, #article_toolbar
, #menuContainer ul
, #article_toolbar ul
{
563 #links li a
, #article_toolbar a
{
574 #article_toolbar li
{
581 @media screen and
(max-width: 500px) {
589 .entrie h2 a:hover, .entrie h2 a:focus {
599 width: 100%!important
;
611 #config label
{ width: 100%; }
617 footer
p:first-child
{
648 font-family: "icomoon";
653 text-decoration: none
;
662 text-decoration: none
;
666 display: inline-block
;
671 text-decoration: underline
;
678 text-decoration: none
;
681 .tag:hover, .tag:focus {