|
|
|
@ -267,19 +267,19 @@ body {
|
|
|
|
|
margin-left: 1.5em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options .floated li { |
|
|
|
|
#options li { |
|
|
|
|
float: left; |
|
|
|
|
margin-bottom: 0.2em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options li a { |
|
|
|
|
display: inline-block; |
|
|
|
|
display: block; |
|
|
|
|
padding: 0.4em 0.5em; |
|
|
|
|
background-color: #DDD; |
|
|
|
|
color: #222; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin-bottom: 0.2em; |
|
|
|
|
text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 ); |
|
|
|
|
background-image: -moz-linear-gradient(-90deg, |
|
|
|
|
background-image: -moz-linear-gradient( -90deg, |
|
|
|
|
hsla( 0, 0%, 100%, 0.5 ) , |
|
|
|
|
hsla( 0, 0%, 100%, 0.0 ) |
|
|
|
|
); |
|
|
|
@ -287,6 +287,10 @@ body {
|
|
|
|
|
from( hsla( 0, 0%, 100%, 0.5 ) ), |
|
|
|
|
to( hsla( 0, 0%, 100%, 0.0 ) ) |
|
|
|
|
); |
|
|
|
|
background-image: -o-linear-gradient( -90deg, |
|
|
|
|
hsla( 0, 0%, 100%, 0.5 ) , |
|
|
|
|
hsla( 0, 0%, 100%, 0.0 ) |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options li a:hover { |
|
|
|
@ -301,21 +305,21 @@ body {
|
|
|
|
|
box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options .floated li a { |
|
|
|
|
#options li a { |
|
|
|
|
border-left: 1px solid hsla( 0, 0%, 100%, 0.3 ); |
|
|
|
|
border-right: 1px solid hsla( 0, 0%, 0%, 0.2 ); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options .floated li:first-child a { |
|
|
|
|
#options li:first-child a { |
|
|
|
|
border-radius: 7px 0 0 7px; |
|
|
|
|
border-left: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options .floated li:last-child a { |
|
|
|
|
#options li:last-child a { |
|
|
|
|
border-radius: 0 7px 7px 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#options .option-set li a.selected { |
|
|
|
|
#options li a.selected { |
|
|
|
|
background-color: #13F; |
|
|
|
|
text-shadow: none; |
|
|
|
|
color: white; |
|
|
|
|