Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 38 → Rev 37

/trunk/styles/lcars22.css
78,7 → 78,6
}
 
body.empty {
margin-top: 3em;
margin-left: 0.2em;
margin-bottom: 3em;
}
211,7 → 210,6
.empty #bow-top {
border-top-left-radius: 1.2em;
border-bottom-left-radius: 1.2em;
min-width: 10em;
}
 
/* 0.0 to 1.0 s */
219,7 → 217,6
from {
left: 90%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
244,10 → 241,6
text-overflow: ellipsis;
}
 
.empty #bow-top .text {
left: 0.93em;
}
 
/* 0.0 to 1.0 s */
@-webkit-keyframes bow-top-text {
from {
274,53 → 267,6
white-space: nowrap;
}
 
.empty #footer-container {
position: fixed;
left: 0.2em;
bottom: 0;
right: 0.2em;
min-height: 2.4em;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: #000;
}
 
.empty #footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2em;
margin-bottom: 0.2em;
background-color: #999;
border-radius: 1.2em;
line-height: 0.8;
}
 
.empty #footer .text {
position: absolute;
bottom: 0;
left: 0.75em;
margin: 0 !important;
background-color: #000;
color: #fc0;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
text-transform: uppercase;
font-size: 2.4em;
overflow: hidden;
text-overflow: ellipsis;
}
 
.empty #footer .text span {
padding-right: 0.1em;
padding-left: 0.1em;
background-color: #000;
text-transform: uppercase;
white-space: nowrap;
}
 
.empty .separator-left {
position: absolute;
left: 2em;
424,7 → 370,7
}
 
#bow ul {
margin: 0 0.2em 0.2em 0;
margin: 0 0.2em 0.5em 0;
padding: 0;
}
 
471,17 → 417,45
background-color: #000;
}
 
#bow-bottom .spacer {
.empty #bow-bottom-left-concave {
display: none;
}
 
.empty #footer-container {
position: fixed;
left: 0.2em;
bottom: 0;
right: 0.2em;
min-height: 2.4em;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: #000;
}
 
.empty #footer {
position: absolute;
left: 10.2em;
bottom: 0em;
width: 0.2em;
height: 0.5em;
background-color: black;
bottom: 0;
left: 0;
right: 0;
height: 2em;
margin-bottom: 0.2em;
background-color: #999;
border-radius: 1.2em;
line-height: 0.8;
}
 
.empty #bow-bottom-left-concave {
display: none;
.empty #footer .text {
position: absolute;
bottom: 0;
left: 0.75em;
margin: 0 !important;
background-color: #000;
color: #fc0;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
text-transform: uppercase;
font-size: 2.4em;
}
 
/* Controls */
701,15 → 675,14
.group {
margin: 0 auto;
position: relative;
width: 7.7em;
width: 9em;
}
 
.group .separator {
float: left;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
margin-left: 14px;
width: 29px;
height: 100%;
background-color: #c66;
color: #000;
717,60 → 690,49
 
.group .separator:after {
position: absolute;
width: 0.8em;
height: 0.5em;
bottom: 0.25em;
left: 0.25em;
width: 18px;
height: 9px;
bottom: 3px;
left: 3px;
background-color: #000;
content: "\a0";
}
 
.group ul {
margin-left: 1.7em;
margin-left: 35px;
}
 
.group li {
margin-bottom: 0;
margin-bottom: 4px;
}
 
.group .button:visited:hover,
.group .button:visited,
.group .button
{
display: block;
position: relative;
width: 6em;
background-color: #99f !important;
}
 
.group li:last-child .button
{
margin-bottom: 0;
.group .button.right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
 
.button.right {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
.group .button.left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
 
.button.right .text {
right: 1em;
}
 
.button.left {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
 
.group .button .key {
display: inline-block;
position: absolute;
left: 0.2em;
left: 0.25em;
top: 0;
bottom: 0;
padding: 0 0.1em;
padding: 0 1px;
background-color: #000;
color: #f90;
font-size: 2.4em;
font-size: 222%;
text-transform: uppercase;
line-height: 0.9;
}
}