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 /* don't display the scheduler data table - not quite sure this works */
  32 table#leases_data {
  33     display: none;
  34 }
  35
  36 /* the various controls for the scheduler */
  37 /* upper section, with selection mode */
  38 #leases_modes { padding: 10px; text-align: center; color: #333; }
  39
  40 #leases_buttons { padding: 0px 10px 10px 10px; }
  41 #leases_refresh { position: relative; left: 30%;}
  42 #leases_submit { position: relative; left: 60%; }
  43
  44
  45 /* column configuation style */
  46
  47 div#toggle-container-my-slice-nodes-configuration {
  48     background: #f8f8f8;
  49 }
  50
  51 OPTION.out{background-color:white; color:black}
  52 OPTION.in{background-color:#CAE8EA; color:#4f6b72}
  53
  54 div.out{background-color:white; color:black}
  55 div.in{background-color:#CAE8EA; color:#4f6b72}
  56 div.selected{background-color:gray; color:black}
  57 div.invisible{display:none}
  58
  59 div.toggle-info {
  60         padding: 10px 20px;
  61         background-color: #cae8ea;
  62         margin: 10px 10px;
  63
  64 }
  65
  66 div#scrolldiv {
  67         border : solid 2px grey;
  68         padding:4px;
  69         width:300px;
  70         height:180px;
  71         overflow:auto;
  72 }
  73
  74 th,td.top {
  75         vertical-align: top;
  76         text-align: left;
  77         padding:10px;
  78 }
  79
  80 td.smallright {
  81         text-align: right;
  82         width:20px;
  83 }
  84
  85 table.center {
  86         margin-left:auto;
  87         margin-right:auto;
  88 }
  89
  90 table.columnlist {
  91         width:280px;
  92 }
  93
  94 td.header {
  95         background-color: #CAE8EA;
  96         text-align: center;
  97         width:30px;
  98 }
  99
 100 span.header {
 101         font-weight: bold;
 102         color: #3399CC;
 103 }
 104
 105 a.source-url{
 106         font-weight: bold;
 107 }
 108
 109 span.gray{
 110         color: #555555;
 111 }
 112
 113 span.short {
 114         height:10px;
 115 }
 116
 117 span.column-title {
 118         font-size: 15px;
 119         font-weight: bold;
 120 }
 121
 122 span.column-detail {
 123         font-size: 11px;
 124         font-style: italic;
 125 }
 126
 127
 128
 129