2014-08-30 19:38:45 -04:00
|
|
|
/*** Mobile voodoo ***/
|
2014-11-10 23:39:16 -05:00
|
|
|
|
|
|
|
/** iPads **/
|
|
|
|
@media all and (max-device-width: 768px) {
|
|
|
|
#roomRecentsTableWrapper {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/** iPhones **/
|
2014-08-30 19:38:45 -04:00
|
|
|
@media all and (max-device-width: 640px) {
|
|
|
|
|
|
|
|
#messageTableWrapper {
|
|
|
|
margin-right: 0px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftBlock {
|
|
|
|
width: 8em ! important;
|
|
|
|
font-size: 8px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rightBlock {
|
|
|
|
width: 0px ! important;
|
|
|
|
display: none ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
width: 36px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#header {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
#headerContent {
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#headerContent button {
|
|
|
|
font-size: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#messageTable,
|
|
|
|
#wrapper,
|
|
|
|
#controls {
|
|
|
|
max-width: 640px ! important;
|
|
|
|
}
|
|
|
|
|
2014-11-10 23:39:16 -05:00
|
|
|
#controls {
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
2014-08-30 19:38:45 -04:00
|
|
|
#headerUserId,
|
|
|
|
#roomHeader img,
|
|
|
|
#userIdCell,
|
|
|
|
#roomRecentsTableWrapper,
|
|
|
|
#usersTableWrapper,
|
2014-11-10 23:39:16 -05:00
|
|
|
#controlButtons,
|
2014-08-30 19:38:45 -04:00
|
|
|
.extraControls {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#buttonsCell {
|
|
|
|
width: 60px ! important;
|
|
|
|
padding-left: 20px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#roomLogo {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bubble {
|
|
|
|
font-size: 12px ! important;
|
|
|
|
min-height: 20px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#roomHeader {
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
|
2014-11-10 23:39:16 -05:00
|
|
|
.roomHeaderInfo {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
|
2014-08-30 19:38:45 -04:00
|
|
|
#roomName {
|
2014-10-28 05:03:59 -04:00
|
|
|
font-size: 12px ! important;
|
2014-08-30 19:38:45 -04:00
|
|
|
margin-top: 0px ! important;
|
|
|
|
}
|
2014-10-28 05:03:59 -04:00
|
|
|
|
|
|
|
.roomTopicSection {
|
|
|
|
display: none;
|
|
|
|
}
|
2014-08-30 19:38:45 -04:00
|
|
|
|
|
|
|
#roomPage {
|
2014-10-28 05:03:59 -04:00
|
|
|
top: 40px ! important;
|
2014-08-30 19:38:45 -04:00
|
|
|
left: 5px ! important;
|
|
|
|
right: 5px ! important;
|
|
|
|
bottom: 70px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#controlPanel {
|
|
|
|
height: 70px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* stop zoom on select */
|
|
|
|
select:focus,
|
|
|
|
textarea,
|
|
|
|
input
|
|
|
|
{
|
|
|
|
font-size: 16px ! important;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|