plugins/scheduler/static/css/scheduler.css

   1 /*
   2  $Id: toggle.css 12435 2009-03-11 15:07:00Z thierry $
   3  */
   4
   5 /* this class is used to store data that needs to get passed to javascript code */
   6 /* these elements are not meant to be rendered */
   7 .hidden {
   8     display: none;
   9 }
  10 .center {
  11     text-align: center;
  12 }
  13
  14 .scrollx {
  15         overflow-x:scroll;
  16         height: 340px;
  17 }
  18 .scrolly {
  19 overflow-y : scroll;
  20 }
  21 /* space around various messages */
  22 div.my-slice-renewal {
  23     margin: 30px;
  24 }
  25
  26 /* toggles for the nodes sections */
  27 div#toggle-container-my-slice-persons-current,
  28 div#toggle-container-my-slice-nodes-current {
  29     background: #f0f0f0;
  30 }
  31
  32 div#toggle-container-my-slice-persons-add,
  33 div#toggle-container-my-slice-nodes-add {
  34     background: #f0e0e0;
  35 }
  36
  37 /* the scheduler area */
  38 div#toggle-container-my-slice-nodes-reserve {
  39     background: #def;
  40 }
  41
  42 /* where the graphics go */
  43 div#leases_area {
  44   /* padding: 10px 25px; */
  45 }
  46
  47 /* don't display the scheduler data table - not quite sure this works */
  48 table#leases_data {
  49     display: none;
  50 }
  51
  52 /* the various controls for the scheduler */
  53 /* upper section, with selection mode */
  54 #leases_modes { padding: 10px; text-align: center; color: #333; }
  55
  56 #leases_buttons { padding: 0px 10px 10px 10px; }
  57 #leases_refresh { position: relative; left: 30%;}
  58 #leases_submit { position: relative; left: 60%; }
  59
  60
  61 /* column configuation style */
  62
  63 div#toggle-container-my-slice-nodes-configuration {
  64     background: #f8f8f8;
  65 }
  66
  67 OPTION.out{background-color:white; color:black}
  68 OPTION.in{background-color:#CAE8EA; color:#4f6b72}
  69
  70 div.out{background-color:white; color:black}
  71 div.in{background-color:#CAE8EA; color:#4f6b72}
  72 div.selected{background-color:gray; color:black}
  73 div.invisible{display:none}
  74
  75 div.toggle-info {
  76         padding: 10px 20px;
  77         background-color: #cae8ea;
  78         margin: 10px 10px;
  79
  80 }
  81
  82 div#scrolldiv {
  83         border : solid 2px grey;
  84         padding:4px;
  85         width:300px;
  86         height:180px;
  87         overflow:auto;
  88 }
  89
  90 th,td.top {
  91         vertical-align: top;
  92         text-align: left;
  93         padding:10px;
  94 }
  95
  96 td.smallright {
  97         text-align: right;
  98         width:20px;
  99 }
 100
 101 table.center {
 102         margin-left:auto;
 103         margin-right:auto;
 104 }
 105
 106 table.columnlist {
 107         width:280px;
 108 }
 109
 110 td.header {
 111         background-color: #CAE8EA;
 112         text-align: center;
 113         width:30px;
 114 }
 115
 116 span.header {
 117         font-weight: bold;
 118         color: #3399CC;
 119 }
 120
 121 a.source-url{
 122         font-weight: bold;
 123 }
 124
 125 span.gray{
 126         color: #555555;
 127 }
 128
 129 span.short {
 130         height:10px;
 131 }
 132
 133 span.column-title {
 134         font-size: 12px;
 135         font-weight: bold;
 136 }
 137
 138 span.column-detail {
 139         font-size: 11px;
 140         font-style: italic;
 141 }