151 lines
1.7 KiB
CSS
151 lines
1.7 KiB
CSS
/* ---------------- */
|
|
/* ! General Styles */
|
|
/* ---------------- */
|
|
html, body {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight:200;
|
|
max-width:800px;
|
|
margin: 0 auto;
|
|
color:#312;
|
|
}
|
|
|
|
button {
|
|
color:#312;
|
|
padding:5px;
|
|
border:1px solid #555;
|
|
border-radius:5px;
|
|
box-shadow:1px 1px #a98;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
legend {
|
|
display:block;
|
|
}
|
|
|
|
legend:hover {
|
|
cursor:pointer;
|
|
}
|
|
|
|
h1,h2 {
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
width:25%;
|
|
}
|
|
|
|
/* Hide forms by default */
|
|
fieldset dl {
|
|
display:none;
|
|
}
|
|
|
|
/* form styles */
|
|
form dt, form dd {
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
padding:0.25em 0;
|
|
}
|
|
|
|
form dt {
|
|
width:40%;
|
|
text-align:right;
|
|
}
|
|
|
|
form dd {
|
|
width:59%;
|
|
text-align:left;
|
|
margin-left:0;
|
|
padding-left:.25em;
|
|
}
|
|
|
|
/* ! Edit buttons */
|
|
.modify {
|
|
position:absolute;
|
|
display:none;
|
|
margin-left:1em;
|
|
}
|
|
|
|
li:hover .modify, dt:hover .modify {
|
|
display:inline-block;
|
|
}
|
|
|
|
button.save {
|
|
background:#797;
|
|
color:#eee;
|
|
}
|
|
|
|
button.save:hover {
|
|
background:#595;
|
|
}
|
|
|
|
button.edit {
|
|
|
|
}
|
|
|
|
button.delete {
|
|
background:#977;
|
|
color:#eee;
|
|
}
|
|
|
|
button.delete:hover {
|
|
background:#955;
|
|
}
|
|
|
|
/* ! Outline styles */
|
|
.list {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.list dl {
|
|
margin-left:0.5em;
|
|
}
|
|
|
|
.list li {
|
|
list-style:none;
|
|
}
|
|
|
|
li h4 {
|
|
display:inline;
|
|
}
|
|
|
|
/* ! Data listing styles */
|
|
dl.multiline, dl.pair {
|
|
border-bottom:1px dotted #312;
|
|
}
|
|
|
|
dl.multiline dt {
|
|
font-weight:bold;
|
|
line-height:1.5;
|
|
font-size:1em;
|
|
margin:0;
|
|
}
|
|
|
|
dl.multiline dd {
|
|
margin:1em;
|
|
margin-right:0;
|
|
}
|
|
|
|
dl.pair dt, dl.pair dd {
|
|
display:inline-block;
|
|
padding:0.25em 0;
|
|
}
|
|
|
|
dl.pair dt {
|
|
width:35%;
|
|
}
|
|
|
|
dl.pair dd {
|
|
width:64%;
|
|
margin-left:0;
|
|
padding-left:0;
|
|
}
|
|
|
|
|
|
|