planetlab/css/my_slice.css

   1 /*
   2  Thierry Parmentelat -- INRIA
   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 20px;
  29 }
  30
  31 /* this class is used to store data that needs to get passed to javascript code */
  32 /* these elements are not meant to be rendered */
  33 .hidden {
  34     display: none;
  35 }
  36 .center {
  37     text-align: center;
  38 }
  39
  40 /* the various controls for the scheduler */
  41 /* bottom section with the buttons */
  42 input.leases_input { width: 28px; text-align: right; }
  43 .leases_label { padding-left: 12px; padding-right: 8px; }
  44 #leases_settings { padding: 15px 30px 10px 30px; }
  45 #leases_buttons { text-align: center; padding: 0px 10px 10px 10px; }
  46 #leases_refresh,#leases_submit { padding-left: 20px; padding-right: 20px; margin-left: 10px; margin-right:10px; }
  47
  48 /* column configuation style */
  49
  50 div#toggle-container-my-slice-nodes-configuration {
  51     background: #f8f8f8;
  52 }
  53
  54 OPTION.out{background-color:white; color:black}
  55 OPTION.in{background-color:#CAE8EA; color:#4f6b72}
  56
  57 div.out{background-color:white; color:black}
  58 div.in{background-color:#CAE8EA; color:#4f6b72}
  59 div.selected{background-color:gray; color:black}
  60 div.invisible{display:none}
  61
  62 div.note-div {
  63         padding: 4px;
  64         background-color: #cae8ea;
  65         width: 700px;
  66 }
  67
  68 div#scrolldiv {
  69         border : solid 2px grey;
  70         padding:4px;
  71         width:300px;
  72         height:180px;
  73         overflow:auto;
  74 }
  75
  76 th,td.top {
  77         vertical-align: top;
  78         text-align: left;
  79         padding:10px;
  80 }
  81
  82 td.smallright {
  83         text-align: right;
  84         width:20px;
  85 }
  86
  87 table.center {
  88         margin-left:auto;
  89         margin-right:auto;
  90 }
  91
  92 table.columnlist {
  93         width:280px;
  94 }
  95
  96 td.header {
  97         background-color: #CAE8EA;
  98         text-align: center;
  99         width:30px;
 100 }
 101
 102 span.header {
 103         font-weight: bold;
 104         color: #3399CC;
 105 }
 106
 107 a.source-url{
 108         font-weight: bold;
 109 }
 110
 111 span.gray{
 112         color: #555555;
 113 }
 114
 115 span.short {
 116         height:10px;
 117 }
 118
 119 span.column-title {
 120         font-size: 15px;
 121         font-weight: bold;
 122 }
 123
 124 span.column-detail {
 125         font-size: 11px;
 126         font-style: italic;
 127 }
 128
 129
 130
 131
 132