portal/static/css/onelab.css

   1 /* @override unfold/static/css/plugin.css */
   2
   3 /*-------------------------------- MARKO'S STYLES -----*/
   4
   5
   6
   7
   8 /*** NEW CSS STYLES FOR ONLEAB ***/
   9
  10 body {
  11     background-color:white;
  12     color:black;
  13     margin:0;
  14     padding:0;
  15 }
  16 a, a:active, a:focus {
  17     outline: 0;
  18 }
  19
  20 h1 {
  21     border-bottom:1px solid #DDDDDD;
  22     padding:0 0 15px 0;
  23     margin:0 0 15px 0;
  24 }
  25 h1 img {
  26     vertical-align:top;
  27 }
  28 div.wrapper {
  29     width:980px;
  30     margin:0 auto;
  31     position:relative;
  32 }
  33
  34 span.label {
  35     font-size:11pt;
  36     color:gray;
  37     font-weight:normal;
  38     padding:0;
  39 }
  40 /***** Notifications *****/
  41 .warning {
  42     border: 1px solid red;
  43     margin: 20px 60px;
  44     padding: 10px 20px;
  45     color: red;
  46     background-color: #f2dbdb;
  47     text-align: center;
  48 }
  49 /* HEADER */
  50 div#header {
  51     height:85px;
  52     background-color:white;
  53 }
  54
  55 div#secondary {
  56
  57 }
  58
  59 div#secondary ul {
  60     position:absolute;
  61     top:20px;
  62     right:0;
  63 }
  64
  65 div#secondary li {
  66     font-size:10pt;
  67     float:left;
  68     list-style:none;
  69     margin-right:30px;
  70 }
  71 div#secondary li a {
  72     color:black;
  73 }
  74 div#secondary li a:hover {
  75     color:#270A5A;
  76     text-decoration:none;
  77 }
  78 div#secondary li:last-child {
  79     margin-right:0;
  80 }
  81
  82 div#navigation {
  83     background-color:black;
  84     width:100%;
  85     height:40px;
  86 }
  87 div#navigation div.wrapper {
  88     text-align:center;
  89 }
  90 div#navigation ul {
  91     margin:0;
  92     padding:0;
  93     display: inline-block;
  94     list-style-type: none;
  95     white-space: nowrap;
  96 }
  97
  98 div#navigation li {
  99     color:white;
 100     font-family:helvetica, sans-serif;
 101     font-size:10pt ;
 102     font-weight:normal;
 103     line-height:0.8em;
 104     letter-spacing:0.6pt;
 105     list-style:none;
 106     float:left;
 107     padding:0;
 108     margin:15px 50px 0 0;
 109 }
 110 div#navigation li a {
 111     color:white;
 112 }
 113 div#navigation li a:hover {
 114     text-decoration:none;
 115     color:#B8B2FF;
 116 }
 117 div#navigation li:last-child {
 118     margin-right:0;
 119 }
 120
 121 /* HOME DASHBOARD */
 122 div#home-dashboard {
 123     color:black;
 124     margin:25px auto;
 125 }
 126 div#home-dashboard table {
 127     margin:25px;
 128     width:100%;
 129 }
 130 div#home-dashboard table td {
 131     text-align:center;
 132     padding:15px 0;
 133     width:33%;
 134 }
 135 div#home-dashboard table tr:first-child td {
 136     font-size:12pt;
 137     font-weight:bold;
 138     color:#270A5A;
 139 }
 140 div#home-dashboard table tr:last-child td {
 141     vertical-align:top;
 142     padding:25px 0;
 143 }
 144 div#home-dashboard table tr:last-child td.logged-in {
 145     border-right:1px solid #DDDDDD;
 146     padding:25px;
 147 }
 148 div#home-dashboard table tr:last-child td.support {
 149     border-left:1px solid #DDDDDD;
 150     padding:25px;
 151 }
 152 div#home-dashboard table tr:last-child td:first-child {
 153 }
 154 div#home-dashboard table tr:last-child td:last-child {
 155     border-right:0;
 156 }
 157 div#home-dashboard table tr:last-child td.logged-in div {
 158     text-align:left;
 159     padding:25px 0;
 160 }
 161 div#home-dashboard table tr:last-child td.support div {
 162     text-align:left;
 163     padding:25px 0;
 164 }
 165 div#home-dashboard div.login-widget {
 166     padding:20px;
 167 }
 168 div#home-dashboard table td.support {
 169 }
 170 div#home-dashboard table td.support a {
 171 }
 172 div#home-dashboard table td.support a:hover {
 173     text-decoration:none;
 174 }
 175
 176 div#home-dashboard div#manager {
 177     display:none;
 178 }
 179
 180 div#home-dashboard div#home-slice-list {
 181     margin:25px 0;
 182     padding:0 25px;
 183     text-align:left;
 184 }
 185 div#home-dashboard div#home-slice-list ul {
 186     list-style: none;
 187     padding:0;
 188     margin:0;
 189 }
 190 div#home-dashboard div#home-slice-list li {
 191
 192 }
 193
 194 .login-submit {
 195     vertical-align:middle;
 196     padding:0;
 197 }
 198 .lost-password {
 199     font-size:10pt;
 200     color:#CCCCCC;
 201     text-align:right;
 202     padding:0px;
 203 }
 204 .lost-password a {
 205 }
 206 .login-signup {
 207     border-top:1px solid #CCCCCC;
 208     text-align:center;
 209     margin-top:15px;
 210     padding:5px 0 0 0;
 211 }
 212 /**/
 213
 214 /* NAV TABS */
 215
 216 .nav.nav-tabs {
 217 }
 218
 219 .nav.nav-tabs li.active a {
 220
 221 }
 222
 223 .nav.nav-tabs li a {
 224 }
 225
 226 .nav.nav-tabs li a:hover {
 227 }
 228
 229 /**/
 230 /* WELL */
 231 div.well {
 232 }
 233 /**/
 234 /* BUTTON */
 235 .btn.btn-default {
 236     font-weight: bold;
 237 }
 238
 239 .btn.btn-default:hover {
 240     font-weight: bold;
 241 }
 242 /**/
 243 /* TABLE */
 244 table.table {
 245     margin:0;
 246 }
 247 table.table thead {
 248     padding:0;
 249 }
 250 table.table tbody {
 251     padding:0;
 252 }
 253 table.table tr {
 254     padding:0;
 255 }
 256 table.table td {
 257     padding:0;
 258 }
 259 /* INSTITUTION */
 260 div#institution {
 261     color:black;
 262     margin:25px auto;
 263 }
 264 .form-hint {
 265     font-size:11pt;
 266     font-style:italic;
 267     color:gray;
 268 }
 269
 270 /* SLICE REQUEST */
 271 div#slice-request {
 272     color:black;
 273     margin:25px auto;
 274 }
 275 .form-hint {
 276     font-size:11pt;
 277     font-style:italic;
 278     color:gray;
 279 }
 280
 281
 282
 283 /* TICKET REQUEST */
 284 div#ticket-request {
 285     color:black;
 286     margin:25px auto;
 287 }
 288 .form-hint {
 289     font-size:11pt;
 290     font-style:italic;
 291     color:gray;
 292 }
 293 div#ticket-request p {
 294     margin:20px 0;
 295 }
 296
 297 /* SLICE VIEW */
 298 div#slice-view {
 299     width:100%;
 300     margin:25px auto;
 301 }
 302 div#slice-view div.list-group-item {
 303     border:0;
 304     background-color:white;
 305     font-weight:bold;
 306     padding-left:0;
 307 }
 308 div#slice-view a.list-group-item {
 309     border:0;
 310     background-color:white;
 311     padding:3px 0 3px 10px;
 312     border-left:2pt white solid;
 313 }
 314 div#slice-view a.list-group-item.active, div#slice-view a.list-group-item:hover {
 315     border-left:2pt blue solid;
 316 }
 317 div#slice-view a.list-group-item p.list-group-item-text {
 318     font-size:9pt;
 319     font-style:italic;
 320 }
 321
 322 /* SLICE VIEW sections */
 323 .slice-sections, .slice-pending {
 324     margin:0;
 325     padding:0;
 326 }
 327 .slice-sections ul, .slice-pending ul {
 328     margin:0;
 329     padding:0;
 330 }
 331 .slice-pending ul {
 332     width:400px;
 333     margin:0 auto 15px auto;
 334 }
 335 .slice-sections li {
 336     text-align:left;
 337     margin:0;
 338     padding:0;
 339 }
 340 .slice-pending li {
 341     padding-right:15px;
 342 }
 343 .slice-sections li a, .slice-pending li a {
 344     font-size:14px;
 345     color:black;
 346     padding:0;
 347     margin-top:10px;
 348 }
 349 .slice-sections li.active a, .slice-pending li.active a  {
 350     color:#201E62;
 351     background-color:#EFEFEF;
 352     text-decoration:underline;
 353     padding:0;
 354 }
 355 .slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover {
 356     text-decoration:underline;
 357     background-color:#EFEFEF;
 358     color:black;
 359 }
 360 .slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active {
 361
 362 }
 363 .slice-sections li:first-child, .slice-sections li:first-child a {
 364     color:#201E62;
 365     font-weight:bold;
 366 }
 367 .slice-experiment {
 368     text-align:right;
 369     padding:0;
 370 }
 371 .slice-experiment button {
 372     margin:3px 0 0 0;
 373     background-color:#CC4125;
 374     color:white;
 375 }
 376
 377 .slice-pending {
 378 }
 379 .slice-pending button {
 380     font-size:9pt;
 381     margin:8px 0 0 0;
 382     padding:3px 5px;
 383 }
 384 .slice-pending button.apply {
 385 }
 386 .slice-pending button.clear {
 387 }
 388
 389 /* */
 390
 391 /* TESTBED LIST */
 392 div#testbed-list {
 393     margin:25px auto;
 394 }
 395