f1fd3208bd
- Agenda overview: Fixed padding of duration column. - Agenda overview: Optimize header information for small devices with bootstrap's row-fluid class. - Fixed text align in assignment detail template.
83 lines
2.7 KiB
CSS
83 lines
2.7 KiB
CSS
ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
ol.agenda_list, ol.agenda_list ol {
|
|
margin: 0 0 0 25px;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ol.agenda_list {
|
|
margin: 0;
|
|
}
|
|
|
|
.agenda_list li {
|
|
margin: 5px 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.agenda_list li > div {
|
|
border: 1px solid #d4d4d4;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
|
|
padding: 6px;
|
|
margin: 0;
|
|
background: #f6f6f6;
|
|
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
|
|
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
|
|
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
|
|
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
|
|
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
|
|
overflow: auto;
|
|
}
|
|
.agenda_list li > div.activeline {
|
|
background: #bed4de !important;
|
|
}
|
|
.agenda_list.sortable li > div {
|
|
cursor: move;
|
|
}
|
|
.disclose {
|
|
cursor: pointer;
|
|
width: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.placeholder {
|
|
outline: 1px dashed #4183C4;
|
|
}
|
|
|
|
.agenda_list .openclose { width: 40px; float: left; min-height: 1px; }
|
|
.agenda_list .duration { width: 92px; float: right; min-height: 1px; text-align: right; }
|
|
.agenda_list .manage { width: 200px; float: right; min-height: 1px; padding-left: 15px; }
|
|
.agenda_list .title { float: left; padding-left: 5px;}
|
|
.agenda_list .optional { float: left; }
|
|
.agenda_list .opener_closer { float: left; margin-right: 8px; margin-left:-4px;}
|
|
.agenda_list .opener_closer .btn { padding: 0 2px; }
|
|
.agenda_list .optional { float: right; width: 208px; padding-left: 8px;}
|
|
|
|
#menu-overview .manage { width: 200px; }
|
|
#menu-overview .duration { width: 65px; text-align: right; padding-right: 19px;}
|
|
#menu-overview .optional { width: 200px; }
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
#menu-overview .optional { width: 150px; }
|
|
.agenda_list .optional { float: right; width: 158px; padding-left: 8px;}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
#menu-overview .optional { width: 100px; }
|
|
.agenda_list .optional { float: right; width: 108px; padding-left: 8px;}
|
|
}
|
|
.agenda_list .opener, .agenda_list .closer { }
|
|
.agenda_list .opener { display: none; }
|
|
.agenda_list li.closed ol { display: none; }
|
|
.agenda_list li.closed .closer { display: none; }
|
|
.agenda_list li.closed > div .opener { display: inline-block; }
|