#listing { position: absolute; left: 155px; right: 0px; top: 130px; height: expression(document.body.clientHeight - 35 + "px"); overflow: auto; } html > body #listing { position: fixed; bottom: 35px; } #folders { float: left; width: 150px; } /*thead tr { position: relative; top: expression(offsetParent.scrollTop); z-index: 1; padding: 0; }*/ /*table#emails > tbody { position: fixed; bottom: 35px; top: 155px; left: 155px; right: 0px; overflow-x: hidden; overflow-y: auto; }*/ #emails th { /*position: relative;*/ } #emails th input { margin: 0; } #emails tr { width: 100%; border-bottom: 1px solid #C8D6E8; user-select: none; /* CSS3 */ -moz-user-select: none; /* Gecko (Firefox) */ -khtml-user-select: none; /* Webkit (Safari, Chrome) */ } .box h3 { font-size: small; margin: 2px 0px 2px 0px; text-align: center; } .box ul { list-style: none; padding: 5px 5px; margin: 0; } .box li { margin-bottom: 4px; padding-left: 20px; } .box li.selected { background-color: #FFFF77; } .box a:link, .box a:visited { background: transparent; color: black; text-decoration: none; margin-left: 5px; } .box a:hover { color: #6AB0C5; text-decoration: none; } .box img { float: left; border: 0; } li.inbox { background: url("/static/pics/overview.png") no-repeat; } li.trash { background: url("/static/pics/trash.png") no-repeat; } li.folder { background: url("/static/pics/folder.png") no-repeat; } li.subfolders { background: url("/static/pics/subfolders.png") no-repeat; } th[class*=sortable] { cursor: pointer; /*-moz-box-shadow: 0px -15px 10px -10px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 0px -15px 10px -10px rgba(0,0,0,0.6) inset;*/ } th.selected { background: #EEEEEE; } .draggable { cursor: move; /*position: relative;*/ border: 0; } .draggable img { position: static; } .box li.dragging { background-color: #6AB0C5; } ul.hidden { display: none; } ul.visible { background-color: white; display: block; padding-bottom: 0; } /* Compose mail page */ #compose-container { margin: 0 auto; width: 100%; } div.row { margin: 3px; clear: both; } div.row label { float: left; width: 120px; font-size: small; padding: 3px 0; } textarea { border: 1px solid #cccccc; background-color: #eee; width: 80%; height: 30px; word-wrap: break-word; } textarea:hover { background-color: #ffffcc; } #id_body { background: white; width: 98%; } #mailheader input { width: 80%; padding: 0; } #mailheader { width: 70%; padding-bottom: 5px; float: left; } #attachments { width: 29%; float: left; } #attachments h3 { float: left; font-size: 1em; margin: 0; margin-right: 10px; } #attachments img { float: left; margin-right: 5px; } #attachments a:link, a:visited { background: transparent; color: black; text-decoration: none; } #finput_container { display: block; width: 100px; height: 20px; overflow: hidden } #upload_input { font-size: 50px; width: 120px; opacity: 0; filter: alpha(opacity: 0); position: relative; top: -40px; left: -20px; } #attachments ul { list-style: none; padding: 5px 5px; margin: 0; } #attachments li { margin-bottom: 4px; padding-left: 10px; } /* Progress bar */ #footer { color: white; font-weight: bold; font-size: 1em; } #quotalabel { float: left; padding: 7px 2px 0 5px; display: none; } #quotabox { display: none; float: left; margin: 5px; width: 300px; padding: 0; } #box { /*border: 1px solid #ccc; */ width: 200px; background: url(../../pics/progressbar_bg.gif) right center no-repeat; height: 19px; float: left; } #perc { background: url(../../pics/progressbar.gif) right center no-repeat; height: 19px; } #quotatext { padding: 2px 0 0 2px; float: left; }