planetlab/css/my_slice.css

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