]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/demos/mail/mail.css.commented.css
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / demos / mail / mail.css.commented.css
diff --git a/static/dojo-release-1.1.1/dijit/demos/mail/mail.css.commented.css b/static/dojo-release-1.1.1/dijit/demos/mail/mail.css.commented.css
new file mode 100644 (file)
index 0000000..02e2635
--- /dev/null
@@ -0,0 +1,157 @@
+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: #ededff; 
+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: #ededed;
+       color: #333;
+       cursor: pointer;
+}
+#listPane tr, #listPane td { cursor: pointer; }
+
+table.demoTable {
+       border-collapse: collapse;      
+}
+
+th {
+       background-color: #4f8ce5; 
+       color: #666; 
+       font-weight:: bold !important;
+       margin:0;
+       padding:3px; 
+       background-image:url('../../themes/soria/images/titleBar.png');
+       background-position:0px -1px; 
+}
+
+.dijitRtl caption,
+.dijitRtl th {
+       text-align:right;
+}
+
+th .arrowNode { 
+       position:relative; 
+       float:left;
+       top:4px;
+       left:4px; 
+       width:16px;
+       height:16px;
+}
+
+.dijitRtl th .arrowNode{
+       float:right;    
+}
+
+th.arrowUp .arrowNode {
+       margin-right: 5px;
+       margin-top: -4px;
+       margin-bottom: 5px;
+       width: 15px;
+       height:15px;
+       background:transparent url("../../themes/soria/images/spriteRoundedIconsSmall.png") -45px top no-repeat;
+}
+
+th.arrowDown .arrowNode {
+       margin-right: 5px;
+       margin-top: -4px;
+       margin-bottom: 5px;
+       width: 15px;
+       height:15px;
+       background:transparent url("../../themes/soria/images/spriteRoundedIconsSmall.png") -15px top no-repeat;
+}
+
+.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; }