Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
141 righe
2.7 KiB
141 righe
2.7 KiB
.aui { |
|
a.btn.status-icon:hover { |
|
color: white; |
|
background-color: #656565; |
|
border-color: #444; |
|
} |
|
|
|
.btn-mediaobject { |
|
margin: 20px auto; |
|
} |
|
|
|
.btn-mediaobject, .btn-carousel, .btn-article { |
|
width: em(80px); |
|
display: block; |
|
text-align: left; |
|
position: relative; |
|
|
|
&:hover { |
|
a { |
|
color: $red-logo; |
|
text-decoration: none; |
|
} |
|
.btn-line { |
|
background-color: $red-logo; |
|
transform: translateX(20%); |
|
|
|
.btn-arrow-up, .btn-arrow-down { |
|
background-color: $red-logo; |
|
} |
|
.btn-arrow-up { |
|
-webkit-transform: rotate(30deg); |
|
transform: rotate(30deg); |
|
} |
|
.btn-arrow-down { |
|
-webkit-transform: rotate(-30deg); |
|
transform: rotate(-30deg); |
|
} |
|
} |
|
} |
|
|
|
a { |
|
color: $footer-color; |
|
text-decoration: none; |
|
font-family: $second-font; |
|
text-transform: uppercase; |
|
font-size: em(12px); |
|
transition: color $speed; |
|
font-weight: bold; |
|
|
|
&:focus { |
|
color: $footer-color !important; |
|
text-decoration: none !important; |
|
} |
|
} |
|
|
|
.btn-line { |
|
position: absolute; |
|
top: 50%; |
|
right: em(15px); |
|
width: em(20px); |
|
height: 2px; |
|
margin-top: -1px; |
|
background-color: $footer-color; |
|
transition: all $speed; |
|
|
|
.btn-arrow-up { |
|
@include transform(rotate(45deg)); |
|
transform-origin: right top; |
|
} |
|
.btn-arrow-down { |
|
@include transform(rotate(-45deg)); |
|
transform-origin: right bottom; |
|
} |
|
.btn-arrow-up, .btn-arrow-down { |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
display: block; |
|
width: 8px; |
|
height: 2px; |
|
background-color: $footer-color; |
|
transition: all $speed; |
|
/* @include transform-origin(right);*/ |
|
} |
|
} |
|
} |
|
|
|
.btn-article { |
|
width: em(180px); |
|
margin-top: em(15px); |
|
margin-bottom: em(15px); |
|
cursor: pointer; |
|
} |
|
|
|
} |
|
|
|
.aui { |
|
.btn { |
|
padding: 6px 8px; |
|
transition: all $speed; |
|
} |
|
|
|
.btn-action |
|
{ |
|
border-radius: 5px !important; |
|
min-width: 40px; |
|
} |
|
.btn-std { |
|
border-radius: 5px !important; |
|
} |
|
|
|
} |
|
|
|
.aui { |
|
.tooltip-help, .tooltip { |
|
background-color: transparent; |
|
} |
|
|
|
.avvisi-tooltip { |
|
.avviso-tooltip { |
|
position: relative; |
|
padding: 4px 0; |
|
&:before { |
|
content: ""; |
|
position: absolute; |
|
width: 25%; |
|
height: 1px; |
|
background-color: rgba(255, 255, 255, 0.3); |
|
bottom: 0; |
|
left: 50%; |
|
@include transform(translateX(-50%)) |
|
} |
|
|
|
&:last-child { |
|
&:before { |
|
display: none; |
|
} |
|
} |
|
} |
|
} |
|
} |