meta/assets/css/theme.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;
}