129 lines
3.6 KiB
CSS
129 lines
3.6 KiB
CSS
/*
|
||
* Styles for web interface of agenda app
|
||
*
|
||
*/
|
||
|
||
/* Agenda overview page */
|
||
tr.topline td {
|
||
border-bottom: 1px solid #333333;
|
||
background-color: #CDCDCD;
|
||
}
|
||
table#agendatime {
|
||
width: auto;
|
||
margin-bottom: 1em;
|
||
font-size: 12px;
|
||
}
|
||
table#agendatime td {
|
||
padding: 3px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
|
||
/*** List of speakers ***/
|
||
/* List of speakers – agenda item view */
|
||
div#complete_list_of_speakers li {
|
||
list-style-type: none;
|
||
}
|
||
div#complete_list_of_speakers li {
|
||
line-height: 30px;
|
||
}
|
||
#coming_speakers span.ui-icon {
|
||
position: absolute;
|
||
margin-left: -15px;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
|
||
/*** Style for agenda sorting ***/
|
||
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; padding-right: 15px; }
|
||
.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; }
|
||
|
||
|
||
@media (max-width: 480px) {
|
||
#menu-overview .manage, .agenda_list .manage {
|
||
width: 50px;
|
||
}
|
||
.agenda_list .manage {
|
||
padding-right: 14px;
|
||
}
|
||
#menu-overview .duration, .agenda_list .duration {
|
||
width: 60px;
|
||
}
|
||
.agenda_list .duration {
|
||
padding-right: 11px;
|
||
}
|
||
}
|