input.color[value="#FFF"] + label { background-color: #FFF;}
h1, label.tab, div.tab, fieldset.tab,
-div.patient, div.prescription {
+div.patient, div.prescription, div.therapies {
display: block;
width: 96%;
margin: 0 2%;
}
+div.patient a {
+ text-decoration: none; color: #000;
+}
+
+div.therapies > a {
+ display: inline-block;
+ text-decoration: none;
+ border: 1px solid black;
+ margin-top: .5em; padding: .25em .5em;
+ background-color: #DDF;
+ color: #000;
+}
+div.therapies > a.current {
+ background-color: #AAF;
+}
+
+div.prescription {
+ background-color: #CFF;
+}
+div.prescription h3 {
+ margin-top: .5em;
+}
+
div.prescription span {
display: inline-block;
width: 50%;
padding: .5ex 1ex;
}
-div.prescription ul {margin-top: 0;}
+div.prescription ul {
+ margin-top: .5em;
+ margin-left: 1.5em;
+}
div.prescription label.checkbox,
div.prescription label.radio {
@media(min-width: 800px){
h1, label.tab, div.tab, fieldset.tab,
- div.patient, div.prescription {
+ div.patient, div.prescription, div.therapies {
width: 38%;
margin-right: 0;
}
h1 {display: none;}
-div.patient, div.prescription { margin-top: 1em; }
-div.prescription {
+div.patient, div.prescription, div.therapies { margin-top: .5em; }
+div.prescription, div.therapies {
border: 1px solid black;
- background-color: #EEE;
padding: .125em 1.25ex .5em 1.25ex;
}
div > h2 { margin: 0; border-bottom: 1px solid black; }
+/*
div:nth-child(n+2) > a:first-of-type {
display: block;
margin: .125em 0 .5em 0;
text-decoration: none;
}
+*/
#report fieldset.tab,
#report label.tab {