Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 174 → Rev 175

/trunk/styles/lcars22.css
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'; ?>