106,9 → 106,6 |
?> |
} |
|
/* FIXME: Does not work, appended at bottom instead */ |
/* @import url("/styles/lcars-responsive.css"); */ |
|
body { |
margin-top: 12em; |
margin-left: 16.8em; |
316,6 → 313,10 |
padding: 0; |
} |
|
.menu ul:first-child { |
padding-top: 1em; |
} |
|
.menu li { |
margin: 0; |
} |
430,6 → 431,10 |
color: #000 !important; |
} |
|
.menu bow { |
width: 8em; |
} |
|
.menu .button { |
display: block; |
width: 8em; |
915,114 → 920,4 |
line-height: 0.9; |
} |
|
/* Responsive Web Design (TODO: Move to imported stylesheet; but see above) */ |
|
body { |
<?php |
Mixins::transition('', 'margin-left 0.5s 0.5s ease'); |
?> |
} |
|
#bow #bottom |
{ |
<?php |
Mixins::transition('', 'width 0.5s 0.5s ease'); |
?> |
} |
|
#bow-bottom { |
<?php |
Mixins::transition('-property', 'border-bottom-left-radius, border-bottom-right-radius, width'); |
Mixins::transition('-delay', '0.5s'); |
Mixins::transition('-duration', '0.5s'); |
Mixins::transition('-timing-function', 'ease'); |
?> |
} |
|
#bow-bottom .concave { |
<?php |
Mixins::transition('', 'width 0.5s 0.5s ease'); |
?> |
} |
|
#connectors .right { |
<?php |
Mixins::transition('', 'width 0.5s 0.5s ease'); |
?> |
} |
|
.multi-display |
{ |
<?php |
Mixins::transition('', 'left 0.5s 0.5s ease'); |
?> |
} |
|
.multi-display .lower .bg |
{ |
<?php |
/* Wait 1s for bow to become shallower */ |
Mixins::transition('', 'bottom 2.5s 0.5s ease'); |
?> |
} |
|
@media all and (min-width: 1024px) and (min-height: 364px) { |
body { |
margin-left: 22em; |
<?php |
Mixins::transition('', 'margin-left 0.5s 0.5s ease'); |
?> |
} |
|
#bow #bottom |
{ |
width: 20.8em; |
<?php |
/* Wait 0.5s for multi-display to be reduced in height */ |
Mixins::transition('', 'width 1.0s 0.5s ease'); |
?> |
} |
|
#bow-bottom { |
border-bottom-left-radius: 2.4em; |
border-bottom-right-radius: 2em; |
width: 20.6em; |
<?php |
Mixins::transition('-property', 'border-bottom-left-radius, border-bottom-right-radius, height, width'); |
Mixins::transition('-delay', '1.0s'); |
Mixins::transition('-duration', '0.5s'); |
Mixins::transition('-timing-function', 'ease'); |
?> |
} |
|
#bow-bottom .concave { |
width: 7.6em; |
<?php |
Mixins::transition('', 'width 1.0s 0.5s ease'); |
?> |
} |
|
#connectors .right { |
width: 5em; |
<?php |
/* Wait 1.0s for multi-display to be moved to right */ |
Mixins::transition('', 'width 1.0s 0.5s ease'); |
?> |
} |
|
.multi-display |
{ |
left: 15.8em; |
<?php |
Mixins::transition('', 'left 0.5s 0.5s ease'); |
?> |
} |
|
.multi-display .lower .bg |
{ |
bottom: 2.8em; |
<?php |
Mixins::transition('', 'bottom 0.5s 0.5s ease'); |
?> |
} |
} |
<?php require_once 'lcars-responsive.css'; ?> |