tools/infra-dashboard/css/opnfv.css

   1 * {
   2     margin: 0;
   3     padding: 0;
   4 }
   5 .clearfix {
   6     display: inline-block;
   7 }
   8 .clearfix:after {
   9     content: ".";
  10     display: block;
  11     height: 0;
  12     clear: both;
  13     visibility: hidden;
  14 }
  15 * html .clearfix {
  16     height: 1%;
  17 }
  18 .clearfix {
  19     display: block;
  20 }
  21 .clearleft,
  22 .clearl,
  23 .cleft {
  24     clear: left;
  25 }
  26 .clearright,
  27 .clearr,
  28 .cright {
  29     clear: right;
  30 }
  31 .clear,
  32 .clearboth,
  33 .clearall {
  34     clear: both;
  35 }
  36 .floatleft,
  37 .fleft,
  38 .floatl {
  39     float: left;
  40     margin: 0 10px 5px 0;
  41 }
  42 .floatright,
  43 .fright,
  44 .floatr {
  45     float: right;
  46     margin: 0 0 5px 10px;
  47 }
  48 #skip a:link,
  49 #skip a:hover,
  50 #skip a:visited {
  51     position: absolute;
  52     left: -10000px;
  53     top: auto;
  54     width: 1px;
  55     height: 1px;
  56     overflow: hidden;
  57 }
  58 #skip a:active,
  59 #skip a:focus {
  60     position: static;
  61     width: auto;
  62     height: auto;
  63 }
  64 div.view div.views-admin-links {
  65     width: auto;
  66 }
  67 div.block {
  68     position: relative;
  69 }
  70 div.block .edit {
  71     display: none;
  72     position: absolute;
  73     right: -20px;
  74     top: -5px;
  75     z-index: 40;
  76     padding: 3px 8px 0;
  77     font-size: 10px;
  78     line-height: 16px;
  79     background-color: white;
  80     border: 1px solid #cccccc;
  81     -moz-border-radius: 3px;
  82     -webkit-border-radius: 3px;
  83     -moz-box-shadow: 0 1px 3px #888888;
  84     -webkit-box-shadow: -1px 1px 2px #666666;
  85 }
  86 div.block .edit a {
  87     display: block;
  88     border: 0;
  89     padding: 0;
  90     margin: 0;
  91 }
  92 div.block:hover .edit {
  93     display: block;
  94 }
  95 * {
  96     -webkit-box-sizing: border-box;
  97     -moz-box-sizing: border-box;
  98     box-sizing: border-box;
  99 }
 100 .container {
 101     max-width: 68em;
 102     margin-left: auto;
 103     margin-right: auto;
 104     margin-left: auto;
 105     margin-right: auto;
 106     width: 68em;
 107 }
 108 .container:after {
 109     content: "";
 110     display: table;
 111     clear: both;
 112 }
 113 @media screen and (max-width: 1088px) {
 114     .container {
 115         width: auto;
 116     }
 117 }
 118 .no-sidebars #content {
 119     float: left;
 120     display: block;
 121     margin-right: 1.69492%;
 122     width: 100%;
 123 }
 124 .no-sidebars #content:last-child {
 125     margin-right: 0;
 126 }
 127 @media screen and (max-width: 768px) {
 128     .no-sidebars #content {
 129         float: left;
 130         display: block;
 131         margin-right: 3.22581%;
 132         width: 100%;
 133     }
 134     .no-sidebars #content:last-child {
 135         margin-right: 0;
 136     }
 137 }
 138 @media screen and (max-width: 480px) {
 139     .no-sidebars #content {
 140         float: left;
 141         display: block;
 142         margin-right: 6.66667%;
 143         width: 100%;
 144     }
 145     .no-sidebars #content:last-child {
 146         margin-right: 0;
 147     }
 148 }
 149 .one-sidebar.sidebar-second #content {
 150     float: left;
 151     display: block;
 152     margin-right: 1.69492%;
 153     width: 72.88136%;
 154 }
 155 .one-sidebar.sidebar-second #content:last-child {
 156     margin-right: 0;
 157 }
 158 @media screen and (max-width: 768px) {
 159     .one-sidebar.sidebar-second #content {
 160         float: left;
 161         display: block;
 162         margin-right: 3.22581%;
 163         width: 74.19355%;
 164     }
 165     .one-sidebar.sidebar-second #content:last-child {
 166         margin-right: 0;
 167     }
 168 }
 169 @media screen and (max-width: 480px) {
 170     .one-sidebar.sidebar-second #content {
 171         float: left;
 172         display: block;
 173         margin-right: 6.66667%;
 174         width: 100%;
 175     }
 176     .one-sidebar.sidebar-second #content:last-child {
 177         margin-right: 0;
 178     }
 179 }
 180 .one-sidebar.sidebar-first #content {
 181     float: left;
 182     display: block;
 183     margin-right: 1.69492%;
 184     width: 79.66102%;
 185     margin-left: 20.33898%;
 186 }
 187 .one-sidebar.sidebar-first #content:last-child {
 188     margin-right: 0;
 189 }
 190 @media screen and (max-width: 768px) {
 191     .one-sidebar.sidebar-first #content {
 192         float: left;
 193         display: block;
 194         margin-right: 3.22581%;
 195         width: 74.19355%;
 196         margin-left: 25.80645%;
 197     }
 198     .one-sidebar.sidebar-first #content:last-child {
 199         margin-right: 0;
 200     }
 201 }
 202 @media screen and (max-width: 480px) {
 203     .one-sidebar.sidebar-first #content {
 204         float: left;
 205         display: block;
 206         margin-right: 6.66667%;
 207         width: 100%;
 208         margin-left: 0%;
 209     }
 210     .one-sidebar.sidebar-first #content:last-child {
 211         margin-right: 0;
 212     }
 213 }
 214 .two-sidebars #content {
 215     float: left;
 216     display: block;
 217     margin-right: 1.69492%;
 218     width: 52.54237%;
 219     margin-left: 20.33898%;
 220 }
 221 .two-sidebars #content:last-child {
 222     margin-right: 0;
 223 }
 224 @media screen and (max-width: 768px) {
 225     .two-sidebars #content {
 226         float: left;
 227         display: block;
 228         margin-right: 3.22581%;
 229         width: 48.3871%;
 230         margin-left: 25.80645%;
 231     }
 232     .two-sidebars #content:last-child {
 233         margin-right: 0;
 234     }
 235 }
 236 @media screen and (max-width: 480px) {
 237     .two-sidebars #content {
 238         float: left;
 239         display: block;
 240         margin-right: 6.66667%;
 241         width: 100%;
 242         margin-left: 0%;
 243     }
 244     .two-sidebars #content:last-child {
 245         margin-right: 0;
 246     }
 247 }
 248 #sidebar-first {
 249     float: left;
 250     display: block;
 251     margin-right: 1.69492%;
 252     width: 18.64407%;
 253     margin-left: -74.57627%;
 254 }
 255 #sidebar-first:last-child {
 256     margin-right: 0;
 257 }
 258 .sidebar-first #sidebar-first {
 259     margin-left: -101.69492%;
 260 }
 261 @media screen and (max-width: 768px) {
 262     #sidebar-first {
 263         float: left;
 264         display: block;
 265         margin-right: 3.22581%;
 266         width: 22.58065%;
 267         margin-left: -77.41935%;
 268     }
 269     #sidebar-first:last-child {
 270         margin-right: 0;
 271     }
 272     .sidebar-first #sidebar-first {
 273         margin-left: -103.22581%;
 274     }
 275 }
 276 @media screen and (max-width: 480px) {
 277     #sidebar-first {
 278         float: left;
 279         display: block;
 280         margin-right: 6.66667%;
 281         width: 100%;
 282         margin-left: 0%;
 283     }
 284     #sidebar-first:last-child {
 285         margin-right: 0;
 286     }
 287     .sidebar-first #sidebar-first {
 288         margin-left: 0%;
 289     }
 290 }
 291 #sidebar-second {
 292     float: left;
 293     display: block;
 294     margin-right: 1.69492%;
 295     width: 25.42373%;
 296     margin-left: 0%;
 297 }
 298 #sidebar-second:last-child {
 299     margin-right: 0;
 300 }
 301 @media screen and (max-width: 768px) {
 302     #sidebar-second {
 303         float: left;
 304         display: block;
 305         margin-right: 3.22581%;
 306         width: 22.58065%;
 307         margin-left: 0%;
 308     }
 309     #sidebar-second:last-child {
 310         margin-right: 0;
 311     }
 312 }
 313 @media screen and (max-width: 480px) {
 314     #sidebar-second {
 315         float: left;
 316         display: block;
 317         margin-right: 6.66667%;
 318         width: 100%;
 319         margin-left: 0%;
 320     }
 321     #sidebar-second:last-child {
 322         margin-right: 0;
 323     }
 324 }
 325 #footer {
 326     left: 0;
 327     width: 100%;
 328     height: 50px;
 329     position: fixed;
 330     bottom: 0;
 331 }
 332 #header,
 333 #footer,
 334 .mission,
 335 .breadcrumb,
 336 .node {
 337     clear: both;
 338 }
 339 .inner {
 340     padding: 0;
 341 }
 342 #navigation li {
 343     list-style-type: none;
 344     display: inline-block;
 345 }
 346 body {
 347     margin: 0;
 348     font: 14px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
 349     letter-spacing: 0.03em;
 350 }
 351 a:link,
 352 a:visited {
 353     color: blue;
 354     text-decoration: none;
 355 }
 356 a:hover,
 357 a:active {
 358     color: red;
 359     text-decoration: underline;
 360 }
 361 #site-name {
 362     font-size: 2.2em;
 363     line-height: 1.3em;
 364     font-weight: 300;
 365     padding: 0 0 0.5em;
 366     margin: 0;
 367 }
 368 h1,
 369 h2,
 370 h3,
 371 h4,
 372 h5,
 373 h6 {
 374     line-height: 1.3em;
 375 }
 376 h1 {
 377     font-size: 2.2em;
 378     font-weight: 300;
 379     padding: 0 0 0.5em;
 380     margin: 0;
 381 }
 382 h2 {
 383     font-size: 1.8em;
 384     font-weight: 300;
 385     margin-bottom: 0.75em;
 386 }
 387 h3 {
 388     font-size: 1.4em;
 389     margin-bottom: 1em;
 390     margin-top: 1em;
 391 }
 392 h4 {
 393     font-size: 1.2em;
 394     margin-top: 0.8em;
 395     margin-bottom: 0.8em;
 396 }
 397 h5 {
 398     font-size: 1.1em;
 399     font-weight: 600;
 400     margin-bottom: 0;
 401 }
 402 h6 {
 403     font-size: 1em;
 404     font-weight: bold;
 405 }
 406 p {
 407     margin: 0 0 1em 0;
 408 }
 409 ul,
 410 ol {
 411     margin-left: 0;
 412     padding-left: 0;
 413 }
 414 table {
 415     width: 99%;
 416 }
 417 table tbody {
 418     border-top: 0px;
 419 }
 420 table tr.even,
 421 table tr.odd,
 422 table tr {
 423     border-bottom: 1px solid #ccc;
 424 }
 425 table tr.even td,
 426 table tr.odd td,
 427 table tr td {
 428     padding: 10px 5px;
 429     vertical-align: top;
 430 }
 431 table tr.odd {
 432     background-color: white;
 433 }
 434 pre,
 435 code,
 436 tt {
 437     font: 1em "andale mono", "lucida console", monospace;
 438     line-height: 1.5;
 439 }
 440 pre {
 441     background-color: #efefef;
 442     display: block;
 443     padding: 5px;
 444     margin: 5px 0;
 445     border: 1px solid #aaaaaa;
 446 }
 447 ul {
 448     margin-left: 25px;
 449     list-style-type: disc;
 450 }
 451 ul ul {
 452     list-style-type: circle;
 453 }
 454 ul ul ul {
 455     list-style-type: square;
 456 }
 457 ul ul ul ul {
 458     list-style-type: circle;
 459 }
 460 ol {
 461     list-style-type: decimal;
 462 }
 463 ol ol {
 464     list-style-type: lower-alpha;
 465 }
 466 ol ol ol {
 467     list-style-type: decimal;
 468 }
 469 abbr {
 470     border-bottom: 1px dotted #666666;
 471     cursor: help;
 472     white-space: nowrap;
 473 }
 474 #edit-title {
 475     font-size: 24px;
 476     width: 99%;
 477 }
 478 #system-themes-form img {
 479     width: 100px;
 480 }
 481 .form-item .description {
 482     font-style: italic;
 483     line-height: 1.2em;
 484     font-size: 0.8em;
 485     margin-top: 5px;
 486     color: #777777;
 487 }
 488 #edit-delete {
 489     color: #cc0000;
 490 }
 491 div.messages {
 492     padding: 9px;
 493     margin: 1em 0;
 494     color: #003366;
 495     background: #bbddff;
 496     border: 1px solid #aaccee;
 497 }
 498 div.warning {
 499     color: #884400;
 500     background: #ffee66;
 501     border-color: #eedd55;
 502 }
 503 div.error {
 504     color: white;
 505     background: #ee6633;
 506     border-color: #dd5522;
 507 }
 508 div.status {
 509     color: #336600;
 510     background: #ccff88;
 511     border-color: #bbee77;
 512 }
 513 #block-views-developer_tools-block {
 514     padding-top: 48px;
 515     border-top: 1px solid #cccccc;
 516 }
 517 #block-views-developer_tools-block .view-content ul {
 518     margin: 0;
 519     padding: 0;
 520     list-style-type: none;
 521     list-style-image: none;
 522 }
 523 #block-views-developer_tools-block .view-content ul li {
 524     margin: 0;
 525     padding: 0;
 526     height: 100px;
 527     list-style-type: none;
 528     list-style-image: none;
 529     float: left;
 530     width: 50%;
 531     margin-bottom: 60px;
 532 }
 533 #block-views-developer_tools-block .view-content ul li .views-field-title {
 534     font-size: 24px;
 535     color: #f15922;
 536     text-align: center;
 537     margin-bottom: 10px;
 538     font-weight: 400;
 539 }
 540 #block-views-developer_tools-block .view-content ul li .views-field-nothing {
 541     text-align: justify;
 542 }
 543 #block-views-developer_tools-block .view-content ul li .views-field-nothing a {
 544     text-transform: uppercase;
 545     font-weight: 400;
 546     font-size: 95%;
 547 }
 548 #block-views-developer_tools-block .view-content ul .views-row-odd {
 549     padding-right: 20px;
 550 }
 551 #block-views-developer_tools-block .view-content ul .views-row-even {
 552     padding-left: 20px;
 553 }
 554 #edit-submit-resources {
 555     margin-top: 0px;
 556 }
 557 * {
 558     -webkit-box-sizing: border-box;
 559     -moz-box-sizing: border-box;
 560     box-sizing: border-box;
 561 }
 562 * {
 563     -webkit-box-sizing: border-box;
 564     -moz-box-sizing: border-box;
 565     box-sizing: border-box;
 566 }
 567 a,
 568 a:link,
 569 a:visited {
 570     color: #41ba77;
 571 }
 572 a:hover {
 573     color: #373A36;
 574 }
 575 p {
 576     color: #373A36;
 577 }
 578 #block-menu-menu-social-links li {
 579     margin: 0;
 580     padding: 0 3px 0 0;
 581 }
 582 #block-menu-menu-social-links li a {
 583     display: block;
 584     width: 27px;
 585     height: 29px;
 586     text-indent: -9999px;
 587     overflow: hidden;
 588     background: url(/sites/all/themes/opnfv/images/optimized/social-icons1.png) no-repeat 0 0;
 589 }
 590 #block-menu-menu-social-links li a:hover {
 591     opacity: 0.7;
 592 }
 593 #block-menu-menu-social-links li .twitter {
 594     background-position: -103px 0;
 595 }
 596 #block-menu-menu-social-links li .linkedin {
 597     background-position: -78px 0;
 598 }
 599 #block-menu-menu-social-links li .youtube {
 600     background-position: -50px 0;
 601 }
 602 #block-menu-menu-social-links li .facebook {
 603     background-position: -26px 0;
 604 }
 605 #block-menu-menu-social-links li .gplus {
 606     background-position: 0 0;
 607 }
 608 #block-menu-menu-social-links li .slideshare {
 609     background-position: -160px 0;
 610 }
 611 #block-menu-menu-social-links li .flickr {
 612     background-position: -212px 0;
 613 }
 614 #block-menu-menu-social-links li .vimeo {
 615     background-position: -185px 0;
 616 }
 617 .feed-label {
 618     vertical-align: text-top;
 619     margin-left: 5px;
 620 }
 621 .block-menu-block a {
 622     color: #2E2925;
 623     font-size: 14px;
 624 }
 625 .block-menu-block a.active {
 626     color: #2E2925;
 627 }
 628 #header {
 629     position: relative;
 630 }
 631 @media screen and (min-width: 0) and (max-width: 460px) {
 632     #header {
 633         top: 0px;
 634     }
 635 }
 636 #header #block-menu-menu-social-links {
 637     position: relative;
 638     z-index: 50;
 639     float: right;
 640     right: 200px;
 641 }
 642 @media screen and (min-width: 640px) and (max-width: 768px) {
 643     #header #block-menu-menu-social-links {
 644         top: 62px;
 645     }
 646 }
 647 @media screen and (min-width: 0) and (max-width: 640px) {
 648     #header #block-menu-menu-social-links {
 649         right: 0;
 650         top: 0;
 651     }
 652 }
 653 #header #block-search-form,
 654 #header #search-block-form {
 655     float: left;
 656     display: block;
 657     margin-right: 1.69492%;
 658     width: 100%;
 659     position: relative;
 660     z-index: 100;
 661 }
 662 #header #block-search-form:last-child,
 663 #header #search-block-form:last-child {
 664     margin-right: 0;
 665 }
 666 #header #block-search-form .block-inner,
 667 #header #search-block-form .block-inner {
 668     text-align: right;
 669 }
 670 #header #block-search-form .block-inner .container-inline,
 671 #header #search-block-form .block-inner .container-inline {
 672     position: absolute;
 673     top: -25px;
 674     right: 9px;
 675 }
 676 @media screen and (min-width: 640px) and (max-width: 768px) {
 677     #header #block-search-form .block-inner .container-inline,
 678     #header #search-block-form .block-inner .container-inline {
 679         right: 0;
 680         top: 36px;
 681     }
 682 }
 683 @media screen and (min-width: 0) and (max-width: 640px) {
 684     #header #block-search-form .block-inner .container-inline,
 685     #header #search-block-form .block-inner .container-inline {
 686         top: 0;
 687     }
 688 }
 689 #header #block-search-form .block-inner .form-text,
 690 #header #search-block-form .block-inner .form-text {
 691     width: 130px;
 692 }
 693 @media screen and (min-width: 0) and (max-width: 640px) {
 694     #header #block-search-form .block-inner .form-text,
 695     #header #search-block-form .block-inner .form-text {
 696         width: 84px;
 697     }
 698 }
 699 #header #block-search-form #edit-actions .form-submit,
 700 #header #search-block-form #edit-actions .form-submit {
 701     background: #ecedee;
 702     color: #2E2925;
 703     font-size: 10px;
 704     border: none;
 705     padding: 6px 7px;
 706     top: -2px;
 707     position: relative;
 708 }
 709 #header #block-search-form #edit-actions .form-submit:hover,
 710 #header #search-block-form #edit-actions .form-submit:hover {
 711     background: #aeb2b7;
 712 }
 713 #header .menu-block-wrapper {
 714     background: none;
 715 }
 716 #header .menu-block-wrapper .menu li {
 717     list-style: none;
 718     margin: 0;
 719 }
 720 #header .menu-block-wrapper .menu .menu-level-1 {
 721     display: inline-block;
 722     vertical-align: top;
 723     margin: 0 0.5em 0.5em 0;
 724     padding: 0;
 725 }
 726 @media screen and (min-width: 0) and (max-width: 500px) {
 727     #header .menu-block-wrapper .menu .menu-level-1 {
 728         width: 100%;
 729     }
 730     #header .menu-block-wrapper .menu .menu-level-1 a {
 731         background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff;
 732     }
 733 }
 734 @media screen and (min-width: 500px) and (max-width: 700px) {
 735     #header .menu-block-wrapper .menu .menu-level-1 {
 736         width: 48%;
 737     }
 738     #header .menu-block-wrapper .menu .menu-level-1 a {
 739         background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff;
 740     }
 741 }
 742 #header .menu-block-wrapper .menu .menu-level-1 > a {
 743     display: block;
 744     width: 100%;
 745     margin: 0 auto 0.25em;
 746     font-size: 0.9em;
 747     padding: 10px 15px;
 748     text-transform: uppercase;
 749 }
 750 #header .menu-block-wrapper .menu .menu-level-1 > a.selected,
 751 #header .menu-block-wrapper .menu .menu-level-1 > a:hover {
 752     background-color: #ecedee;
 753 }
 754 .no-touch #header {
 755     height: 103px;
 756 }
 757 .no-touch .site-menus-container {
 758     float: left;
 759     display: block;
 760     margin-right: 1.69492%;
 761     width: 72.88136%;
 762     margin-left: 27.11864%;
 763 }
 764 .no-touch .site-menus-container:last-child {
 765     margin-right: 0;
 766 }
 767 @media screen and (min-width: 750px) and (max-width: 980px) {
 768     .no-touch .site-menus-container {
 769         height: 240px;
 770     }
 771 }
 772 @media screen and (min-width: 490px) and (max-width: 750px) {
 773     .no-touch .site-menus-container {
 774         height: 280px;
 775     }
 776 }
 777 .no-touch .logo-container {
 778     position: relative;
 779     z-index: 2;
 780     float: left;
 781     display: block;
 782     margin-right: 1.69492%;
 783     width: 18.64407%;
 784     margin-left: 0%;
 785 }
 786 .no-touch .logo-container:last-child {
 787     margin-right: 0;
 788 }
 789 .no-touch .logo-container-positioning {
 790     position: relative;
 791     top: 2px;
 792     left: 0;
 793 }
 794 @media screen and (min-width: 0) and (max-width: 460px) {
 795     .no-touch .logo-container-positioning {
 796         top: 0;
 797     }
 798 }
 799 .no-touch .logo-container-positioning .logo-container {
 800     padding-top: 0;
 801 }
 802 @media screen and (min-width: 0) and (max-width: 460px) {
 803     .no-touch .logo-container-positioning .logo-container {
 804         float: left;
 805         display: block;
 806         margin-right: 1.69492%;
 807         width: 100%;
 808     }
 809     .no-touch .logo-container-positioning .logo-container:last-child {
 810         margin-right: 0;
 811     }
 812     .no-touch .logo-container-positioning .logo-container #logo {
 813         width: 46% !important;
 814     }
 815     .no-touch .logo-container-positioning .logo-container #logo img {
 816         width: 100%;
 817     }
 818 }
 819 .no-touch .site-menus-container-positioning {
 820     position: relative;
 821     top: -60px;
 822     z-index: 1;
 823 }
 824 .no-touch #site-menus .menu {
 825     text-align: right;
 826     position: relative;
 827 }
 828 @media screen and (min-width: 0) and (max-width: 768px) {
 829     .no-touch #header {
 830         height: 140px;
 831     }
 832     .no-touch #header #site-menus .menu {
 833         text-align: left;
 834     }
 835     .no-touch #header .site-menus-container {
 836         float: left;
 837         display: block;
 838         margin-right: 1.69492%;
 839         width: 100%;
 840         margin-left: 0%;
 841     }
 842     .no-touch #header .site-menus-container:last-child {
 843         margin-right: 0;
 844     }
 845     .no-touch #header .site-menus-container-positioning {
 846         position: relative;
 847         top: 0;
 848         padding-top: 0;
 849     }
 850 }
 851 @media screen and (min-width: 490px) and (max-width: 700px) {
 852     .no-touch #header {
 853         height: 260px;
 854     }
 855 }
 856 @media screen and (min-width: 0) and (max-width: 500px) {
 857     .no-touch #header {
 858         height: auto;
 859     }
 860 }
 861 .collapsible-menu #header {
 862     top: 0;
 863 }
 864 .collapsible-menu #header #block-search-form .container-inline,
 865 .collapsible-menu #header #search-block-form .container-inline {
 866     position: absolute;
 867     top: 110px;
 868     right: 0;
 869 }
 870 .collapsible-menu #header #site-name {
 871     position: absolute;
 872     top: 0;
 873 }
 874 .collapsible-menu #header .logo-container-positioning {
 875     position: relative;
 876     top: -40px;
 877     left: -10px;
 878     padding: 0 0 25px;
 879 }
 880 .collapsible-menu #header .logo-container-positioning .container {
 881     padding-top: 15px;
 882 }
 883 @media screen and (min-width: 0) and (max-width: 460px) {
 884     .collapsible-menu #header .logo-container-positioning #logo {
 885         width: 48% !important;
 886         margin-top: 25px;
 887         height: 55px;
 888     }
 889     .collapsible-menu #header .logo-container-positioning #logo img {
 890         width: 100%;
 891     }
 892 }
 893 .collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 {
 894     border-left: 4px solid #A3D783;
 895 }
 896 .collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 > a {
 897     background-color: #2E2925;
 898     color: #fff;
 899     margin-bottom: 0;
 900     padding-bottom: 0.5em;
 901 }
 902 .collapsible-menu #header .site-menus-container-positioning {
 903     background: #ecedee;
 904     color: #fff;
 905     padding-top: 0;
 906 }
 907 .collapsible-menu #header .site-menus-container ul {
 908     margin-top: 0.75em;
 909 }
 910 .collapsible-menu #header .menu-button-wrapper {
 911     position: relative;
 912 }
 913 .collapsible-menu #header .menu-button-wrapper .menu-button {
 914     position: absolute;
 915     right: -15px;
 916     top: 10px;
 917     border: 1px solid #ccc;
 918     background: #ddd;
 919     padding: 4px 14px;
 920     border-radius: 8px 8px 8px 8px;
 921     -moz-border-radius: 8px 8px 8px 8px;
 922     -webkit-border-top-left-radius: 8px;
 923     -webkit-border-top-right-radius: 8px;
 924     -webkit-border-bottom-right-radius: 8px;
 925     -webkit-border-bottom-left-radius: 8px;
 926     color: #2E2925;
 927     cursor: pointer;
 928 }
 929 .collapsible-menu #header #block-menu-menu-social-links {
 930     position: relative;
 931     right: 0;
 932     top: 70px;
 933 }
 934 .collapsible-menu #header #block-search-form .block-inner .container-inline,
 935 .collapsible-menu #header #search-block-form .block-inner .container-inline {
 936     right: 0;
 937     top: 75px;
 938 }
 939 #menu-tray {
 940     width: 100%;
 941     min-height: 20px;
 942     position: absolute;
 943     z-index: 1000;
 944     top: 0;
 945     background: #ecedee;
 946     color: #fff;
 947     opacity: 0;
 948     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 949     box-shadow: 0 8px 7px 1px rgba(0, 0, 0, 0.45);
 950 }
 951 #menu-tray .initially-hidden {
 952     opacity: 0;
 953     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 954 }
 955 #menu-tray.menu-tray-transition {
 956     -webkit-transition: opacity 0.25s ease-in-out;
 957     -moz-transition: opacity 0.25s ease-in-out;
 958     transition: opacity 0.25s ease-in-out;
 959     pointer-events: auto;
 960     opacity: 1;
 961     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 962 }
 963 #menu-tray .menu {
 964     padding: 20px;
 965 }
 966 #menu-tray.docked {
 967     pointer-events: none;
 968     opacity: 0;
 969     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 970 }
 971 #menu-tray a {
 972     color: #fff;
 973     word-wrap: break-word;
 974 }
 975 #menu-tray .menu .menu-level-2 {
 976     display: inline-block;
 977     vertical-align: top;
 978     width: 25%;
 979     margin: 0 0 0.25em 0;
 980     padding: 0;
 981 }
 982 @media screen and (min-width: 0) and (max-width: 500px) {
 983     #menu-tray .menu .menu-level-2 {
 984         width: 100%;
 985     }
 986 }
 987 @media screen and (min-width: 500px) and (max-width: 700px) {
 988     #menu-tray .menu .menu-level-2 {
 989         width: 50%;
 990     }
 991 }
 992 @media screen and (min-width: 700px) and (max-width: 900px) {
 993     #menu-tray .menu .menu-level-2 {
 994         width: 33.33%;
 995     }
 996 }
 997 #menu-tray .menu .menu-level-2 > a {
 998     display: block;
 999     background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #2E2925;
