planetlab/includes/plc_style.css

   1 /*
   2 expanding links
   3 */
   4
   5 .example {padding:10px; color:#000; background:#fcf7ff; width:80%; clear:left; margin:2em auto 3em auto; border:1px solid #69c}
   6 a.expandlink {color:#00c}
   7 a:active.expandlink,
   8 a:focus.expandlink,
   9 a:hover.expandlink {color:#fff}
  10
  11 /*
  12 body styles
  13 */
  14 /*
  15 body {
  16         font-family: sans-serif;
  17         }
  18
  19 #container {
  20
  21         }
  22
  23 #topcontent {
  24         position: relative;
  25         width:100%;
  26         height:30px;
  27         }
  28
  29 #loginbar {
  30         padding:1px;
  31         float:right;
  32         font-size:14px;
  33         border:2px solid #072F6F;
  34         }
  35
  36 #menu {
  37         position: relative;
  38         }
  39
  40 #links {
  41         top: 15px;
  42         float:right;
  43         }
  44
  45 #boxcontainer {
  46         margin-top:5px;
  47         width:100%;
  48         }
  49
  50 #topbox {
  51         width:100%;
  52         height:49%;
  53         top:50px;
  54         }
  55
  56 #topleftcontent {
  57         float:left;
  58         width:49%;
  59         height:98%;
  60         background:#fff;
  61         padding:4px;
  62         }
  63
  64 #toprightcontent {
  65         float:right;
  66         width:49%;
  67         height:98%;
  68         background:#fff;
  69         padding:4px;
  70         }
  71
  72 #bottombox {
  73         margin-top:1%;
  74         width: 100%;
  75         height: 49%;
  76         }
  77
  78 #bottomleftcontent {
  79         float: left;
  80         width:49%;
  81         height:98%;
  82         background:#fff;
  83         padding:4px;
  84         }
  85
  86 #bottomrightcontent {
  87         float: right;
  88         width:49%;
  89         height:98%;
  90         background:#fff;
  91         padding:4px;
  92         }
  93
  94 #toprightcontent, #bottomrightcontent, #topleftcontent, #bottomleftcontent{
  95         border:2px solid #072F6F;
  96         }
  97 */
  98 /*
  99 form styles
 100 */
 101 /*
 102 form {
 103         border: 1px solid #072F6F;
 104         padding: 5px;
 105         }
 106
 107 .textarea_input {
 108         background-color: #ddd;
 109         color: #072F6F;
 110         font-size:12px;
 111         }
 112
 113 .select_input {
 114         background-color: #ddd;
 115         color: #072F6F;
 116         font-size:12px;
 117         }
 118
 119 .text_input {
 120         font-size: 10px;
 121         background-color: #CCCCCC;
 122         border: 1px solid #666666;
 123         }
 124
 125 .input {
 126         font-size:10px;
 127         color:#072F6F;
 128         background-color: #ddd;
 129         }
 130 */
 131 /*
 132 autocomplete
 133 */
 134
 135 body
 136 {
 137   position: relative;
 138 }
 139
 140 ul.autosuggest
 141 {
 142   position: absolute;
 143   list-style: none;
 144   margin: 0;
 145   padding: 0;
 146   overflow-y: auto;
 147 }
 148
 149 ul.autosuggest li.autosuggest
 150 {
 151   text-align: left;
 152   border-bottom: 1px solid #ccc;
 153   border-left: 1px solid #ccc;
 154   border-right: 1px solid #ccc;
 155 }
 156
 157 ul.autosuggest li.autosuggest a:link,
 158 ul.autosuggest li.autosuggest a:visited
 159 {
 160   display: block;
 161   padding: 2px;
 162   text-decoration: none;
 163   background-color: #eee;
 164 }
 165
 166 ul.autosuggest li.autosuggest a:hover,
 167 ul.autosuggest li.autosuggest a:active
 168 {
 169   color: #fff;
 170   background-color: #f30;
 171 }
 172
 173
 174 ul.autosuggest li.highlight a:link,
 175 ul.autosuggest li.highlight a:visited
 176 {
 177   color: #fff;
 178   background-color: #f30;
 179 }
 180
 181
 182 /*
 183 drop down
 184 */
 185 /*
 186 #csstopmenu, #csstopmenu ul{
 187   padding: 0;
 188   margin: 0;
 189   list-style: none;
 190 }
 191
 192 #csstopmenu li{
 193   float: left;
 194   position: relative;
 195 }
 196
 197 #csstopmenu a{
 198   text-decoration: none;
 199 }
 200
 201 .mainitems{
 202   border: 0px solid black;
 203   border-left-width: 0;
 204   width: 96px;
 205   height: 16px;
 206   padding-top: 7px;
 207   background-repeat: no-repeat;
 208 }
 209
 210 .mainitems:hover{
 211   /*border-left-width: 1;
 212   background-repeat: no-repeat;
 213 }
 214 /*
 215 .headerlinks a{
 216   display:block;
 217   padding:3px;
 218   margin-right:2px;
 219   font-size: 14px;
 220   font-weight: bold;
 221   text-align:center;
 222   color: black;
 223   background: #eee;
 224   border:1px solid #072F6F;
 225
 226 }
 227
 228 .headerlinks a:hover{
 229   background: #ddd;
 230 }
 231
 232 .submenus{
 233   display: none;
 234   width: 10em;
 235   position: absolute;
 236
 237   background-color: #E4E6EA;
 238   border: 1px solid #072F6F;
 239 }
 240
 241 .submenus li{
 242   margin-top: 2px;
 243   margin-bottom: 2px;
 244   font-size:14px;
 245   margin-left:10px;
 246 }
 247
 248 .submenus li a{
 249   display: block;
 250   color: black;
 251 }
 252
 253 html>body .submenus li a{ /* non IE browsers
 254   width: auto;
 255 }
 256
 257 .submenus li a:hover{
 258   background-color: #072F6F;
 259   color: white;
 260 }
 261
 262 #csstopmenu li>ul {/* non IE browsers
 263   top: auto;
 264   left: auto;
 265 }
 266
 267 #csstopmenu li:hover ul, li.over ul {
 268   display: block;
 269 }
 270
 271 html>body #clearmenu{ /* non IE browsers
 272   height: 3px;
 273 }
 274 */
 275 /*
 276  * TODO: CSS for PlanetLab admin pages.
 277  * Must remain compatible with Drupal standard CSS names.
 278  *
 279  * Reid Moran <rmoran@cs.princeton.edu>
 280  * Mark Huang <mlhuang@cs.princeton.edu>
 281  * Copyright (C) 2006-2007 The Trustees of Princeton University
 282  *
 283  * $Id: plc_style.css 918 2007-10-10 14:56:16Z thierry $
 284  */
 285
 286 /* Thierry : class used for showing foreign items */
 287 .plc-foreign {
 288   background:  #d0d0d0;
 289 }
 290
 291 /* Thierry : class used for showing various warnings */
 292 .plc-warning {
 293   background:  orange;
 294 }
 295 *.plc-warning a:link { text-decoration: none; color:white }
 296 *.plc-warning a:visited { text-decoration: none; color:white }
 297 *.plc-warning a:hover { text-decoration: none; color:black }