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 "default/serial.css";
   5 @import "default/biblio.css";
   6 /* import the dojo CSS */
   7 @import "/js/dojo/dojo/resources/dojo.css";
   8 @import "/js/dojo/dijit/themes/tundra/tundra.css";
   9 @import "/js/dojo/dojox/grid/resources/Grid.css";
  10 /*@import "/js/dojo/dojox/grid/resources/tundraGrid.css";*/
  11
  12
  13 html, body, #oils-base-body-block {
  14
  15     height:100%;
  16     border:0;
  17     margin:0;
  18     padding:0;
  19     background:white;
  20 }
  21 body { width: 99%; }
  22 #oils-base-body-block { height: 98%; }
  23 table { border-collapse: collapse; }
  24
  25 .tall { height:98%; }
  26 .wide { width:98%; }
  27
  28 /* use this for divs whose contents should be entirely contained within the div */
  29 .container:after {content: ""; display: block; height: 0; clear: both; }
  30
  31 .invisible { visibility: hidden; }
  32 .hidden { display: none; }
  33 .display { display: block; visibility: visible; }
  34 .oils-login-dialog td { padding: 5px; }
  35
  36 /* main layout blocks */
  37 #oils-base-main-block { margin-top: 0px; padding-top: 0px;}
  38 /*
  39 #oils-base-navigate-block { width: 0%; vertical-align: top; float:left;}
  40 #oils-base-sidebar-block { width: 0%; vertical-align: top; float:left;}
  41 */
  42 #oils-base-content-block { vertical-align: top; padding: 0px 5px 0px 5px;}
  43
  44 /*#oils-base-header-auto-login { padding-right: 20px; }*/
  45 #oils-base-header-block {  text-align: right; margin-top: 0px; padding-bottom: 0px;}
  46 #oils-base-header-menu-block { float:left; text-align: left; width: 50%; }
  47 #oils-base-header-auto-login-block { float:right; text-align: right; width: 47%;}
  48
  49 /*#oils-base-footer-block { width: 100%; text-align: center; vertical-align: bottom;}*/
  50 #oils-base-footer-block { position:fixed; bottom:0px; left:0px; right:0px; border-top:1px solid #aaa; text-align:center;}
  51
  52 #oils-base-navigate-list { width: 100%; }
  53 .oils-base-navigate-sub-list { padding-left: 4px; }
  54 .oils-base-navigate-item {}
  55
  56 /* general purpose form table */
  57 .oils-admin-table { width: 100%; }
  58 .oils-admin-table td { padding: 4px; }
  59 .oils-admin-table textarea { width: 400px; height: 40px; overflow:auto;}
  60 .oils-admin-label { width: auto; }
  61
  62 .label { margin: 1px; }
  63
  64 .oils-generic-table th { padding:5px; font-weight: bold; }
  65 .oils-generic-table td { padding:5px; }
  66
  67
  68 /* local dojo style enhancements ----------------------------------- */
  69 /*
  70 .dojoxGrid {border: 1px solid #333; height: 90%;}
  71 */
  72 /*
  73 .dojoxGrid {height: 90%;}
  74 .dojoxGrid-cell {padding: 8px;}
  75 */
  76 .dijitTooltipTable td {padding: 3px;} /* custom class for handling dialog tables */
  77 /* ----------------------------------------------------------------- */
  78
  79 .autoGridLineNumber {
  80     background-color: -moz-dialog;
  81     font-weight: bold;
  82 }
  83
  84 .oils-fm-edit-pane { margin: 5px; }
  85 .oils-fm-edit-pane td { padding: 5px; }
  86 .oils-fm-edit-pane-help {
  87     width:10px;
  88     padding:0px;
  89     margin:0px;
  90     border:1px solid #e0e0e0;
  91     text-align:center;
  92     vertical-align:middle;
  93 }
  94 .oils-fm-edit-dialog td { border:1px solid #999;}
  95 .oils-pcrudfilterdialog-table tr td { padding: 0.75ex 0.5em; }
  96 .oils-pcrudfilterdialog-table tr:nth-child(event) {
  97     background-color: #d7d7d7;
  98 }
  99 .oils-pcrudfilterdialog-remover-holder {
 100     text-align: left; vertical-align: middle;
 101     width: 33%;
 102 }
 103 .oils-pcrudfilterdialog-remover {
 104     background-color: #ccc; color: #f00;
 105     padding: 0.25em; border: 1px outset #000;
 106     text-decoration: none;
 107 }
 108 .oils-pcrudfilterdialog-buttonholder > * { padding: 0 2em; }
 109 .oils-header-panel {
 110     width: 100%;
 111     margin-top:20px;
 112
 113 }
 114 .oils-header-panel div:first-child {
 115     width: 50%;
 116     text-align:left;
 117     float:left;
 118     font-size:130%;
 119     font-weight: bold;
 120 }
 121 .oils-header-panel div:last-child {
 122     width: 49%;
 123     text-align:right;
 124     float:right;
 125
 126 }
 127
 128
 129 .oils-progress-dialog { width: 300px; }
 130
 131 .openils-widget-editpane-ro-name-cell {
 132     font-weight: bold;
 133 }
 134 .openils-widget-editpane-ro-value-cell {
 135     text-decoration: underline;
 136 }
 137
 138 .pad-level-1 { padding: 5px; }
 139 .center { text-align: center; }