width: 128ex;
border-width: 1px;
border-style: solid;
- margin: 2em 5% .5em 5%;
+ border-radius: 4px 4px 0 0;
+ margin: .5em auto .25em auto;
padding: .25em 1ex .25em 1ex;
background: #EFF;
}
width: 126ex;
border-width: 1px;
border-style: solid;
- margin: .5em 5% 1em 5%;
+ border-radius: 0 0 4px 4px;
+ margin: .25em auto 1em auto;
padding: .25em 2ex .25em 2ex;
background: #EFF;
}
width: 130ex;
border-style: solid;
border-width: 1px;
- margin: 4px 5%;
+ margin: .25em auto;
padding: 0;
overflow: auto;
+ background: #FFF;
}
.cardlist .card .section {
display: inline-block;
float:left;
width: 20ex;
- margin: .125em .5ex .5ex .5ex;
+ margin: .125em .25ex .5ex .25ex;
padding: 0 .2em .2em .2em;
background: #EEE;
}
+.cardlist .card .section a.attendance {
+ display: inline-block;
+ margin-right: 1ex;
+ word-wrap: break-word;
+}
+
+.cardlist .card .attendance {
+ width: 83.5ex;
+}
+.cardlist .card .attendance .check {
+ display: inline-block;
+ width: 27ex;
+}
+
.cardlist .card .control {
float: right;
text-align: right;
background: #EEF;
}
.cardlist .card .control .item {
+ color: #008;
margin-top: .2em;
margin-right: 1ex;
}