151 lines
2.3 KiB
CSS
151 lines
2.3 KiB
CSS
|
|
/* placement */
|
|
body {
|
|
width: 100%;
|
|
}
|
|
|
|
#device {
|
|
width: 800px;
|
|
padding: 5pt;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
#screen {
|
|
margin-top: 1em;
|
|
margin-bottom: 45pt;
|
|
}
|
|
#content, #device-2 {
|
|
padding: 0.5em;
|
|
}
|
|
/**/
|
|
|
|
/* borders */
|
|
#device {
|
|
border: 0pt solid #CCC;
|
|
border-radius: 3.5em;
|
|
}
|
|
#device-2 {
|
|
border: 10pt solid black;
|
|
border-radius: 3em;
|
|
}
|
|
#screen {
|
|
border: 2pt solid black;
|
|
}
|
|
/**/
|
|
|
|
/* font */
|
|
* {
|
|
font-family: sans-serif;
|
|
}
|
|
#head {
|
|
text-align: center;
|
|
}
|
|
#head h1, #head h2 {
|
|
margin: 0px;
|
|
}
|
|
/**/
|
|
|
|
/* menu */
|
|
#menu {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
#menu > * {
|
|
display: table-cell;
|
|
padding: 5pt;
|
|
vertical-align: top;
|
|
width: 15%;
|
|
}
|
|
#menu * {
|
|
text-align: center;
|
|
font-size: 75%;
|
|
}
|
|
#battery, #c3d2 { width: auto; }
|
|
#c3d2 { text-align: right; }
|
|
/**/
|
|
|
|
/* polish */
|
|
#device {
|
|
background: #bbb;
|
|
box-shadow: 0em -0.1em 0.4em #CCC;
|
|
}
|
|
#device-2 {
|
|
background: #222;
|
|
background: -moz-linear-gradient(
|
|
200deg,
|
|
rgb(174, 188, 191) 0,
|
|
rgb(110, 119, 116) 230pt,
|
|
rgb(26, 30, 26) 231pt,
|
|
rgb(10, 8, 9) 100%)
|
|
repeat scroll 0% 0% transparent;
|
|
}
|
|
#screen { background: white; }
|
|
#screen-top { min-height: 1000px; }
|
|
.date {
|
|
float: right;
|
|
color: #999;
|
|
font-size: 80%;
|
|
}
|
|
#content p { text-align: justify; }
|
|
a {
|
|
text-decoration: none;
|
|
color: #335;
|
|
font-weight: bold;
|
|
}
|
|
#head * {
|
|
color: #CCC;
|
|
font-weight: 300;
|
|
}
|
|
/**/
|
|
|
|
/* footer */
|
|
#footer {
|
|
border-top: 1px solid black;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
padding: 0.8em 0;
|
|
font-size: 85%;
|
|
}
|
|
#oldds {
|
|
padding-left: 0px;
|
|
margin: 0;
|
|
}
|
|
#oldds li {
|
|
list-style: none;
|
|
display: inline;
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
/* debug */
|
|
nothing { display: none; }
|
|
nothing { border: 1px solid red; }
|
|
|
|
/* videos, at least */
|
|
section.resource {
|
|
border: 2pt solid black;
|
|
border-radius: 8pt;
|
|
padding: 10pt;
|
|
margin-bottom: 5pt;
|
|
display: inline-block;
|
|
}
|
|
section.resource > h4 {
|
|
margin: 0pt;
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 300px;
|
|
}
|
|
section.resource > p.play {
|
|
text-align: center !important;
|
|
}
|
|
|
|
/* info */
|
|
#info {
|
|
position: absolute;
|
|
color: #CCC;
|
|
font-weight: 300;
|
|
padding-left: 0;
|
|
list-style-type: none;
|
|
margin-left: 7pt;
|
|
margin-top: 5pt;
|
|
} |