code.grnet.gr Git - flowspy/blob - static/css/base.css

   1 body {
   2     font-size: 13px;
   3     /*background-image: url("/fodstatic/img/bg2.gif");*/
   4
   5     padding-bottom: 10px;
   6 }
   7
   8 .footer {
   9     background-color: #F5F5F5;
  10     border-top: 1px solid #E5E5E5;
  11     margin-top: 30px;
  12     padding: 30px 0;
  13     text-align: center;
  14 }
  15 .navbar .brand {
  16     max-height: 40px;
  17     overflow: visible;
  18     padding-bottom: 0;
  19     padding-top: 0;
  20 }
  21 label, input, button, select, textarea {
  22     font-size: 13px;
  23 }
  24
  25 legend {
  26     font-size: 13px;
  27     font-weight: bold;
  28     line-height: 20px;
  29     margin-bottom: 0;
  30 }
  31 .form-horizontal .control-group {
  32     margin-bottom: 10px;
  33 }
  34 legend + .control-group {
  35     margin-top: 10px;
  36 }
  37 .side-menu > li > a {
  38     border: 1px solid #E5E5E5;
  39     display: block;
  40     margin: 0 0 -1px;
  41     padding: 8px 14px;
  42 }
  43
  44 .ui-widget {
  45     font-size: 12px;
  46 }
  47 hr {
  48     margin: 0;
  49 }
  50
  51 #footcontainer{
  52         text-align: center;
  53         /*background-color: white;*/
  54         margin-top: 5px;
  55         /*padding: 5px 10px 0 10px;*/
  56         /*border: 1px solid grey;*/
  57 }
  58
  59 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  60     font-size: 13px;
  61 }
  62 .side-menu > li:first-child > a {
  63     border-radius: 6px 6px 0 0;
  64 }
  65 .btn {
  66     font-size: 13px;
  67 }
  68
  69 .navbar .nav > li > span {
  70         display: block;
  71     float: none;
  72     padding: 10px 1px;
  73     text-shadow: 0 1px 0 #FFFFFF;
  74 }
  75
  76 /*#content.container{
  77         border: 1px solid grey;
  78         padding: 90px 10px 10px;
  79         background: white;"
  80 }*/
  81 #routes_table{
  82         font-size: 12px;
  83 }
  84
  85 #page_wrapper {
  86     margin-left: auto;
  87     margin-right: auto;
  88     width: 1000px;
  89     padding-top: 1em;
  90 }
  91
  92 .errorlist li {
  93     color: #B94A48;
  94     font-size: 12px !important;
  95     margin: 0 0 3px;
  96     padding: 4px 5px 4px 25px;
  97         list-style: none outside none;
  98 }
  99
 100 .error{
 101         color: #B94A48;
 102 }
 103
 104 #password_change_form label{
 105         display: block;
 106     float: left;
 107     padding: 3px 10px 0 0;
 108     width: 13em;
 109 }
 110
 111 /*a {
 112     color: #4183C4;
 113     text-decoration: none;
 114     font-weight: bold;
 115 }
 116
 117 a:hover {
 118     text-decoration: underline;
 119 }
 120 */
 121 #main {
 122     background: url("/fodstatic/background.png") repeat-x scroll 0 0 #FFFFFF;
 123     padding: 0;
 124     margin: 0;
 125 }
 126
 127 #header {
 128     height: 85px;
 129     margin: 0 auto;
 130     width: 990px;
 131 }
 132
 133 .logoimg {
 134     border: 0 none;
 135     position: absolute;
 136     left: 0;
 137     top: 0;
 138     max-width: 172px;
 139 }
 140
 141 #header .grnetlogo {
 142     left: 10px;
 143     top: 18px;
 144     position: relative;
 145 }
 146
 147 .loginform {
 148     border-top: medium none;
 149     font-size: 13px;
 150     padding: 2px;
 151     float: right;
 152     -moz-border-radius: 5px 5px 5px 5px;
 153     border-radius: 5px;
 154     -webkit-border-radius: 5px;
 155     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 156     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 157     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 158         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 159     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 160     border-style: solid;
 161     border-width: 1px;
 162         right: 10px;
 163     position: relative;
 164     top: -20px;
 165
 166
 167
 168
 169 }
 170
 171 .topmenuuser{
 172         padding: 4px;
 173 }
 174
 175 .topmenuaction{
 176         padding: 4px;
 177         background: url("/fodstatic/rule.png") no-repeat scroll 0 50% transparent;
 178 }
 179
 180
 181
 182 #content3 {
 183         width: 990px;
 184         margin-left: auto;
 185         margin-right: auto;
 186         clear: both;
 187         background: #fafafa;
 188          border: 2px solid #FFFFFF;
 189     -moz-border-radius: 10px 10px 10px 10px;
 190         border-raduis: 10px;
 191         -webkit-border-radius: 10px;
 192     -moz-box-shadow: 0 0 3px #AAAAAA;
 193         -webkit-box-shadow: 0 0 3px #AAAAAA;
 194         box-shadow: 0 0 3px #AAAAAA;
 195     background-color: #F9F9F9;
 196         overflow: hidden;
 197         padding-bottom: 5px;
 198         padding-left: 5px;
 199         min-height: 200px;
 200 }
 201
 202 #title, #title a {
 203         font-size: 18px;
 204         font-weight: bold;
 205         color: #656565;
 206         top: 25px;
 207         left: 50px;
 208         position: relative;
 209         width: 300px;
 210 }
 211
 212 #menu {
 213         height: 28px;
 214         padding-top: 5px;
 215 }
 216
 217 #menu ul {
 218         padding: 0;
 219         margin: 0;
 220         list-style-type: none;
 221         display: inline;
 222 }
 223
 224 #menu ul li {
 225         padding-left: 20px;
 226         display: inline;
 227 }
 228
 229 #menu ul li a {
 230         color: white;
 231         text-decoration: none;
 232 }
 233
 234 #menu ul li a:hover {
 235         font-weight: bold;
 236 }
 237
 238 .conf_table ul {
 239         padding: 0;
 240         margin: 0;
 241         list-style-type: none;
 242         display: inline;
 243 }
 244
 245 #footer {
 246         clear: both;
 247         padding-top: 1em;
 248         font-size: 0.9em;
 249         text-align: center;
 250 }
 251
 252 #formcontent {
 253         padding: 2px;
 254         margin-bottom: 0;
 255 }
 256
 257
 258
 259 #formcontent input {
 260         width: 6em;
 261
 262 }
 263
 264
 265 #pagelist {
 266         text-align: center;
 267         font-weight: bold;
 268         position: fixed;
 269         bottom: 0px;
 270         right: 0px;
 271         background: white;
 272         padding-left: 200px;
 273         width: 100%;
 274         padding-top: 0.5em;
 275         border-top: 1px solid #333;
 276 }
 277
 278 #pagelist a {
 279         text-decoration: none;
 280         color: gray;
 281 }
 282
 283 tr.even {
 284         background: #eaeaea;
 285 }
 286
 287 span.highlighted {
 288         font-weight: bold;
 289         color: red;
 290 }
 291
 292 form.update {
 293         text-align: center;
 294         display: none;
 295 }
 296 form.update textarea {
 297         width: 100%;
 298 }
 299
 300 textarea#id_comments {
 301         /*width: 80%;*/
 302 }
 303
 304 .hidden {
 305         display: none;
 306 }
 307
 308 .center_text {
 309         text-align: center;
 310 }
 311
 312 #searchform {
 313         width: 300px;
 314         margin-left: auto;
 315         margin-right: auto;
 316         text-align: center;
 317 }
 318
 319 .info_content_title {
 320     background-color: #F0F0F0;
 321     border-bottom: 1px solid #FFFFFF;
 322     border-top: 1px solid #D9D9D9;
 323     color: #666666;
 324     font-size: 12px;
 325     font-weight: bold;
 326     margin: 20px 0;
 327     padding: 5px 0 5px 10px;
 328     text-align: left;
 329     text-shadow: 1px 1px 1px #FFFFFF;
 330     width: 100%;
 331 }
 332
 333 .row_container{
 334         background-color: white;
 335         clear: both;
 336         overflow: auto;
 337         width: 988px;
 338         border: 1px solid black;
 339 }
 340 .row1{
 341         float: left;
 342         width: 300px;
 343 }
 344 .row1_content{
 345         -moz-border-radius: 5px 5px 5px 5px;
 346         -webkit-border-radius: 5px;
 347     border-radius: 5px;
 348     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 349         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 350         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 351         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 352     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 353     border-style: solid;
 354     border-width: 1px;
 355         padding: 4px;
 356         margin: 0 auto;
 357         width: 50%;
 358         position: relative;
 359         top: 20px;
 360 }
 361 .row2{
 362         float: left;
 363         width: 300px;
 364 }
 365 .row3{
 366         float: left;
 367         width: 300px;
 368 }
 369 .row1_table_content{
 370         -moz-border-radius: 5px 5px 5px 5px;
 371         -webkit-border-radius: 5px;
 372     border-radius: 5px;
 373     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 374         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 375         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 376         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 377     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 378     border-style: solid;
 379     border-width: 1px;
 380         padding: 3px;
 381         margin: 0 auto;
 382         text-align: left;
 383
 384 }
 385 .actions_table{
 386         background-color: #FFF0DF;
 387         border-collapse: collapse;
 388         border: 1px solid #D9D9D9;
 389         float: right;
 390         margin: 5px;
 391         min-width: 330px;
 392         width: 100%;
 393 }
 394 .actions_table td{
 395         padding: 5px;
 396 }
 397 .instances_table{
 398         border-collapse: collapse;
 399         float: right;
 400         /*
 401 margin: 1px;
 402 */
 403 }
 404 .instances_table td{
 405         border: 1px solid #D9D9D9;
 406         padding: 5px;
 407 }
 408 .instances_table th{
 409         border: 1px solid #D9D9D9;
 410         padding: 5px;
 411 }
 412 .instance_name{
 413         text-align: left;
 414 }
 415 #title a:hover{
 416         text-decoration: none;
 417 }
 418 .table_title{
 419         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 420 }
 421 .inner_table{
 422         border-collapse: collapse;
 423         width:100%;
 424         height:100%;
 425 }
 426 .inner_table_holder{
 427         padding: 0px !important;
 428 }
 429 .table_top_header{
 430         background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 431 }
 432 .borderless{
 433         border: 0 none !important;
 434 }
 435 .inner_category{
 436         width: 35%;
 437         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 438         border-left: 0 none !important;
 439 }
 440 .no_brd_right{
 441         border-right: 0 none !important;
 442 }
 443 .no_brd_top{
 444         border-top: 0 none !important;
 445 }
 446 .no_brd_btm{
 447         border-bottom: 0 none !important;
 448 }
 449
 450 #fl_l{
 451         float: left;
 452         width: 42%
 453 }
 454 #configuration {
 455         width: 58%;
 456         float: left;
 457         text-align: center;
 458 }
 459
 460 #configuration form  {
 461         margin-left: auto;
 462         margin-right: auto;
 463         max-width: 800px;
 464 }
 465
 466 #configuration th {
 467         text-align: right;
 468 }
 469
 470 #configuration td {
 471         text-align: left;
 472 }
 473
 474 #configuration input[type="text"] {
 475         width: 22em;
 476 }
 477 .conf_table th{
 478         font-weight: normal;
 479         background-color: #ECECEC; /* fallback color if gradients are not supported */
 480         background: url("/fodstatic/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 481         border-bottom: 1px solid #D9D9D9;
 482 }
 483 .conf_table{
 484         float: right;
 485         margin: 5px;
 486         border: 1px solid #D9D9D9;
 487         border-collapse: collapse;
 488         width: 100%;
 489 }
 490 .conf_table td{
 491         border-bottom: 1px solid #D9D9D9;
 492
 493 }
 494 .conf_table .table_topper_header{
 495         font-weight: bold;
 496         background: url("/fodstatic/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 497 }
 498 .instance_det_table{
 499         border-collapse: collapse;
 500         clear: both;
 501         width: 400px;
 502         margin: 5px;
 503 }
 504 .instance_det_table td{
 505         border: 1px solid #D9D9D9;
 506         padding: 5px;
 507 }
 508 .instance_det_table th{
 509         border: 1px solid #D9D9D9;
 510         padding: 5px;
 511 }
 512
 513
 514
 515 #cluster_overview_table_wrapper{
 516         width: 100%;
 517 }
 518 /*
 519  * jQuery UI specific styling
 520  */
 521
 522 .paging_two_button .ui-button {
 523         float: left;
 524         cursor: pointer;
 525         * cursor: hand;
 526 }
 527
 528 .paging_full_numbers .ui-button {
 529         padding: 2px 6px;
 530         margin: 0;
 531         cursor: pointer;
 532         * cursor: hand;
 533 }
 534
 535
 536
 537 .paging_full_numbers {
 538         width: 350px !important;
 539 }
 540
 541
 542
 543 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 544  *
 545  * Everything below this line is the same as demo_table.css. This file is
 546  * required for 'cleanliness' of the markup
 547  *
 548  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 549
 550
 551
 552 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 553  * DataTables features
 554  */
 555
 556 div.dataTables_length label {
 557         float: left;
 558         text-align: left;
 559 }
 560
 561 div.dataTables_length select {
 562         width: 75px;
 563 }
 564
 565 div.dataTables_filter label {
 566         float: right;
 567 }
 568
 569 div.dataTables_info {
 570         padding-top: 8px;
 571 }
 572
 573 div.dataTables_paginate {
 574         float: right;
 575         margin: 0;
 576 }
 577
 578 table.table {
 579         clear: both;
 580         margin-bottom: 6px !important;
 581 }
 582
 583 table.table thead .sorting,
 584 table.table thead .sorting_asc,
 585 table.table thead .sorting_desc,
 586 table.table thead .sorting_asc_disabled,
 587 table.table thead .sorting_desc_disabled {
 588         cursor: pointer;
 589         *cursor: hand;
 590 }
 591
 592 table.table thead .sorting { background: url('/fodstatic/img/sort_both.png') no-repeat center right; }
 593 table.table thead .sorting_asc { background: url('/fodstatic/img/sort_asc.png') no-repeat center right; }
 594 table.table thead .sorting_desc { background: url('/fodstatic/img/sort_desc.png') no-repeat center right; }
 595
 596 table.table thead .sorting_asc_disabled { background: url('/fodstatic/img/sort_asc_disabled.png') no-repeat center right; }
 597 table.table thead .sorting_desc_disabled { background: url('/fodstatic/img/sort_desc_disabled.png') no-repeat center right; }
 598
 599 table.dataTable th:active {
 600         outline: none;
 601 }
 602
 603
 604 /*
 605  * Row highlighting example
 606  */
 607 .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
 608         background-color: #ECFFB3;
 609 }
 610
 611 .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
 612         background-color: #E6FF99;
 613 }
 614
 615 div.box {
 616         height: 100px;
 617         padding: 10px;
 618         overflow: auto;
 619         border: 1px solid #8080FF;
 620         background-color: #E5E5FF;
 621 }
 622
 623 #messages {
 624         position: relative;
 625         top: -21px;
 626         text-align: center;
 627         padding-top: 0.4em;
 628         padding-bottom: 0.4em;
 629         background-color: #d5ffd5;
 630         border-top: 1px solid #a5afa5;
 631         border-bottom: 1px solid #a5afa5;
 632 }
 633
 634 #welcome {
 635         float: left;
 636         padding: 0.5em;
 637         width: 45%;
 638 }
 639
 640
 641
 642 #loginform table {
 643         margin-left: auto;
 644         margin-right: auto;
 645 }
 646
 647
 648 #routes_table_filter{
 649         float: right;
 650 }