1 /* import the default css for the install applications */
2 @import "default/acq.css";
3 @import "default/admin.css";
4 @import "default/serial.css";
5 /* import the dojo CSS */
6 @import "/js/dojo/dojo/resources/dojo.css";
7 @import "/js/dojo/dijit/themes/tundra/tundra.css";
8 @import "/js/dojo/dojox/grid/resources/Grid.css";
9 /*@import "/js/dojo/dojox/grid/resources/tundraGrid.css";*/
12 html, body, #oils-base-body-block {
21 #oils-base-body-block { height: 98%; }
22 table { border-collapse: collapse; }
27 /* use this for divs whose contents should be entirely contained within the div */
28 .container:after {content: ""; display: block; height: 0; clear: both; }
30 .invisible { visibility: hidden; }
31 .hidden { display: none; }
32 .display { display: block; visibility: visible; }
33 .oils-login-dialog td { padding: 5px; }
35 /* main layout blocks */
36 #oils-base-main-block { margin-top: 0px; padding-top: 0px;}
38 #oils-base-navigate-block { width: 0%; vertical-align: top; float:left;}
39 #oils-base-sidebar-block { width: 0%; vertical-align: top; float:left;}
41 #oils-base-content-block { vertical-align: top; padding: 0px 5px 0px 5px;}
43 /*#oils-base-header-auto-login { padding-right: 20px; }*/
44 #oils-base-header-block { text-align: right; margin-top: 0px; padding-bottom: 0px;}
45 #oils-base-header-menu-block { float:left; text-align: left; width: 50%; }
46 #oils-base-header-auto-login-block { float:right; text-align: right; width: 47%;}
48 /*#oils-base-footer-block { width: 100%; text-align: center; vertical-align: bottom;}*/
49 #oils-base-footer-block { position:fixed; bottom:0px; left:0px; right:0px; border-top:1px solid #aaa; text-align:center;}
51 #oils-base-navigate-list { width: 100%; }
52 .oils-base-navigate-sub-list { padding-left: 4px; }
53 .oils-base-navigate-item {}
55 /* general purpose form table */
56 .oils-admin-table { width: 100%; }
57 .oils-admin-table td { padding: 4px; }
58 .oils-admin-table textarea { width: 400px; height: 40px; overflow:auto;}
59 .oils-admin-label { width: auto; }
61 .label { margin: 1px; }
63 .oils-generic-table th { padding:5px; font-weight: bold; }
64 .oils-generic-table td { padding:5px; }
67 /* local dojo style enhancements ----------------------------------- */
69 .dojoxGrid {border: 1px solid #333; height: 90%;}
72 .dojoxGrid {height: 90%;}
73 .dojoxGrid-cell {padding: 8px;}
75 .dijitTooltipTable td {padding: 3px;} /* custom class for handling dialog tables */
76 /* ----------------------------------------------------------------- */
79 background-color: -moz-dialog;
83 .oils-fm-edit-pane { margin: 5px; }
84 .oils-fm-edit-pane td { padding: 5px; }
85 .oils-fm-edit-pane-help {
89 border:1px solid #e0e0e0;
91 vertical-align:middle;
93 .oils-fm-edit-dialog td { border:1px solid #999;}
94 .oils-pcrudfilterdialog-table tr td { padding: 0.75ex 0.5em; }
95 .oils-pcrudfilterdialog-table tr:nth-child(event) {
96 background-color: #d7d7d7;
98 .oils-pcrudfilterdialog-remover-holder {
99 text-align: left; vertical-align: middle;
102 .oils-pcrudfilterdialog-remover {
103 background-color: #ccc; color: #f00;
104 padding: 0.25em; border: 1px outset #000;
105 text-decoration: none;
107 .oils-pcrudfilterdialog-buttonholder > * { padding: 0 2em; }
113 .oils-header-panel div:first-child {
120 .oils-header-panel div:last-child {
128 .oils-progress-dialog { width: 300px; }
130 .openils-widget-editpane-ro-name-cell {
133 .openils-widget-editpane-ro-value-cell {
134 text-decoration: underline;
137 .pad-level-1 { padding: 5px; }
138 .center { text-align: center; }