diff options
author | xudan <xudan16@huawei.com> | 2018-07-06 05:16:40 -0400 |
---|---|---|
committer | xudan <xudan16@huawei.com> | 2018-07-06 05:21:42 -0400 |
commit | b3e40f026d655501bfa581452c447784604ecb05 (patch) | |
tree | 406f8bfc1abc1b33f98153d03abd34ef7b0e2fe9 /3rd_party/static/testapi-ui/assets/css | |
parent | b1b0ea32d1a296c7d055c5391261dcad6be48c63 (diff) |
Move all web portal code to the new repo dovetail-webportal
This is only the first step to simply copy the file here.
There still need some more work to make sure all work well.
All the changes will be submitted with other patches to make it easily to review.
JIRA: DOVETAIL-671
Change-Id: I64d32a9df562184166b6199e2719f298687d1a0a
Signed-off-by: xudan <xudan16@huawei.com>
Diffstat (limited to '3rd_party/static/testapi-ui/assets/css')
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/ascend.css | 984 | ||||
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/combine.css | 3352 | ||||
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/cvp-style.css | 91 | ||||
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/header.css | 36 | ||||
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/home/home.css | 75 | ||||
-rw-r--r-- | 3rd_party/static/testapi-ui/assets/css/index.css | 4 |
6 files changed, 4542 insertions, 0 deletions
diff --git a/3rd_party/static/testapi-ui/assets/css/ascend.css b/3rd_party/static/testapi-ui/assets/css/ascend.css new file mode 100644 index 0000000..45d0e1c --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/ascend.css @@ -0,0 +1,984 @@ +.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 {
+box-shadow:none;
+-webkit-box-shadow:none;
+-o-box-shadow:none;
+border-radius:0;
+-webkit-border-radius:0;
+-o-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 {
+transform:rotate(90deg) translateZ(0);
+-webkit-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 {
+box-shadow:0 1px 1px rgba(0,0,0,0.1);
+-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);
+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 {
+transform:translateY(-4px)!important;
+-webkit-transform:translateY(-4px)!important;
+box-shadow:0 17px 25px rgba(0,0,0,0.13)!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)
+}
+
+.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;
+transform:translateX(-27px);
+-webkit-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;
+transform:translateX(-18px);
+-webkit-transform:translateX(-18px)
+}
+
+.mfp-arrow-right:hover:before, .woocommerce .pswp__button--arrow--right:hover:before {
+transform:translateX(9px);
+-webkit-transform:translateX(9px)
+}
+
+.mfp-arrow-left:hover:before, .woocommerce .pswp__button--arrow--left:hover:before {
+transform:translateX(-9px);
+-webkit-transform:translateX(-9px)
+}
+
+.mfp-arrow-right:hover:after, .woocommerce .pswp__button--arrow--right:hover:after {
+transform:translateX(-1px);
+-webkit-transform:translateX(-1px)
+}
+
+.ascend a.pp_arrow_next:hover .icon-default-style {
+transform:translateX(7px);
+-webkit-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;
+transform:translateX(-51px);
+-webkit-transform:translateX(-51px)
+}
+
+.mfp-arrow-left:hover:after, .woocommerce .pswp__button--arrow--left:hover:after {
+transform:translateX(-58px);
+-webkit-transform:translateX(-58px)
+}
+
+.ascend a.pp_arrow_previous:hover .icon-default-style {
+transform:translateX(-7px);
+-webkit-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;
+box-shadow:none!important;
+-webkit-box-shadow:none!important;
+font-size:16px!important;
+-o-box-shadow:none!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:#27CCC0;}
diff --git a/3rd_party/static/testapi-ui/assets/css/combine.css b/3rd_party/static/testapi-ui/assets/css/combine.css new file mode 100644 index 0000000..a6395e7 --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/combine.css @@ -0,0 +1,3352 @@ +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: 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; + text-align: left; + 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; + background: #ddd; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + -moz-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)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bebebe'); } + +a.button:hover { + color: black; + -webkit-transition: color 1s ease-out; } + +a.button:active { + background: #ababab; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + 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 */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBEBEB',GradientType=0 ); + /* ie */ + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + text-shadow: #fff 0px 1px 1px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-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 { + background: #ababab; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + 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; + 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; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-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; + 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); } + +.siteMessage { + -webkit-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: #27CCC0; } + +.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: 0;*/ + /*padding-bottom: 110px; */ + padding-top: 15px; + padding-bottom: 0; + } + +@media (max-width: 1199px) { + .intro-message { + /*padding-bottom: 30px; */ + 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 { + /*color: #fff; + font-size: 16px; + font-weight: 300; + background: transparent; + border: 2px solid #fff; + border-radius: 4px; + padding: 2px 30px; + margin: 0 auto; + text-align: center; + max-width: 300px; + display: inline-block; + line-height: 2;*/ + 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: rgba(255, 255, 255, 0.2);*/ + 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; */ + 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: 300px; + 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; + 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; + 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; +} + +.rightLogo { + +} + +.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: block; + float: left; + 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; + float: left; } } + +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: #27CCC0; + 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; + float: right; + 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; + float: right; + 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/testapi-ui/assets/css/cvp-style.css b/3rd_party/static/testapi-ui/assets/css/cvp-style.css new file mode 100644 index 0000000..c54310a --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/cvp-style.css @@ -0,0 +1,91 @@ +.nav>li>a { + font-size: 18px; +} + +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: #27CFC3; + 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: #27CFC3; + border-color: #27CFC3; +} + + +.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: #27CFC3; + border-color: #27CFC3; +} + +.opnfv-blue { + color: #27CFC3; +} + +.field { + margin-bottom: 10px; +} + +table .btn.medium { + padding: 0px 15px; +} + +.cvp-btn { + background-color: #27CFC3; + font-weight: 700; + font-size: 12px; +} + +.common-main-container { + padding-left: 5%; + padding-right: 5%; +} + +a { + cursor: pointer; +} diff --git a/3rd_party/static/testapi-ui/assets/css/header.css b/3rd_party/static/testapi-ui/assets/css/header.css new file mode 100644 index 0000000..1df040c --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/header.css @@ -0,0 +1,36 @@ +.header-container-1 { + height: 80px; + background-color: #383A35; +} + +.header-container-row { + margin-left: 0px; + margin-right: 0px; +} + +.header-container-2 { + height: 30px; + background-color: #383A35; +} + +.header-logo { + height: 80px; + padding-left: 15px; + padding-top: 20px; +} + +.header-title { + font-size: 35px; + color: #fff; + padding-top: 30px; +} + +.header-login { + margin-top: -20px; + margin-right: 10px; +} + +.header-splitline { + height: 5px; + background-color: #27CFC3; +} diff --git a/3rd_party/static/testapi-ui/assets/css/home/home.css b/3rd_party/static/testapi-ui/assets/css/home/home.css new file mode 100644 index 0000000..f6f9a2e --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/home/home.css @@ -0,0 +1,75 @@ +.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: center; +} + +#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-right: 30px; + padding-left: 20px; + padding-top: 20px; + padding-bottom: 20px; +} + +.company_row:hover { + cursor: pointer; + text-decoration: underline; +} diff --git a/3rd_party/static/testapi-ui/assets/css/index.css b/3rd_party/static/testapi-ui/assets/css/index.css new file mode 100644 index 0000000..ccbaf50 --- /dev/null +++ b/3rd_party/static/testapi-ui/assets/css/index.css @@ -0,0 +1,4 @@ +.index-header { + padding-left: 0px; + padding-right: 0px; +} |