start of single label + action bar to sit above the grid
[working/Evergreen.git] / Open-ILS / web / css / skin / default.css
1 /* import the default css for the install applications */
2 @import "default/acq.css";
3 @import "default/admin.css";
4 /* import the dojo CSS */
5 @import "/js/dojo/dojo/resources/dojo.css";
6 @import "/js/dojo/dijit/themes/tundra/tundra.css";
7 @import "/js/dojo/dojox/grid/resources/tundraGrid.css";
8
9
10 html, body, #oils-base-body-block {
11     width:100%;
12     height:100%;
13     border:0;
14     margin:0;
15     padding:0;
16 }
17 table { border-collapse: collapse; }
18
19 /* use this for divs whose contents should be entirely contained within the div */
20 .container:after {content: ""; display: block; height: 0; clear: both; }
21
22 .invisible { visibility: hidden; }
23 .hidden { display: none; visibility: hidden; }
24 .display { display: block; visibility: visible; }
25 .oils-login-dialog td { padding: 5px; }
26
27 /* main layout blocks */
28 #oils-base-main-block { width: 100%; margin-top: 0px; padding-top: 0px;}
29 #oils-base-navigate-block { width: 12%; vertical-align: top; float:left;}
30 #oils-base-content-block { width: 87%; vertical-align: top; float:right; padding-top: 0px;}
31 #oils-base-sidebar-block { width: 12%; vertical-align: top; float:left;}
32
33 #oils-base-header-auto-login { padding-right: 20px; }
34 #oils-base-header-block { width: 100%; text-align: right; margin-top: 0px; padding-bottom: 0px;}
35 #oils-base-header-menu-block { float:left; text-align: left; width: 50%; }
36 #oils-base-header-auto-login-block { float:right; text-align: right; width: 47%;}
37
38 #oils-base-footer-block { width: 100%; text-align: center; vertical-align: bottom;}
39
40 #oils-base-navigate-list { width: 100%; }
41 .oils-base-navigate-sub-list { padding-left: 4px; }
42 .oils-base-navigate-item {}
43
44 /* general purpose form table */
45 .oils-admin-table { width: 100%; }
46 .oils-admin-table td { padding: 4px; }
47 .oils-admin-table textarea { width: 400px; height: 40px; overflow:auto;}
48 .oils-admin-label { width: auto; }
49
50 .label { margin: 1px; }
51
52
53 /* local dojo style enhancements ----------------------------------- */
54 /*
55 .dojoxGrid {border: 1px solid #333; height: 90%;}
56 */
57 /*
58 .dojoxGrid {height: 90%;}
59 .dojoxGrid-cell {padding: 8px;}
60 */
61 .dijitTooltipTable td {padding: 3px;} /* custom class for handling dialog tables */
62 /* ----------------------------------------------------------------- */
63
64
65 .oils-fm-edit-dialog { margin: 5px; }
66 .oils-fm-edit-dialog td { padding: 5px; border:1px solid #999;}
67 .oils-header-panel {
68     width:99%;
69     margin-top:20px;
70 }
71 .oils-header-panel div:first-child {
72     width:48%;
73     text-align:left;
74     float:left;
75     font-size:130%;
76     font-weight: bold;
77     vertical-align:bottom;
78     position:relative;
79     bottom:0px;
80     left:5px;
81 }
82 .oils-header-panel div:last-child {
83     width:48%;
84     text-align:right;
85     float:right;
86     vertical-align:bottom;
87     position:relative;
88     bottom:0px;
89     right:5px;
90 }