/* - ++resource++ugent_phonebook/phonebook.css - */
@media all {
/* http://www.ugent.be/portal_css/++resource++ugent_phonebook/phonebook.css?original=1 */
.template-phonebook_form span.option {display: inline;}
form#phonebook div.field span.option label span.label {
font-weight: normal;
}
#form-widgets-department { width: 560px; }
form#phonebook {
padding-top: 1em;
}
.template-phonebook_form tr.subheader td {
border-bottom: 1px solid #ccc;
border-top: 0;
background-color: #F8F8F8;
}
/* */
#terms-of-use {
border-top: 1px solid #CCCCCC;
margin-top: 20px;
color:#76797C;
font-size:85%;
}
#people-detail {
line-height: 1.9em;
}
#people-detail h2:first-of-type {
padding-top: 0;
}
#people-detail div.col {
display: block;
vertical-align: top;
padding:0px;
}
#people-detail div.col1 {
width: 70%;
}
#people-detail div.col21 {
width: 30%;
font-weight: bold;
}
#people-detail div.col22 {
width: 69%;
padding-left: 1em;
}
#people-detail div.employment {
margin-bottom: 2em;
}
/* */
ul.staff-list li div.staff-list-name {
display: inline-block;
width: 180px;
}
ul.staff-list li div.staff-list-phone {
display: inline-block;
width: 125px;
}
ul.staff-list li div.staff-list-email {
display: inline-block;
}
@media (min-width: 480px) {
#people-detail div.col22 {
padding-left: 0;
}
#people-detail div.col21, #people-detail div.col22 {
display: inline-block;
}
#people-detail div.col21 {
font-weight: normal;
width: 40%;
}
#people-detail div.col22 {
width: 59%;
}
#people-detail div.col21.padded-left {
padding-left: 1.5em;
}
}
@media (min-width: 568px) {
#people-detail div.col21 {
width: 30%;
}
#people-detail div.col22 {
width: 65%;
}
#people-detail div.col {
display: inline-block;
}
#people-detail div.col.col3 {
text-align: right;
width: 29%;
}
}
@media (min-width: 972px) {
#people-detail div.col3 {
margin-top: 30px;
}
}
}