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/Grid.css";
   8 @import "/js/dojo/dojox/grid/resources/tundraGrid.css";
   9
  10
  11 html, body, #oils-base-body-block {
  12     width:100%;
  13     height:100%;
  14     border:0;
  15     margin:0;
  16     padding:0;
  17     background:white;
  18 }
  19 body { width: 99%; }
  20 #oils-base-body-block { height: 98%; }
  21 table { border-collapse: collapse; }
  22
  23 .tall { height:98%; }
  24 .wide { width:98%; }
  25
  26 /* use this for divs whose contents should be entirely contained within the div */
  27 .container:after {content: ""; display: block; height: 0; clear: both; }
  28
  29 .invisible { visibility: hidden; }
  30 .hidden { display: none; }
  31 .display { display: block; visibility: visible; }
  32 .oils-login-dialog td { padding: 5px; }
  33
  34 /* main layout blocks */
  35 #oils-base-main-block { width: 100%; margin-top: 0px; padding-top: 0px;}
  36 /*
  37 #oils-base-navigate-block { width: 0%; vertical-align: top; float:left;}
  38 #oils-base-sidebar-block { width: 0%; vertical-align: top; float:left;}
  39 */
  40 #oils-base-content-block { width: 100%; vertical-align: top; padding: 0px 5px 0px 5px;}
  41
  42 /*#oils-base-header-auto-login { padding-right: 20px; }*/
  43 #oils-base-header-block { width: 100%; text-align: right; margin-top: 0px; padding-bottom: 0px;}
  44 #oils-base-header-menu-block { float:left; text-align: left; width: 50%; }
  45 #oils-base-header-auto-login-block { float:right; text-align: right; width: 47%;}
  46
  47 /*#oils-base-footer-block { width: 100%; text-align: center; vertical-align: bottom;}*/
  48 #oils-base-footer-block { position:fixed; bottom:0px; left:0px; right:0px; border-top:1px solid #aaa; text-align:center;}
  49
  50 #oils-base-navigate-list { width: 100%; }
  51 .oils-base-navigate-sub-list { padding-left: 4px; }
  52 .oils-base-navigate-item {}
  53
  54 /* general purpose form table */
  55 .oils-admin-table { width: 100%; }
  56 .oils-admin-table td { padding: 4px; }
  57 .oils-admin-table textarea { width: 400px; height: 40px; overflow:auto;}
  58 .oils-admin-label { width: auto; }
  59
  60 .label { margin: 1px; }
  61
  62 .oils-generic-table th { padding:5px; font-weight: bold; }
  63 .oils-generic-table td { padding:5px; }
  64
  65
  66 /* local dojo style enhancements ----------------------------------- */
  67 /*
  68 .dojoxGrid {border: 1px solid #333; height: 90%;}
  69 */
  70 /*
  71 .dojoxGrid {height: 90%;}
  72 .dojoxGrid-cell {padding: 8px;}
  73 */
  74 .dijitTooltipTable td {padding: 3px;} /* custom class for handling dialog tables */
  75 /* ----------------------------------------------------------------- */
  76
  77
  78 .oils-fm-edit-pane { margin: 5px; }
  79 .oils-fm-edit-pane td { padding: 5px; }
  80 .oils-fm-edit-dialog td { border:1px solid #999;}
  81 .oils-header-panel {
  82     width:98%;
  83     margin-top:20px;
  84 }
  85 .oils-header-panel div:first-child {
  86     width:48%;
  87     text-align:left;
  88     float:left;
  89     font-size:130%;
  90     font-weight: bold;
  91 }
  92 .oils-header-panel div:last-child {
  93     width:48%;
  94     text-align:right;
  95     float:right;
  96 }
  97
  98
  99 .oils-progress-dialog { width: 300px; }
 100
 101