git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/demos/mail/mail.css.commented.css

   1 html, body, #main{
   2         width: 100%;    /* make the body expand to fill the visible window */
   3         height: 100%;
   4         overflow: hidden;       /* erase window level scrollbars */
   5         padding: 0 0 0 0;
   6         margin: 0 0 0 0;
   7         font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
   8 }
   9
  10 #banner, #footer {
  11 background-color: #ededff;
  12 color: #333;
  13 padding:3px;
  14 }
  15 #banner { text-align:right; }
  16
  17 /* list of messages
  18 TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
  19 */
  20 #listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
  21         background-color: #ededed;
  22         color: #333;
  23         cursor: pointer;
  24 }
  25 #listPane tr, #listPane td { cursor: pointer; }
  26
  27 table.demoTable {
  28         border-collapse: collapse;
  29 }
  30
  31 th {
  32         background-color: #4f8ce5;
  33         color: #666;
  34         font-weight:: bold !important;
  35         margin:0;
  36         padding:3px;
  37         background-image:url('../../themes/soria/images/titleBar.png');
  38         background-position:0px -1px;
  39 }
  40
  41 .dijitRtl caption,
  42 .dijitRtl th {
  43         text-align:right;
  44 }
  45
  46 th .arrowNode {
  47         position:relative;
  48         float:left;
  49         top:4px;
  50         left:4px;
  51         width:16px;
  52         height:16px;
  53 }
  54
  55 .dijitRtl th .arrowNode{
  56         float:right;
  57 }
  58
  59 th.arrowUp .arrowNode {
  60         margin-right: 5px;
  61         margin-top: -4px;
  62         margin-bottom: 5px;
  63         width: 15px;
  64         height:15px;
  65         background:transparent url("../../themes/soria/images/spriteRoundedIconsSmall.png") -45px top no-repeat;
  66 }
  67
  68 th.arrowDown .arrowNode {
  69         margin-right: 5px;
  70         margin-top: -4px;
  71         margin-bottom: 5px;
  72         width: 15px;
  73         height:15px;
  74         background:transparent url("../../themes/soria/images/spriteRoundedIconsSmall.png") -15px top no-repeat;
  75 }
  76
  77 .demoTable td { padding:3px; }
  78 .demoTable {
  79         border-spacing:0;
  80         padding:0; margin:0;
  81         width:98%;
  82
  83 }
  84 .oddRow {
  85         background-color: #f2f5f9;
  86 }
  87
  88 #message {
  89         padding: 8px;
  90 }
  91
  92 /* Stuff for new messages */
  93
  94 .subject {
  95         background: gray;
  96         width: 100%;
  97         padding-top: 5px;
  98         padding-bottom: 10px;
  99 }
 100
 101 .message {
 102         border: black 2px;
 103 }
 104 .messageHeader {
 105         font:12pt Arial,sans-serif;
 106         font-weight:bold;
 107         color:#333;
 108 }
 109 body .dojoSplitPane {
 110         background: #ededff;
 111         overflow: auto;
 112 }
 113
 114 /* Icons */
 115
 116 .mailIconCancel,
 117 .mailIconOptions,
 118 .mailIconFolderDocuments,
 119 .mailIconFolderInbox,
 120 .mailIconFolderSent,
 121 .mailIconGetMail,
 122 .mailIconNewMessage,
 123 .mailIconMailbox,
 124 .mailIconOk,
 125 .mailIconTrashcanFull {
 126         background-image: url('icons.png'); /* mail icons sprite image */
 127         background-repeat: no-repeat;
 128         width: 16px;
 129         height: 16px;
 130         text-align: center;
 131         padding-right:4px;
 132 }
 133
 134 .dj_ie6 .mailIconCancel,
 135 .dj_ie6 .mailIconOptions,
 136 .dj_ie6 .mailIconFolderDocuments,
 137 .dj_ie6 .mailIconFolderInbox,
 138 .dj_ie6 .mailIconFolderSent,
 139 .dj_ie6 .mailIconGetMail,
 140 .dj_ie6 .mailIconNewMessage,
 141 .dj_ie6 .mailIconMailbox,
 142 .dj_ie6 .mailIconOk,
 143 .dj_ie6 .mailIconTrashcanFull {
 144         background-image: url('icons.gif');
 145 }
 146
 147
 148 .mailIconCancel { background-position: 0px; }
 149 .mailIconOptions { background-position: -22px; }
 150 .mailIconFolderDocuments { background-position: -44px; }
 151 .mailIconFolderInbox { background-position: -66px; }
 152 .mailIconFolderSent { background-position: -88px; }
 153 .mailIconGetMail { background-position: -110px; }
 154 .mailIconNewMessage { background-position: -132px; }
 155 .mailIconMailbox { background-position: -154px; }
 156 .mailIconOk { background-position: -176px; }
 157 .mailIconTrashcanFull { background-position: -198px; }