planetlab/css/my_slice.css

   1 /*
   2  $Id: toggle.css 12435 2009-03-11 15:07:00Z thierry $
   3  */
   4
   5 /* space around various messages */
   6 div.my-slice-renewal {
   7     margin: 30px;
   8 }
   9
  10 /* toggles for the nodes sections */
  11 div#toggle-container-my-slice-persons-current,
  12 div#toggle-container-my-slice-nodes-current {
  13     background: #f0f0f0;
  14 }
  15
  16 div#toggle-container-my-slice-persons-add,
  17 div#toggle-container-my-slice-nodes-add {
  18     background: #f0e0e0;
  19 }
  20
  21 /* the scheduler area */
  22 div#toggle-container-my-slice-nodes-reserve {
  23     background: #def;
  24 }
  25
  26 /* where the graphics go */
  27 div#leases_area {
  28   padding: 10px 25px;
  29 }
  30
  31 /* this class is used to store data that needs to get passed to javascript code */
  32 /* these elements re not meant to be rendered */
  33 .hidden {
  34     display: none;
  35 }
  36
  37 /* the various controls for the scheduler */
  38 /* upper section, with selection mode */
  39 #leases_modes { padding: 10px; text-align: center; color: #333; }
  40
  41 #leases_buttons { padding: 0px 10px 10px 10px; }
  42 #leases_clear { position: relative; left: 30%;}
  43 #leases_submit { position: relative; left: 60%; }
  44
  45
  46 /* column configuation style */
  47
  48 div#toggle-container-my-slice-nodes-configuration {
  49     background: #f8f8f8;
  50 }
  51
  52 OPTION.out{background-color:white; color:black}
  53 OPTION.in{background-color:#CAE8EA; color:#4f6b72}
  54
  55 div.out{background-color:white; color:black}
  56 div.in{background-color:#CAE8EA; color:#4f6b72}
  57 div.selected{background-color:gray; color:black}
  58 div.invisible{display:none}
  59
  60 .myslice {
  61         font: 11px Arial, Helvetica, sans-serif;
  62         color: gray;
  63 }
  64
  65 .myslice .title {
  66         font: 11px;
  67         font-weight: bold;
  68 }
  69
  70 .myslice .desc {
  71         font: 11px;
  72         font-style: italic;
  73 }
  74
  75 .myslice .subtitle{
  76         color: #bb9c61;
  77 }
  78
  79