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;
177 /* ==========================================================================
179 ========================================================================== */
186 margin-bottom: 1.5em;
190 text-decoration: underline
;
194 #article a:hover
, #article
a:focus
{
195 text-decoration: none
;
229 border-color:transparent transparent transparent
#000;
238 display: inline-block
;
245 text-decoration:none
;
251 -webkit-transition: all
0.3s ease-out
;
252 -moz-transition: all
0.3s ease-out
;
253 transition: all
0.3s ease-out
;
256 .entrie h2 a:hover, .entrie h2 a:focus {
257 padding:0.4em 1em 0.4em 2em;
270 display: inline-block
;
282 display: inline-block
;
289 text-decoration:none
;
297 .tools a:hover, .tools a:focus {
302 .tools a:before { display: block
; font-family: 'fontello'; }
305 .fav-off:before, .fav:before { content: '\e805'; } /* 'î …' */
306 .archive-off:before, .archive:before { content: '\e804'; } /* 'î „' */
307 .tools .archive, .tools .fav {
311 .link:before { content: '\e800'; } /* 'î €' */
312 .delete:before { content: '\e803'; } /* 'î ƒ' */
313 .reading-time:before { content: '\e802'; } /* 'î ‚' */
315 #article_toolbar a:before
{
317 font-family: 'fontello';
324 text-decoration:none
;
333 #article_toolbar a:hover
, #article_toolbar
a:focus
{
338 #article_toolbar span
{
343 .email:before { content: '\e80a'; } /* 'î Š' */
344 .icon-check:before { content: '\e804'; } /* 'î „' */
345 .back:before { content: '\e806'; } /* 'î †' */
346 .bad-display:before { content: '\e808'; } /* 'î ˆ' */
347 .twitter:before { content: '\e807'; } /* 'î ‡' */
349 #article_toolbar .flattrli
{
353 #article_toolbar li
{
367 background: rgba
(255,255,255,0.5);
374 footer
a:hover
,footer
a:focus
{
375 text-decoration: none
;
378 footer
p:first-child
{
382 #loginForm fieldset
{
383 border:5px solid
#000;
398 margin-bottom: 0.5em;
407 display: inline-block
;
410 form input
[type
="text"], form input
[type
="password"], form input
[type
='url'], form select
{
411 border:1px solid
#000;
415 @media screen and
(-webkit-min-device-pixel-ratio:0){
417 -webkit-appearance: none
;
418 background: url
(../img
/bg-select
.png
) no-repeat right center
;
419 padding-right: 2.2em;
424 form button
, form input
[type
="submit"] {
434 form
button:hover
, form
button:focus
, form input
[type
="submit"]:hover
, form input
[type
="submit"]:focus
{
439 /* ==========================================================================
441 ========================================================================== */
450 text-decoration: none
;
461 #config a:hover
, #config
a:focus
{
481 margin: 1em auto
2.5em;
486 margin: 0 auto
-2.5em;
488 border-bottom:1px dotted
#000;
492 display: inline-block
;
504 display: inline-block
;
505 font-family: 'fontello';
507 text-decoration: none
;
510 #sort a:hover
, #sort
a:focus
{
511 text-decoration: underline
;
518 #sort li
a:first-child:before
{
522 #sort li
a:first-child
+ a:before
{
526 @media screen and
(max-width: 860px) {
532 @media screen and
(max-width: 650px) {
533 #menuContainer ul
, #article_toolbar ul
{
543 padding: 0 0.5em 6em;
554 #menuContainer, #article_toolbar
, #menuContainer ul
, #article_toolbar ul
{
560 #links li a
, #article_toolbar a
{
571 #article_toolbar li
{
578 @media screen and
(max-width: 500px) {
586 .entrie h2 a:hover, .entrie h2 a:focus {
596 width: 100%!important
;
608 #config label
{ width: 100%; }
614 footer
p:first-child
{