1000     border-left: 5px solid #086960;
1001     width: 99%;
1002     margin: 0 auto 0.25em;
1003     padding: 7px;
1004 }
1005 #menu-tray .menu .menu-level-2 .link-order-1 {
1006     border-left: 5px solid #a4d384;
1007 }
1008 #menu-tray .menu .menu-level-2 .link-order-2 {
1009     border-left: 5px solid #00adbb;
1010 }
1011 #menu-tray .menu .menu-level-2 .menu {
1012     font-size: 12px;
1013     padding-top: 0;
1014     padding-bottom: 0;
1015 }
1016 #menu-tray .menu .menu-level-2 .menu li {
1017     list-style: none;
1018 }
1019 #menu-tray .menu .menu-level-2 .menu a {
1020     color: #000;
1021     border-left: none;
1022 }
1023 #footer .menu-block-wrapper {
1024     background: none;
1025 }
1026 #footer .menu-block-wrapper .menu li {
1027     list-style: none;
1028     margin: 0;
1029 }
1030 #footer .menu-block-wrapper .menu li a {
1031     word-wrap: break-word;
1032 }
1033 #footer .menu-block-wrapper .menu .menu-level-1 {
1034     display: inline-block;
1035     vertical-align: top;
1036     width: 25%;
1037     margin: 0 0 3em 0;
1038     padding: 0;
1039 }
1040 @media screen and (min-width: 0) and (max-width: 500px) {
1041     #footer .menu-block-wrapper .menu .menu-level-1 {
1042         width: 100%;
1043     }
1044 }
1045 @media screen and (min-width: 500px) and (max-width: 700px) {
1046     #footer .menu-block-wrapper .menu .menu-level-1 {
1047         width: 50%;
1048     }
1049 }
1050 @media screen and (min-width: 700px) and (max-width: 900px) {
1051     #footer .menu-block-wrapper .menu .menu-level-1 {
1052         width: 33.33%;
1053     }
1054 }
1055 #footer .menu-block-wrapper .menu .menu-level-1 > a {
1056     display: block;
1057     width: 95%;
1058     margin: 0 auto 0.25em;
1059     padding: 7px;
1060     text-transform: uppercase;
1061     background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #0095a2;
1062     border-left: 5px solid #007e88;
1063     color: #fff;
1064 }
1065 #footer .menu-block-wrapper .menu .menu-level-2 {
1066     width: 85%;
1067     margin: 0 auto;
1068     font-size: 15px;
1069     list-style: square;
1070     color: #009fac;
1071 }
1072 #footer .menu-block-wrapper .menu .menu-level-2 a {
1073     color: #fff;
1074     display: inline-block;
1075     padding-bottom: 7px;
1076     word-wrap: break-word;
1077 }
1078 #footer .menu-block-wrapper .menu .menu-level-2 > .menu {
1079     border-bottom: 1px solid #008792;
1080     margin-bottom: 1.2em;
1081 }
1082 #footer .menu-block-wrapper .menu .menu-level-3 {
1083     display: block;
1084     width: 100%;
1085     padding-left: 1.6em;
1086     border-top: 1px solid #009fac;
1087     background: #00a8b6;
1088 }
1089 #footer .menu-block-wrapper .menu .menu-level-3 a {
1090     font-size: 0.75em;
1091 }
1092 #block-menu_block-1 ul ul,
1093 #block-menu_block-1 .menu-level-2,
1094 #footer #block-menu_block-3 .block-title {
1095     display: none;
1096 }
1097 #block-menu-menu-social-links li {
1098     float: left;
1099     list-style: none;
1100 }
1101 .view-blogs .view-header {
1102     float: right;
1103 }
1104 .view-blogs .view-header a {
1105     text-decoration: none;
1106 }
1107 .view-blogs .view-header img {
1108     vertical-align: text-top;
1109 }
1110 body {
1111     background: #fff;
1112 }
1113 #content {
1114     padding: 0 20px;
1115     margin-bottom: 2em;
1116 }
1117 .breadcrumb a {
1118     text-transform: uppercase;
1119     font-size: 0.8em;
1120     padding: 0 0.35em;
1121 }
1122 .breadcrumb a:first-child {
1123     padding-left: 0;
1124 }
1125 .blog_usernames_blog a,
1126 .node-readmore a {
1127     color: #A3D783;
1128     text-transform: uppercase;
1129 }
1130 #page {
1131     margin-bottom: 0;
1132     padding-bottom: 0;
1133 }
1134 .collaborative-projects {
1135     background-image: -webkit-linear-gradient(right center, #D0D1D1 0, #E6E6E6 69%);
1136     background-image: linear-gradient(to left, #D0D1D1 0, #E6E6E6 69%);
1137     background-color: #D0D1D1;
1138     min-height: 30px;
1139 }
1140 .collaborative-projects .gray-diagonal {
1141     min-height: 30px;
1142     width: 100%;
1143     background: url(/opnfv-dashboard/media/diagonal-white.png) transparent repeat scroll top left;
1144 }
1145 .collaborative-projects #collaborative-projects-logo {
1146     margin-top: 10px;
1147     height: 14px;
1148     background: url(/opnfv-dashboard/media/collaborative-projects-logo.png) no-repeat scroll 10px center transparent;
1149     width: 100%;
1150     max-width: 400px;
1151     float: left;
1152     text-indent: -9000px;
1153 }
1154 @media screen and (min-width: 0) and (max-width: 500px) {
1155     .collaborative-projects #collaborative-projects-logo {
1156         width: 95%;
1157         position: relative;
1158         left: 8px;
1159         background-position: 0 center;
1160         -webkit-background-size: contain;
1161         -moz-background-size: contain;
1162         -o-background-size: contain;
1163         background-size: contain;
1164     }
1165 }
1166 .collaborative-projects #footer-copyright {
1167     padding: 16px 0px 16px 20px;
1168     font-size: 11px;
1169     line-height: 16px;
1170     font-weight: 300;
1171 }
1172 .collaborative-projects #footer-copyright p {
1173     margin: 0;
1174     font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
1175 }
1176 .collaborative-projects #footer-copyright a {
1177     text-decoration: underline;
1178     color: #393939;
1179 }
1180 .collaborative-projects #footer-copyright a:hover {
1181     text-decoration: none;
1182     color: #0099EE;
1183 }
1184 .page-page-not-found #content {
1185     margin: 3em 0 5em;
1186     text-align: center;
1187 }
1188 .page-page-not-found #content p {
1189     line-height: 2em;
1190 }
1191 #block-views-members-block_2 .views-row,
1192 #block-views-members-block_5 .views-row,
1193 #block-views-members-block_6 .views-row {
1194     border-bottom: 1px solid #ccc;
1195     margin-bottom: 20px;
1196     padding-bottom: 20px;
1197 }
1198 #block-views-members-block_2 .member-info,
1199 #block-views-members-block_5 .member-info,
1200 #block-views-members-block_6 .member-info {
1201     margin-bottom: 20px;
1202     position: relative;
1203 }
1204 #block-views-members-block_2 .member-info:after,
1205 #block-views-members-block_5 .member-info:after,
1206 #block-views-members-block_6 .member-info:after {
1207     content: "";
1208     display: table;
1209     clear: both;
1210 }
1211 #block-views-members-block_2 .member-info .column-last,
1212 #block-views-members-block_5 .member-info .column-last,
1213 #block-views-members-block_6 .member-info .column-last {
1214     bottom: -3px;
1215     left: 0;
1216     padding-left: 120px;
1217     position: absolute;
1218     width: 100%;
1219 }
1220 #block-views-members-block_2 .member-info .column-last *,
1221 #block-views-members-block_5 .member-info .column-last *,
1222 #block-views-members-block_6 .member-info .column-last * {
1223     line-height: 120%;
1224     margin: 0;
1225 }
1226 #block-views-members-block_2 .member-info img,
1227 #block-views-members-block_5 .member-info img,
1228 #block-views-members-block_6 .member-info img {
1229     display: block;
1230 }
1231 #block-views-members-block_2 .member-info h3,
1232 #block-views-members-block_5 .member-info h3,
1233 #block-views-members-block_6 .member-info h3 {
1234     font-size: 1em;
1235 }
1236 #block-views-members-block_2 .member-info .board-member-title,
1237 #block-views-members-block_5 .member-info .board-member-title,
1238 #block-views-members-block_6 .member-info .board-member-title {
1239     font-weight: normal;
1240     padding-left: 0;
1241 }
1242 #block-views-members-block_2 p:last-child,
1243 #block-views-members-block_5 p:last-child,
1244 #block-views-members-block_6 p:last-child {
1245     margin-bottom: 0;
1246 }
1247 #block-views-members-block_2 .member-website,
1248 #block-views-members-block_5 .member-website,
1249 #block-views-members-block_6 .member-website {
1250     margin-top: 10px;
1251 }
1252 .page-news-resources .views-row,
1253 #block-views-resources-block_1 .views-row {
1254     margin-bottom: 10px;
1255 }
1256 .page-news-resources .views-row:after,
1257 #block-views-resources-block_1 .views-row:after {
1258     content: "";
1259     display: table;
1260     clear: both;
1261 }
1262 .page-news-resources .views-row .views-field-nothing,
1263 #block-views-resources-block_1 .views-row .views-field-nothing {
1264     float: left;
1265     width: 80%;
1266 }
1267 .page-news-resources .views-row .views-field-field-thumbnail,
1268 #block-views-resources-block_1 .views-row .views-field-field-thumbnail {
1269     float: right;
1270     margin: 5px 0 20px 0;
1271     width: 15%;
1272 }
1273 .page-news-resources .views-row .views-field-field-thumbnail img,
1274 #block-views-resources-block_1 .views-row .views-field-field-thumbnail img {
1275     display: block;
1276     height: auto;
1277     max-width: 100%;
1278 }
1279 .page-news-resources .view-empty,
1280 #block-views-resources-block_1 .view-empty {
1281     margin-bottom: 1em;
1282     padding: 1em;
1283 }
1284 .page-news-resources .more-link,
1285 #block-views-resources-block_1 .more-link {
1286     bottom: 2em;
1287     font-size: 0.8em;
1288     position: absolute;
1289     text-align: center;
1290     text-transform: uppercase;
1291     width: 100%;
1292 }
1293 #block-views-collateral-block_1 .views-row {
1294     margin-bottom: 10px;
1295 }
1296 #block-views-collateral-block_1 .view-empty {
1297     margin-bottom: 1em;
1298     padding: 1em;
1299 }
1300 #block-views-collateral-block_1 .more-link {
1301     bottom: 2em;
1302     font-size: 0.8em;
1303     position: absolute;
1304     text-align: center;
1305     text-transform: uppercase;
1306     width: 100%;
1307 }
1308 .not-front #block-views-news_and_announcements-block,
1309 .not-front #block-views-news_and_announcements-block_1,
1310 .not-front #block-twitter_helper-twitter_block_1,
1311 .not-front #block-views-events-block,
1312 .not-front #block-views-blogs-block,
1313 .not-front #block-views-faq-faq_recent,
1314 .not-front #block-views-resources-block_1,
1315 .not-front #block-views-collateral-block_1,
1316 .not-front #block-views-videos-block {
1317     float: left;
1318     display: block;
1319     margin-right: 1.69492%;
1320     width: 32.20339%;
1321     height: 450px;
1322     margin-bottom: 2em;
1323     margin-right: 5px;
1324     background: #ecedee;
1325     z-index: 1;
1326 }
1327 .not-front #block-views-news_and_announcements-block:last-child,
1328 .not-front #block-views-news_and_announcements-block_1:last-child,
1329 .not-front #block-twitter_helper-twitter_block_1:last-child,
1330 .not-front #block-views-events-block:last-child,
1331 .not-front #block-views-blogs-block:last-child,
1332 .not-front #block-views-faq-faq_recent:last-child,
1333 .not-front #block-views-resources-block_1:last-child,
1334 .not-front #block-views-collateral-block_1:last-child,
1335 .not-front #block-views-videos-block:last-child {
1336     margin-right: 0;
1337 }
1338 @media screen and (min-width: 0) and (max-width: 700px) {
1339     .not-front #block-views-news_and_announcements-block,
1340     .not-front #block-views-news_and_announcements-block_1,
1341     .not-front #block-twitter_helper-twitter_block_1,
1342     .not-front #block-views-events-block,
1343     .not-front #block-views-blogs-block,
1344     .not-front #block-views-faq-faq_recent,
1345     .not-front #block-views-resources-block_1,
1346     .not-front #block-views-collateral-block_1,
1347     .not-front #block-views-videos-block {
1348         float: left;
1349         display: block;
1350         margin-right: 1.69492%;
1351         width: 100%;
1352         height: auto;
1353         min-height: 300px;
1354     }
1355     .not-front #block-views-news_and_announcements-block:last-child,
1356     .not-front #block-views-news_and_announcements-block_1:last-child,
1357     .not-front #block-twitter_helper-twitter_block_1:last-child,
1358     .not-front #block-views-events-block:last-child,
1359     .not-front #block-views-blogs-block:last-child,
1360     .not-front #block-views-faq-faq_recent:last-child,
1361     .not-front #block-views-resources-block_1:last-child,
1362     .not-front #block-views-collateral-block_1:last-child,
1363     .not-front #block-views-videos-block:last-child {
1364         margin-right: 0;
1365     }
1366 }
1367 .not-front #block-views-news_and_announcements-block.block-twitter-helper,
1368 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper,
1369 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper,
1370 .not-front #block-views-events-block.block-twitter-helper,
1371 .not-front #block-views-blogs-block.block-twitter-helper,
1372 .not-front #block-views-faq-faq_recent.block-twitter-helper,
1373 .not-front #block-views-resources-block_1.block-twitter-helper,
1374 .not-front #block-views-collateral-block_1.block-twitter-helper,
1375 .not-front #block-views-videos-block.block-twitter-helper {
1376     margin-right: 0;
1377 }
1378 .not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets,
1379 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets,
1380 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets,
1381 .not-front #block-views-events-block.block-twitter-helper .all-tweets,
1382 .not-front #block-views-blogs-block.block-twitter-helper .all-tweets,
1383 .not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets,
1384 .not-front #block-views-resources-block_1.block-twitter-helper .all-tweets,
1385 .not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets,
1386 .not-front #block-views-videos-block.block-twitter-helper .all-tweets {
1387     position: absolute;
1388     bottom: 2em;
1389     left: 0;
1390     width: 100%;
1391     text-align: center;
1392     font-size: 0.8em;
1393     text-transform: uppercase;
1394 }
1395 @media screen and (min-width: 0) and (max-width: 700px) {
1396     .not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets,
1397     .not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets,
1398     .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets,
1399     .not-front #block-views-events-block.block-twitter-helper .all-tweets,
1400     .not-front #block-views-blogs-block.block-twitter-helper .all-tweets,
1401     .not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets,
1402     .not-front #block-views-resources-block_1.block-twitter-helper .all-tweets,
1403     .not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets,
1404     .not-front #block-views-videos-block.block-twitter-helper .all-tweets {
1405         bottom: 0.5em;
1406     }
1407 }
1408 .not-front #block-views-news_and_announcements-block.block-twitter-helper .block-title,
1409 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper .block-title,
1410 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .block-title,
1411 .not-front #block-views-events-block.block-twitter-helper .block-title,
1412 .not-front #block-views-blogs-block.block-twitter-helper .block-title,
1413 .not-front #block-views-faq-faq_recent.block-twitter-helper .block-title,
1414 .not-front #block-views-resources-block_1.block-twitter-helper .block-title,
1415 .not-front #block-views-collateral-block_1.block-twitter-helper .block-title,
1416 .not-front #block-views-videos-block.block-twitter-helper .block-title {
1417     background: #71c48f;
1418 }
1419 .not-front #block-views-news_and_announcements-block.block-twitter-helper ul,
1420 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper ul,
1421 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper ul,
1422 .not-front #block-views-events-block.block-twitter-helper ul,
1423 .not-front #block-views-blogs-block.block-twitter-helper ul,
1424 .not-front #block-views-faq-faq_recent.block-twitter-helper ul,
1425 .not-front #block-views-resources-block_1.block-twitter-helper ul,
1426 .not-front #block-views-collateral-block_1.block-twitter-helper ul,
1427 .not-front #block-views-videos-block.block-twitter-helper ul {
1428     list-style: none;
1429 }
1430 .not-front #block-views-news_and_announcements-block.block-twitter-helper li,
1431 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li,
1432 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li,
1433 .not-front #block-views-events-block.block-twitter-helper li,
1434 .not-front #block-views-blogs-block.block-twitter-helper li,
1435 .not-front #block-views-faq-faq_recent.block-twitter-helper li,
1436 .not-front #block-views-resources-block_1.block-twitter-helper li,
1437 .not-front #block-views-collateral-block_1.block-twitter-helper li,
1438 .not-front #block-views-videos-block.block-twitter-helper li {
1439     margin-bottom: 1em;
1440 }
1441 .not-front #block-views-news_and_announcements-block.block-twitter-helper li img,
1442 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li img,
1443 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li img,
1444 .not-front #block-views-events-block.block-twitter-helper li img,
1445 .not-front #block-views-blogs-block.block-twitter-helper li img,
1446 .not-front #block-views-faq-faq_recent.block-twitter-helper li img,
1447 .not-front #block-views-resources-block_1.block-twitter-helper li img,
1448 .not-front #block-views-collateral-block_1.block-twitter-helper li img,
1449 .not-front #block-views-videos-block.block-twitter-helper li img {
1450     float: left;
1451     margin-right: 1em;
1452 }
1453 .not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_time,
1454 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_time,
1455 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_time,
1456 .not-front #block-views-events-block.block-twitter-helper li .tweet_time,
1457 .not-front #block-views-blogs-block.block-twitter-helper li .tweet_time,
1458 .not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_time,
1459 .not-front #block-views-resources-block_1.block-twitter-helper li .tweet_time,
1460 .not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_time,
1461 .not-front #block-views-videos-block.block-twitter-helper li .tweet_time {
1462     display: block;
1463     font-size: 0.8em;
1464 }
1465 .not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text,
1466 .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text,
1467 .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text,
1468 .not-front #block-views-events-block.block-twitter-helper li .tweet_text,
1469 .not-front #block-views-blogs-block.block-twitter-helper li .tweet_text,
1470 .not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text,
1471 .not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text,
1472 .not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text,
1473 .not-front #block-views-videos-block.block-twitter-helper li .tweet_text {
1474     font-size: 10px;
1475 }
1476 @media screen and (min-width: 900px) {
1477     .not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text,
1478     .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text,
1479     .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text,
1480     .not-front #block-views-events-block.block-twitter-helper li .tweet_text,
1481     .not-front #block-views-blogs-block.block-twitter-helper li .tweet_text,
1482     .not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text,
1483     .not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text,
1484     .not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text,
1485     .not-front #block-views-videos-block.block-twitter-helper li .tweet_text {
1486         font-size: 0.9em;
1487     }
1488 }
1489 .not-front #block-views-news_and_announcements-block.block-even .block-title,
1490 .not-front #block-views-news_and_announcements-block_1.block-even .block-title,
1491 .not-front #block-twitter_helper-twitter_block_1.block-even .block-title,
1492 .not-front #block-views-events-block.block-even .block-title,
1493 .not-front #block-views-blogs-block.block-even .block-title,
1494 .not-front #block-views-faq-faq_recent.block-even .block-title,
1495 .not-front #block-views-resources-block_1.block-even .block-title,
1496 .not-front #block-views-collateral-block_1.block-even .block-title,
1497 .not-front #block-views-videos-block.block-even .block-title {
1498     background: #177870;
1499 }
1500 .not-front #block-views-news_and_announcements-block .block-title,
1501 .not-front #block-views-news_and_announcements-block_1 .block-title,
1502 .not-front #block-twitter_helper-twitter_block_1 .block-title,
1503 .not-front #block-views-events-block .block-title,
1504 .not-front #block-views-blogs-block .block-title,
1505 .not-front #block-views-faq-faq_recent .block-title,
1506 .not-front #block-views-resources-block_1 .block-title,
1507 .not-front #block-views-collateral-block_1 .block-title,
1508 .not-front #block-views-videos-block .block-title {
1509     background: #00ADBB;
1510     color: #fff;
1511     font-size: 1.25em;
1512     padding: .75em .5em;
1513     text-align: center;
1514     text-transform: uppercase;
1515 }
1516 .not-front #block-views-news_and_announcements-block .block-title a,
1517 .not-front #block-views-news_and_announcements-block_1 .block-title a,
1518 .not-front #block-twitter_helper-twitter_block_1 .block-title a,
1519 .not-front #block-views-events-block .block-title a,
1520 .not-front #block-views-blogs-block .block-title a,
1521 .not-front #block-views-faq-faq_recent .block-title a,
1522 .not-front #block-views-resources-block_1 .block-title a,
1523 .not-front #block-views-collateral-block_1 .block-title a,
1524 .not-front #block-views-videos-block .block-title a {
1525     color: #fff;
1526 }
1527 .not-front #block-views-news_and_announcements-block .view-content,
1528 .not-front #block-views-news_and_announcements-block_1 .view-content,
1529 .not-front #block-twitter_helper-twitter_block_1 .view-content,
1530 .not-front #block-views-events-block .view-content,
1531 .not-front #block-views-blogs-block .view-content,
1532 .not-front #block-views-faq-faq_recent .view-content,
1533 .not-front #block-views-resources-block_1 .view-content,
1534 .not-front #block-views-collateral-block_1 .view-content,
1535 .not-front #block-views-videos-block .view-content {
1536     margin-bottom: 1em;
1537     padding: 1em;
1538 }
1539 .not-front #block-views-news_and_announcements-block .view-footer,
1540 .not-front #block-views-news_and_announcements-block_1 .view-footer,
1541 .not-front #block-twitter_helper-twitter_block_1 .view-footer,
1542 .not-front #block-views-events-block .view-footer,
1543 .not-front #block-views-blogs-block .view-footer,
1544 .not-front #block-views-faq-faq_recent .view-footer,
1545 .not-front #block-views-resources-block_1 .view-footer,
1546 .not-front #block-views-collateral-block_1 .view-footer,
1547 .not-front #block-views-videos-block .view-footer {
1548     text-transform: uppercase;
1549     font-size: 0.8em;
1550     position: absolute;
1551     bottom: 2em;
1552     width: 100%;
1553     text-align: center;
1554 }
1555 @media screen and (min-width: 0) and (max-width: 700px) {
1556     .not-front #block-views-news_and_announcements-block .view-footer,
1557     .not-front #block-views-news_and_announcements-block_1 .view-footer,
1558     .not-front #block-twitter_helper-twitter_block_1 .view-footer,
1559     .not-front #block-views-events-block .view-footer,
1560     .not-front #block-views-blogs-block .view-footer,
1561     .not-front #block-views-faq-faq_recent .view-footer,
1562     .not-front #block-views-resources-block_1 .view-footer,
1563     .not-front #block-views-collateral-block_1 .view-footer,
1564     .not-front #block-views-videos-block .view-footer {
1565         bottom: 0.5em;
1566     }
1567 }
1568 .not-front .view-blogs .block-row,
1569 .not-front .view-events .block-row,
1570 .not-front .view-news-and-announcements .block-row,
1571 .not-front .view-videos .block-row {
1572     margin-bottom: 1.5em;
1573 }
1574 .not-front .view-blogs .views-field,
1575 .not-front .view-events .views-field,
1576 .not-front .view-news-and-announcements .views-field,
1577 .not-front .view-videos .views-field {
1578     margin-bottom: 0.25em;
1579 }
1580 .not-front .view-blogs .views-field-type,
1581 .not-front .view-blogs .views-field-field-event-address,
1582 .not-front .view-events .views-field-type,
1583 .not-front .view-events .views-field-field-event-address,
1584 .not-front .view-news-and-announcements .views-field-type,
1585 .not-front .view-news-and-announcements .views-field-field-event-address,
1586 .not-front .view-videos .views-field-type,
1587 .not-front .view-videos .views-field-field-event-address {
1588     font-style: italic;
1589     font-size: 0.95em;
1590 }
1591 .not-front .view-blogs .views-field-title,
1592 .not-front .view-events .views-field-title,
1593 .not-front .view-news-and-announcements .views-field-title,
1594 .not-front .view-videos .views-field-title {
1595     font-size: 11px;
1596 }
1597 @media screen and (min-width: 900px) {
1598     .not-front .view-blogs .views-field-title,
1599     .not-front .view-events .views-field-title,
1600     .not-front .view-news-and-announcements .views-field-title,
1601     .not-front .view-videos .views-field-title {
1602         font-size: 1.1em;
1603     }
1604 }
1605 .not-front .view-blogs .views-field-created,
1606 .not-front .view-events .views-field-created,
1607 .not-front .view-news-and-announcements .views-field-created,
1608 .not-front .view-videos .views-field-created {
1609     font-style: italic;
1610     font-size: 0.8em;
1611 }
1612 .not-front #block-views-faq-faq_recent .more-link {
1613     position: absolute;
1614     width: 100%;
1615     text-align: center;
1616     bottom: 30px;
1617 }
1618 .not-front .view-videos .views-row {
1619     display: block;
1620     height: 150px;
1621     margin-bottom: 1em;
1622 }
1623 .not-front .view-videos .view-empty {
1624     padding: 1em;
1625 }
1626 .not-front .view-videos .views-field-nothing {
1627     position: relative;
1628     float: left;
1629     margin-right: 10px;
1630 }
1631 .not-front .view-videos .views-field-nothing a {
1632     text-transform: uppercase;
1633 }
1634 .not-front .view-videos .views-field-body {
1635     margin-top: 20px;
1636     font-size: 10px;
1637 }
1638 @media screen and (min-width: 900px) {
1639     .not-front .view-videos .views-field-body {
1640         font-size: 0.9em;
1641     }
1642 }
1643 .front .title {
1644     display: none;
1645 }
1646 .front #content {
1647     padding-top: 20px;
1648     max-width: 68em;
1649     margin-left: auto;
1650     margin-right: auto;
1651 }
1652 .front #content:after {
1653     content: "";
1654     display: table;
1655     clear: both;
1656 }
1657 .front .custom_home_block {
1658     background: transparent none repeat scroll 0 0 !important;
1659     clear: both !important;
1660     color: #000 !important;
1661     height: auto !important;
1662     width: 100% !important;
1663     font-size: 0.8em !important;
1664     margin-top: 0px !important;
1665     margin-bottom: 5px !important;
1666 }
1667 .front .custom_home_block .content {
1668     padding: 0px !important;
1669 }
1670 .front .custom_home_block .content p {
1671     margin: 0px;
1672 }
1673 .front .custom_home_block img {
1674     width: 100%;
1675 }
1676 .front .block-views,
1677 .front .block-block,
1678 .front .block-twitter-helper {
1679     float: left;
1680     display: block;
1681     margin-right: 1.69492%;
1682     width: 32.20339%;
1683     height: 500px;
1684     margin-bottom: 2em;
1685     background: #ecedee;
1686 }
1687 .front .block-views:last-child,
1688 .front .block-block:last-child,
1689 .front .block-twitter-helper:last-child {
1690     margin-right: 0;
1691 }
1692 @media screen and (min-width: 0) and (max-width: 700px) {
1693     .front .block-views,
1694     .front .block-block,
1695     .front .block-twitter-helper {
1696         float: left;
1697         display: block;
1698         margin-right: 1.69492%;
1699         width: 100%;
1700         height: auto;
1701     }
1702     .front .block-views:last-child,
1703     .front .block-block:last-child,
1704     .front .block-twitter-helper:last-child {
1705         margin-right: 0;
1706     }
1707 }
1708 .front .block-views.block-twitter-helper,
1709 .front .block-block.block-twitter-helper,
1710 .front .block-twitter-helper.block-twitter-helper {
1711     margin-right: 0;
1712 }
1713 .front .block-views.block-twitter-helper .all-tweets,
1714 .front .block-block.block-twitter-helper .all-tweets,
1715 .front .block-twitter-helper.block-twitter-helper .all-tweets {
1716     position: absolute;
1717     bottom: 2em;
1718     left: 0;
1719     width: 100%;
1720     text-align: center;
1721     font-size: 0.8em;
1722     text-transform: uppercase;
1723 }
1724 @media screen and (min-width: 0) and (max-width: 700px) {
1725     .front .block-views.block-twitter-helper .all-tweets,
1726     .front .block-block.block-twitter-helper .all-tweets,
1727     .front .block-twitter-helper.block-twitter-helper .all-tweets {
1728         bottom: 0.5em;
1729     }
1730 }
1731 .front .block-views.block-twitter-helper .block-title,
1732 .front .block-block.block-twitter-helper .block-title,
1733 .front .block-twitter-helper.block-twitter-helper .block-title {
1734     background: #71c48f;
1735 }
1736 .front .block-views.block-twitter-helper ul,
1737 .front .block-block.block-twitter-helper ul,
1738 .front .block-twitter-helper.block-twitter-helper ul {
1739     list-style: none;
1740 }
1741 .front .block-views.block-twitter-helper li,
1742 .front .block-block.block-twitter-helper li,
1743 .front .block-twitter-helper.block-twitter-helper li {
1744     margin-bottom: 1em;
1745 }
1746 .front .block-views.block-twitter-helper li img,
1747 .front .block-block.block-twitter-helper li img,
1748 .front .block-twitter-helper.block-twitter-helper li img {
1749     float: left;
1750     margin-right: 1em;
1751 }
1752 .front .block-views.block-twitter-helper li .tweet_time,
1753 .front .block-block.block-twitter-helper li .tweet_time,
1754 .front .block-twitter-helper.block-twitter-helper li .tweet_time {
1755     display: block;
1756     font-size: 0.8em;
1757 }
1758 .front .block-views.block-twitter-helper li .tweet_text,
1759 .front .block-block.block-twitter-helper li .tweet_text,
1760 .front .block-twitter-helper.block-twitter-helper li .tweet_text {
1761     font-size: 10px;
1762 }
1763 @media screen and (min-width: 900px) {
1764     .front .block-views.block-twitter-helper li .tweet_text,
1765     .front .block-block.block-twitter-helper li .tweet_text,
1766     .front .block-twitter-helper.block-twitter-helper li .tweet_text {
1767         font-size: 0.9em;
1768     }
1769 }
1770 .front .block-views.block-even .block-title,
1771 .front .block-block.block-even .block-title,
1772 .front .block-twitter-helper.block-even .block-title {
1773     background: #177870;
1774 }
1775 .front .block-views .block-title,
1776 .front .block-block .block-title,
1777 .front .block-twitter-helper .block-title {
1778     background: #00ADBB;
1779     color: #fff;
1780     font-size: 1.25em;
1781     padding: .75em .5em;
1782     text-align: center;
1783     text-transform: uppercase;
1784 }
1785 .front .block-views .block-title a,
1786 .front .block-block .block-title a,
1787 .front .block-twitter-helper .block-title a {
1788     color: #fff;
1789 }
1790 .front .block-views .content,
1791 .front .block-block .content,
1792 .front .block-twitter-helper .content {
1793     padding: 1em;
1794 }
1795 .front .block-views .view-content,
1796 .front .block-block .view-content,
1797 .front .block-twitter-helper .view-content {
1798     margin-bottom: 1em;
1799 }
1800 .front .block-views .view-footer,
1801 .front .block-block .view-footer,
1802 .front .block-twitter-helper .view-footer {
1803     text-transform: uppercase;
1804     font-size: 0.8em;
1805     position: absolute;
1806     bottom: 2em;
1807     width: 100%;
1808     text-align: center;
1809 }
1810 @media screen and (min-width: 0) and (max-width: 700px) {
1811     .front .block-views .view-footer,
1812     .front .block-block .view-footer,
1813     .front .block-twitter-helper .view-footer {
1814         bottom: 0.5em;
1815     }
1816 }
1817 .front #content-area {
1818     display: inline-flex;
1819     height: auto;
1820     flex-flow: row wrap;
1821 }
1822 .front #block-block-1,
1823 .front #block-block-2,
1824 .front #block-block-3 {
1825     background: none;
1826     height: auto;
1827     display: inline-flex;
1828     margin-bottom: 0;
1829 }
1830 @media screen and (min-width: 900px) {
1831     .front #block-block-1,
1832     .front #block-block-2,
1833     .front #block-block-3 {
1834         width: 32%;
1835     }
1836 }
1837 .front #block-block-1 .block-title,
1838 .front #block-block-2 .block-title,
1839 .front #block-block-3 .block-title {
1840     background: transparent;
1841     margin-bottom: 0;
1842     padding: 0;
1843 }
1844 .front #block-block-1 .block-title-link,
1845 .front #block-block-2 .block-title-link,
1846 .front #block-block-3 .block-title-link {
1847     background-position: 50% 10px;
1848     background-repeat: no-repeat;
1849     color: #373A36;
1850     display: block;
1851     margin: auto;
1852     padding-top: 110px;
1853     width: 100%;
1854 }
1855 .front #block-block-1 .content,
1856 .front #block-block-2 .content,
1857 .front #block-block-3 .content {
1858     text-align: center;
1859 }
1860 .front #block-block-1 .block-title-link {
1861     background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_About.png);
1862 }
1863 .front #block-block-2 .block-title-link {
1864     background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GettingStarted.png);
1865 }
1866 .front #block-block-3 {
1867     margin-right: 0;
1868 }
1869 .front #block-block-3 .block-title-link {
1870     background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GetInvolved.png);
1871 }
1872 .front #block-system-main {
1873     clear: both;
1874 }
1875 .front .view-blogs .views-row,
1876 .front .view-events .views-row {
1877     margin-bottom: 1.5em;
1878 }
1879 .front .view-blogs .views-field,
1880 .front .view-events .views-field {
1881     margin-bottom: 0.25em;
1882 }
1883 .front .view-blogs .views-field-type,
1884 .front .view-blogs .views-field-field-event-address,
1885 .front .view-events .views-field-type,
1886 .front .view-events .views-field-field-event-address {
1887     font-style: italic;
1888     font-size: 0.95em;
1889 }
1890 .front .view-blogs .views-field-title,
1891 .front .view-events .views-field-title {
1892     font-size: 1.1em;
1893 }
1894 .front .view-blogs .views-field-created,
1895 .front .view-events .views-field-created {
1896     font-style: italic;
1897     font-size: 0.8em;
1898 }
1899 .front #block-views-members_by_level-block,
1900 .front #block-views-members_by_level-block_1,
1901 .front #block-views-members-slider {
1902     height: 100%;
1903     background-color: transparent;
1904     width: 100%;
1905 }
1906 .front .flex-control-nav {
1907     display: none;
1908 }
1909 .front .views-field-field-member-logo .field-content {
1910     line-height: 40px;
1911     text-align: center;
1912     width: 100%;
1913 }
1914 .front .views-field-field-member-logo .field-content img {
1915     display: inline-block;
1916     height: auto;
1917     max-width: 100%;
1918     vertical-align: middle;
1919     width: auto;
1920 }
1921 #highlighted {
1922     margin-bottom: -221px;
1923 }
1924 #highlighted .block-views {
1925     float: left;
1926     display: block;
1927     margin-right: 1.69492%;
1928     width: 100%;
1929     height: auto;
1930     margin-bottom: 0;
1931     background: none;
1932 }
1933 #highlighted .block-views:last-child {
1934     margin-right: 0;
1935 }
1936 .logged-in #highlighted {
1937     margin-bottom: -216px;
1938 }
1939 .flexslider {
1940     background: transparent;
1941     border: none;
1942     border-radius: none;
1943     box-shadow: none;
1944 }
1945 .flexslider .flex-direction-nav a:before {
1946     color: #A3D783;
1947 }
1948 .flexslider .flex-direction-nav a:hover {
1949     text-decoration: none;
1950 }
1951 .flexslider .slides {
1952     overflow: hidden;
1953 }
1954 .flexslider .slides img {
1955     height: auto;
1956     margin-left: auto;
1957     margin-right: auto;
1958     max-width: 100%;
1959 }
1960 .flexslider .views-field-nothing {
1961     display: none;
1962 }
1963 .view-front-page-slideshow {
1964     max-height: 180px;
1965     overflow: hidden;
1966 }
1967 @media screen and (min-width: 981px) {
1968     .view-front-page-slideshow .flexslider .slides img {
1969         height: 180px;
1970     }
1971 }
1972 a.frontpage-slider__video-link,
1973 a.frontpage-slider__video-link:visited {
1974     display: block;
1975     height: 100%;
1976     left: 0;
1977     position: absolute;
1978     overflow: hidden;
1979     text-indent: -999em;
1980     top: 0;
1981     width: 100%;
1982     z-index: 1;
1983 }
1984 .view-members-by-level .view-content {
1985     text-align: center;
1986 }
1987 .view-members-by-level .view-content h3 {
1988     text-align: left;
1989 }
1990 .view-members-by-level .field-content,
1991 .view-members-by-level .views-field-field-member-logo,
1992 .view-members-by-level .views-row {
1993     display: inline-block;
1994 }
1995 .view-members-by-level .flexslider {
1996     background-color: transparent;
1997 }
1998 .view-members-by-level img {
1999     margin-right: 10px;
2000 }
2001 @media screen and (min-width: 0) and (max-width: 670px) {
2002     .flexslider .views-field-nothing {
2003         position: static;
2004         opacity: 0.8;
2005     }
2006     .touch .flexslider .flex-direction-nav {
2007         display: none;
2008     }
2009 }
2010 .view-events .views-row {
2011     margin-bottom: 2em;
2012 }
2013 .view-events .views-field {
2014     margin-bottom: 0.5em;
2015 }
2016 .view-events .learn-more {
2017     margin: 0.5em 0;
2018 }
2019 .view-events .views-field-title {
2020     font-size: 1.25em;
2021 }
2022 .view-events .views-field-created {
2023     font-style: italic;
2024     font-size: 0.8em;
2025 }
2026 .view-events .views-field-field-event-address {
2027     font-style: italic;
2028 }
2029 .node-event img {
2030     max-width: 100%;
2031     height: auto;
2032 }
2033 .node-event .field {
2034     margin-bottom: 0.5em;
2035 }
2036 .node-event .field-label {
2037     margin-right: 0.25em;
2038     text-transform: uppercase;
2039     font-size: 0.8em;
2040 }
2041 .node-event .field-name-field-event-image {
2042     margin-bottom: 2em;
2043     border-bottom: 1px solid #ecedee;
2044 }
2045 .node-event .field-name-body {
2046     margin: 2em 0;
2047     padding-top: 3em;
2048     border-top: 1px solid #ecedee;
2049 }
2050 .node-event .field-name-body .field-label {
2051     margin-bottom: 1em;
2052 }
2053 .view-main-menu-links {
2054     max-width: 68em;
2055     margin-left: auto;
2056     margin-right: auto;
2057     margin-top: 2em;
2058     border-top: 1px solid #ecedee;
2059     padding-top: 4em;
2060 }
2061 .view-main-menu-links:after {
2062     content: "";
2063     display: table;
2064     clear: both;
2065 }
2066 .view-main-menu-links ul {
2067     margin: 0;
2068     padding: 0;
2069 }
2070 .view-main-menu-links ul li {
2071     margin: 0;
2072     padding: 0;
2073 }
2074 .view-main-menu-links .views-row {
2075     float: left;
2076     display: block;
2077     margin-right: 1.69492%;
2078     width: 49.15254%;
2079     margin-bottom: 4em;
2080     padding-right: 4em;
2081 }
2082 .view-main-menu-links .views-row:last-child {
2083     margin-right: 0;
2084 }
2085 @media screen and (min-width: 0) and (max-width: 700px) {
2086     .view-main-menu-links .views-row {
2087         float: left;
2088         display: block;
2089         margin-right: 1.69492%;
2090         width: 100%;
2091         padding-right: 0;
2092     }
2093     .view-main-menu-links .views-row:last-child {
2094         margin-right: 0;
2095     }
2096 }
2097 .view-main-menu-links .views-row .views-field-title {
2098     font-size: 1.5em;
2099     margin-bottom: 1em;
2100     text-align: center;
2101 }
2102 .view-main-menu-links .views-row .views-field-body {
2103     margin-bottom: 0.5em;
2104 }
2105 .view-main-menu-links .views-row .views-field-description a {
2106     display: block;
2107     margin-top: 0.5em;
2108 }
2109 .view-main-menu-links .views-row.views-row-even {
2110     margin-right: 0;
2111 }
2112 .view-main-menu-links .views-row.views-row-odd {
2113     clear: left;
2114 }
2115 body.node-type-landing-page #content-header {
2116     left: 0;
2117     position: absolute;
2118     top: 20px;
2119     width: 100%;
2120     z-index: 1;
2121 }
2122 .node-landing-page {
2123     display: block;
2124     height: 100%;
2125     left: 0;
2126     overflow: auto;
2127     position: fixed;
2128     top: 0;
2129     width: 100%;
2130 }
2131 .node-landing-page.with-background {
2132     background-color: #000;
2133     background-position: center bottom;
2134     background-repeat: no-repeat;
2135     background-size: cover;
2136 }
2137 .node-landing-page .content {
2138     color: #fff;
2139     margin: 50px auto;
2140     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
2141 }
2142 .node-landing-page .content:after {
2143     content: "";
2144     display: table;
2145     clear: both;
2146 }
2147 @media screen and (min-width: 700px) {
2148     .node-landing-page .content {
2149         margin-top: 120px;
2150         max-width: 68em;
2151     }
2152 }
2153 .node-landing-page .content a,
2154 .node-landing-page .content a:visited {
2155     color: #00ADBB;
2156 }
2157 .node-landing-page .content p {
2158     color: #fff;
2159 }
2160 .node-landing-page .content h2 {
2161     text-align: center;
2162 }
2163 .node-landing-page .content h2 a,
2164 .node-landing-page .content h2 a:visited {
2165     color: #fff;
2166 }
2167 .node-landing-page .content img {
2168     display: inline-block;
2169     height: auto;
2170     max-width: 100%;
2171 }
2172 .node-landing-page .field-name-field-header-first-column,
2173 .node-landing-page .field-name-field-header-last-column,
2174 .node-landing-page .field-name-field-content-first-column,
2175 .node-landing-page .field-name-field-content-last-column {
2176     padding: 0 20px;
2177 }
2178 @media screen and (min-width: 700px) {
2179     .node-landing-page .field-name-field-header-first-column,
2180     .node-landing-page .field-name-field-header-last-column,
2181     .node-landing-page .field-name-field-content-first-column,
2182     .node-landing-page .field-name-field-content-last-column {
2183         float: left;
2184         width: 49%;
2185     }
2186 }
2187 @media screen and (min-width: 700px) {
2188     .node-landing-page .field-name-field-header-first-column,
2189     .node-landing-page .field-name-field-content-last-column {
2190         float: right;
2191     }
2192 }
2193 .node-landing-page .field-name-field-content-first-column {
2194     margin-bottom: 40px;
2195 }
2196 @media screen and (min-width: 700px) {
2197     .node-landing-page .field-name-field-content-first-column {
2198         margin-bottom: 0;
2199     }
2200 }
2201 .page-resources-library .view-resources .views-row {
2202     margin-bottom: 2em;
2203 }
2204 .page-resources-library .view-resources .opnfv-resources-date {
2205     font-style: italic;
2206     font-size: 0.8em;
2207 }
2208 .page-resources-library .view-resources .opnfv-resources-title {
2209     font-size: 1.25em;
2210     margin-bottom: 0.5em;
2211 }
2212 .page-resources-library .view-resources .views-field-field-thumbnail {
2213     float: right;
2214     margin: 5px 0 20px 20px;
2215 }
2216 .page-resources-library .view-resources .views-field-field-thumbnail img {
2217     display: block;
2218     height: auto;
2219     max-width: 100%;
2220 }
2221 .page-blog .view-blogs .views-row,
2222 .page-news-faq-blog .view-blogs .views-row {
2223     margin-bottom: 2em;
2224 }
2225 .page-blog .view-blogs .views-field,
2226 .page-news-faq-blog .view-blogs .views-field {
2227     margin-bottom: 0.5em;
2228 }
2229 .page-blog .view-blogs .learn-more,
2230 .page-news-faq-blog .view-blogs .learn-more {
2231     margin: 0.5em 0;
2232 }
2233 .page-blog .view-blogs .views-field-title,
2234 .page-news-faq-blog .view-blogs .views-field-title {
2235     font-size: 1.25em;
2236 }
2237 .page-blog .view-blogs .views-field-created,
2238 .page-news-faq-blog .view-blogs .views-field-created {
2239     font-style: italic;
2240     font-size: 0.8em;
2241 }
2242 .node-blog {
2243     margin-bottom: 3em;
2244 }
2245 .node-blog .addtoany_list {
2246     display: block;
2247     padding-bottom: 20px;
2248 }
2249 .node-blog .blog_usernames_blog {
2250     display: none;
2251 }
2252 #header #header-region {
2253     clear: both;
2254 }
2255 #header .container {
2256     padding: 0px 20px 0;
2257 }
2258 #header #logo {
2259     float: left;
2260     display: block;
2261     margin-right: 1.69492%;
2262     width: 18.64407%;
2263     margin-bottom: 1em;
2264 }
2265 #header #logo:last-child {
2266     margin-right: 0;
2267 }
2268 #header #site-name {
2269     margin-top: 20px;
2270 }
2271 #header #site-name a {
2272     text-indent: -9999px;
2273     display: inline-block;
2274 }
2275 .banner-top {
2276     background-color: #fff;
2277     height: 180px;
2278 }
2279 @media screen and (min-width: 980px) {
2280     .banner-top {
2281         background: #00ADBB url(/sites/all/themes/opnfv/images/optimized/banner-bg.png) repeat 50% 50%;
2282         height: 180px;
2283     }
2284 }
2285 .sidebar .block {
2286     margin-bottom: 1.5em;
2287     background: #ecedee;
2288 }
2289 .sidebar .block .content {
2290     padding: 0 1em .5em;
2291 }
2292 .sidebar .block .view-content {
2293     margin-bottom: 1em;
2294 }
2295 .sidebar .block .view-footer {
2296     text-transform: uppercase;
2297     font-size: 0.8em;
2298 }
2299 .sidebar .block-title {
2300     font-size: 1em;
2301     color: #fff;
2302     background: #177870;
2303     padding: .5em;
2304 }
2305 #footer {
2306     background: #00ADBB;
2307 }
2308 #footer .container {
2309     padding: 20px 20px 30px;
2310 }
2311 #footer #block-block-4 {
2312     display: none;
2313 }
2314 article,
2315 aside,
2316 details,
2317 figcaption,
2318 figure,
2319 footer,
2320 header,
2321 hgroup,
2322 main,
2323 nav,
2324 section,
2325 summary {
2326     display: block;
2327 }
2328 audio,
2329 canvas,
2330 video {
2331     display: inline-block;
2332 }
2333 audio:not([controls]) {
2334     display: none;
2335     height: 0;
2336 }
2337 [hidden] {
2338     display: none;
2339 }
2340 html {
2341     font-family: sans-serif;
2342     -webkit-text-size-adjust: 100%;
2343     -ms-text-size-adjust: 100%;
2344 }
2345 body {
2346     margin: 0;
2347 }
2348 a:focus {
2349     outline: thin dotted;
2350 }
2351 a:active,
2352 a:hover {
2353     outline: 0;
2354 }
2355 h1 {
2356     font-size: 2em;
2357     margin: 0.67em 0;
2358 }
2359 abbr[title] {
2360     border-bottom: 1px dotted;
2361 }
2362 b,
2363 strong {
2364     font-weight: bold;
2365 }
2366 dfn {
2367     font-style: italic;
2368 }
2369 hr {
2370     -moz-box-sizing: content-box;
2371     box-sizing: content-box;
2372     height: 0;
2373 }
2374 mark {
2375     background: #ff0;
2376     color: #000;
2377 }
2378 code,
2379 kbd,
2380 pre,
2381 samp {
2382     font-family: monospace, serif;
2383     font-size: 1em;
2384 }
2385 pre {
2386     white-space: pre-wrap;
2387 }
2388 q {
2389     quotes: "\201C" "\201D" "\2018" "\2019";
2390 }
2391 small {
2392     font-size: 80%;
2393 }
2394 sub,
2395 sup {
2396     font-size: 75%;
2397     line-height: 0;
2398     position: relative;
2399     vertical-align: baseline;
2400 }
2401 sup {
2402     top: -0.5em;
2403 }
2404 sub {
2405     bottom: -0.25em;
2406 }
2407 img {
2408     border: 0;
2409 }
2410 svg:not(:root) {
2411     overflow: hidden;
2412 }
2413 figure {
2414     margin: 0;
2415 }
2416 fieldset {
2417     border: 1px solid #c0c0c0;
2418     margin: 0 2px;
2419     padding: 0.35em 0.625em 0.75em;
2420 }
2421 legend {
2422     border: 0;
2423     padding: 0;
2424 }
2425 button,
2426 input,
2427 select,
2428 textarea {
2429     font-family: inherit;
2430     font-size: 100%;
2431     margin: 0;
2432 }
2433 button,
2434 input {
2435     line-height: normal;
2436 }
2437 button,
2438 select {
2439     text-transform: none;
2440 }
2441 button,
2442 html input[type="button"],
2443 input[type="reset"],
2444 input[type="submit"] {
2445     -webkit-appearance: button;
2446     cursor: pointer;
2447 }
2448 button[disabled],
2449 html input[disabled] {
2450     cursor: default;
2451 }
2452 input[type="checkbox"],
2453 input[type="radio"] {
2454     box-sizing: border-box;
2455     padding: 0;
2456 }
2457 input[type="search"] {
2458     -webkit-appearance: textfield;
2459     -moz-box-sizing: content-box;
2460     -webkit-box-sizing: content-box;
2461     box-sizing: content-box;
2462 }
2463 input[type="search"]::-webkit-search-cancel-button,
2464 input[type="search"]::-webkit-search-decoration {
2465     -webkit-appearance: none;
2466 }
2467 button::-moz-focus-inner,
2468 input::-moz-focus-inner {
2469     border: 0;
2470     padding: 0;
2471 }
2472 textarea {
2473     overflow: auto;
2474     vertical-align: top;
2475 }
2476 table {
2477     border-collapse: collapse;
2478     border-spacing: 0;
2479 }