| New file |
|---|
| 0,0 → 1,133 |
|---|
| html, body, #main{ |
| width: 100%; /* make the body expand to fill the visible window */ |
| height: 100%; |
| overflow: hidden; /* erase window level scrollbars */ |
| padding: 0 0 0 0; |
| margin: 0 0 0 0; |
| font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif; |
| } |
| |
| #banner, #footer { |
| background-color: #b7cdee; |
| color: #333; |
| padding:3px; |
| } |
| #banner { text-align:right; } |
| |
| /* list of messages |
| TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ??? |
| */ |
| #listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover { |
| background-color: #b7cdee; |
| color: #333; |
| cursor: pointer; |
| } |
| #listPane tr, #listPane td { cursor: pointer; } |
| |
| th { |
| background-color: #4f8ce5; |
| color: #fff; |
| font-weight:: bold !important; |
| margin:0; |
| padding:3px; |
| background-image:url('../../themes/soria/images/gradientTopBg.png'); |
| background-position:0px -1px; |
| } |
| |
| th .arrowNode { position:relative; right:2px; |
| width:16px; |
| height:16px; |
| } |
| th.arrowUp .arrowNode { |
| padding-right: 16px; |
| background:transparent url("../../themes/soria/images/arrows.png") no-repeat; |
| background-position:-32px 0px; |
| } |
| |
| th.arrowDown .arrowNode { |
| padding-right: 16px; |
| background:transparent url("../../themes/soria/images/arrows.png") no-repeat; |
| background-position:0px 0px; |
| } |
| |
| .demoTable td { padding:3px; } |
| .demoTable { |
| border-spacing:0; |
| padding:0; margin:0; |
| width:98%; |
| |
| } |
| .oddRow { |
| background-color: #f2f5f9; |
| } |
| |
| #message { |
| padding: 8px; |
| } |
| |
| /* Stuff for new messages */ |
| |
| .subject { |
| background: gray; |
| width: 100%; |
| padding-top: 5px; |
| padding-bottom: 10px; |
| } |
| |
| .message { |
| border: black 2px; |
| } |
| .messageHeader { |
| font:12pt Arial,sans-serif; |
| font-weight:bold; |
| color:#333; |
| } |
| body .dojoSplitPane { |
| background: #ededff; |
| overflow: auto; |
| } |
| |
| /* Icons */ |
| |
| .mailIconCancel, |
| .mailIconOptions, |
| .mailIconFolderDocuments, |
| .mailIconFolderInbox, |
| .mailIconFolderSent, |
| .mailIconGetMail, |
| .mailIconNewMessage, |
| .mailIconMailbox, |
| .mailIconOk, |
| .mailIconTrashcanFull { |
| background-image: url('icons.png'); /* mail icons sprite image */ |
| background-repeat: no-repeat; |
| width: 16px; |
| height: 16px; |
| text-align: center; |
| padding-right:4px; |
| } |
| |
| .dj_ie6 .mailIconCancel, |
| .dj_ie6 .mailIconOptions, |
| .dj_ie6 .mailIconFolderDocuments, |
| .dj_ie6 .mailIconFolderInbox, |
| .dj_ie6 .mailIconFolderSent, |
| .dj_ie6 .mailIconGetMail, |
| .dj_ie6 .mailIconNewMessage, |
| .dj_ie6 .mailIconMailbox, |
| .dj_ie6 .mailIconOk, |
| .dj_ie6 .mailIconTrashcanFull { |
| background-image: url('icons.gif'); |
| } |
| |
| |
| .mailIconCancel { background-position: 0px; } |
| .mailIconOptions { background-position: -22px; } |
| .mailIconFolderDocuments { background-position: -44px; } |
| .mailIconFolderInbox { background-position: -66px; } |
| .mailIconFolderSent { background-position: -88px; } |
| .mailIconGetMail { background-position: -110px; } |
| .mailIconNewMessage { background-position: -132px; } |
| .mailIconMailbox { background-position: -154px; } |
| .mailIconOk { background-position: -176px; } |
| .mailIconTrashcanFull { background-position: -198px; } |