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/_grid/Grid.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 /* use this for divs whose contents should be entirely contained within the div */
  19 .container:after {content: ""; display: block; height: 0; clear: both; }
  20
  21 .invisible { visibility: hidden; }
  22 .hidden { display: none; visibility: hidden; }
  23 .display { display: block; visibility: visible; }
  24 .oils-login-dialog td { padding: 5px; }
  25
  26 /* main layout blocks */
  27 #oils-base-main-block { width: 100%; margin-top: 0px; padding-top: 0px;}
  28 #oils-base-navigate-block { width: 12%; vertical-align: top; float:left;}
  29 #oils-base-content-block { width: 87%; vertical-align: top; float:right; padding-top: 0px;}
  30 #oils-base-sidebar-block { width: 12%; vertical-align: top; float:left;}
  31
  32 #oils-base-header-auto-login { padding-right: 20px; }
  33 #oils-base-header-block { width: 100%; text-align: right; margin-top: 0px; padding-bottom: 0px;}
  34 #oils-base-header-menu-block { float:left; text-align: left; width: 50%; }
  35 #oils-base-header-auto-login-block { float:right; text-align: right; width: 47%;}
  36
  37 #oils-base-footer-block { width: 100%; text-align: center; vertical-align: bottom;}
  38
  39 #oils-base-navigate-list { width: 100%; }
  40 .oils-base-navigate-sub-list { padding-left: 4px; }
  41 .oils-base-navigate-item {}
  42
  43 /* general purpose form table */
  44 .oils-admin-table { width: 100%; }
  45 .oils-admin-table td { padding: 4px; }
  46 .oils-admin-table textarea { width: 400px; height: 40px; overflow:auto;}
  47 .oils-admin-label { width: auto; }
  48
  49 .label { margin: 1px; }
  50
  51
  52 /* local dojo style enhancements ----------------------------------- */
  53 /*
  54 .dojoxGrid {border: 1px solid #333; height: 90%;}
  55 */
  56 /*
  57 .dojoxGrid {height: 90%;}
  58 .dojoxGrid-cell {padding: 8px;}
  59 */
  60 .dijitTooltipTable td {padding: 3px;} /* custom class for handling dialog tables */
  61 /* ----------------------------------------------------------------- */
  62