meta/assets/css/theme.css

249 lines
3.7 KiB
CSS
Raw Normal View History

/* ---------------- */
/* ! General Styles */
/* ---------------- */
2012-09-12 10:36:43 -04:00
* {
vertical-align:middle;
}
html, body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:200;
max-width:800px;
margin: 0 auto;
2012-08-31 16:18:23 -04:00
color:#312;
}
button {
color:#312;
2012-09-12 10:36:43 -04:00
padding:0.25em;
border:1px solid #888;
border-radius:5px;
2012-09-12 10:36:43 -04:00
box-shadow:1px 1px #aaa;
min-width:65px;
vertical-align:middle;
}
2012-09-12 12:57:41 -04:00
a, a:visited {
text-decoration:none;
2012-09-12 12:57:41 -04:00
color:#558BFF;
}
a:hover {
text-decoration:underline;
}
2012-08-31 16:18:23 -04:00
legend {
display:block;
}
legend:hover {
cursor:pointer;
}
h1,h2 {
display:inline-block;
vertical-align:middle;
width:25%;
}
2012-09-12 10:36:43 -04:00
ul {
/*padding:auto;*/
padding-left:2.5em;
margin:0;
}
li {
padding:0.5em 0;
}
dd {
/*margin:auto;*/
margin-left:0.5em;
}
2012-08-31 16:18:23 -04:00
/* Hide forms by default */
2012-09-12 12:57:41 -04:00
fieldset dl {
2012-08-31 16:18:23 -04:00
display:none;
2012-09-12 12:57:41 -04:00
}
#edit_form dl {
display:block;
}
2012-08-31 16:18:23 -04:00
/* 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 {
2012-09-12 12:57:41 -04:00
width:58%;
text-align:left;
margin-left:0;
padding-left:.25em;
}
/* ! Edit buttons */
.modify {
position:absolute;
display:none;
margin-left:1em;
2012-09-12 10:36:43 -04:00
vertical-align:middle;
}
2012-09-12 10:36:43 -04:00
li:hover > .modify, dt:hover > .modify {
display:inline-block;
2012-09-12 10:36:43 -04:00
vertical-align:middle;
}
button.save {
background:#797;
2012-09-12 10:36:43 -04:00
background:-o-linear-gradient(#797, #595);
background:-moz-linear-gradient(#797, #595);
background:-webkit-linear-gradient(#797, #595);
background:linear-gradient(#797, #595);
color:#fff;
}
button.save:hover {
background:#595;
2012-09-12 10:36:43 -04:00
background:-o-linear-gradient(#595, #797);
background:-moz-linear-gradient(#595, #797);
background:-webkit-linear-gradient(#595, #797);
background:linear-gradient(#595, #797);
}
button.edit {
2012-09-12 10:36:43 -04:00
background:#fff;
background:-o-linear-gradient(#fff, #ddd);
background:-moz-linear-gradient(#fff, #ddd);
background:-webkit-linear-gradient(#fff, #ddd);
background:linear-gradient(#fff, #ddd);
}
2012-09-12 10:36:43 -04:00
button.edit:hover {
background:#ddd;
background:-o-linear-gradient(#ddd, #fff);
background:-moz-linear-gradient(#ddd, #fff);
background:-webkit-linear-gradient(#ddd, #fff);
background:linear-gradient(#ddd, #fff);
}
button.delete {
2012-09-12 12:57:41 -04:00
background:#f55;
background:-o-linear-gradient(#f55, #955);
background:-moz-linear-gradient(#f55, #955);
background:-webkit-linear-gradient(#f55, #955);
background:linear-gradient(#f55, #955);
2012-09-12 10:36:43 -04:00
color:#fff;
}
button.delete:hover {
background:#955;
2012-09-12 12:57:41 -04:00
background:-o-linear-gradient(#955, #f55);
background:-moz-linear-gradient(#955, #f55);
background:-webkit-linear-gradient(#955, #f55);
background:linear-gradient(#955, #f55);
}
/* ! Outline styles */
2012-08-31 16:18:23 -04:00
.list {
padding:0;
margin:0;
}
.list dl {
margin-left:0.5em;
}
2012-09-12 12:57:41 -04:00
dl.outline dd {
2012-09-12 10:36:43 -04:00
border-bottom:1px dotted #555;
2012-09-12 12:57:41 -04:00
margin-bottom:0.5em;
2012-09-12 10:36:43 -04:00
}
2012-09-12 12:57:41 -04:00
dl.outline dd:last-child {
border:0;
}
2012-09-12 10:36:43 -04:00
dl.outline dt {
display:list-item;
list-style:square inside;
}
2012-08-31 16:18:23 -04:00
.list li {
list-style:none;
}
li h4 {
display:inline;
}
/* ! Data listing styles */
2012-08-31 16:18:23 -04:00
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;
}
2012-09-12 10:36:43 -04:00
/* ! Form overlay styles */
#overlay_bg {
background:#777;
background:rgba(105,105,220,0.85);
position:fixed;
display:none;
width:900%;
height:900%;
z-index:5;
left:0;
top:0;
}
#overlay {
position:absolute;
background:#ddd;
/*background:rgba(255,255,255,0.85);
top:25%;
left:25%;
width:600px;
height:auto;*/
min-width:700px;
padding:0.5em;
border-radius:5px;
display:none;
z-index:25;
}
2012-08-31 16:18:23 -04:00