diff options
author | 2018-12-06 00:43:12 +0200 | |
---|---|---|
committer | 2019-03-20 15:28:23 +0200 | |
commit | d0bbf3b8952379883550c6eb2062476a6d15043e (patch) | |
tree | 106f65b223054077279bda7ff988a73bea314a34 /3rd_party/static/onap-ui/assets | |
parent | 5f20495d6e3ec984c4e86fd76399ddf0d042b336 (diff) |
Enable Web Portal for ONAP results
The web portal needs to be able to read test results of the ONAP
compliance program and display them.
In order for the above goal to be achieved, the following two parts
should be impacted:
1- A new front-end should be prepared in order to handle and display
the results
2- The REST API should be extended in order to support the aforementioned
operation.
JIRA: DOVETAIL-669
Change-Id: I36bbb6e602a67020d7e27aedbfc776f5cf4f3dc3
Signed-off-by: pkaralis <pkaralis@intracom-telecom.com>
Co-Authored-By: Stamatis Katsaounis <mokats@intracom-telecom.com>
Diffstat (limited to '3rd_party/static/onap-ui/assets')
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/ascend.css | 1170 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/combine.css | 4033 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/cvp-style.css | 125 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/header.css | 37 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/home/home.css | 72 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/css/index.css | 4 | ||||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/img/icon.png | bin | 0 -> 7881 bytes | |||
-rw-r--r-- | 3rd_party/static/onap-ui/assets/img/logo.png | bin | 0 -> 21360 bytes |
8 files changed, 5441 insertions, 0 deletions
diff --git a/3rd_party/static/onap-ui/assets/css/ascend.css b/3rd_party/static/onap-ui/assets/css/ascend.css new file mode 100644 index 0000000..cd7370f --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/ascend.css @@ -0,0 +1,1170 @@ +.ascend .container-wrap,
+.ascend .project-title,
+body .vc_text_separator div,
+.carousel-wrap[data-full-width="true"] .carousel-heading,
+.carousel-wrap span.left-border,
+.carousel-wrap span.right-border,
+#page-header-wrap,
+.page-header-no-bg,
+#full_width_portfolio .project-title.parallax-effect,
+.portfolio-items .col,
+.page-template-template-portfolio-php .portfolio-items .col.span_3,
+.page-template-template-portfolio-php .portfolio-items .col.span_4 {
+ background-color: #f6f6f6;
+}
+
+#call-to-action .triangle {
+ color: #f6f6f6;
+}
+
+.ascend #footer-outer #footer-widgets .col ul li,
+.ascend #sidebar div ul li,
+.ascend #sidebar .widget.widget_categories li,
+.ascend #sidebar .widget.widget_pages li,
+.ascend #sidebar .widget.widget_nav_menu li {
+ border: none !important;
+ padding: 4px 0;
+}
+
+.ascend #sidebar .widget.widget_categories li,
+.ascend #sidebar .widget.widget_pages li,
+.ascend #sidebar .widget.widget_nav_menu li,
+.ascend #footer-outer .widget.widget_categories li,
+.ascend #footer-outer .widget.widget_pages li,
+.ascend #footer-outer .widget.widget_nav_menu li {
+ padding: 4px 0 !important;
+}
+
+.ascend #sidebar .widget.widget_categories li a,
+.ascend #sidebar .widget.widget_pages li a,
+.ascend #sidebar .widget.widget_nav_menu li a,
+.ascend #footer-outer .widget.widget_categories li a,
+.ascend #footer-outer .widget.widget_pages li a,
+.ascend #footer-outer .widget.widget_nav_menu li a {
+ padding: 0 !important;
+ border: none !important;
+}
+
+.ascend.woocommerce #sidebar div ul li {
+ padding: 6px 0 !important;
+}
+
+.ascend #footer-outer #footer-widgets .col ul li a,
+.ascend #sidebar div ul li a {
+ display: block;
+}
+
+.ascend #footer-outer .widget h4,
+.ascend #sidebar h4 {
+ margin-bottom: 12px;
+}
+
+.ascend #footer-outer #copyright {
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: transparent;
+}
+
+.ascend #footer-outer[data-using-widget-area="false"] #copyright {
+ border: none;
+}
+
+.nectar-progress-bar span strong {
+ padding: 4px 0 !important;
+ background-color: transparent;
+ color: inherit;
+}
+
+.ascend {
+ background-color: #fff;
+}
+
+.nectar-progress-bar span strong:after {
+ display: none;
+}
+
+.nectar-progress-bar .bar-wrap {
+ background-color: rgba(0, 0, 0, 0.043);
+}
+
+.ascend .nectar-progress-bar .bar-wrap,
+.ascend .nectar-progress-bar span {
+ -webkit-box-shadow: none;
+ -o-box-shadow: none;
+ box-shadow: none;
+ -webkit-border-radius: 0;
+ -o-border-radius: 0;
+ border-radius: 0;
+}
+
+body .carousel-wrap[data-full-width="false"] .control-wrap {
+ right: 10px;
+ text-align: center;
+}
+
+.carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev {
+ padding-right: 10px;
+ padding-left: 10px;
+ margin-right: 0;
+}
+
+.carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
+ padding-left: 10px;
+ margin-left: 0;
+}
+
+.carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev,
+.carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
+ right: 0 !important;
+ position: relative;
+ display: block;
+ float: left;
+}
+
+.ascend .carousel-next,
+.ascend .carousel-prev {
+ background-color: transparent;
+ height: 23px;
+ width: 10px;
+ line-height: 22px;
+ font-size: 14px;
+ cursor: pointer;
+ top: 1px !important;
+ transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+ box-sizing: content-box;
+}
+
+.carousel-wrap .control-wrap .item-count {
+ height: 23px;
+ top: -1px;
+ right: -2px;
+ line-height: 22px;
+ letter-spacing: 4px;
+ position: relative;
+ display: block;
+ float: left;
+ z-index: 10;
+ cursor: pointer;
+ transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend [data-full-width="false"] .carousel-next:after,
+.ascend [data-full-width="false"] .carousel-prev:after {
+ display: block;
+ content: ' ';
+ position: absolute;
+ width: 24px;
+ height: 2px;
+ background-color: #000;
+ top: 8px;
+ opacity: 0;
+ left: -4px;
+ cursor: pointer;
+ transform: translateX(-20px);
+ transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend .light [data-full-width="false"] .carousel-next:after,
+.ascend .light [data-full-width="false"] .carousel-prev:after {
+ background-color: #fff;
+}
+
+.ascend .light .carousel-next i,
+.ascend .light .carousel-prev i {
+ color: #fff;
+}
+
+.ascend [data-full-width="false"] .carousel-next:after {
+ left: 5px;
+}
+
+.ascend [data-full-width="false"] .carousel-next:hover:after {
+ opacity: 1;
+ transform: translateX(-12px);
+}
+
+.ascend [data-full-width="false"] .carousel-prev:after {
+ transform: translateX(20px);
+}
+
+.ascend [data-full-width="false"] .carousel-prev:hover:after {
+ opacity: 1;
+ transform: translateX(0px);
+}
+
+.ascend [data-full-width="false"] .carousel-prev:hover i {
+ transform: translateX(-18px);
+}
+
+.ascend [data-full-width="false"] .carousel-prev.next-hovered,
+.ascend [data-full-width="false"] .item-count.next-hovered {
+ transform: translateX(-18px);
+}
+
+.ascend .carousel-next:hover,
+.ascend .carousel-prev:hover {
+ background-color: transparent !important;
+}
+
+.carousel-wrap[data-full-width="true"] .carousel-prev,
+.carousel-wrap[data-full-width="true"] .carousel-next {
+ border: none !important;
+}
+
+html .ascend .carousel-heading .container .carousel-prev {
+ right: 30px;
+}
+
+html .ascend[data-ext-responsive="true"] .carousel-heading .container .carousel-prev {
+ right: 40px;
+}
+
+.ascend .carousel-next i,
+.ascend .carousel-prev i {
+ color: #000;
+ font-size: 22px;
+ line-height: 17px;
+ height: 20px;
+ transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .25s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend .carousel-next:hover,
+.ascend .carousel-prev:hover {
+ border-color: transparent;
+}
+
+.ascend .light .carousel-next:hover i,
+.ascend .light .carousel-prev:hover i {
+ color: #fff;
+}
+
+.ascend .nectar-button.see-through,
+body.ascend .nectar-button.see-through,
+.swiper-slide .button a,
+body.ascend .nectar-button.see-through-2,
+.ascend .nectar-button,
+#to-top {
+ border-radius: 0 !important;
+ box-shadow: none !important;
+}
+
+.ascend #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
+ font-size: 22px !important;
+ left: 0;
+ transition: all .2s linear !important;
+ -o-transition: all .2s linear !important;
+ -webkit-transition: all .2s linear !important;
+}
+
+.ascend[data-is="minimal"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
+ font-size: 18px !important;
+}
+
+.ascend .icon-salient-cart:before {
+ content: "\e606";
+}
+
+.ascend #header-outer a.cart-contents .cart-wrap span:before {
+ display: none !important;
+}
+
+.ascend #header-outer .cart-menu .cart-icon-wrap {
+ width: 53px !important;
+}
+
+.ascend #header-outer .cart-menu {
+ padding-left: 29px;
+}
+
+.ascend #header-outer .cart-wrap {
+ top: -7px !important;
+ margin-right: 17px;
+}
+
+.ascend #header-outer .cart-menu-wrap {
+ right: 0 !important;
+}
+
+#header-outer .cart-wrap {
+ font-size: 11px;
+}
+
+.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn {
+ margin-left: 1px !important;
+ visibility: hidden;
+}
+
+.ascend #header-outer[data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn {
+ margin-left: 22px !important;
+}
+
+.ascend #header-outer[data-full-width="true"][data-cart="true"] header#top nav ul .slide-out-widget-area-toggle {
+ margin-left: 82px !important;
+ margin-right: -82px;
+ visibility: hidden;
+ position: relative;
+}
+
+.ascend[data-user-set-ocm="1"] #header-outer[data-full-width="true"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle {
+ visibility: hidden;
+ margin-right: -30px;
+ margin-left: 28px;
+}
+
+.ascend[data-header-search="false"] #header-outer[data-full-width="true"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle {
+ margin-left: 18px;
+}
+
+.ascend[data-header-search="false"] #header-outer[data-full-width="true"][data-cart="false"][data-format="centered-menu"] header#top nav ul #social-in-menu {
+ margin-right: 13px;
+}
+
+.ascend[data-header-search="false"] #header-outer[data-full-width="true"][data-cart="true"] header#top nav ul .slide-out-widget-area-toggle {
+ margin-left: 102px !important;
+}
+
+.ascend[data-slide-out-widget-area="true"] #header-outer[data-full-width="true"] .cart-menu-wrap {
+ right: 80px !important;
+}
+
+.ascend[data-slide-out-widget-area="true"] #header-outer[data-full-width="true"] .cart-outer[data-user-set-ocm="off"] .cart-menu-wrap {
+ right: 0 !important;
+}
+
+.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a {
+ padding-left: 25px !important;
+ padding-right: 25px !important;
+}
+
+.ascend #header-outer[data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
+ padding-left: 28px !important;
+ padding-right: 28px !important;
+}
+
+.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul #search-btn a,
+.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
+ border-left: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a,
+.ascend #header-outer[data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
+ border-left: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+.ascend[data-header-color="dark"] #header-outer[data-full-width="true"] header#top nav ul #search-btn a,
+body.ascend[data-header-color="dark"] #header-outer .cart-menu,
+.ascend[data-header-color="dark"] #header-outer[data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a {
+ border-left: 1px solid rgba(255, 255, 255, 0.13);
+}
+
+.ascend #header-outer[data-full-width="true"][data-cart="true"] header#top nav > ul.buttons,
+.ascend #header-outer[data-full-width="true"] header#top nav > ul.product_added.buttons,
+.ascend #boxed #header-outer[data-cart="true"] header#top nav > ul.buttons,
+.ascend #boxed #header-outer header#top nav > ul.product_added.buttons {
+ padding-right: 55px !important;
+}
+
+.ascend[data-header-search="false"][data-slide-out-widget-area="false"] #header-outer[data-full-width="true"][data-cart="true"] header#top nav > ul.buttons,
+.ascend[data-header-search="false"][data-slide-out-widget-area="false"] #header-outer[data-full-width="true"] header#top nav > ul.product_added.buttons,
+.ascend[data-header-search="false"][data-slide-out-widget-area="false"] #boxed #header-outer[data-cart="true"] header#top nav > ul.buttons,
+.ascend[data-header-search="false"][data-slide-out-widget-area="false"] #boxed #header-outer header#top nav > ul.product_added.buttons {
+ padding-right: 80px !important;
+}
+
+@media only screen and (min-width: 1000px) {
+.ascend #header-outer[data-full-width="true"][data-cart="false"] header > .container #search-btn {
+ margin-right: -28px !important;
+}
+}
+
+.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn > div {
+ border: none !important;
+}
+
+.ascend #header-outer a.cart-contents .cart-wrap span {
+ border-radius: 99px !important;
+ font: bold 11px/16px Arial;
+ line-height: 18px !important;
+ width: 18px !important;
+ padding: 0 1px !important;
+ visibility: hidden;
+}
+
+.ascend #header-outer .sf-menu ul li a {
+ border-bottom: none;
+}
+
+.ascend #header-outer .first-load a.cart-contents .cart-wrap span {
+ visibility: visible;
+ animation: .6s ease-in-out .12s normal both 1 bounce_in_animation;
+ -webkit-animation: .6s ease-in-out .12s normal both 1 bounce_in_animation;
+}
+
+.ascend #header-outer .static a.cart-contents span {
+ visibility: visible;
+}
+
+.ascend #header-outer .has_products .cart-menu .cart-icon-wrap .icon-salient-cart {
+ transition: all .2s linear !important;
+ -o-transition: all .2s linear !important;
+ -webkit-transition: all .2s linear !important;
+}
+
+body.ascend #header-outer .cart-menu {
+ border-left: 1px solid rgba(0, 0, 0, 0.07);
+ background-color: transparent !important;
+}
+
+body.ascend #boxed #header-outer .cart-menu-wrap {
+ position: absolute !important;
+ top: 0 !important;
+ box-shadow: none !important;
+}
+
+body.ascend #boxed #header-outer .widget_shopping_cart,
+body.ascend.woocommerce #boxed .cart-notification {
+ position: absolute !important;
+}
+
+body.ascend #boxed #header-outer .cart-menu-wrap .cart-menu {
+ box-shadow: none !important;
+}
+
+header#top #mobile-cart-link i {
+ line-height: 36px !important;
+}
+
+body[data-is="minimal"] header#top #mobile-cart-link i {
+ line-height: 34px !important;
+}
+
+body.ascend #search-outer {
+ background-color: rgba(255, 255, 255, 0.96) !important;
+ height: 95% !important;
+ position: fixed;
+ transform: rotateX(90deg);
+ padding: 0;
+ z-index: 1010 !important;
+}
+
+body.ascend #search-outer .container {
+ height: auto !important;
+ float: none !important;
+ width: 100% !important;
+ padding: 0 40px;
+ position: static;
+}
+
+#header-outer #search {
+ position: static !important;
+}
+
+body.ascend #search-outer #search input[type="text"] {
+ color: #000 !important;
+ height: auto !important;
+ font-size: 80px !important;
+ text-align: center !important;
+}
+
+#search-outer > #search form {
+ width: 100% !important;
+ float: none !important;
+}
+
+#search-outer > #search form,
+#search-outer #search .span_12 span {
+ opacity: 0;
+ position: relative;
+}
+
+#search-outer #search #close {
+ position: absolute;
+ top: 25px;
+ right: 25px;
+}
+
+#search-outer #search #close a {
+ right :0 !important;
+ top: 0 !important;
+ transition: all .47s cubic-bezier(0.3, 1, 0.3, 0.95) 0;
+ -webkit-transition: all .47s cubic-bezier(0.3, 1, 0.3, 0.95) 0;
+}
+
+#search-outer #search #close a:hover {
+ -ms-transform: rotate(90deg) translateZ(0);
+ -webkit-transform: rotate(90deg) translateZ(0);
+ transform: rotate(90deg) translateZ(0);
+}
+
+#search-outer #search .span_12 span {
+ text-align: center;
+ display: block;
+ color: rgba(0, 0, 0, 0.4);
+ margin-top: 15px;
+}
+
+#boxed #search-outer {
+ width: auto !important;
+ min-width: 1200px;
+ left: auto !important;
+}
+
+body.ascend #search-outer #search #close a span {
+ color: #000;
+}
+
+body.ascend #search-outer .ui-widget-content {
+ top: 90px !important;
+}
+
+.ascend #search-results .result span.bottom-line,
+.ascend .masonry-blog-item span.bottom-line,
+.ascend .masonry-blog-item .more-link {
+ display: none;
+}
+
+.ascend .masonry-blog-item .inner-wrap,
+.ascend .masonry-blog-item .mejs-container .mejs-controls {
+ box-shadow: none !important;
+}
+
+.ascend .masonry-blog-item .post-meta {
+ padding: 0 18px 18px !important;
+}
+
+.ascend .post .nectar-love-wrap {
+ line-height: 20px;
+}
+
+.ascend .masonry-blog-item .inner-wrap {
+ padding: 0;
+}
+
+.ascend .masonry-blog-item .content-inner .post-featured-img img,
+.ascend .masonry-blog-item .more-link,
+#post-area.masonry article.post .quote-inner,
+#post-area.masonry article.post .link-inner,
+#post-area.masonry article.post .status-inner,
+#post-area.masonry article.post .aside-inner {
+ margin-bottom: 0 !important;
+}
+
+.ascend .masonry-blog-item .content-inner {
+ padding-bottom: 0 !important;
+ border: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.ascend .masonry-blog-item .article-content-wrap {
+ padding: 16px 18px 18px !important;
+}
+
+.ascend #post-area.masonry article.post.quote .post-content .post-meta,
+.ascend #post-area.masonry article.post.link .post-content .post-meta,
+.ascend #post-area.masonry article.format-status .post-content .post-meta,
+.ascend #post-area.masonry article.post.format-aside .post-meta {
+ display: none !important;
+}
+
+.ascend article.post .content-inner {
+ border: none !important;
+}
+
+.ascend #author-bio {
+ padding-bottom: 20px;
+ border: none;
+ text-align: center;
+}
+
+.ascend #author-bio img {
+ display: block;
+ margin: 0 auto;
+ margin-bottom: 15px !important;
+ position: relative;
+}
+
+.ascend #author-bio h3 span,
+.ascend .comments-section .comment-wrap.full-width-section > h3 span {
+ display: block;
+ margin-bottom: 5px;
+ line-height: 12px;
+ font-size: 12px;
+ text-transform: none;
+}
+
+.ascend .container-wrap #author-bio #author-info {
+ width: 600px !important;
+ margin: 0 auto;
+ padding-left: 0 !important;
+}
+
+.ascend .container-wrap #author-bio #author-info p {
+ max-width:70%;
+ margin:0 auto;
+}
+
+.ascend #author-bio .nectar-button {
+ margin-top: 20px;
+}
+
+.ascend #author-bio .avatar {
+ border-radius: 100%;
+}
+
+.ascend .comment-list {
+ margin-bottom: 0 !important;
+}
+
+.ascend .comment-list .reply {
+ top: 7px;
+}
+
+.ascend .comment-list .reply a {
+ color: #000;
+ background-color: transparent;
+ border-radius: 0 !important;
+}
+
+html .ascend .comment-list .reply a:hover {
+ color: #fff !important;
+}
+
+.ascend #respond {
+ margin-top: 80px !important;
+}
+
+.ascend h3#comments {
+ text-align: center;
+}
+
+.comment-list li.comment > div,
+.comment-list li.pingback > div {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ padding-left: 85px !important;
+ padding-bottom: 0 !important;
+ padding-top: 0 !important;
+ margin-top: 4em !important;
+}
+
+.comment-list li.comment > div img.avatar,
+.comment-list li.pingback > div img.avatar {
+ left: 0 !important;
+ border-radius: 100%;
+ top: 0 !important;
+}
+
+.comment-list li.comment > div p,
+.comment-list li.pingback > div p {
+ margin-top: 30px;
+}
+
+.comment-list .children {
+ background-position:left 30px !important;
+ margin-left: 26px !important;
+ padding-left: 40px !important;
+}
+
+.comment-list .says {
+ display: none;
+}
+
+.ascend #reply-title {
+ margin-bottom: 50px;
+ text-align: center !important;
+}
+
+.ascend.single-product #reply-title,
+.ascend.single-product #commentform .form-submit {
+ text-align: left !important;
+}
+
+.ascend .comment #reply-title {
+ text-align: left !important;
+}
+
+.ascend #respond #cancel-comment-reply-link {
+ padding-left: 15px;
+}
+
+.ascend .comment-wrap {
+ padding-top: 0 !important;
+ margin-top: 0 !important;
+}
+
+.ascend.single-portfolio .comment-wrap {
+ margin-top: 30px !important;
+}
+
+.ascend .comment-wrap h3#comments {
+ padding-top: 80px;
+}
+
+.ascend #author-bio.no-pagination,
+.ascend .comment-wrap {
+ border-top: 1px solid #999;
+}
+
+.ascend .comments-section[data-author-bio="false"] .comment-wrap {
+ border: none;
+}
+
+.ascend .comment-list {
+ padding-bottom: 80px;
+ border-bottom: 1px solid #999;
+}
+
+.ascend #author-bio.no-pagination.lighter-grey,
+.ascend .comment-wrap.lighter-grey {
+ border-color: #ddd;
+}
+
+.ascend .comment-wrap,
+.ascend #author-bio {
+ padding-top: 80px;
+}
+
+.single-post.ascend #page-header-bg.fullscreen-header,
+.single-post #single-below-header.fullscreen-header {
+ background-color: #f6f6f6;
+}
+
+.single-post.ascend #single-below-header.fullscreen-header {
+ border-top: 1px solid #DDD;
+ border-bottom: none !important;
+}
+
+.tagcloud a,
+#header-outer .widget_shopping_cart a.button,
+article.post .more-link span,
+.blog-recent .more-link span {
+ border-radius: 0 !important;
+}
+
+.flex-direction-nav a,
+#pagination span,
+#pagination a,
+#pagination .next.inactive,
+#pagination .prev.inactive,
+.woocommerce nav.woocommerce-pagination ul li a,
+.woocommerce .container-wrap nav.woocommerce-pagination ul li span {
+ border-radius: 0 !important;
+}
+
+.ascend .col.boxed,
+.ascend .wpb_column.boxed {
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ padding: 25px 15px 15px;
+ position: relative;
+ -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;
+ -moz-transition: transform .2s linear,-moz-box-shadow .2s linear;
+ transition: transform .2s linear,box-shadow .2s linear;
+ top: 0 !important;
+}
+
+.ascend .col.boxed:hover,
+.ascend .wpb_column.boxed:hover {
+ -ms-transform: translateY(-4px) !important;
+ -webkit-transform: translateY(-4px) !important;
+ transform: translateY(-4px) !important;
+ -webkit-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);
+ -moz-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);
+ -o-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);
+ box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13) !important;
+}
+
+.ascend a.pp_arrow_previous,
+.ascend a.pp_arrow_next,
+.ascend .mfp-arrow-right,
+.ascend .mfp-arrow-left,
+.woocommerce .pswp__button--arrow--right,
+.woocommerce .pswp__button--arrow--left {
+ overflow: visible;
+ height: 40px;
+ width: 40px;
+ border-radius: 100px;
+ border: 2px solid rgba(255, 255, 255, 0.4);
+}
+
+.woocommerce .pswp__button--arrow--right:before,
+.woocommerce .pswp__button--arrow--left:before {
+ background-image: none;
+ line-height: 40px !important;
+ height: 40px !important;
+ width: 36px !important;
+}
+
+a.pp_arrow_previous {
+ left: 30px;
+}
+
+a.pp_arrow_next {
+ right: 30px;
+}
+
+.ascend a.pp_arrow_next:hover,
+.ascend a.pp_arrow_previous:hover,
+.ascend .mfp-arrow-right:hover,
+.ascend .mfp-arrow-left:hover,
+.woocommerce .pswp__button--arrow--right:hover,
+.woocommerce .pswp__button--arrow--left:hover {
+ border: 2px solid rgba(255, 255, 255, 0);
+}
+
+.ascend a.pp_arrow_previous .icon-default-style {
+ border-radius:0 !important;
+ width: 20px !important;
+ height: 40px !important;
+ line-height: 39px !important;
+ font-size: 24px !important;
+ font-family: FontAwesome !important;
+ margin-top: 0 !important;
+ left: -1px;
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend .mfp-arrow-left,
+.woocommerce .pswp__button--arrow--left {
+ height: 40px !important;
+ line-height: 40px !important;
+ font-size: 24px !important;
+ font-family: FontAwesome !important;
+ margin-top: 0 !important;
+ opacity: 1;
+ left: 40px;
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend a.pp_arrow_next .icon-default-style {
+ border-radius: 0 !important;
+ width: 20px !important;
+ line-height: 39px !important;
+ height: 40px !important;
+ font-size: 24px !important;
+ margin-top: 0 !important;
+ font-family: FontAwesome !important;
+ left: 1px;
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend .mfp-arrow-right,
+.woocommerce .pswp__button--arrow--right {
+ line-height: 40px !important;
+ height: 40px !important;
+ font-size: 24px !important;
+ margin-top: 0 !important;
+ font-family: FontAwesome !important;
+ opacity: 1;
+ right: 40px;
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend a.pp_arrow_previous .icon-default-style:after,
+.ascend a.pp_arrow_next .icon-default-style:after,
+.ascend .mfp-arrow-left:after,
+.ascend .mfp-arrow-right:after,
+.woocommerce .pswp__button--arrow--right:after,
+.woocommerce .pswp__button--arrow--left:after {
+ display: block;
+ content: ' ';
+ position: absolute;
+ width: 36px;
+ height: 2px;
+ background-color: #fff;
+ top: 19px;
+ opacity: 0;
+ left: -6px;
+ cursor: pointer;
+ transform: translateX(-37px);
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ pointer-events: none;
+}
+
+.ascend .mfp-arrow-left:after,
+.ascend .mfp-arrow-right:after,
+.woocommerce .pswp__button--arrow--right:after,
+.woocommerce .pswp__button--arrow--left:after {
+ top: 17px;
+ -ms-transform: translateX(-27px);
+ -webkit-transform: translateX(-27px);
+ transform: translateX(-27px);
+}
+
+.ascend .mfp-arrow-left:after,
+.woocommerce .pswp__button--arrow--left:after {
+ left: 65px;
+}
+
+.ascend a.pp_arrow_previous .icon-default-style:after {
+ left: 59px;
+}
+
+.ascend a.pp_arrow_previous .icon-default-style:before,
+.mfp-arrow-left:before,
+.woocommerce .pswp__button--arrow--left:before {
+ content: "\f104";
+ color: #fff;
+}
+
+.mfp-arrow-left:before,
+.woocommerce .pswp__button--arrow--left:before {
+ top: -3px;
+ left: -1px;
+ display: block;
+ position: relative;
+ transition: all .35s cubic-bezier(0.12, 0.75 , 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+}
+
+.ascend a.pp_arrow_next .icon-default-style:before,
+.mfp-arrow-right:before,
+.woocommerce .pswp__button--arrow--right:before {
+ content: "\f105";
+ color: #fff;
+}
+
+.mfp-arrow-right:before,
+.woocommerce .pswp__button--arrow--right:before {
+ top: -3px;
+ right: -1px;
+ display: block;
+ transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ -webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
+ position: relative;
+}
+
+.ascend a.pp_arrow_next:hover .icon-default-style:after,
+.mfp-arrow-right:hover:after,
+.woocommerce .pswp__button--arrow--right:hover:after {
+ opacity: 1;
+ -ms-transform: translateX(-18px);
+ -webkit-transform: translateX(-18px);
+ transform: translateX(-18px);
+}
+
+.mfp-arrow-right:hover:before,
+.woocommerce .pswp__button--arrow--right:hover:before {
+ -ms-transform: translateX(9px);
+ -webkit-transform: translateX(9px);
+ transform: translateX(9px);
+}
+
+.mfp-arrow-left:hover:before,
+.woocommerce .pswp__button--arrow--left:hover:before {
+ -ms-transform: translateX(-9px);
+ -webkit-transform: translateX(-9px);
+ transform: translateX(-9px);
+}
+
+.mfp-arrow-right:hover:after,
+.woocommerce .pswp__button--arrow--right:hover:after {
+ -ms-transform: translateX(-1px);
+ -webkit-transform: translateX(-1px);
+ transform: translateX(-1px);
+}
+
+.ascend a.pp_arrow_next:hover .icon-default-style {
+ -ms-transform: translateX(7px);
+ -webkit-transform: translateX(7px);
+ transform: translateX(7px);
+}
+
+.ascend a.pp_arrow_previous:hover .icon-default-style:after,
+.mfp-arrow-left:hover:after,
+.woocommerce .pswp__button--arrow--left:hover:after {
+ opacity: 1;
+ -ms-transform: translateX(-51px);
+ -webkit-transform: translateX(-51px);
+ transform: translateX(-51px);
+}
+
+.mfp-arrow-left:hover:after,
+.woocommerce .pswp__button--arrow--left:hover:after {
+ -ms-transform: translateX(-58px);
+ -webkit-transform: translateX(-58px);
+ transform: translateX(-58px);
+}
+
+.ascend a.pp_arrow_previous:hover .icon-default-style {
+ -ms-transform: translateX(-7px);
+ -webkit-transform: translateX(-7px);
+ transform: translateX(-7px);
+}
+
+.container-wrap input[type="text"],
+.container-wrap textarea,
+.container-wrap input[type="email"],
+.container-wrap input[type="password"],
+.container-wrap input[type="tel"],
+.container-wrap input[type="url"],
+.container-wrap input[type="search"],
+.container-wrap input[type="date"] {
+ background-color: transparent !important;
+ border: 1px solid #ccc !important;
+ -webkit-box-shadow: none !important;
+ -o-box-shadow: none !important;
+ box-shadow: none !important;
+ font-size: 16px !important;
+ padding: 16px !important;
+}
+
+.container-wrap input[type="text"]:focus,
+.container-wrap textarea:focus,
+.container-wrap input[type="email"]:focus,
+.container-wrap input[type="password"]:focus,
+.container-wrap input[type="tel"]:focus,
+.container-wrap input[type="url"]:focus,
+.container-wrap input[type="search"]:focus,
+.container-wrap input[type="date"]:focus {
+ border-color: #999 !important;
+}
+
+.ascend #commentform .form-submit {
+ text-align: center;
+ padding-bottom: 50px;
+ margin-top: 20px;
+}
+
+.ascend .container-wrap input[type="submit"],
+.ascend .container-wrap button[type="submit"],
+.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
+ padding: 16px !important;
+ border-radius: 0 !important;
+}
+
+body[data-button-style="rounded"].ascend .container-wrap input[type="submit"],
+body[data-button-style="rounded"].ascend .container-wrap button[type="submit"] {
+ padding: 16px 23px !important;
+}
+
+body[data-button-style="rounded"][data-form-submit="see-through"].ascend .container-wrap .widget_search input[type="submit"],
+body[data-button-style="rounded"][data-form-submit="see-through"].ascend .container-wrap .widget_search button[type="submit"] {
+ padding: 12px 23px !important;
+}
+
+.ascend .woocommerce .actions .button {
+ height: auto !important;
+ padding: 14px !important;
+}
+
+.ascend .cart .quantity input.plus,
+.ascend .cart .quantity input.minus {
+ font-weight: 400 !important;
+ height: 46px;
+ font-size: 16px;
+ width: 46px;
+}
+
+.ascend .cart .quantity input.qty {
+ height: 46px;
+ width: 46px;
+}
+
+.ascend .widget_search .search-form input[type=submit],
+.ascend .newsletter-widget form input[type=submit] {
+ line-height: 24px;
+}
+
+.container-wrap .span_12.light input[type="text"],
+.container-wrap .span_12.light textarea,
+.container-wrap .span_12.light input[type="email"],
+.container-wrap .span_12.light input[type="password"],
+.container-wrap .span_12.light input[type="tel"],
+.container-wrap .span_12.light input[type="url"],
+.container-wrap .span_12.light input[type="search"],
+.container-wrap .span_12.light input[type="date"] {
+ border: 1px solid rgba(255, 255, 255, 0.6) !important;
+ color: #fff;
+}
+
+.container-wrap .span_12.light input[type="text"]:focus,
+.container-wrap .span_12.light textarea:focus,
+.container-wrap .span_12.light input[type="email"]:focus,
+.container-wrap .span_12.light input[type="password"]:focus,
+.container-wrap .span_12.light input[type="tel"]:focus,
+.container-wrap .span_12.light input[type="url"]:focus,
+.container-wrap .span_12.light input[type="search"]:focus,
+.container-wrap .span_12.light input[type="date"]:focus {
+ border: 1px solid rgba(255, 255, 255, 0.8) !important;
+}
+
+.container-wrap .span_12.light input[type="submit"]:hover {
+ background-color: #333 !important;
+ opacity: .8 !important;
+}
+
+/* RTL */
+.rtl .comment-list li.comment > div,
+.rtl .comment-list li.pingback > div {
+ padding-right: 85px !important;
+ padding-left: 25px !important;
+}
+
+.rtl .comment-list li.comment > div img.avatar,
+.rtl .comment-list li.pingback > div img.avatar {
+ right: 0 !important;
+ left: auto !important;
+}
+
+body.rtl .carousel-wrap[data-full-width="false"] .control-wrap {
+ left: 0px;
+ right: auto;
+}
+
+.rtl .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev {
+ margin-left: 0;
+}
+
+.rtl .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev,
+.carousel-wrap[data-full-width="false"] .control-wrap .carousel-next {
+ left: 0 !important;
+ right: auto !important;
+}
+
+.rtl .carousel-wrap[data-full-width="false"] .control-wrap .item-count {
+ left: -2px;
+ right: auto;
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-prev.next-hovered,
+.rtl.ascend [data-full-width="false"] .item-count.next-hovered {
+ transform: translateX(0px);
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-next:hover {
+ transform: translateX(18px);
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-prev:hover ~ .carousel-next ,
+.rtl.ascend [data-full-width="false"] .carousel-prev:hover ~ .item-count {
+ transform: translateX(18px);
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-prev:hover i {
+ transform: translateX(0px);
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-prev:after {
+ transform: translateX(30px);
+}
+
+.rtl.ascend [data-full-width="false"] .carousel-prev:hover:after {
+ opacity: 1;
+ transform: translateX(18px);
+}
+
+body a {
+ color: #1080A7;
+}
diff --git a/3rd_party/static/onap-ui/assets/css/combine.css b/3rd_party/static/onap-ui/assets/css/combine.css new file mode 100644 index 0000000..ce80767 --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/combine.css @@ -0,0 +1,4033 @@ +html { + overflow-y: scroll; +} + +hr { + height: 1px !important; +} + +h3 { + margin-top: 10px; + margin-bottom: 10px; +} + +a, +a:visited { + color: #bc1518; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.center { + text-align: center; +} + +@media (max-width: 950px) { + .defaultSkin table.mceLayout { + width: 100% !important; + } +} + +/* fix for input-group bootstrap */ +.input-group .input-group-btn .btn { + height: 34px; +} + +/* @group Navigation */ +#navigation { + display: block; + background: url('/themes/openstack/images/header-line.gif') repeat-x 0 bottom; + padding-bottom: 1px; +} + +#navigation * { + padding: 0; + margin: 0; +} + +#navigation ul { + display: block; + margin: 0 auto; +} + +#navigation li { + display: block; + float: left; + margin-right: 20px; +} + +#navigation li a { + display: block; + font-weight: normal; + text-decoration: none; + background-position: 50% 0; + padding: 20px 0 5px; + color: #353535; + font-size: 14px; +} + +#navigation li a.current, +#navigation li a.section { + border-bottom: 3px solid #cf2f19; + color: #cf2f19; +} + +/* @group Auto-clearing */ +#navigation:after, +#navigation ul:after, +#header:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#navigation, +#navigation ul, +#header:after { + display: inline-block; +} + +/* Hides from IE-mac \*/ +* html #navigation, +* html #navigation ul { + height: 1%; +} + +#navigation, +#navigation ul, +#header:after { + display: block; +} + +/* End hide from IE-mac */ +/* @end */ +#logo a { + display: block; + margin-top: 8px; + text-indent: -1000em; + background: url('/themes/openstack/images/open-stack-cloud-computing-logo-2.png') no-repeat left center; + height: 54px; + width: 177px; + margin-left: -10px; +} + +#header { + margin-bottom: 0px; + margin-top: 20px; +} + +/* @end */ +/* @group Tabs */ +.tabContentHidden { + display: none; +} + +.tabTops { + border: 1px solid black; + border-bottom: none; +} + +#subnav li { + list-style-type: none; + margin-bottom: 5px; + padding: 0; +} + +#subnav ul { + padding-left: 0px; + margin-right: 0px; +} + +#subnav ul.overviewNav li a { + display: block; + padding: 10px 20px 10px 42px; + text-decoration: none; + color: black; + background-color: #e9e9e9; + background-image: none; + text-align: right; + margin-right: 40px; +} + +#subnav ul.overviewNav li a:hover { + background-color: #d6d6d6; + -webkit-transition: background-color 1s ease-out; +} + +ul.subsectionNav li.current a { + background-color: #c4e0e9; + -webkit-transition: background-color 1s ease-out; +} + +.subsectionNav a[href*="/essex/"] { + background-color: #E9E9E9 !important; +} + +.subsectionNav a[href*="/start/"] { + background-color: #D5EFD4 !important; + margin-top: 30px; +} + +.subsectionNav a[href*="/marketplace/training/"] { + margin-top: 30px; +} + +.overviewNav li.active, +.subsectionNav li.active { + background: url('/themes/openstack/images/pointer-arrow.gif') no-repeat right center; +} + +#subnav ul li { + text-align: right; +} + +ul.subsectionNav li a { + display: block; + padding: 10px 20px 10px 42px; + text-decoration: none; + color: black; + background: #e2ecef none no-repeat 5px center; + margin-right: 40px; +} + +ul.subsectionNav li a:hover { + background-color: #c4e0e9; + -webkit-transition: background-color 1s ease-out; +} + +ul.tabs { + padding: 0 2px 0 0; + white-space: nowrap; + list-style-type: none; + display: block; + zoom: 1; + margin-right: 0px; + clear: both; + border-bottom: 1px solid #d8d8d8; + background-color: #ececec; +} + +.tabSet { + margin: auto; + background-color: #f5f5f5; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 1px solid #d8d8d8; + border-top: 1px solid #bcbcbc; +} + +#home .tabSet { + margin-top: 45px; +} + +.featureHeader { + margin-left: 20px; + margin-top: 20px; +} + +.tabs li { + cursor: pointer; + display: inline; + margin-right: -3px; + padding: 0px; +} + +.tabs li a { + margin: 0px; + display: inline-block; + color: #41728d; + font-size: 13px; + font-family: 'PT Sans', serif; + padding: 6px 14px; + text-shadow: #fff 0px 1px 1px; + border-right: 1px solid #d8d8d8; + width: 160px; + text-align: center; +} + +.tabs li a:hover { + background-color: #eee; + text-decoration: none; +} + +.tabs li.active a { + cursor: default; + text-decoration: none; + position: relative; + color: black; + background-color: #f5f5f5; + border-bottom: 1px solid #f5f5f5; + margin-bottom: -1px; + border-top: 1px white solid; + font-weight: bold; +} + +.tabs li#showcode a { + background: #6b90da; + padding-bottom: 6px; + font-weight: bold; + color: #fff; +} + +/* @end */ +/* @group Buttons */ +a.button { + font-family: 'PT Sans', serif; + border: 1px solid #ccc; + padding: 3px 30px; + color: #525252; + text-decoration: none; + font-size: 14px; + line-height: 3em; + -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + text-shadow: #fff 0px 1px 1px; + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bebebe)); + background: #ddd; +} + +a.button:hover { + color: black; + -webkit-transition: color 1s ease-out; +} + +a.button:active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + background: #ababab; + background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd)); + -webkit-transition: none; + padding: 4px 29px 2px 31px !important; +} + +/* @end */ +/* @group Rounded Buttons */ +.roundedButton, +input.action { + font-family: 'PT Sans', serif; + border: 1px solid #e2e2e2; + padding: 4px 15px; + color: black !important; + text-decoration: none !important; + font-size: 12.5px; + line-height: 3em; + background: #FFFFFF; + /* old browsers */ + /* firefox */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #F3F3F3), color-stop(100%, #EBEBEB)); + /* webkit */ + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + text-shadow: #fff 0px 1px 1px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border-bottom-color: #a0a0a0; + border-right-color: #bababa; + border-left-color: #bababa; +} + +.roundedButton:hover, +input.action:hover { + color: black; + -webkit-transition: color 1s ease-out; + cursor: pointer; +} + +a.roundedButton:active, +input.action:active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + background: #ababab; + background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd)); + -webkit-transition: none; + padding: 4px 15px; +} + +input.action { + line-height: 1.2em !important; +} + +/* @end */ +.subhead { + color: #cf2f19; + font-size: 16px; + border-bottom: 1px dotted; + padding-bottom: 5px; + border-color: #c5e2ea; + margin-bottom: 20px; +} + +/* @group projects page */ +.projectsPage h1, +.communityPage h1, +#blog h1 { + color: #264d69; + font-size: 24px; +} + +.projectsPage h2 { + color: #264d69; + font-size: 17px; +} + +#subnav { + padding-top: 38px; +} + +.note { + color: #33730a; + background: #e2f4dc url('/themes/openstack/images/side-note-pointer.gif') no-repeat left center; +} + +.note a { + color: #33730a; + text-decoration: underline; +} + +.note p { + margin-left: 8px; + padding: 10px; + margin-bottom: 0px; + border-bottom: 1px solid #b5c8a8; +} + +a#CitrixVideo { + display: block; + padding-top: 93px; + background: url('/themes/openstack/images/citrix-video-thumbnail.jpg') no-repeat; + color: #aeaeae; + text-decoration: none; + margin-top: 3px; +} + +h3.videoHeader { + color: #939393; + font-size: 14px; +} + +a.downloadLink { + text-decoration: none; + color: white; + font-family: helvetica, arial; + font-weight: bold; + display: block; + width: 250px; + text-align: center; + position: relative; + padding: 3px; + margin-bottom: 5px; + margin-top: 5px; + /* BORDER RADIUS */ + border-radius: 5px; + background-color: #989996; + border: 2px solid white; +} + +/* @end */ +#footer { + margin-top: 30px; +} + +/* @group compute */ +.projectVitals { + border-top: 1px solid #c5e2ea; + padding-top: 10px; +} + +.projectVitals h3 { + font-size: 16px; + color: #264d69; +} + +#status { + padding: 12px; + color: #1d6006; + background-color: #e2f4dc; + border: 1px solid #b5c8a8; + margin-bottom: 10px; + height: 9em; +} + +#status strong { + font-size: 120%; +} + +#availability { + line-height: 1.4em; + padding: 12px; + color: #747474; + background-color: #f6f8f8; + border: 1px solid #d4d5d5; + margin-bottom: 10px; + height: 9em; +} + +.projectVitals h4 { + font-size: 14px; + color: #797979; + margin-bottom: 4px; +} + +#status p, +#availability p { + margin: 0px; +} + +#parallax { + background: #2f3134; + position: relative; + overflow: hidden; + width: 60em; + height: 300px; + margin: 1.5em 0; +} + +/* @group FAQ */ +.faqs .span-5 { + font-size: 14px; + color: #707070; + font-weight: bold; +} + +.faqs hr { + padding: 0px; +} + +.faqs div { + margin-bottom: 20px; +} + +/* @end */ +/* @end */ +/* @group community page */ +.communityBox { + height: 213px; + background: #f8f8f8 url('/themes/openstack/images/community-box-headers.png') no-repeat 0 0; +} + +#userResources { + background-position: -200px 0; +} + +#devCenter { + background-position: -400px 0; +} + +.communityBox p, +.communityBox h2 { + margin: 15px; +} + +.communityBox, +.communityBox a, +.communityBox a.visited { + color: #6b6b6b; +} + +.communityBox a { + text-decoration: underline; +} + +.communityBox h2 { + color: black; + font-size: 17px; + margin-top: 60px; +} + +.participants h2, +.communityResources h2 { + font-size: 16px; + color: #264d69; + margin-top: 30px; + padding-top: 10px; + border-top: 1px dotted #c5e2ea; +} + +#designSummit h2 { + text-indent: -1000px; + height: 222px; + margin-top: -9px; + margin-bottom: 10px; + background: url('/themes/openstack/images/openstack-design-summit-community.jpg') no-repeat 0 0; +} + +#designSummit { + color: #6b6b6b; +} + +#designSummit strong { + color: black; + font-weight: normal; +} + +/* @end */ +/* @group blog */ +#blog h2 { + color: #5189a0; + font-size: 15px; + margin-bottom: 0px; +} + +#blog h2 a { + background-color: #eaeaea; + text-align: center; + padding: 1px; + padding-left: 7px; + padding-right: 7px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #757575; + font-size: 0.7em; + text-decoration: none; +} + +div.byline { + border-bottom: 1px dotted #c5e2ea; + border-top: 1px dotted #c5e2ea; + margin-bottom: 10px; + padding: 2px 0; +} + +div.byline p { + margin: 0px; +} + +div.byline .postDate { + text-align: right; +} + +div.byline p.name a, +div.byline p.name a:visited { + color: #cf2f19; + text-decoration: none; +} + +div.socialMedia { + background-color: #eef3f5; + margin-bottom: 20px; +} + +div.socialMedia div { + padding: 10px; +} + +div.socialMedia h4 { + margin-bottom: 2px; +} + +div.socialMedia p { + margin-bottom: 0px; +} + +div.socialMedia div.twitter { + border-bottom: 1px dotted #c5e2ea; +} + +#blog h3 { + margin-bottom: 5px; + font-size: 12px; +} + +/* @end */ +/* @group Brand */ +div.termsBox { + border: 1px solid #c6e2ea; + padding: 10px; + height: 300px; + overflow: scroll; + margin-bottom: 10px; +} + +.termsBox h3, +#openstack-trademark-policy h3 { + font-size: 100%; + font-weight: bold; +} + +.termsBox a { + color: inherit; + text-decoration: underline; +} + +#zenbox_tab { + top: 34% !important; + min-width: 109px !important; + line-height: 0px !important; +} + +/* @end */ +/* @group quotes */ +ul#quotes { + margin-left: 0px; + padding-left: 0px; + margin-top: 10px; +} + +ul#quotes li { + list-style-type: none; +} + +ul#quotes li p { + line-height: 1.4em; +} + +ul#quotes p { + font-size: 16px; + font-family: 'PT Sans', serif; + margin-bottom: 0px; + color: black; + line-height: 1.2em; + padding: 10px; + padding-bottom: 0px; +} + +ul#quotes p.name { + margin-top: 10px; + font-size: 14px; + text-transform: uppercase; + color: #9b9b9b; + text-indent: 0px; +} + +ul#quotes p.name strong { + font-weight: normal; + color: #494949; +} + +/* @end */ +.tooltip { + background: black; + background: rgba(0, 0, 0, 0.8); + padding: 1px 8px; + color: white; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +a.Datasheet { + padding-top: 110px; + display: block; + background: url('/themes/openstack/images/openstack-product-pdf.jpg') no-repeat center top; + margin-left: 20px; + margin-top: 30px; +} + +a.Datasheet:hover { + text-decoration: none; + color: #bc1518; +} + +a#DemoVideo { + display: block; + padding-top: 103px; + margin-left: 18px; + background: url('/themes/openstack/images/demo-video-thumbnail.jpg') no-repeat; + text-decoration: none; + margin-top: 50px; +} + +/* @group Tables */ +.tabContent table { + margin: 20px; + width: 670px; +} + +.tabContent table td { + border-bottom: 1px solid #d8d8d8; + vertical-align: top; + padding: 10px 10px 20px 0; +} + +.tabContent table td p { + margin: 0px; +} + +.tabContent table tr:last-child td { + border-bottom: none; +} + +.tabContent table th { + font-family: 'PT Sans', serif; + font-style: normal; + font-weight: normal; + font-size: 18px; + letter-spacing: -0.076em; + line-height: 1em; + color: #264d69; + padding-left: 0px; +} + +.tabContent table a:active, +.tabContent table a:visited, +.tabContent table a { + color: inherit; + text-decoration: underline; +} + +p.fnote { + margin-left: 20px; +} + +/* @end */ +h2.user-story-quote { + line-height: 1.5em; + color: grey !important; +} + +.user-story-quote-author { + text-transform: uppercase; +} + +ul.user-project-list { + margin: 0px; + padding: 0px; + overflow: hidden; + margin-bottom: 20px; +} + +ul.user-project-list li { + display: block; + margin-right: 5px; + background-color: #e2f1f5; + border: 1px solid #89c6d6; + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 2px 8px; + margin-bottom: 5px; + color: #1a4b6b; + font-size: 95%; + width: 170px; + float: left; +} + +#footer ul { + margin: 10px 0px 20px; + padding: 0px; + list-style: none; +} + +#footer a, +#footer a:visited, +#footer a:active { + color: black; +} + +#footer h3 { + color: #de0000; + font: 130% 'PT Sans', serif; +} + +#footer textarea { + width: 260px; + height: 60px; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(5%, #FFFFFF)); + /* webkit */ +} + +#footer form { + margin-top: 8px; + margin-bottom: 20px; +} + +.user-links li { + padding-left: 20px; + background: url('/themes/openstack/images/link.png') no-repeat left center; + margin-left: -20px; + list-style: none; +} + +.user-objectives { + background-color: #ecedec; + padding: 20px; + margin-bottom: 15px; +} + +.user-objectives p { + margin-bottom: 0px; +} + +.user-name { + padding-top: 10px; +} + +.user-photo img { + border: 5px solid white; + -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); + box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); +} + +.siteMessage { + -webkit-border-radius: 4px; + border-radius: 4px; + border: 1px solid; + margin-bottom: 10px; + margin-top: 20px; +} + +.siteMessage p { + margin: 8px; +} + +#InfoMessage { + color: black; + background-color: #DBEAEE; + border-color: #B5D8E2; + font-size: 120%; + padding: 10px; +} + +#SuccessMessage { + color: #3E933A; + background-color: #E2F7D8; + border-color: #9FDE9C; +} + +#ErrorMessage { + color: #DA1D1D; + background-color: #FFDFDF; + border-color: #FFBBBB; +} + +p.message.bad { + color: #DA1D1D; + background-color: #FFDFDF; + border-color: #FFBBBB; + padding: 15px; + border: 1px solid #DA1D1D; +} + +.topMessage { + background: #E4EEF1; + border-bottom: 1px solid white; + padding: 5px; + font-size: 1.3em; + color: #255E6E; + font-family: 'PT Sans', serif; + text-shadow: #fff 0px 1px 1px; + box-shadow: 1px 1px 1px 1px #ccc; +} + +.topMessage p { + margin-bottom: 0px; +} + +#header { + margin-top: 40px; +} + +span.message { + font-weight: bold; + color: #CE332C; +} + +.gsc-control-cse { + padding: 0px !important; +} + +#gcse { + width: 100%; + height: 60px; +} + +input.gsc-search-button, +input.gsc-search-button:hover, +input.gsc-search-button:focus { + background: #C43422 !important; + border: none !important; +} + +table.gsc-search-box td { + padding: 2px !important; +} + +.gsc-input-box { + border-color: #D3E9EF !important; +} + +.gs-visibleUrl, +.gs-visibleUrl-long { + color: #A5A5A5 !important; +} + +.roundedButton-margin { + margin-left: 5px; +} + +/*! + * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com) + * Code licensed under the Apache License v2.0. + * For details, see http://www.apache.org/licenses/LICENSE-2.0. + */ +body, +html { + width: 100%; + height: 100%; +} + + +h1 { + color: #2A4E68; + font-size: 34px; + font-weight: 300; + margin: 40px 0; + text-align: center; +} + +h3 { + color: #2A4E68; +} + +h5 { + color: #DA422F; + margin-bottom: 0; +} + +a, +a:visited { + color: #1080A7; +} + +.lead { + font-size: 18px; + font-weight: 400; +} + +/*Header Navigation more styles in navigation_menu.css */ + +.search-container { + position: relative; + display: none; + float: left; + width: 84%; +} + +@media (min-width: 768px) and (max-width: 1200px) { + .search-container { + width: 80%; + } +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .search-container { + display: none; + } +} + +.search-icon { + display: none; + padding: 17px 20px 16px; + float: left; + text-transform: uppercase; + color: #8a959e; + font-size: 12px; + font-weight: 400; +} + +.search-icon:hover { + cursor: pointer; + color: #8a959e; +} + +.search-icon i { + margin-right: 5px; + color: #8a959e; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .search-icon { + display: none !important; + } +} + +@media (max-width: 1040px) { + .header-search-text { + display: none; + } +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .header-search-form { + display: none; + } + + .custom-search-box { + position: relative !important; + left: 0px !important; + } +} + +.custom-search-box { + color: #30739C !important; + font-size: 12px !important; + text-transform: lowercase !important; + font-weight: 400 !important; + width: 100% !important; +} + +.custom-search-box-mobile { + display: none !important; + position: relative; + width: 100% !important; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .custom-search-box-mobile { + display: block !important; + } + + .custom-search-box { + display: none !important; + } +} + +.header-search, +.custom-search-box, +.custom-search-box-mobile { + border: 2px solid #dae5ee !important; + border-radius: 4px !important; + height: 37px !important; + margin: 7px 0 0 0 !important; + padding: 0 !important; + padding-left: 10px !important; + background: #fff !important; + width: 100% !important; + -webkit-transition: width 4s !important; + transition: width 4s !important; + -webkit-border-horizontal-spacing: 0 !important; + -webkit-border-vertical-spacing: 0 !important; +} + +.header-search contenteditable .custom-search-box-mobile:hover, +.custom-search-box-mobile:focus, +.custom-search-box:hover, +.custom-search-box:focus { + box-shadow: none !important; +} + +.header-search::-webkit-input-placeholder, +.custom-search-box::-webkit-input-placeholder, +.custom-search-box-mobile::-webkit-input-placeholder { + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search:-moz-placeholder, +.custom-search-box-mobile:-moz-placeholder, +.custom-search-box:-moz-placeholder { + /* Firefox 18- */ + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search::-moz-placeholder, +.custom-search-box::-moz-placeholder, +.custom-search-box-mobile::-moz-placeholder { + /* Firefox 19+ */ + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search:-ms-input-placeholder, +.custom-search-box:-ms-input-placeholder, +.custom-search-box-mobile:-ms-input-placeholder { + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search:focus, +.custom-search-box:focus, +.custom-search-box-mobile:focus { + border-radius: 4px; + outline: none; + border: 2px solid #30739C !important; + box-shadow: none; +} + +.close-search { + position: absolute; + top: 20px; + right: 10px; + color: #dae5ee; + z-index: 1001; + font-size: 16px; +} + +.close-search:hover { + color: #30739C; + cursor: pointer; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .close-search { + display: none !important; + } +} + +.show { + display: block; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .show { + display: none; + } +} + +/*End Header Navigation*/ +/*Hero*/ +.intro-header { + padding-top: 0px; + padding-bottom: 0; + text-align: center; + color: #f8f8f8; + background: url('/themes/openstack/images/hero-bkgd1.jpg') no-repeat center center; + background-size: cover; + position: relative; +} + +.intro-header h1 { + color: #f8f8f8; +} + +.intro-message { + position: relative; + padding-top: 15px; + padding-bottom: 0; +} + +@media (max-width: 1199px) { + .intro-message { + padding-bottom: 0px; + } +} + +.intro-message > h1 { + margin: 0; + font-size: 2.3em; + font-weight: 400; + text-align: center; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + width: 100%; + letter-spacing: -1px; +} + +@media (max-width: 767px) { + .intro-message > h1 { + font-size: 1.5em; + } +} + +.intro-divider { + width: 400px; + border-top: 1px solid #f8f8f8; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); +} + +.intro-message > h3 { + text-shadow: none; + text-align: left; + font-weight: 300; + font-size: 24px; + margin-top: 10px; +} + +.hero-credit { + position: absolute; + bottom: 30px; + right: 30px; + color: #fff; + opacity: 0.5; +} + +.hero-credit:hover { + opacity: 1; +} + +.hero-credit a, +.hero-credit a:hover { + color: #fff; +} + +/*Hero Promo, add .featured to .intro-header*/ +.intro-header.featured { + text-align: center; + background: no-repeat scroll center center / cover rgba(0, 0, 0, 0); + min-height: 300px; + background-size: cover; + position: relative; + padding: 60px 0; +} + +.intro-header.featured .intro-message { + padding-bottom: 5px; +} + +a.promo-btn { + white-space: nowrap; + color: white; + font-size: 16px; + font-weight: 400; + background: #DA422F; + border-radius: 4px; + padding: 7px 60px; + margin: 0 auto; + text-align: center; + min-width: 250px; + display: inline-block; + line-height: 2; +} + +a.promo-btn:hover, +a.promo-btn:focus { + text-decoration: none; + background: #A51B1B; +} + +.promo-btn-wrapper { + margin-bottom: 10px; +} + +a.promo-btn i.fa-chevron-right { + background: transparent; + border-radius: 50%; + padding: 0; + font-size: 13px; + margin-left: 20px; + line-height: 1em; +} + +p.promo-dates { + display: inline-block; + margin-top: 10px; + font-weight: 400; + margin-bottom: 30px; + letter-spacing: -.4px; +} + +/*End Hero*/ +/*Overview Section*/ +.overview-section { + padding: 80px 0; +} + +@media (max-width: 767px) { + .overview-section { + padding-top: 40px; + } +} + +.overview-section h2 { + color: #2A4E68; + font-size: 34px; + font-weight: 300; + margin-bottom: 25px; +} + +.overview-section p { + color: #888; + font-size: 16px; + font-weight: 300; + line-height: 1.4; +} + +.overview-section a { + color: #30739C; + text-decoration: underline; +} + +.btn-wrapper { + float: left; + width: 100%; + text-align: center; +} + +@media (max-width: 980px) { + .overview-left { + margin-bottom: 50px; + } +} + +a.overview-btn { + float: left; + background: #30739C; + color: #fff; + text-transform: uppercase; + border-radius: 4px; + padding: 15px 25px; + text-decoration: none; + margin-top: 5px; + margin-bottom: 5px; +} + +a.overview-btn:hover { + background: #2A4E68; +} + +a.overview-btn.left-btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 1px solid #3387C9; + margin-right: 0; +} + +a.overview-btn.left-btn:hover { + border-right-color: #1B486B; +} + +a.overview-btn.right-btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 1px solid #1B486B; + margin-left: 0; +} + +.release-text { + display: block; + text-align: left; + color: #636568; + font-size: 13px; +} + +.overview-section .img-responsive { + max-width: 550px; +} + +.overview-right { + text-align: center; +} + +.control-cloud-graphic { + max-width: 600px; + margin: 0 auto 15px; +} + +a.demo-link { + font-size: 13px; + font-weight: 400; + text-decoration: none; + color: #34789A; + background: #F0F9FE; + padding: 10px 25px; + border-radius: 4px; +} + +a.demo-link:hover { + color: #34789A; + background: #CDD9E2; +} + +a.demo-link i { + margin-left: 5px; + font-size: 14px; +} + +/*When Featured, Add Class .featured to .overview-section*/ +.overview-section.featured .overview-right { + background: #E8EEF5; + border-radius: 4px; + text-align: center; + padding: 20px; + margin-top: 50px; +} + +@media (max-width: 1200px) { + .overview-section.featured .overview-right { + margin-top: 50px; + } +} + +.overview-section.featured .overview-right h3 { + color: #30739C; + text-align: center; +} + +.overview-section.featured .overview-right p { + color: #333; + font-size: 13px; +} + +.overview-section.featured .overview-right img.promo-graphic { + max-width: 350px; + margin: 20px auto; +} + +/*End Overview Section*/ +/*Customers Section*/ +.customers-row { + padding: 80px 0; + text-align: center; + background: #edf2f7; +} + +.customers-row h2 { + text-transform: capitalize; + margin-bottom: 0; + text-align: center; +} + +.customer-logos-wrapper { + margin: 15px 0; + text-align: center; +} + +.customer-logos { + position: relative; + padding: 20px 0; + width: 15%; + display: inline-block; +} + +@media (max-width: 767px) { + .customer-logos { + position: relative; + padding: 20px 0; + width: 80%; + margin: 0 auto; + } +} + +.logo-hover { + background: #dee2e8; + border-radius: 3px; +} + +.logo-hover:after { + content: ' '; + height: 0; + position: absolute; + width: 0; + border: 10px solid transparent; + border-top-color: #dee2e8; + top: 100%; + left: 50%; + margin-left: -10px; +} + +.customers-description { + margin: 40px 0; + color: #2A4E68; + text-align: center; +} + +.customers-description p { + padding: 20px 50px; + border-top: 1px solid #dee2e8; + border-bottom: 1px solid #dee2e8; + display: inline; +} + +@media (max-width: 767px) { + .customers-description p { + display: block; + } +} + +.customers-action { + margin-top: 40px; + text-align: center; +} + +a.customer-btn { + background: #2A4E68; + color: #fff; + text-transform: uppercase; + border-radius: 4px; + padding: 15px 25px; + text-decoration: none; + border-style: none; +} + +a.customer-btn:hover { + background: #173D5B; + color: #fff; +} + +/*When Featured, Add Class .featured to .customers-row*/ +.customers-row.featured .customer-logos-wrapper { + width: 50%; + max-width: 1000px; + margin: 40px 25% 0; + border-top: 1px solid #DDE3E8; + padding-top: 20px; +} + +.customers-row.featured .customer-logos-wrapper hr { + color: #333; +} + +.customers-row.featured .customer-logos img { + width: 90%; + max-width: 100px; +} + +.customers-row.featured .customer-logos:hover { + background: none; +} + +.customers-row.featured .customer-logos:hover:after { + display: none; +} + +.customers-row.featured .customers-action { + margin-top: 0; +} + +.customers-row.featured button.customer-btn { + background: none; + border-radius: 0; + padding: 0; + text-decoration: underline; + color: #2A4E68; + text-transform: capitalize; +} + +.featured-description { + width: 85%; + margin: 40px auto; +} + +@media (max-width: 767px) { + iframe { + width: 90%; + } +} + +/*End Customers Section*/ +/*Community Section*/ +.community-section { + padding: 75px 0; + background: url('/themes/openstack/images/community-bkgd-map.jpg') no-repeat 40% center; + background-size: cover; + min-height: 350px; +} + +.community-section.featured { + background: url('/themes/openstack/images/community-bkgd2.jpg') no-repeat center center; + background-size: cover; +} + +.community-graphic { + max-width: 650px; + margin: 0 auto; +} + +@media (max-width: 994px) { + .community-graphic { + margin-bottom: 20px; + } +} + +.community-section h2 { + color: #fff; +} + +.community-section p { + color: #fff; +} + +@media (max-width: 994px) { + .community-section h2 { + text-align: center; + } + .community-section p { + text-align: center; + } +} + +a.community-btn { + font-size: 16px; + font-weight: 400; + background: transparent; + border: 1px solid #fff; + border-radius: 3px; + margin-top: 20px; + padding: 8px 30px 8px 40px; + color: white; + display: block; + max-width: 220px; + +} +@media (max-width: 994px) { + a.community-btn { + display: block; + max-width: 220px; + margin: 20px auto 0; + } +} + +a.community-btn i { + margin-left: 10px; +} + +a.community-btn:hover { + text-decoration: none; + background: rgba(255, 255, 255, 0.2); +} + +/*When Featured, add .featured to .community-section*/ +.community-section.featured h3 { + color: #fff; +} + +@media (max-width: 1200px) { + .community-section.featured h3 { + text-align: center; + } +} + +.designate-logo { + max-width: 302px; + margin: 50px 0 20px; +} + +@media (max-width: 1200px) { + .designate-logo { + margin: 50px auto 20px; + } +} + +.default-community { + background-color: rgba(5, 54, 86, 0.7); + border-radius: 4px; + padding: 30px; + text-align: center; +} + +@media (max-width: 1200px) { + .default-community { + margin-top: 50px; + } +} + +.default-community h2 { + margin-top: 0; +} + +.community-graphic.small { + max-width: 450px; + margin: 20px auto; +} + +a.featured-link { + display: block; + background: #DA422F; + padding: 10px 20px; + border-radius: 2px; + width: 80%; + text-decoration: none; + margin: 10px auto 0; + color: #fff; + font-weight: 600; +} + +a.featured-link:hover { + text-decoration: none; + background: #831917; +} + +/*End Community Section*/ +/*News and Events Section*/ +.news-section { + padding: 70px 0; +} + +.news-section h2 a { + font-size: 14px; + color: #30739C; + font-weight: 400; + margin-left: 30px; +} + +.news-section h2 a:hover { + color: #28709a; + text-decoration: none; +} + +.event-ad, +.news-ad { + width: 100%; + max-width: 560px; + margin-bottom: 20px; +} + +.event-ad-lrg { + width: 100%; + height: 113px; + max-height: 113px; + max-width: 1140px; + margin-bottom: 20px; + image-rendering: optimizeQuality; +} + +@media (max-width: 767px) { + .event-ad-lrg { + max-width: 767px; + } +} + +.news-section .news-wrapper ul { + margin: 30px 0; + -moz-padding-start: 0; + -webkit-padding-start: 0; +} + +.news-section .news-wrapper ul li { + list-style: none; +} + +.single-event { + float: left; + width: 100%; + padding: 15px 10px; + border-bottom: 1px solid #ebeff4; +} + +.single-event:hover { + background: #edf2f7; +} + +.single-event.last { + border-bottom: none; +} + +.left-event { + float: left; + width: 20%; +} + +@media (min-width: 768px) and (max-width: 981px) { + .left-event { + width: 25%; + } +} + +@media (max-width: 767px) { + .left-event { + width: 15%; + } +} + +.event-details { + float: left; + margin-left: 3%; + width: 62%; +} + +@media (min-width: 768px) and (max-width: 981px) { + .event-details { + width: 72%; + } +} + +.right-event { + float: right; + width: 13%; +} + +@media (min-width: 768px) and (max-width: 981px) { + .right-event { + display: none; + } +} + +.date, +.news-type, +.planet-type { + background: #fff; + border: 2px solid #DA422F; + border-radius: 4px; + padding: 5px 0; + color: #DA422F; + font-size: 10px; + width: 100%; + text-align: center; + float: left; + margin-top: 5px; +} + +.event-name, +.news-title { + display: block; + font-size: 14px; + font-weight: 600; + color: #333; + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.location, +.news-date { + display: block; + float: left; + font-style: italic; + color: #333; + font-weight: 300; +} + +.right-arrow { + float: right; + background: #d9dfe5; + border-radius: 100px; + width: 30px; + height: 30px; + padding: 6px 10px; + color: #fff; + margin-right: 10px; + margin-top: 5px; + display: none; +} + +.single-event:hover .right-arrow { + display: block; +} + +.news-type { + border: 2px solid #2A4E68; + color: #2A4E68; +} + +.planet-type { + border: 2px solid #68C8C3; + color: #68C8C3; +} + +.see-more-bottom { + width: 100%; + float: left; + text-align: center; + margin-top: 40px; +} + +.see-more-bottom a { + color: #2A4E68; + text-decoration: none; + padding: 5px 15px; + border-radius: 4px; + font-size: 12px; + font-weight: 400; + border: 2px solid #2A4E68; +} + +.see-more-bottom a i { + margin-left: 10px; + font-size: 11px; +} + +/*End News and Events Section*/ +/*Photo Row*/ +.photo-row-wrapper { + width: 100%; + color: #eee; + max-height: 240px; + margin-bottom: 10px; + overflow: hidden; + margin-top: 60px; +} + +@media (max-width: 765px) { + .photo-row-wrapper { + display: none; + } +} + +.photo-container { + width: 4000px; + max-height: 240px; + margin-left: -30px; +} + +.photo-container img { + margin: 0 10px 0 0; + max-width: 22%; + max-height: 240px; +} + +/*End Photo Row*/ +/*Footer*/ + +.footer-links h3 { + color: #fff; + font-size: 14px; + font-weight: 400; +} + +.footer-links ul { + margin-left: 0; + -moz-padding-start: 0; + -webkit-padding-start: 0; +} + +.footer-links ul li a { + color: #aaa; + font-size: 12px; + font-weight: 400; + list-style: none; + margin-left: 0; +} + +.social-icons { + width: 40px; + min-height: 40px; + display: inline-block; + margin-right: 10px; +} + +.footer-twitter { + background: url('/themes/openstack/images/footer-twitter.png') no-repeat; +} + +.footer-twitter:hover { + background: url('/themes/openstack/images/footer-twitter-hover.png') no-repeat; +} + +.footer-facebook { + background: url('/themes/openstack/images/footer-facebook.png') no-repeat; +} + +.footer-facebook:hover { + background: url('/themes/openstack/images/footer-facebook-hover.png') no-repeat; +} + +.footer-linkedin { + background: url('/themes/openstack/images/footer-linkedin.png') no-repeat; +} + +.footer-linkedin:hover { + background: url('/themes/openstack/images/footer-linkedin-hover.png') no-repeat; +} + +.footer-youtube { + background: url('/themes/openstack/images/footer-youtube.png') no-repeat; +} + +.footer-youtube:hover { + background: url('/themes/openstack/images/footer-youtube-hover.png') no-repeat; +} + +.newsletter-form { + margin: 10px 0 30px; + width: 100%; +} + +.newsletter-form label { + color: #aaa; + font-size: 12px; + font-weight: 300; + display: block; +} + +.newsletter-input { + display: inline-block; + background: transparent; + border: 2px solid #888; + border-radius: 4px; + color: #888; + font-size: 12px; + font-weight: 400; + padding: 10px 15px; + width: 70%; +} + +@media (max-width: 767px) { + .newsletter-input { + width: 70%; + } +} + +.newsletter-input::-webkit-input-placeholder { + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; +} + +.newsletter-input:-moz-placeholder { + /* Firefox 18- */ + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; +} + +.newsletter-input::-moz-placeholder { + /* Firefox 19+ */ + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; +} + +.newsletter-input:-ms-input-placeholder { + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; +} + +.newsletter-input:focus { + outline: none; + border: 2px solid #666; +} + +.newsletter-btn { + margin-left: 1%; + display: inline-block; + background: transparent; + border: 2px solid #30739C; + border-radius: 4px; + color: #30739C; + font-size: 12px; + font-weight: 400; + padding: 10px 15px; + text-transform: uppercase; + width: 27%; +} + +@media (max-width: 767px) { + .newsletter-btn { + width: 18%; + margin-left: 2%; + padding: 10px; + } +} + +.newsletter-btn:hover { + border: 2px solid #888; + color: #999; +} + +.fine-print { + margin-top: 20px; + color: #aaa; + font-size: 12px; +} + +.fine-print a { + color: #aaa; + text-decoration: underline; +} + +.fine-print a:hover { + color: #fff; +} + +.footer-bottom { + background: #222; + padding: 15px 0; + text-align: center; + width: 100%; +} + +.feedback-input { + display: inline-block; + background: #222; + border: 2px solid #444; + border-radius: 4px; + color: #777; + font-size: 12px; + font-weight: 400; + padding: 10px 20px; + width: 310px; +} + +@media (max-width: 767px) { + .feedback-input { + width: 70%; + } +} + +.feedback-input::-webkit-input-placeholder { + color: #555; + font-size: 12px; + font-weight: 400; +} + +.feedback-input:-moz-placeholder { + /* Firefox 18- */ + color: #555; + font-size: 12px; + font-weight: 400; +} + +.feedback-input::-moz-placeholder { + /* Firefox 19+ */ + color: #555; + font-size: 12px; + font-weight: 400; +} + +.feedback-input:-ms-input-placeholder { + color: #555; + font-size: 12px; + font-weight: 400; +} + +.feedback-input:focus { + outline: none; + border: 2px solid #666; +} + +.feedback-btn { + margin-left: 11px; + display: inline-block; + background: #222; + border: 2px solid #666; + border-radius: 4px; + color: #777; + font-size: 12px; + font-weight: 400; + padding: 10px 30px; +} + +@media (max-width: 767px) { + .feedback-btn { + width: 18%; + margin-left: 2%; + padding: 10px; + } +} + +.feedback-btn:hover { + border: 2px solid #888; + color: #999; +} + +/*End Footer*/ +/* Line below navigation */ +.navbar-default { + border-bottom: 1px solid #ddd; +} + +#home .navbar-default { + border-bottom: none; +} + +#home .top-site-banner { + display: none; +} + +/*End General Inner Page Styles*/ +/*Events Page*/ +.eventsBanner { + height: 150px; + padding: 20px; +} + +.eventsPhotoCaption { + background: rgba(0, 0, 0, 0.3); + border-radius: 4px; + padding: 10px; + color: white; +} + +.news-section.full { + padding: 20px 0; +} + +.eventTitleArea { + text-align: center; + margin: 40px 0; +} + +.eventTitleArea h1 { + color: #333; + font-weight: 300; +} + +.postEvent { + float: left; + width: 100%; + padding: 30px 5%; + background: #F4F5F8; + margin: 20px 0 10px; + text-align: center; +} + +.postEvent p { + margin-bottom: 20px; +} + +.postEvent a { + background: #2A4E68; + padding: 10px 25px; + border-radius: 4px; + color: #fff; +} + +.eventBlock { + float: left; + width: 100%; +} + +.eventBlock.summit .date { + border-color: #2A4E68; + color: #2A4E68; +} + +.eventBlock.past h2 { + margin-top: 50px; +} + +.eventBlock.past .date { + border-color: #68C8C3; + color: #68C8C3; +} + +/*End Events Page*/ +/*Community Page*/ +.communityBoxes { + margin: 30px 0 10px; + font-size: 13px; +} + +.communityBoxes h2 { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; +} + +.communityBoxes h2 a { + color: #DA422F; +} + +.developersRow { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 20px 30px; + margin-bottom: 30px; +} + +.devLabel { + float: left; + margin-right: 30px; + font-weight: 700; +} + +ul#developerActivity { + float: left; + padding-left: 0; + margin: 0; +} + +ul#developerActivity li { + list-style: none; + display: inline-block; +} + +ul#developerActivity li a { + font-weight: 700; + color: #222; +} + +ul#developerActivity li span { + background: #E8EEF5; + padding: 5px 10px; + border-radius: 4px; + margin-right: 5px; + color: #2A4E68; + font-size: 11px; + font-weight: 400; +} + +/*End Community Page*/ +/*Sofware Page*/ +.software { + margin-top: 30px; +} + +.software-top { + text-align: center; +} + +.software-top h1 { + margin: 5px 0 10px; +} + +p.icon { + text-align: center; + margin: 40px 0 0; +} + +p.software-description { + text-transform: uppercase; + font-size: 13px; + color: #777; +} + +.openstack-diagram { + margin-bottom: 3em; +} + +div.screenshots { + padding: 30px 0 20px; + margin: 30px 0; + border-top: 1px solid #edf2f7; + border-bottom: 1px solid #edf2f7; + width: 100%; +} + +.screenshots ul { + padding: 0; + margin: 0; + text-align: center; +} + +.screenshots ul li { + list-style: none; + display: inline-block; +} + +@media (max-width: 767px) { + .screenshots ul li { + margin-bottom: 30px; + } +} + +.screenshots ul li a img { + width: 100%; + border: 4px solid #edf2f7; +} + +.screenshots ul li a img:hover { + border-color: #30739C; +} + +.screenshots ul li p { + margin: 10px 0 0; + font-size: 12px; + color: #30739C; + text-align: center; +} + +.newSubNav li#start a.current, +.newSubNav li#start a.current:hover { + color: #488613; + background-color: #DDFFE2; +} + +ul.slides h3 { + text-align: center; + margin: 0 0 30px; +} + +.tabSet { + background: #edf2f7; + border: 1px solid #30739C; + margin: 30px 0; + padding-top: 20px; + padding-bottom: 20px; +} + +.tabContent table { + width: 100%; + margin: 0; + table-layout: fixed; + word-wrap: break-word; +} + +.get-started-wrapper h3 { + text-align: center; + margin: 40px 0; +} + +a.start-btn { + background: #30739C; + color: #fff; + text-transform: capitalize; + font-size: 12px; + border-radius: 2px; + padding: 10px 15px; + text-decoration: none; + border-style: none; + display: inline-block; +} + +img.deploy-powered { + margin-top: 40px; +} + +@media (max-width: 767px) { + img.deploy-powered { + margin: 10px 0 30px; + } +} + +img.deploy-compatible { + margin-top: 30px; +} + +@media (max-width: 767px) { + img.deploy-compatible { + margin: 10px 0 30px; + } +} + +img.icehouse-video { + max-width: 100%; +} + +h1.release { + text-align: left; +} + +.documentation { + margin-top: 50px; + text-align: center; + background: #edf2f7; + border-radius: 4px; + padding: 30px 0; +} + +.documentation a { + padding: 7px 20px; + background: #30739C; + color: #edf2f7; + margin: 0 8px; + border-radius: 4px; + display: inline-block; +} + +.documentation a:hover { + text-decoration: none; + background: #2A4E68; +} + +@media (max-width: 767px) { + .documentation a { + padding: 10px; + margin: 5px; + font-size: 14px; + display: block; + } +} + +/*End Sofware Page*/ +/*Marketplace Page*/ +h2.marketplace-header { + border-left: 3px solid #DA422F; + line-height: 1.2em; + margin: 30px 20px; + padding-left: 15px; + font-size: 1.5em; +} + +.build-use-box { + background: #edf2f7; + border-radius: 4px; + margin-bottom: 30px; + min-height: 25em; + padding: 20px; +} + +.build-use-box h3 { + margin-bottom: 20px; +} + +.build-use-box ul { + padding-left: 20px; +} + +.marketplace-description { + margin-top: 50px; +} + +.video { + width: 100%; +} + +.video iframe { + width: 100%; + height: 225px; +} + +.program-logos { + border-top: 1px solid #eee; + margin-top: 60px; + padding-top: 60px; +} + +.ecosystem-wrapper { + padding-left: 30px; + border-left: 1px solid #eee; +} + +.marketplace-top-wrapper { + padding: 20px 0 20px; +} + +.marketplace-brand { + margin-top: 20px; + padding-left: 30px; +} + +h2.marketplace { + margin-bottom: -7px; + margin-top: 0; + font-size: 18px; + font-family: 'PT Sans', serif; + font-style: normal; + letter-spacing: -0.076em; + line-height: 1em; +} + +h2.marketplace a, +h2.marketplace a:hover { + color: #5B83A0; + text-decoration: none; +} + +h1.marketplace { + font-size: 24pt; + margin-top: 5px; + text-align: left; +} + +h1.marketplace:hover { + text-decoration: none; +} + +h1.marketplace a, +h1.marketplace a.visited { + color: #264D69; + font-family: 'PT Sans', serif; + font-style: normal; + letter-spacing: -0.076em; + line-height: 1em; +} + +.grey-bar { + background-color: #edf2f7; + margin-bottom: 40px; + margin-top: 0; + padding-bottom: 10px; + padding-top: 10px; +} + +ul.marketplace-nav { + padding: 0; + margin: 0; +} + +ul.marketplace-nav li { + border-right: 1px solid #e8e8e8; + display: inline-block; + padding-left: 0.5em; + padding-right: 0.5em; + text-transform: uppercase; + width: 130px; + height: 96px; + vertical-align: top; + text-align: center; +} + +ul.marketplace-nav li:last-child { + border-right: none; +} + +@media (min-width: 680px) and (max-width: 1000px) { + ul.marketplace-nav li { + width: 100px; + height: 110px; + } + + ul.marketplace-nav li a { + font-size: 10px; + } +} + +@media (max-width: 680px) { + ul.marketplace-nav li { + display: table-cell; + border-right: none; + text-align: left; + border-bottom: 1px solid #e8e8e8; + width: 100%; + height: auto; + padding: 5px 10px; + vertical-align: middle; + } +} + +ul.marketplace-nav li a { + color: #848575; + text-decoration: none; + font-size: 12px; + vertical-align: middle; + width: 115px; + text-align: center; +} + +@media (max-width: 680px) { + ul.marketplace-nav li a { + padding: 0; + vertical-align: middle; + float: left; + width: 100%; + text-align: left; + } +} + +ul.marketplace-nav a:hover { + color: #DA422F; +} + +ul.marketplace-nav a span { + background: url("/marketplace/code/ui/frontend/images/marketplace-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); + display: block; + height: 50px; + margin: auto; + width: 40px; + text-align: center; +} + +@media (max-width: 680px) { + ul.marketplace-nav a span { + display: table-cell; + vertical-align: middle; + } +} + +ul.marketplace-nav #training a span { + background-position: 0 0; +} + +ul.marketplace-nav #distros a span { + background-position: -50px 0; +} + +ul.marketplace-nav #public-clouds a span { + background-position: -150px 0; +} + +ul.marketplace-nav #private-clouds a span { + background-position: -250px 0; +} + +ul.marketplace-nav #consulting a span { + background-position: -100px 0; +} + +ul.marketplace-nav #drivers a span { + background-position: -200px 0; +} + +ul.marketplace-nav .current a { + color: #DA422F; +} + +/*End Marketplace Page*/ +/*Marketplace Listing Page*/ +.product-box { + border: 1px solid #E8E8E8; + margin-bottom: 30px; + padding: 30px 20px; + border-radius: 4px; + min-height: 200px; + border-left: 3px solid #DA422F; +} + +.logo-area { + padding-top: 20%; + padding-left: 10px; +} + +@media (max-width: 767px) { + .logo-area { + padding-top: 0; + padding-left: 0; + } +} + +.company-details-area h4 { + text-transform: uppercase; + font-weight: 300; +} + +.tested-listing { + border-top: 1px solid #E8E8E8; + border-bottom: 1px solid #E8E8E8; + padding: 10px 5px; + margin: 20px 0 15px; +} + +.tested-listing i.fa-check-square { + color: #30c530; + font-size: 1.3em; + display: inline-block; + line-height: 21px; +} + +.tested-listing .tested-listing-title { + color: #30c530; + text-transform: uppercase; + font-weight: 600; + font-size: 1em; + display: inline-block; + margin-left: 2px; + vertical-align: top; +} + +.tested-listing .tested-listing-description { + display: inline-block; + font-style: italic; + font-size: .85em; + margin-left: 5px; +} + +.details-button { + background: url("/marketplace/code/ui/frontend/images/register-arrow.png") no-repeat scroll 85% center #000000; + color: #FFFFFF !important; + display: inline-block; + margin-right: -10px; + padding: 10px 2%; + text-align: left; + text-transform: uppercase; + width: 100px; + font-size: 12px; + border-radius: 4px; +} + +.filter-label { + background: url("/themes/openstack/images/marketplace/search-icon.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); + color: #30739C; + float: left; + margin-bottom: 0; + margin-top: 5px; + padding-left: 25px; + padding-right: 20px; + padding-top: 8px; + text-transform: uppercase; + font-size: 12px; +} + +input#name-term { + height: 40px; + width: 250px; + font-size: 12px; + padding: 5px 10px; + border: 1px solid #e8e8e8; + color: #30739C; + border-radius: 4px; +} + +input#name-term::-webkit-input-placeholder { + color: #30739C; + font-size: 12px; +} + +select#service-term { + height: 40px; + width: 200px; + padding: 5px 10px; + position: relative; + border-radius: 4px; + color: #30739C; + background: #fff; + border: 1px solid #e8e8e8; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + display: inline-block; + cursor: pointer; + font-size: 12px; + font-weight: 400; +} + +label#service-label { + position: relative; +} + +label#service-label:after { + content: '>'; + color: #30739C; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + right: 14px; + top: 6px; + padding: 0 0 6px; + border-bottom: 1px solid #e8e8e8; + position: absolute; + pointer-events: none; + font-size: 14px; + font-weight: 400; +} + +label#service-label:before { + content: ''; + right: 6px; + top: 0px; + width: 20px; + height: 20px; + background: #f8f8f8; + position: absolute; + pointer-events: none; + display: block; +} + +@media (max-width: 767px) { + .filter-label { + width: 100%; + margin-bottom: 10px; + } + + input#name-term { + display: block; + width: 100%; + margin-bottom: 10px; + } + + select#service-term { + min-width: 400px; + } +} + +ul.resource-links { + padding: 0; + margin: 0 0 30px; +} + +ul.resource-links li { + list-style: none; + display: block; +} + +ul.resource-links li a { + background-color: #edf2f7; + padding: 15px 15px; + margin: 0 0 5px; + display: block; + border-radius: 4px; +} +ul.resource-links > li > a:after { + position: absolute; + font-family: FontAwesome; + margin-top: 0px; + right: 35px; + content: "\f138"; + font-size: 1.2em; +} + +ul.resource-links li a:hover { + text-decoration: none; + background-color: #DAE1EB; +} + +.add-your-course { + border-radius: 4px; + border: 1px solid #30739C; + background: #fff; + padding: 20px; + font-size: 13px; +} + +.foundation-report-title { + font-size: 1.1em; + font-weight: 300; + margin: 0 0 15px; + position: relative; + display: inline-block; +} + +.foundation-report-title:before, +.foundation-report-title:after { + content: ""; + position: absolute; + border-bottom: 1px solid white; + top: 13px; + width: 80px; +} + +.foundation-report-title:before { + right: 100%; + margin-right: 10px; +} + +.foundation-report-title:after { + left: 100%; + margin-left: 10px; +} + +/*404 Page*/ +.four-o-four-wrapper { + text-align: center; + margin: 50px auto; +} + +.four-o-four-wrapper img { + width: 100%; + max-width: 650px; + margin: 50px 0 70px; +} + +.four-o-four-wrapper p { + color: #8a959e; +} + +.four-o-four-wrapper a { + color: #30739C; + text-decoration: none; +} + +.four-o-four-links { + margin-top: 50px; +} + +.four-o-four-links a { + color: #30739C; + padding: 0 10px; + text-decoration: none; +} + +@media (max-width: 767px) { + .four-o-four-links a { + padding: 0 5px; + } +} + +/*End 404 Page*/ +/*Blog Page*/ +.blog-title { + width: 100%; + background: url(/themes/openstack/images/images/summit-promo-bkgd1.jpg) no-repeat center center; + background-size: cover; + padding: 50px 0; + text-align: center; +} + +.blog-o { + max-width: 80px; + opacity: 0.9; +} + +.blog-title h1 { + color: white; + font-weight: 400; + font-size: 45px; + margin: 10px 0; +} + +.blog-title h1 span { + font-size: 16px; + display: block; + padding-top: 10px; + color: white; + font-weight: 300; +} + +.container.blog { + margin-top: 30px; +} + +.post { + margin-bottom: 60px; +} + +.post-byline { + border-bottom: 1px dotted #c5e2ea; + border-top: 1px dotted #c5e2ea; + margin-bottom: 15px; + padding: 12px 0; + font-size: 12px; +} + +.post-byline p { + margin-bottom: 0; +} + +.post-byline .name a { + color: #DA422F; +} + +.post-byline .postDate { + text-align: right; + color: #2A4E68; +} + +.entry h1, +.entry h2, +.entry h3, +.entry h3 a { + color: #2A4E68; + font-weight: 300; +} + +.entry h1 { + font-size: 24px; +} + +.entry h2 { + font-size: 20px; +} + +.entry h3 { + font-size: 18px; +} + +.entry h3 a { + text-decoration: underline; +} + +#sidebar { + background: #edf2f7; + padding: 15px; + border-radius: 4px; + margin-top: 0; +} + +#sidebar ul { + margin: 0; +} + +#sidebar ul li { + font-size: 12px; +} + +.creative-commons { + text-align: center; + margin-top: 40px; + font-size: 12px; +} + +.creative-commons img { + margin-bottom: 10px; +} + +.navigation a { + background: #30739C; + padding: 5px 10px; + border-radius: 4px; + color: white; +} + +/*End Blog Page*/ + +/* site banner */ +.top-site-banner { + background-color: #1080A7; + color: #fff; + padding-top: 10px; +} + +a.top-site-banner-button { + border-radius: 4px; + font-size: 0.85em; + padding: 3px 20px; + background-color: #30739C; + display: inline-block; + color: white; + text-transform: uppercase; +} + +a.top-site-banner-button:hover { + text-decoration: none; + background-color: #2A4E68; + color: white; +} + +a.top-site-banner-button:visited { + color: white; +} + +/* end of site banner */ +/*Paris Summit Page*/ +.conference-title#paris { + margin-top: 30px; + width: 100%; +} + +.conference-title#paris img { + width: 100%; + max-width: 1150px; +} + +.conference-title h2, +.conference-title h1 { + display: none; +} + +.conference-summary { + min-height: 90px; + border-bottom: 1px solid #edf2f7; + padding-top: 30px; + padding-bottom: 30px; +} + +.conference-calendar img { + max-width: 100%; +} + +.news-heading h2 { + margin-bottom: 0px; +} + +.rss-wrapper { + margin: 20px 0 0; +} + +a.rss { + color: #E46616; + background: url("/themes/openstack/images/rss.png") no-repeat left center white; + padding-left: 20px; + float: right; +} + +.conference-calendar { + height: 90px; +} + +.conference-calendar p.date { + display: none; +} + +.register a, +.register a:visited { + display: block; + background: url("/themes/openstack/images/pointer-arrow.png") no-repeat 90% center #FF9631; + color: white; + padding: 10px 20px; + border-radius: 4px; + width: 80%; + font-size: 15px; +} + +.register a:hover { + background-color: #E46616; + text-decoration: none; +} + +.summit-videos, +.summit-videos:visited, +.summit-videos:active { + display: block; + width: 169px; + padding: 6px; + padding-top: 140px; + background: url("/themes/openstack/images/conferences/portland/summit-videos.png") no-repeat top center; + color: black; + text-decoration: none !important; +} + +.summit-videos#atlanta-experience { + background: url("/themes/openstack/images/conferences/paris/atlanta-experience.png") no-repeat top center; +} + +ul.documents { + list-style: none; + padding: 0; +} + +ul.documents li a, +ul.documents li a:visited { + padding: 15px 10px 15px 45px; + display: block; + list-style: none; + background: url("/themes/openstack/images/pdf-icon.png") no-repeat 15px center #edf2f7; + margin: 1px 0px 0px 0px; + color: #30739C; + border-radius: 4px; +} + +#important-dates h3 { + font-size: 18px; +} + +#important-dates { + font-size: 13px; +} + +.news-item { + border-bottom: 1px solid #edf2f7; + padding-bottom: 30px; + margin-bottom: 30px; +} + +/*End Paris Summit Page*/ +.newSubNav { + width: 85%; +} + +.newSubNav ul { + padding: 0px; + margin-top: 30px; + margin-left: -10px; +} + +.newSubNav ul:nth-child(2) { + border-top: 1px solid #E8E8E8; + padding-top: 30px; +} + +.newSubNav li { + list-style: none; + position: relative; +} + +.newSubNav a { + color: #8A959E; + text-transform: uppercase; + font-size: 12px; + padding: 15px 20px; + display: block; +} + +.newSubNav a.current, +.newSubNav a.current:hover { + background-color: #EDF2F7; + font-weight: bold; + color: #2D709B; +} + +.newSubNav a:hover { + text-decoration: none; + color: black; +} + +.newSubNav .fa-chevron-right { + color: #C6D8E4; + position: absolute; + right: 15px; + top: 50%; + margin-top: -6px; +} + +li#start a { + color: #75C320; +} + +li#openstack-shared-services { + padding-bottom: 20px; + border-bottom: 1px solid #E8E8E8; +} + +li#start { + margin-top: 20px; +} + +fieldset:nth-child(1) { + margin-top: 20px; +} + +fieldset { + border: 1px solid #CCCCCC; + padding: 20px 17px 20px 17px; + margin-bottom: 20px; +} + +fieldset ul { + list-style: none; +} + +input[type="radio"] { + margin-left: 0px; +} + +input[type="checkbox"] { + margin-left: 0px; +} + +input[type="checkbox"], +input[type="radio"] { + display: inline-block; +} + +fieldset.footer-feedback-fieldset { + border: 0; + background: transparent; + padding: 0; + margin: 0; +} + +.footer-links ul li { + list-style: none; +} + +/*New responsive nav*/ +.navbar-collapse { + border-top: 0 +} + +@media only screen and (max-device-width: 1024px) { + .navbar-header { + float: none; + } + + .navbar-left,.navbar-right { + float: none !important; + } + + .navbar-toggle { + display: block; + } + + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + + .navbar-collapse.collapse { + display: none!important; + } + + .navbar-nav { + float: none!important; + margin-top: 7.5px; + } + + .navbar-nav>li { + float: none; + } + + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + + .collapse.in { + display: block !important; + } +} + +i.mobile-expand { + display: none; +} + +@media (max-width: 767px) , only screen and (max-device-width: 1024px) { + .navbar-default ul.navbar-main > li > a { + width: auto; + display: inline-block; + } + + i.mobile-expand { + position: relative; + display: inline-block; + cursor: pointer; + } + + i.mobile-expand:after { + position: absolute; + padding: 10px 15px; + line-height: 20px; + color: #8a959e; + top: 50%; + margin-top: 0; + right: 0px; + content: "+"; + font-size: 1.7em; + font-style: normal; + } + + .navbar-nav > li.open i.mobile-expand { + position: relative; + display: inline-block; + cursor: pointer; + } + + .navbar-nav > li.open i.mobile-expand:after { + position: absolute; + padding: 10px 15px; + line-height: 20px; + color: #aaa; + top: 50%; + margin-top: 0; + right: 0px; + content: "-"; + font-size: 3em; + font-style: normal; + font-weight: 300; + } + + .navbar-nav > li > ul.dropdown-menu { + display: block; + max-height: 0; + height: 0; + position: relative; + overflow: hidden; + border: 0; + box-shadow: none; + width: 100%; + padding: 0; + background: #edf2f7; + margin: 0; + -moz-transition: max-height 2s ease; + -webkit-transition: max-height 2s ease; + -o-transition: max-height 2s ease; + transition: max-height 2s ease; + } + + .navbar-nav > li.open > ul.dropdown-menu { + display: block; + position: relative; + border: 0; + box-shadow: none; + height: auto; + max-height: 700px; + width: 100%; + padding: 10px 5%; + background: #edf2f7; + } +} + +.dropdown-menu .divider { + width: 100%; +} + +/*End New responsive nav*/ +/*COA Page*/ +.coa-hero { + background: #333 url(/themes/openstack/images/coa/COA-bkgd.jpg) no-repeat center center; + padding: 60px 0; + background-size: cover; + color: white; + margin-bottom: 40px; +} + +.coa-hero-content { + text-align: center; + background: rgba(0, 0, 0, 0.6); + padding: 20px 0; +} + +.coa-hero i.fa-graduation-cap { + padding: 10px 30px 10px 0; + border-right: 2px solid white; + margin-right: 30px; + font-size: 6em; + display: inline-block; +} + +.coa-hero h1 { + color: white; + display: inline-block; + text-align: left; + font-size: 3em; + font-weight: 400; +} + +@media (max-width: 767px) { + .coa-hero i.fa-graduation-cap { + margin-right: 0; + padding: 0; + border-right: 0; + } + + .coa-hero h1 { + display: block; + text-align: center; + margin-top: 5px; + } +} + +.coa-wrapper p { + text-align: left; + color: #2A4E68; +} + +img.coa-hero-img { + max-width: 100%; + margin: 20px 0 60px; +} + +.coa-sendgrid { + background: #edf2f7; + margin: 60px 0; + border-radius: 4px; + padding: 40px 20px; + text-align: center; +} + +.coa-sendgrid p { + color: #2A4E68; + margin-bottom: 20px; + text-align: center; +} + +.coa-sendgrid i { + color: #C8CDD3; + margin: 0 0 10px; +} + +.sendgrid-subscription-widget.coa-sendgrid input[type="email"] { + border: 2px solid #C8CDD3; + padding: 10px 20px; + border-radius: 4px; + color: #2A4E68; + font-size: 14px; + text-transform: lowercase; + font-weight: 400; + width: 100%; +} + +.sendgrid-subscription-widget.coa-sendgrid input[type="email"]:focus { + outline: none; +} + +.sendgrid-subscription-widget.coa-sendgrid label { + display: inline-block; + margin-right: 10px; + width: 40%; +} + +@media (max-width: 767px) { + .sendgrid-subscription-widget.coa-sendgrid label { + width: 70%; + } +} + +.sendgrid-subscription-widget.coa-sendgrid label>span { + display: none; +} + +.sendgrid-subscription-widget.coa-sendgrid input[type="submit"] { + background: #29abe2; + padding: 9px 20px; + border-radius: 4px; + color: white; + text-transform: uppercase; + border: 2px solid #29abe2; +} + +.sendgrid-subscription-widget.coa-sendgrid input[type="submit"]:hover { + background: #30739C; + border: 2px solid #30739C; +} + +.sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder, +.sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder, +.sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder { + color: #C8CDD3; + font-size: 14px; + text-transform: lowercase; + font-weight: 400; +} +/*End COA Page*/ + +/*Austin Guide*/ +.guide-header { + text-align: center; +} + +.guide-header h1 { + margin-bottom: 20px; +} + +@media (max-width: 767px) { + .guide-header h1 { + margin-top: 20px; + } +} + +.guide-nav-title { + text-align: center; + margin: 35px 0 10px; + font-size: 20px; + font-weight: 400; +} + +.guide-nav { + margin: 20px 0 0; + padding: 20px 0; + background: #29abe2; +} + +.guide-nav.fixed { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1000; + margin-top: 0; +} + +.guide-nav.fixed a.guide-icons { + font-size: 12px; +} + +.guide-nav.fixed a.guide-icons i { + display: inline-block; + margin-right: 3px; + font-size: 15px; +} + +@media (max-width: 767px) { + .guide-nav.fixed a.guide-icons { + font-size: 10px; + } + + .guide-nav.fixed a.guide-icons i { + display: block; + margin-right: 0; + font-size: 17px; + } +} + +.guide-icons-wrapper { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +a.guide-icons { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + text-transform: uppercase; + font-size: 12px; + font-weight: 400; + color: white; + opacity: 0.8; +} + +a.guide-icons i { + text-align: center; + display: block; + margin-bottom: 10px; + font-size: 2.2em; +} + +a.guide-icons:hover, +a.guide-icons:focus { + text-decoration: none; + opacity: 1; +} + +@media (max-width: 767px) { + a.guide-icons { + font-size: 10px; + } + + a.guide-icons i { + font-size: 30px; + margin-bottom: 10px; + } +} + +h5.section-title { + color: #2A4E68; + font-weight: 600; + text-transform: capitalize; + border-bottom: 1px solid #dae5ee; + padding-bottom: 20px; + margin: 50px 0 30px; +} + +h5.section-title span { + float: right; + text-transform: uppercase; + color: #a9a9a9; + font-weight: 700; + font-size: 0.8em; + position: relative; +} + +h5.section-title span i { + font-size: 1.3em; + margin-right: 5px; +} + +h5.section-title span:hover { + color: #29abe2; + cursor: default; +} + +h5.section-title .tooltip { + font-weight: 400; + width: auto; + white-space: normal; +} + +h5.section-title.guide { + margin: 60px 0.75% 10px; + color: #2A4E68; + text-transform: uppercase; + background: #edf2f7; + border: none; + padding: 10px 20px; + border-radius: 4px; +} + +.guide-quotes { + margin: 20px 0 30px; +} + +.guide-quotes blockquote { + font-family: Georgia, serif; + font-weight: normal; + font-size: 1.1em; + border: none; + position: relative; + text-align: center; + margin: 20px 20px 10px; +} + +.guide-quotes blockquote:before, +.guide-quotes blockquote:after { + color: #edf2f7; + font-size: 5em; + position: absolute; + top: -30px; +} + +.guide-quotes blockquote:before { + content: open-quote; + left: 0px; +} + +.guide-quotes blockquote:after { + content: close-quote; + right: 0px; +} + +.guide-quotes .guide-quote-name { + text-align: center; + font-size: 0.9em; +} + +.featured-guide-row { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-bottom: 30px; +} + +.featured-guide-row .featured { + position: relative; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 10px; + border: 1px solid #D4DCE5; + border-radius: 4px; +} + +.featured-guide-row .featured .image-wrapper { + overflow: hidden; + width: 100%; + height: 180px; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.featured-guide-row .featured .featured-content { + padding: 5px 10px 10px; +} + +.featured-guide-row .featured .featured-content h5 { + color: #2A4E68; + font-weight: 600; + margin-bottom: 10px; +} + +.featured-guide-row .featured .featured-content .address { + font-size: 0.9em; + font-weight: 600; + margin: 5px 0 10px; +} + +.featured-guide-row .featured .featured-content p { + font-size: 0.9em; +} + +.featured-guide-row .featured .featured-content a.featured-site { + color: #30739C; + padding: 3px 7px; + border-radius: 4px; + border: 1px solid #30739C; + display: inline-block; + margin-top: 5px; +} + +.featured-guide-row .featured .featured-content a.featured-site:hover { + text-decoration: none; + border-color: #29abe2; + color: #29abe2; +} + +@media (max-width: 767px) { + .featured-guide-row { + display: block; + margin-bottom: 30px; + } + + .featured-guide-row .featured { + display: block; + width: 95%; + float: left; + } + + .featured-guide-row .featured .image-wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 30%; + min-height: 100%; + height: 100%; + float: left; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + } + + .featured-guide-row .featured .featured-content { + padding: 10px; + margin-left: 31%; + } +} + +.guide-listing { + border-bottom: 1px solid #edf2f7; + padding: 10px 0; + margin-bottom: 10px; +} + +.guide-listing .guide-name { + font-weight: 600; +} + +/*PTG*/ +/*Visa Steps*/ +.visa-steps-wrapper { + background: #edf2f7; + padding: 15px 0 0 0; + margin-bottom: 30px; + text-align: center; + position: relative; + display: block; +} + +.visa-steps-wrapper h3 { + margin: 15px 0 10px; + font-weight: 300; +} + +.visa-steps-wrapper h5 { + color: #2A4E68; + font-size: 1.1em; + margin-bottom: 20px; +} + +.visa-steps-wrapper h5 i { + margin-right: 7px; + font-size: 1.1em; +} + +.visa-steps-wrapper h5 strong { + text-transform: uppercase; +} + +.visa-steps-wrapper .visa-steps-row { + position: relative; + width: 100%; + padding: 10px 1% 0; +} + +.visa-steps-wrapper .visa-steps-row .visa-step { + width: 19%; + display: table-cell; + padding: 0 0.5%; + line-height: 1.3; +} + +.visa-steps-wrapper .visa-docs { + background: #2A4E68; + margin: 10px -1% 0 -1%; + color: white; + padding: 10px 20px; + position: relative; +} + +.visa-steps-wrapper .visa-docs:after { + bottom: 95%; + left: 86%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(42, 78, 104, 0); + border-bottom-color: #2A4E68; + border-width: 20px; + margin-left: -20px; +} + +.visa-steps-wrapper .visa-docs h4 { + color: white; + text-align: left; + font-weight: 300; + font-size: 1.4em; +} + +.visa-steps-wrapper .visa-docs ul { + margin: 10px 0 15px 15px; + padding: 0; + text-align: left; +} + +.visa-steps-wrapper .visa-docs ul li { + list-style: normal; + font-size: 0.9em; + font-weight: 300; +} +/*End Visa Steps*/ +/*End PTG */ + +/* OpenDev Promo */ +.opendev-earth { + max-width: 35%; + position: absolute; + left: -10%; + top: 50%; + transform: translateY(-50%); +} + +@media (max-width: 768px) { + .opendev-earth { + top: 45%; + left: 50%; + transform: translateX(-50%); + opacity: 0.5; + width: 100%; + max-width: 100%; + } +} +/* End OpenDev Promo */ diff --git a/3rd_party/static/onap-ui/assets/css/cvp-style.css b/3rd_party/static/onap-ui/assets/css/cvp-style.css new file mode 100644 index 0000000..e544458 --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/cvp-style.css @@ -0,0 +1,125 @@ +.nav>li>a { + font-size: 18px; +} + +.nav>li>a:hover, +.nav>li>a:focus, +.nav>li.active, +.nav>li.active>a { + background-color: #1080A7; + color: #E7E6E6; +} + +table { + font-size: 15px; +} + +th { + font-size: 16px; +} + +.dropdown-menu { + padding: 0px; +} + +.dropdown-menu>li>a, +.dropdown-menu>li>span { + display: block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + white-space: nowrap; + background-color: #1C1C1C; + color: #ccc; +} + +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { + font-size: 15px; + color: #1080A7; + text-decoration: none; + background-color: #1C1C1C; +} + +.pagination>.active>a, +.pagination>.active>a:focus, +.pagination>.active>a:hover, +.pagination>.active>span, +.pagination>.active>span:focus, +.pagination>.active>span:hover { + color: #fff; + background-color: #1080A7; + border-color: #1080A7; +} + + +.dropdown-menu { + border: 0px solid #ccc; +} + +.dropdown-menu>li>span>i { + cursor: pointer; +} + +.heading .logo { + display: inline-block; + padding-bottom: 30px; +} + +.heading .slogan { + display: inline-block; + margin-left: 20px; +} + +.badge-info { + color: #fff; + background-color: #1080A7; + border-color: #1080A7; +} + +.opnfv-blue { + color: #1080A7; +} + +.field { + margin-bottom: 10px; +} + +table .btn.medium { + padding: 0px 15px; +} + +.cvp-btn { + background-color: #1080A7; + font-weight: 700; + font-size: 12px; +} + +.common-main-container { + padding-left: 5%; + padding-right: 5%; +} + +a { + cursor: pointer; +} + +.btn-success-cust { +color: #fff; +background-color: #1080A7; +border-color: #1080A7; +} + +.btn-success-cust:focus, .btn-success-cust:hover { +border-color: #27CCC0; +background-color: #27CCC0; +} + +input:invalid { + border: 2px dashed red; +} + +input:valid { + border: 2px solid black; +}
\ No newline at end of file diff --git a/3rd_party/static/onap-ui/assets/css/header.css b/3rd_party/static/onap-ui/assets/css/header.css new file mode 100644 index 0000000..3f39b8a --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/header.css @@ -0,0 +1,37 @@ +.header-container-1 { + height: 80px; + background-color: #E7E6E6; +} + +.header-container-row { + margin-left: 0px; + margin-right: 0px; +} + +.header-container-2 { + height: 30px; + background-color: #E7E6E6; +} + +.header-logo { + height: 80px; + padding-left: 15px; + padding-top: 20px; +} + +.header-title { + font-size: 40px; + font-weight: bold; + color: #2C2B2F; + padding-top: 30px; +} + +.header-login { + margin-top: -20px; + margin-right: 10px; +} + +.header-splitline { + height: 5px; + background-color: #1080A7; +} diff --git a/3rd_party/static/onap-ui/assets/css/home/home.css b/3rd_party/static/onap-ui/assets/css/home/home.css new file mode 100644 index 0000000..66b3a8e --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/home/home.css @@ -0,0 +1,72 @@ +.home-container { + padding-left: 0px; + padding-right: 0px; +} + +.home-category { + border-right-style: solid; + border-left-style: solid; + padding-left: 0px; + padding-right: 0px; +} + +.home-content-title { + margin-top: 40px; + margin-bottom: 20px; + text-align: center; +} + +.home-content { + margin-top: 100px; +} + +.home-content-text { + text-align: justify; + font-size: 22px; +} + +.home-content-img { + width: 80%; +} + +#directory_inner th { + font-size: 20px; +} + +#directory_inner tbody { + font-size: 18px; +} + +#directory_inner tr { + vertical-align: middle; +} + +#directory_inner { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} + +#directory_break { + height: 1px; + display: flex; + border: 1px solid #ccc; +} + +#directory_inner > thead > tr > th { + border-bottom: 2px solid #ddd; + padding-bottom: 8px; +} + +#directory_inner > tbody > tr > td { + border-bottom: 1px solid #ddd; +} + +.company_logo { + padding: 20px 30px 20px 20px; +} + +.company_row:hover { + cursor: pointer; + text-decoration: underline; +} diff --git a/3rd_party/static/onap-ui/assets/css/index.css b/3rd_party/static/onap-ui/assets/css/index.css new file mode 100644 index 0000000..3140fce --- /dev/null +++ b/3rd_party/static/onap-ui/assets/css/index.css @@ -0,0 +1,4 @@ +.index-header { + padding-left: 0px; + padding-right: 0px; +} diff --git a/3rd_party/static/onap-ui/assets/img/icon.png b/3rd_party/static/onap-ui/assets/img/icon.png Binary files differnew file mode 100644 index 0000000..6ec8ca7 --- /dev/null +++ b/3rd_party/static/onap-ui/assets/img/icon.png diff --git a/3rd_party/static/onap-ui/assets/img/logo.png b/3rd_party/static/onap-ui/assets/img/logo.png Binary files differnew file mode 100644 index 0000000..c6f6857 --- /dev/null +++ b/3rd_party/static/onap-ui/assets/img/logo.png |