|
|
@ -300,23 +300,31 @@ |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
background: @theme_background; |
|
|
|
background: @theme_background; |
|
|
|
margin: 4px 4px 4px 0px; |
|
|
|
margin: 4px 4px 4px 0px; |
|
|
|
padding: 4px 8px 2px 6px; |
|
|
|
padding: 1.5px 8px 0px 6px; |
|
|
|
border-radius: 0.5*@border_radius_code_block; |
|
|
|
border-radius: 0.5*@border_radius_code_block; |
|
|
|
border-left: 30px solid fade(@theme_main, 80%); |
|
|
|
border-left: 25px solid lighten(@theme_main, 10%); |
|
|
|
padding-left: 2px; |
|
|
|
padding-left: 2px; |
|
|
|
|
|
|
|
@media(max-width: @on_phone) { |
|
|
|
|
|
|
|
padding: 0px 8px 0px 6px; |
|
|
|
|
|
|
|
} |
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
// background: fade(@theme_main, 20%); |
|
|
|
background: lighten(@theme_main, 10%); |
|
|
|
|
|
|
|
color: @color_text_in_header; |
|
|
|
|
|
|
|
a{ |
|
|
|
|
|
|
|
color: @color_text_in_header; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
i{ |
|
|
|
i{ |
|
|
|
width: 30px; |
|
|
|
width: 28px; |
|
|
|
color: @color_text_in_header; |
|
|
|
color: @color_text_in_header; |
|
|
|
margin-left: -30px; |
|
|
|
margin-left: -28px; |
|
|
|
} |
|
|
|
} |
|
|
|
a{ |
|
|
|
a{ |
|
|
|
color: fade(@color_text_main, 70%); |
|
|
|
color: fade(@color_text_main, 70%); |
|
|
|
.enable-trans(); |
|
|
|
.enable-trans(); |
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
color: @color_text_highlight; |
|
|
|
color: @color_text_highlight; |
|
|
|
|
|
|
|
color: @color_text_in_header; |
|
|
|
} |
|
|
|
} |
|
|
|
&:active { |
|
|
|
&:active { |
|
|
|
color: darken(@color_text_highlight, 25%); |
|
|
|
color: darken(@color_text_highlight, 25%); |
|
|
@ -332,20 +340,20 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.cats { |
|
|
|
// .cats { |
|
|
|
a { |
|
|
|
// a { |
|
|
|
font-weight: bold; |
|
|
|
// font-weight: bold; |
|
|
|
color: @color_text_link; |
|
|
|
// color: @color_text_link; |
|
|
|
.enable-trans(); |
|
|
|
// .enable-trans(); |
|
|
|
&:hover { |
|
|
|
// &:hover { |
|
|
|
color: @color_text_highlight; |
|
|
|
// color: @color_text_highlight; |
|
|
|
} |
|
|
|
// } |
|
|
|
&:active { |
|
|
|
// &:active { |
|
|
|
color: darken(@color_text_highlight, 25%); |
|
|
|
// color: darken(@color_text_highlight, 25%); |
|
|
|
} |
|
|
|
// } |
|
|
|
} |
|
|
|
// } |
|
|
|
|
|
|
|
// |
|
|
|
} |
|
|
|
// } |
|
|
|
} |
|
|
|
} |
|
|
|
.full-width,.highlight{ |
|
|
|
.full-width,.highlight{ |
|
|
|
margin-left: 0*@gap; |
|
|
|
margin-left: 0*@gap; |
|
|
@ -356,7 +364,7 @@ |
|
|
|
img { |
|
|
|
img { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
max-width: 100%; |
|
|
|
max-width: 100%; |
|
|
|
border-radius: @border_radius; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media(max-width:@on_phone) { |
|
|
|
@media(max-width:@on_phone) { |
|
|
|