/* SHEET STYLES */
.wims_sheet_title {text-align:center;}
.wims_sheet_desc, .wims_work_desc, .wims_vote_desc, .wims_exam_desc, .wims_doc_desc {
padding:.5em;
font-style: italic;
display: block;
}
.wims_user_sheet .wims_user_info {
margin-left:30%;
}
ul.wims_work_list, ul.wims_user_sheet{
list-style:none;
padding:.5em;
margin:0;
}
.wims_work_list>li, .wims_user_sheet>li, .wims_sheet_list>li {
display: inline-block;
border:1px solid gray;
border-radius: 5px;
padding:1em;
padding-bottom: 1.3em;
margin-right: 3px;
margin-bottom: 1em;
width:46%;
min-width: 20em;
min-height:3em;
vertical-align:top;
}
/*.wims_sheet .wims_sheet_list li {
padding:1em;
border:1px solid gray;
background-color: #FDFDFD;
border-radius: 5px;
margin: 3px;
display: inline-block;
width:45%;
}*/
/* Default colors for sequences */
.wims_sheet_item { background-color:#CCF;}
.wims_doc_item { background-color:#99F;}
.wims_vote_item { background-color:#66F;}
.wims_exam_item { background-color:#9CF;}
.wims_exo_item {
/*background-color:#FC9;*/
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .25)) ;
;
}
.wims_sheet_item, .wims_doc_item, .wims_vote_item, .wims_exam_item, .wims_exo_item
{position:relative;}
/* default style for scores. will be customised by score colors */
.wims_sheet_score {
font-weight:bold;
text-align:center;
margin:1px;
padding:5px;
border : 3px solid #666;
background-color: #FFF;
border-radius: 3px;
}
div.menuitem.score{
background-color: white;
color: black;
border: 1px solid black;
padding: .5em;
width:80%;
margin:auto;
}
.wims_user_info{
position: absolute;
top: 0;
right: .5em;
}
.wims_exo_item .wims_user_info{
top:auto;
bottom: 0;
}
/* could be used
.wims_sheet_weight{}
.wims_style_expire{}
*/
/* Small and Medium screens */
/* max-width 1024px */
@media only screen and (max-width: 64em) {
.wims_work_list li, .wims_user_sheet li, .wims_sheet_list li{
width:inherit;
display:block;
}
}
/* Small screens */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { }
/* Medium screens */
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { }
/* min-width 1025px, large screens */
/* Large screens */
@media only screen and (min-width: 64.063em) { }