mirror of
https://bitbucket.org/jsuto/piler.git
synced 2024-12-28 05:20:12 +01:00
57 lines
2.6 KiB
CSS
57 lines
2.6 KiB
CSS
|
#taskbar { position: absolute; top: 0px; right: 0px; height: 24px; width: 100%; padding: 10px 4px 5px 0px; text-align: right; white-space: nowrap; z-index: 2; }
|
||
|
|
|
||
|
|
#header { position: absolute; top: 8px; left: 19px; width: 170px; height: 40px; z-index: 100; }
|
||
|
|
|
||
|
|
#mainscreen { position: absolute; top: 85px; right: 20px; bottom: 20px; left: 20px; }
|
||
|
|
|
||
|
|
#mailleftcontainer { position: absolute; top: 0; left: 0; bottom: 0; width: 195px; }
|
||
|
|
|
||
|
|
#mailboxlist-container { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; border: 1px solid #999; background-color: #F9F9F9; overflow: hidden; }
|
||
|
|
|
||
|
|
.boxtitle { height: 12px !important; padding: 2px 10px 5px 5px; border-bottom: 1px solid #999; color: #333; font-size: 11px; font-weight: bold; overflow: hidden; }
|
||
|
|
.boxlistcontent { position: absolute; top: 20px; bottom: 22px; left: 0; right: 0; width: 100%; overflow-y: auto; overflow-x: hidden; }
|
||
|
|
.boxfooter { position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; height: 22px; border-top: 1px solid #999; background: url(/view/theme/default/images/listheader.gif) top left repeat-x #CCC; }
|
||
|
|
|
||
|
|
#mailboxlist { position:relative; height: auto; margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; overflow: hidden; white-space: nowrap; background-color: #FFF; }
|
||
|
|
|
||
|
|
#mailrightcontainer { position: absolute; top: 0; left: 170px; bottom: 0; right: 0; min-width: 400px; }
|
||
|
|
|
||
|
|
#mailrightcontent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
|
||
|
|
|
||
|
|
#mailcontframe { position: absolute; width: 100%; top: 0; bottom: 0; border: 1px solid #999999; background-color: #F9F9F9; overflow: hidden; }
|
||
|
|
|
||
|
|
#mailpreviewframe { position: absolute; width: 100%; top: 205px; bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; }
|
||
|
|
|
||
|
|
#messagecontframe { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }
|
||
|
|
|
||
|
|
|
||
|
|
.boxfooter a.button,
|
||
|
|
.boxfooter a.buttonPas
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 34px;
|
||
|
|
height: 22px;
|
||
|
|
padding: 0px;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
background: url(/view/theme/default/images/groupactions.png) 0 0 no-repeat transparent;
|
||
|
|
opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxfooter a.groupactions
|
||
|
|
{
|
||
|
|
background-position: 0 -26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxfooter a.buttonPas
|
||
|
|
{
|
||
|
|
opacity: 0.35;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitter { user-select: none; -moz-user-select: none; -khtml-user-select: none; position: absolute; background: url(/view/theme/default/images/dimple.png) center no-repeat; }
|
||
|
|
.splitter-h { cursor: n-resize; cursor: row-resize; background-position: center 2px; }
|
||
|
|
.splitter-v { cursor: e-resize; cursor: col-resize; background-position: 2px center; }
|
||
|
|
|
||
|
|
|