From f62c0dd0a33b444505ad0c1bdaddc5e0a86a11a6 Mon Sep 17 00:00:00 2001 From: Stamatis Katsaounis Date: Fri, 23 Nov 2018 11:15:45 +0200 Subject: Clean CSS code JIRA: DOVETAIL-753 This patch cleans the CSS code, which was in a bad state and not maintainable. Change-Id: I6b18bcc8f45d1df091c2e17f0b0a99f0be49d6d6 Signed-off-by: Stamatis Katsaounis --- 3rd_party/static/testapi-ui/assets/css/ascend.css | 1263 +++++----- 3rd_party/static/testapi-ui/assets/css/combine.css | 2548 +++++++++++++------- .../static/testapi-ui/assets/css/cvp-style.css | 89 +- 3rd_party/static/testapi-ui/assets/css/header.css | 32 +- .../static/testapi-ui/assets/css/home/home.css | 62 +- 3rd_party/static/testapi-ui/assets/css/index.css | 4 +- 6 files changed, 2431 insertions(+), 1567 deletions(-) diff --git a/3rd_party/static/testapi-ui/assets/css/ascend.css b/3rd_party/static/testapi-ui/assets/css/ascend.css index 45d0e1c..258cf0b 100644 --- a/3rd_party/static/testapi-ui/assets/css/ascend.css +++ b/3rd_party/static/testapi-ui/assets/css/ascend.css @@ -1,984 +1,1159 @@ -.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 +.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 + 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 #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, +.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 #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 + padding: 6px 0 !important; } -.ascend #footer-outer #footer-widgets .col ul li a,.ascend #sidebar div ul li a { -display:block +.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 .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 + border-top: 1px solid rgba(255, 255, 255, 0.1); + background-color: transparent; } .ascend #footer-outer[data-using-widget-area="false"] #copyright { -border:none + border: none; } .nectar-progress-bar span strong { -padding:4px 0!important; -background-color:transparent; -color:inherit + padding: 4px 0 !important; + background-color: transparent; + color: inherit; } .ascend { -background-color:#fff + background-color: #fff; } .nectar-progress-bar span strong:after { -display:none + display: none; } .nectar-progress-bar .bar-wrap { -background-color:rgba(0,0,0,0.043) + 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 +.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 + right: 10px; + text-align: center; } .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev { -padding-right:10px; -padding-left:10px; -margin-right:0 + 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 + 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 +.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; } -.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); } -.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 .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 + left: 5px; } .ascend [data-full-width="false"] .carousel-next:hover:after { -opacity:1; -transform:translateX(-12px) + opacity: 1; + transform: translateX(-12px); } .ascend [data-full-width="false"] .carousel-prev:after { -transform:translateX(20px) + transform: translateX(20px); } .ascend [data-full-width="false"] .carousel-prev:hover:after { -opacity:1; -transform:translateX(0px) + opacity: 1; + transform: translateX(0px); } .ascend [data-full-width="false"] .carousel-prev:hover i { -transform:translateX(-18px) + 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 [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 +.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 +.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 + right: 30px; } html .ascend[data-ext-responsive="true"] .carousel-heading .container .carousel-prev { -right:40px + 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 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 .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 .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 .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 + 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 + font-size: 18px !important; } .ascend .icon-salient-cart:before { -content:"\e606" + content: "\e606"; } .ascend #header-outer a.cart-contents .cart-wrap span:before { -display:none!important + display: none !important; } .ascend #header-outer .cart-menu .cart-icon-wrap { -width:53px!important + width: 53px !important; } .ascend #header-outer .cart-menu { -padding-left:29px + padding-left: 29px; } .ascend #header-outer .cart-wrap { -top:-7px!important; -margin-right:17px + top: -7px !important; + margin-right: 17px; } .ascend #header-outer .cart-menu-wrap { -right:0!important + right: 0 !important; } #header-outer .cart-wrap { -font-size:11px + font-size: 11px; } .ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn { -margin-left:1px!important; -visibility:hidden + 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 + 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 + 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 + 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 + 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 + 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 + margin-left: 102px !important; } .ascend[data-slide-out-widget-area="true"] #header-outer[data-full-width="true"] .cart-menu-wrap { -right:80px!important + 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 + 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 + 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 + 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.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 #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[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 #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 +.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 + margin-right: -28px !important; } } .ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn > div { -border:none!important + 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 + 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 + 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 + 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 + 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 + 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 + 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 + 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 .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 + box-shadow: none !important; } header#top #mobile-cart-link i { -line-height:36px!important + line-height: 36px !important; } body[data-is="minimal"] header#top #mobile-cart-link i { -line-height:34px!important + 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 + 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 + height: auto !important; + float: none !important; + width: 100% !important; + padding: 0 40px; + position: static; } #header-outer #search { -position:static!important + 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 + color: #000 !important; + height: auto !important; + font-size: 80px !important; + text-align: center !important; } #search-outer > #search form { -width:100%!important; -float:none!important + width: 100% !important; + float: none !important; } -#search-outer > #search form,#search-outer #search .span_12 span { -opacity:0; -position:relative +#search-outer > #search form, +#search-outer #search .span_12 span { + opacity: 0; + position: relative; } #search-outer #search #close { -position:absolute; -top:25px; -right:25px + 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 + 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) + 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 + 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 + width: auto !important; + min-width: 1200px; + left: auto !important; } body.ascend #search-outer #search #close a span { -color:#000 + color: #000; } body.ascend #search-outer .ui-widget-content { -top:90px!important + 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 #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 .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 + padding: 0 18px 18px !important; } .ascend .post .nectar-love-wrap { -line-height:20px + line-height: 20px; } .ascend .masonry-blog-item .inner-wrap { -padding:0 + 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 .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 + padding-bottom: 0 !important; + border: 0 !important; + margin-bottom: 0 !important; } .ascend .masonry-blog-item .article-content-wrap { -padding:16px 18px 18px!important + 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 #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 + border: none !important; } .ascend #author-bio { -padding-bottom:20px; -border:none; -text-align:center + padding-bottom: 20px; + border: none; + text-align: center; } .ascend #author-bio img { -display:block; -margin:0 auto; -margin-bottom:15px!important; -position:relative + 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 #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 + width: 600px !important; + margin: 0 auto; + padding-left: 0 !important; } .ascend .container-wrap #author-bio #author-info p { -max-width:70%; -margin:0 auto + max-width:70%; + margin:0 auto; } .ascend #author-bio .nectar-button { -margin-top:20px + margin-top: 20px; } .ascend #author-bio .avatar { -border-radius:100% + border-radius: 100%; } .ascend .comment-list { -margin-bottom:0!important + margin-bottom: 0 !important; } .ascend .comment-list .reply { -top:7px + top: 7px; } .ascend .comment-list .reply a { -color:#000; -background-color:transparent; -border-radius:0!important + color: #000; + background-color: transparent; + border-radius: 0 !important; } html .ascend .comment-list .reply a:hover { -color:#fff!important + color: #fff !important; } .ascend #respond { -margin-top:80px!important + margin-top: 80px !important; } .ascend h3#comments { -text-align:center + 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, +.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 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 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 + background-position:left 30px !important; + margin-left: 26px !important; + padding-left: 40px !important; } .comment-list .says { -display:none + display: none; } .ascend #reply-title { -margin-bottom:50px; -text-align:center!important + margin-bottom: 50px; + text-align: center !important; } -.ascend.single-product #reply-title,.ascend.single-product #commentform .form-submit { -text-align:left!important +.ascend.single-product #reply-title, +.ascend.single-product #commentform .form-submit { + text-align: left !important; } .ascend .comment #reply-title { -text-align:left!important + text-align: left !important; } .ascend #respond #cancel-comment-reply-link { -padding-left:15px + padding-left: 15px; } .ascend .comment-wrap { -padding-top:0!important; -margin-top:0!important + padding-top: 0 !important; + margin-top: 0 !important; } .ascend.single-portfolio .comment-wrap { -margin-top:30px!important + margin-top: 30px !important; } .ascend .comment-wrap h3#comments { -padding-top:80px + padding-top: 80px; } -.ascend #author-bio.no-pagination,.ascend .comment-wrap { -border-top:1px solid #999 +.ascend #author-bio.no-pagination, +.ascend .comment-wrap { + border-top: 1px solid #999; } .ascend .comments-section[data-author-bio="false"] .comment-wrap { -border:none + border: none; } .ascend .comment-list { -padding-bottom:80px; -border-bottom:1px solid #999 + padding-bottom: 80px; + border-bottom: 1px solid #999; } -.ascend #author-bio.no-pagination.lighter-grey,.ascend .comment-wrap.lighter-grey { -border-color:#ddd +.ascend #author-bio.no-pagination.lighter-grey, +.ascend .comment-wrap.lighter-grey { + border-color: #ddd; } -.ascend .comment-wrap,.ascend #author-bio { -padding-top:80px +.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 #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) + 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; } -.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 + left: 30px; } a.pp_arrow_next { -right:30px + 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_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) + 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 + 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 + 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 +.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) +.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 +.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 +.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) +.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-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-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) +.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) + 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) +.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) +.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 + 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 + 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 +.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"].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 +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 + 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.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 + height: 46px; + width: 46px; } -.ascend .widget_search .search-form input[type=submit],.ascend .newsletter-widget form input[type=submit] { -line-height:24px +.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"], +.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="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 + 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, +.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; +.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; + left: 0px; + right: auto; } + .rtl .carousel-wrap[data-full-width="false"] .control-wrap .carousel-prev { - margin-left: 0; + 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 .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; + 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-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); + 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 ~ .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); + transform: translateX(0px); } + .rtl.ascend [data-full-width="false"] .carousel-prev:after { - transform: translateX(30px); + transform: translateX(30px); } + .rtl.ascend [data-full-width="false"] .carousel-prev:hover:after { - opacity: 1; - transform: translateX(18px); + opacity: 1; + transform: translateX(18px); } -body a{color:#27CCC0;} +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 index a6395e7..7d29159 100644 --- a/3rd_party/static/testapi-ui/assets/css/combine.css +++ b/3rd_party/static/testapi-ui/assets/css/combine.css @@ -1,48 +1,63 @@ html { - overflow-y: scroll; } + overflow-y: scroll; +} hr { - height: 1px !important; } + height: 1px !important; +} h3 { margin-top: 10px; - margin-bottom: 10px; } + margin-bottom: 10px; +} -a, a:visited { +a, +a:visited { color: #bc1518; - text-decoration: none; } + text-decoration: none; +} a:hover { - text-decoration: underline; } - + text-decoration: underline; +} + .center { - text-align: center; } + text-align: center; +} -@media (max-width: 950px) {.defaultSkin table.mceLayout {width: 100% !important;}} +@media (max-width: 950px) { + .defaultSkin table.mceLayout { + width: 100% !important; + } +} /* fix for input-group bootstrap */ .input-group .input-group-btn .btn { - height: 34px; + height: 34px; } /* @group Navigation */ #navigation { display: block; background: url('/themes/openstack/images/header-line.gif') repeat-x 0 bottom; - padding-bottom: 1px; } + padding-bottom: 1px; +} #navigation * { padding: 0; - margin: 0; } + margin: 0; +} #navigation ul { display: block; - margin: 0 auto; } + margin: 0 auto; +} #navigation li { display: block; float: left; - margin-right: 20px; } + margin-right: 20px; +} #navigation li a { display: block; @@ -51,29 +66,43 @@ a:hover { background-position: 50% 0; padding: 20px 0 5px; color: #353535; - font-size: 14px; } + font-size: 14px; +} -#navigation li a.current, #navigation li a.section { +#navigation li a.current, +#navigation li a.section { border-bottom: 3px solid #cf2f19; - color: #cf2f19; } + color: #cf2f19; +} /* @group Auto-clearing */ -#navigation:after, #navigation ul:after, #header:after { +#navigation:after, +#navigation ul:after, +#header:after { content: "."; display: block; height: 0; clear: both; - visibility: hidden; } + visibility: hidden; +} -#navigation, #navigation ul, #header:after { - display: inline-block; } +#navigation, +#navigation ul, +#header:after { + display: inline-block; +} /* Hides from IE-mac \*/ -* html #navigation, * html #navigation ul { - height: 1%; } +* html #navigation, +* html #navigation ul { + height: 1%; +} -#navigation, #navigation ul, #header:after { - display: block; } +#navigation, +#navigation ul, +#header:after { + display: block; +} /* End hide from IE-mac */ /* @end */ @@ -84,29 +113,35 @@ a:hover { background: url('/themes/openstack/images/open-stack-cloud-computing-logo-2.png') no-repeat left center; height: 54px; width: 177px; - margin-left: -10px; } + margin-left: -10px; +} #header { margin-bottom: 0px; - margin-top: 20px; } + margin-top: 20px; +} /* @end */ /* @group Tabs */ .tabContentHidden { - display: none; } + display: none; +} .tabTops { border: 1px solid black; - border-bottom: none; } + border-bottom: none; +} #subnav li { list-style-type: none; margin-bottom: 5px; - padding: 0; } + padding: 0; +} #subnav ul { padding-left: 0px; - margin-right: 0px; } + margin-right: 0px; +} #subnav ul.overviewNav li a { display: block; @@ -116,31 +151,40 @@ a:hover { background-color: #e9e9e9; background-image: none; text-align: right; - margin-right: 40px; } + margin-right: 40px; +} #subnav ul.overviewNav li a:hover { background-color: #d6d6d6; - -webkit-transition: background-color 1s ease-out; } + -webkit-transition: background-color 1s ease-out; +} ul.subsectionNav li.current a { background-color: #c4e0e9; - -webkit-transition: background-color 1s ease-out; } + -webkit-transition: background-color 1s ease-out; +} .subsectionNav a[href*="/essex/"] { - background-color: #E9E9E9 !important; } + background-color: #E9E9E9 !important; +} .subsectionNav a[href*="/start/"] { background-color: #D5EFD4 !important; - margin-top: 30px; } + margin-top: 30px; +} .subsectionNav a[href*="/marketplace/training/"] { - margin-top: 30px; } + margin-top: 30px; +} -.overviewNav li.active, .subsectionNav li.active { - background: url('/themes/openstack/images/pointer-arrow.gif') no-repeat right center; } +.overviewNav li.active, +.subsectionNav li.active { + background: url('/themes/openstack/images/pointer-arrow.gif') no-repeat right center; +} #subnav ul li { - text-align: right; } + text-align: right; +} ul.subsectionNav li a { display: block; @@ -148,11 +192,13 @@ ul.subsectionNav li a { text-decoration: none; color: black; background: #e2ecef none no-repeat 5px center; - margin-right: 40px; } + margin-right: 40px; +} ul.subsectionNav li a:hover { background-color: #c4e0e9; - -webkit-transition: background-color 1s ease-out; } + -webkit-transition: background-color 1s ease-out; +} ul.tabs { padding: 0 2px 0 0; @@ -163,27 +209,32 @@ ul.tabs { margin-right: 0px; clear: both; border-bottom: 1px solid #d8d8d8; - background-color: #ececec; } + background-color: #ececec; +} .tabSet { margin: auto; background-color: #f5f5f5; -webkit-border-radius: 3px; border: 1px solid #d8d8d8; - border-top: 1px solid #bcbcbc; } + border-top: 1px solid #bcbcbc; +} #home .tabSet { - margin-top: 45px; } + margin-top: 45px; +} .featureHeader { margin-left: 20px; - margin-top: 20px; } + margin-top: 20px; +} .tabs li { cursor: pointer; display: inline; margin-right: -3px; - padding: 0px; } + padding: 0px; +} .tabs li a { margin: 0px; @@ -196,11 +247,13 @@ ul.tabs { text-shadow: #fff 0px 1px 1px; border-right: 1px solid #d8d8d8; width: 160px; - text-align: center; } + text-align: center; +} .tabs li a:hover { background-color: #eee; - text-decoration: none; } + text-decoration: none; +} .tabs li.active a { cursor: default; @@ -211,13 +264,15 @@ ul.tabs { border-bottom: 1px solid #f5f5f5; margin-bottom: -1px; border-top: 1px white solid; - font-weight: bold; } + font-weight: bold; +} .tabs li#showcode a { background: #6b90da; padding-bottom: 6px; font-weight: bold; - color: #fff; } + color: #fff; +} /* @end */ /* @group Buttons */ @@ -235,11 +290,13 @@ a.button { -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'); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bebebe'); +} a.button:hover { color: black; - -webkit-transition: color 1s ease-out; } + -webkit-transition: color 1s ease-out; +} a.button:active { background: #ababab; @@ -250,11 +307,13 @@ a.button:active { 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; } + padding: 4px 29px 2px 31px !important; +} /* @end */ /* @group Rounded Buttons */ -.roundedButton, input.action { +.roundedButton, +input.action { font-family: 'PT Sans', serif; border: 1px solid #e2e2e2; padding: 4px 15px; @@ -278,14 +337,18 @@ a.button:active { -webkit-border-radius: 3px; border-bottom-color: #a0a0a0; border-right-color: #bababa; - border-left-color: #bababa; } + border-left-color: #bababa; +} -.roundedButton:hover, input.action:hover { +.roundedButton:hover, +input.action:hover { color: black; -webkit-transition: color 1s ease-out; - cursor: pointer; } + cursor: pointer; +} -a.roundedButton:active, input.action:active { +a.roundedButton:active, +input.action:active { background: #ababab; box-shadow: none; -webkit-box-shadow: none; @@ -294,10 +357,12 @@ a.roundedButton:active, input.action:active { border-top-color: #636363; background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd)); -webkit-transition: none; - padding: 4px 15px; } + padding: 4px 15px; +} input.action { - line-height: 1.2em !important; } + line-height: 1.2em !important; +} /* @end */ .subhead { @@ -306,33 +371,42 @@ input.action { border-bottom: 1px dotted; padding-bottom: 5px; border-color: #c5e2ea; - margin-bottom: 20px; } + margin-bottom: 20px; +} /* @group projects page */ -.projectsPage h1, .communityPage h1, #blog h1 { +.projectsPage h1, +.communityPage h1, +#blog h1 { color: #264d69; - font-size: 24px; } + font-size: 24px; +} .projectsPage h2 { color: #264d69; - font-size: 17px; } + font-size: 17px; +} #subnav { - padding-top: 38px; } + padding-top: 38px; +} .note { color: #33730a; - background: #e2f4dc url('/themes/openstack/images/side-note-pointer.gif') no-repeat left center; } + background: #e2f4dc url('/themes/openstack/images/side-note-pointer.gif') no-repeat left center; +} .note a { color: #33730a; - text-decoration: underline; } + text-decoration: underline; +} .note p { margin-left: 8px; padding: 10px; margin-bottom: 0px; - border-bottom: 1px solid #b5c8a8; } + border-bottom: 1px solid #b5c8a8; +} a#CitrixVideo { display: block; @@ -340,11 +414,13 @@ a#CitrixVideo { background: url('/themes/openstack/images/citrix-video-thumbnail.jpg') no-repeat; color: #aeaeae; text-decoration: none; - margin-top: 3px; } + margin-top: 3px; +} h3.videoHeader { color: #939393; - font-size: 14px; } + font-size: 14px; +} a.downloadLink { text-decoration: none; @@ -361,20 +437,24 @@ a.downloadLink { /* BORDER RADIUS */ border-radius: 5px; background-color: #989996; - border: 2px solid white; } + border: 2px solid white; +} /* @end */ #footer { - margin-top: 30px; } + margin-top: 30px; +} /* @group compute */ .projectVitals { border-top: 1px solid #c5e2ea; - padding-top: 10px; } + padding-top: 10px; +} .projectVitals h3 { font-size: 16px; - color: #264d69; } + color: #264d69; +} #status { padding: 12px; @@ -382,10 +462,12 @@ a.downloadLink { background-color: #e2f4dc; border: 1px solid #b5c8a8; margin-bottom: 10px; - height: 9em; } + height: 9em; +} #status strong { - font-size: 120%; } + font-size: 120%; +} #availability { line-height: 1.4em; @@ -394,15 +476,19 @@ a.downloadLink { background-color: #f6f8f8; border: 1px solid #d4d5d5; margin-bottom: 10px; - height: 9em; } + height: 9em; +} .projectVitals h4 { font-size: 14px; color: #797979; - margin-bottom: 4px; } + margin-bottom: 4px; +} -#status p, #availability p { - margin: 0px; } +#status p, +#availability p { + margin: 0px; +} #parallax { background: #2f3134; @@ -410,74 +496,94 @@ a.downloadLink { overflow: hidden; width: 60em; height: 300px; - margin: 1.5em 0; } + margin: 1.5em 0; +} /* @group FAQ */ .faqs .span-5 { font-size: 14px; color: #707070; - font-weight: bold; } + font-weight: bold; +} .faqs hr { - padding: 0px; } + padding: 0px; +} .faqs div { - margin-bottom: 20px; } + 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; } + background: #f8f8f8 url('/themes/openstack/images/community-box-headers.png') no-repeat 0 0; +} #userResources { - background-position: -200px 0; } + background-position: -200px 0; +} #devCenter { - background-position: -400px 0; } + background-position: -400px 0; +} -.communityBox p, .communityBox h2 { - margin: 15px; } +.communityBox p, +.communityBox h2 { + margin: 15px; +} -.communityBox, .communityBox a, .communityBox a.visited { - color: #6b6b6b; } +.communityBox, +.communityBox a, +.communityBox a.visited { + color: #6b6b6b; +} .communityBox a { - text-decoration: underline; } + text-decoration: underline; +} .communityBox h2 { color: black; font-size: 17px; - margin-top: 60px; } + margin-top: 60px; +} -.participants h2, .communityResources h2 { +.participants h2, +.communityResources h2 { font-size: 16px; color: #264d69; margin-top: 30px; padding-top: 10px; - border-top: 1px dotted #c5e2ea; } + 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; } + background: url('/themes/openstack/images/openstack-design-summit-community.jpg') no-repeat 0 0; +} #designSummit { - color: #6b6b6b; } + color: #6b6b6b; +} #designSummit strong { color: black; - font-weight: normal; } + font-weight: normal; +} /* @end */ /* @group blog */ #blog h2 { color: #5189a0; font-size: 15px; - margin-bottom: 0px; } + margin-bottom: 0px; +} #blog h2 a { background-color: #eaeaea; @@ -489,43 +595,55 @@ a.downloadLink { -webkit-border-radius: 3px; color: #757575; font-size: 0.7em; - text-decoration: none; } + text-decoration: none; +} div.byline { border-bottom: 1px dotted #c5e2ea; border-top: 1px dotted #c5e2ea; margin-bottom: 10px; - padding: 2px 0; } + padding: 2px 0; +} div.byline p { - margin: 0px; } + margin: 0px; +} div.byline .postDate { - text-align: right; } + text-align: right; +} -div.byline p.name a, div.byline p.name a:visited { +div.byline p.name a, +div.byline p.name a:visited { color: #cf2f19; - text-decoration: none; } + text-decoration: none; +} div.socialMedia { background-color: #eef3f5; - margin-bottom: 20px; } + margin-bottom: 20px; +} div.socialMedia div { - padding: 10px; } + padding: 10px; +} div.socialMedia h4 { - margin-bottom: 2px; } + margin-bottom: 2px; +} div.socialMedia p { - margin-bottom: 0px; } + margin-bottom: 0px; +} div.socialMedia div.twitter { - border-bottom: 1px dotted #c5e2ea; } + border-bottom: 1px dotted #c5e2ea; +} #blog h3 { margin-bottom: 5px; - font-size: 12px; } + font-size: 12px; +} /* @end */ /* @group Brand */ @@ -534,20 +652,24 @@ div.termsBox { padding: 10px; height: 300px; overflow: scroll; - margin-bottom: 10px; } + margin-bottom: 10px; +} -.termsBox h3, #openstack-trademark-policy h3 { +.termsBox h3, +#openstack-trademark-policy h3 { font-size: 100%; - font-weight: bold; } + font-weight: bold; +} .termsBox a { color: inherit; - text-decoration: underline; } + text-decoration: underline; +} #zenbox_tab { - top: 34% !important; - min-width: 109px !important; - line-height: 0px !important; + top: 34% !important; + min-width: 109px !important; + line-height: 0px !important; } /* @end */ @@ -555,13 +677,16 @@ div.termsBox { ul#quotes { margin-left: 0px; padding-left: 0px; - margin-top: 10px; } + margin-top: 10px; +} ul#quotes li { - list-style-type: none; } + list-style-type: none; +} ul#quotes li p { - line-height: 1.4em; } + line-height: 1.4em; +} ul#quotes p { font-size: 16px; @@ -570,18 +695,21 @@ ul#quotes p { color: black; line-height: 1.2em; padding: 10px; - padding-bottom: 0px; } + padding-bottom: 0px; +} ul#quotes p.name { margin-top: 10px; font-size: 14px; text-transform: uppercase; color: #9b9b9b; - text-indent: 0px; } + text-indent: 0px; +} ul#quotes p.name strong { font-weight: normal; - color: #494949; } + color: #494949; +} /* @end */ .tooltip { @@ -591,18 +719,21 @@ ul#quotes p.name strong { color: white; border-radius: 4px; -moz-border-radius: 4px; - -webkit-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; } + margin-top: 30px; +} a.Datasheet:hover { text-decoration: none; - color: #bc1518; } + color: #bc1518; +} a#DemoVideo { display: block; @@ -610,23 +741,28 @@ a#DemoVideo { margin-left: 18px; background: url('/themes/openstack/images/demo-video-thumbnail.jpg') no-repeat; text-decoration: none; - margin-top: 50px; } + margin-top: 50px; +} /* @group Tables */ .tabContent table { margin: 20px; - width: 670px; } + width: 670px; +} .tabContent table td { border-bottom: 1px solid #d8d8d8; vertical-align: top; - padding: 10px 10px 20px 0; } + padding: 10px 10px 20px 0; +} .tabContent table td p { - margin: 0px; } + margin: 0px; +} .tabContent table tr:last-child td { - border-bottom: none; } + border-bottom: none; +} .tabContent table th { font-family: 'PT Sans', serif; @@ -636,28 +772,36 @@ a#DemoVideo { letter-spacing: -0.076em; line-height: 1em; color: #264d69; - padding-left: 0px; } + padding-left: 0px; +} -.tabContent table a:active, .tabContent table a:visited, .tabContent table a { +.tabContent table a:active, +.tabContent table a:visited, +.tabContent table a { color: inherit; - text-decoration: underline; } + text-decoration: underline; +} p.fnote { - margin-left: 20px; } + margin-left: 20px; +} /* @end */ h2.user-story-quote { line-height: 1.5em; - color: grey !important; } + color: grey !important; +} .user-story-quote-author { - text-transform: uppercase; } + text-transform: uppercase; +} ul.user-project-list { margin: 0px; padding: 0px; overflow: hidden; - margin-bottom: 20px; } + margin-bottom: 20px; +} ul.user-project-list li { display: block; @@ -670,83 +814,102 @@ ul.user-project-list li { color: #1a4b6b; font-size: 95%; width: 170px; - float: left; } + float: left; +} #footer ul { margin: 10px 0px 20px; padding: 0px; - list-style: none; } + list-style: none; +} -#footer a, #footer a:visited, #footer a:active { - color: black; } +#footer a, +#footer a:visited, +#footer a:active { + color: black; +} #footer h3 { color: #de0000; - font: 130% 'PT Sans', serif; } + 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 */ } + /* webkit */ +} #footer form { margin-top: 8px; - margin-bottom: 20px; } + 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; } + list-style: none; +} .user-objectives { background-color: #ecedec; padding: 20px; - margin-bottom: 15px; } + margin-bottom: 15px; +} .user-objectives p { - margin-bottom: 0px; } + margin-bottom: 0px; +} .user-name { - padding-top: 10px; } + padding-top: 10px; +} .user-photo img { border: 5px solid white; - -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); } + -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; } + margin-top: 20px; +} .siteMessage p { - margin: 8px; } + margin: 8px; +} #InfoMessage { color: black; background-color: #DBEAEE; border-color: #B5D8E2; font-size: 120%; - padding: 10px; } + padding: 10px; +} #SuccessMessage { color: #3E933A; background-color: #E2F7D8; - border-color: #9FDE9C; } + border-color: #9FDE9C; +} #ErrorMessage { color: #DA1D1D; background-color: #FFDFDF; - border-color: #FFBBBB; } + border-color: #FFBBBB; +} p.message.bad { color: #DA1D1D; background-color: #FFDFDF; border-color: #FFBBBB; padding: 15px; - border: 1px solid #DA1D1D; } + border: 1px solid #DA1D1D; +} .topMessage { background: #E4EEF1; @@ -756,49 +919,65 @@ p.message.bad { color: #255E6E; font-family: 'PT Sans', serif; text-shadow: #fff 0px 1px 1px; - box-shadow: 1px 1px 1px 1px #ccc; } + box-shadow: 1px 1px 1px 1px #ccc; +} .topMessage p { - margin-bottom: 0px; } + margin-bottom: 0px; +} #header { - margin-top: 40px; } + margin-top: 40px; +} span.message { font-weight: bold; - color: #CE332C; } + color: #CE332C; +} .gsc-control-cse { - padding: 0px !important; } + padding: 0px !important; +} #gcse { width: 100%; - height: 60px; } + height: 60px; +} -input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { +input.gsc-search-button, +input.gsc-search-button:hover, +input.gsc-search-button:focus { background: #C43422 !important; - border: none !important; } + border: none !important; +} table.gsc-search-box td { - padding: 2px !important; } + padding: 2px !important; +} .gsc-input-box { - border-color: #D3E9EF !important; } + border-color: #D3E9EF !important; +} -.gs-visibleUrl, .gs-visibleUrl-long { - color: #A5A5A5 !important; } +.gs-visibleUrl, +.gs-visibleUrl-long { + color: #A5A5A5 !important; +} .roundedButton-margin { - margin-left: 5px; } + 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 { +body, +html { width: 100%; - height: 100%; } + height: 100%; +} h1 { @@ -806,21 +985,27 @@ h1 { font-size: 34px; font-weight: 300; margin: 40px 0; - text-align: center; } + text-align: center; +} h3 { - color: #2A4E68; } + color: #2A4E68; +} h5 { color: #DA422F; - margin-bottom: 0; } + margin-bottom: 0; +} -a, a:visited { - color: #27CCC0; } +a, +a:visited { + color: #27CCC0; +} .lead { font-size: 18px; - font-weight: 400; } + font-weight: 400; +} /*Header Navigation more styles in navigation_menu.css */ @@ -828,18 +1013,17 @@ a, a:visited { position: relative; display: none; float: left; - width: 84%; } + width: 84%; +} @media (min-width: 768px) and (max-width: 1200px) { - .search-container - { - width: 80%; - } + .search-container { + width: 80%; + } } @media (max-width: 767px), only screen and (max-device-width: 1024px) { - .search-container - { + .search-container { display: none; } } @@ -865,28 +1049,25 @@ a, a:visited { } @media (max-width: 767px), only screen and (max-device-width: 1024px) { - .search-icon - { + .search-icon { display: none !important; } } @media (max-width: 1040px) { - .header-search-text - { + .header-search-text { display: none; } } @media (max-width: 767px), only screen and (max-device-width: 1024px) { - .header-search-form - { + .header-search-form { display: none; } - .custom-search-box - { + + .custom-search-box { position: relative !important; - left: 0px !important;; + left: 0px !important; } } @@ -898,24 +1079,25 @@ a, a:visited { width: 100% !important; } -.custom-search-box-mobile -{ +.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 - { + .custom-search-box-mobile { display: block !important; } + .custom-search-box { display: none !important; } } -.header-search, .custom-search-box, .custom-search-box-mobile { +.header-search, +.custom-search-box, +.custom-search-box-mobile { border: 2px solid #dae5ee !important; border-radius: 4px !important; height: 37px !important; @@ -930,18 +1112,25 @@ a, a:visited { -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 { +.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 { +.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 { +.header-search:-moz-placeholder, +.custom-search-box-mobile:-moz-placeholder, +.custom-search-box:-moz-placeholder { /* Firefox 18- */ color: #C0CDDB; font-size: 12px; @@ -949,20 +1138,28 @@ a, a:visited { font-weight: 400; } -.header-search::-moz-placeholder, .custom-search-box::-moz-placeholder, custom-search-box-mobile::-moz-placeholder { +.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; } + font-weight: 400; +} -.header-search:-ms-input-placeholder, .custom-search-box:-ms-input-placeholder, custom-search-box-mobile:-ms-input-placeholder { +.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; } + font-weight: 400; +} -.header-search:focus, .custom-search-box:focus, .custom-search-box-mobile:focus { +.header-search:focus, +.custom-search-box:focus, +.custom-search-box-mobile:focus { border-radius: 4px; outline: none; border: 2px solid #30739C !important; @@ -978,27 +1175,23 @@ a, a:visited { font-size: 16px; } -.close-search:hover -{ +.close-search:hover { color: #30739C; cursor: pointer; } @media (max-width: 767px), only screen and (max-device-width: 1024px) { - .close-search - { + .close-search { display: none !important; } } -.show -{ +.show { display: block; } @media (max-width: 767px), only screen and (max-device-width: 1024px) { - .show - { + .show { display: none; } } @@ -1012,64 +1205,71 @@ a, a:visited { color: #f8f8f8; background: url('/themes/openstack/images/hero-bkgd1.jpg') no-repeat center center; background-size: cover; - position: relative; } - + position: relative; +} + .intro-header h1 { - color: #f8f8f8; } + 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; + 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; } } + font-size: 1.5em; + } +} .intro-divider { width: 400px; border-top: 1px solid #f8f8f8; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + 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; } + margin-top: 10px; +} .hero-credit { position: absolute; bottom: 30px; right: 30px; color: #fff; - opacity: 0.5; } + opacity: 0.5; +} .hero-credit:hover { - opacity: 1; } + opacity: 1; +} -.hero-credit a, .hero-credit a:hover { - color: #fff; } +.hero-credit a, +.hero-credit a:hover { + color: #fff; +} /*Hero Promo, add .featured to .intro-header*/ .intro-header.featured { @@ -1082,21 +1282,10 @@ a, a:visited { } .intro-header.featured .intro-message { - padding-bottom: 5px; } + 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; @@ -1109,17 +1298,18 @@ a.promo-btn { min-width: 250px; display: inline-block; line-height: 2; - } +} -a.promo-btn:hover, a.promo-btn:focus { +a.promo-btn:hover, +a.promo-btn:focus { text-decoration: none; - /*background: rgba(255, 255, 255, 0.2);*/ - background: #A51B1B; - } + background: #A51B1B; +} .promo-btn-wrapper { margin-bottom: 10px; } + a.promo-btn i.fa-chevron-right { background: transparent; border-radius: 50%; @@ -1130,49 +1320,55 @@ a.promo-btn i.fa-chevron-right { } 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; } + padding: 80px 0; +} @media (max-width: 767px) { .overview-section { - padding-top: 40px; } } + padding-top: 40px; + } +} .overview-section h2 { color: #2A4E68; font-size: 34px; font-weight: 300; - margin-bottom: 25px; } + margin-bottom: 25px; +} .overview-section p { color: #888; font-size: 16px; - font-weight: 300px; - line-height: 1.4; } + font-weight: 300; + line-height: 1.4; +} .overview-section a { color: #30739C; - text-decoration: underline; } + text-decoration: underline; +} .btn-wrapper { float: left; width: 100%; - text-align: center; } + text-align: center; +} @media (max-width: 980px) { .overview-left { - margin-bottom: 50px; } } + margin-bottom: 50px; + } +} a.overview-btn { float: left; @@ -1183,41 +1379,50 @@ a.overview-btn { padding: 15px 25px; text-decoration: none; margin-top: 5px; - margin-bottom: 5px; } + margin-bottom: 5px; +} a.overview-btn:hover { - background: #2A4E68; } + 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; } + margin-right: 0; +} a.overview-btn.left-btn:hover { - border-right-color: #1B486B; } + 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; } + margin-left: 0; +} .release-text { display: block; text-align: left; color: #636568; - font-size: 13px; } + font-size: 13px; +} .overview-section .img-responsive { - max-width: 550px; } + max-width: 550px; +} .overview-right { - text-align: center; } + text-align: center; +} .control-cloud-graphic { max-width: 600px; - margin: 0 auto 15px; } + margin: 0 auto 15px; +} a.demo-link { font-size: 13px; @@ -1226,15 +1431,18 @@ a.demo-link { color: #34789A; background: #F0F9FE; padding: 10px 25px; - border-radius: 4px; } + border-radius: 4px; +} a.demo-link:hover { color: #34789A; - background: #CDD9E2; } + background: #CDD9E2; +} a.demo-link i { margin-left: 5px; - font-size: 14px; } + font-size: 14px; +} /*When Featured, Add Class .featured to .overview-section*/ .overview-section.featured .overview-right { @@ -1242,56 +1450,69 @@ a.demo-link i { border-radius: 4px; text-align: center; padding: 20px; - margin-top: 50px; } + margin-top: 50px; +} @media (max-width: 1200px) { .overview-section.featured .overview-right { - margin-top: 50px; } } + margin-top: 50px; + } +} .overview-section.featured .overview-right h3 { color: #30739C; - text-align: center; } + text-align: center; +} .overview-section.featured .overview-right p { color: #333; - font-size: 13px; } + font-size: 13px; +} .overview-section.featured .overview-right img.promo-graphic { max-width: 350px; - margin: 20px auto; } + margin: 20px auto; +} /*End Overview Section*/ /*Customers Section*/ .customers-row { padding: 80px 0; text-align: center; - background: #edf2f7; } + background: #edf2f7; +} .customers-row h2 { text-transform: capitalize; margin-bottom: 0; - text-align: center; } + text-align: center; +} .customer-logos-wrapper { margin: 15px 0; - text-align: center; } + text-align: center; +} .customer-logos { position: relative; padding: 20px 0; width: 15%; - display: inline-block; } + display: inline-block; +} @media (max-width: 767px) { .customer-logos { position: relative; padding: 20px 0; width: 80%; - margin: 0 auto; } } + margin: 0 auto; + } +} .logo-hover { background: #dee2e8; - border-radius: 3px; } + border-radius: 3px; +} .logo-hover:after { content: ' '; @@ -1302,26 +1523,32 @@ a.demo-link i { border-top-color: #dee2e8; top: 100%; left: 50%; - margin-left: -10px; } + margin-left: -10px; +} .customers-description { margin: 40px 0; color: #2A4E68; - text-align: center; } + text-align: center; +} .customers-description p { padding: 20px 50px; border-top: 1px solid #dee2e8; border-bottom: 1px solid #dee2e8; - display: inline; } + display: inline; +} @media (max-width: 767px) { .customers-description p { - display: block; } } + display: block; + } +} .customers-action { margin-top: 40px; - text-align: center; } + text-align: center; +} a.customer-btn { background: #2A4E68; @@ -1330,11 +1557,13 @@ a.customer-btn { border-radius: 4px; padding: 15px 25px; text-decoration: none; - border-style: none; } + border-style: none; +} a.customer-btn:hover { background: #173D5B; - color: #fff; } + color: #fff; +} /*When Featured, Add Class .featured to .customers-row*/ .customers-row.featured .customer-logos-wrapper { @@ -1342,23 +1571,29 @@ a.customer-btn:hover { max-width: 1000px; margin: 40px 25% 0; border-top: 1px solid #DDE3E8; - padding-top: 20px; } + padding-top: 20px; +} .customers-row.featured .customer-logos-wrapper hr { - color: #333; } + color: #333; +} .customers-row.featured .customer-logos img { width: 90%; - max-width: 100px; } + max-width: 100px; +} .customers-row.featured .customer-logos:hover { - background: none; } + background: none; +} .customers-row.featured .customer-logos:hover:after { - display: none; } + display: none; +} .customers-row.featured .customers-action { - margin-top: 0; } + margin-top: 0; +} .customers-row.featured button.customer-btn { background: none; @@ -1366,15 +1601,19 @@ a.customer-btn:hover { padding: 0; text-decoration: underline; color: #2A4E68; - text-transform: capitalize; } + text-transform: capitalize; +} .featured-description { width: 85%; - margin: 40px auto; } + margin: 40px auto; +} @media (max-width: 767px) { iframe { - width: 90%; } } + width: 90%; + } +} /*End Customers Section*/ /*Community Section*/ @@ -1382,31 +1621,41 @@ a.customer-btn:hover { padding: 75px 0; background: url('/themes/openstack/images/community-bkgd-map.jpg') no-repeat 40% center; background-size: cover; - min-height: 350px; } + min-height: 350px; +} .community-section.featured { background: url('/themes/openstack/images/community-bkgd2.jpg') no-repeat center center; - background-size: cover; } + background-size: cover; +} .community-graphic { max-width: 650px; - margin: 0 auto; } + margin: 0 auto; +} @media (max-width: 994px) { .community-graphic { - margin-bottom: 20px; } } + margin-bottom: 20px; + } +} .community-section h2 { - color: #fff; } + color: #fff; +} .community-section p { - color: #fff; } + color: #fff; +} @media (max-width: 994px) { .community-section h2 { - text-align: center; } + text-align: center; + } .community-section p { - text-align: center; } } + text-align: center; + } +} a.community-btn { font-size: 16px; @@ -1419,7 +1668,8 @@ a.community-btn { color: white; display: block; max-width: 220px; - } + +} @media (max-width: 994px) { a.community-btn { display: block; @@ -1429,44 +1679,57 @@ a.community-btn { } a.community-btn i { - margin-left: 10px; } + margin-left: 10px; +} a.community-btn:hover { text-decoration: none; - background: rgba(255, 255, 255, 0.2); } + background: rgba(255, 255, 255, 0.2); +} /*When Featured, add .featured to .community-section*/ .community-section.featured h3 { - color: #fff; } + color: #fff; +} @media (max-width: 1200px) { .community-section.featured h3 { - text-align: center; } } + text-align: center; + } +} .designate-logo { max-width: 302px; - margin: 50px 0 20px; } + margin: 50px 0 20px; +} @media (max-width: 1200px) { .designate-logo { - margin: 50px auto 20px; } } + margin: 50px auto 20px; + } +} .default-community { background-color: rgba(5, 54, 86, 0.7); border-radius: 4px; padding: 30px; - text-align: center; } + text-align: center; +} @media (max-width: 1200px) { .default-community { - margin-top: 50px; } } + margin-top: 50px; + } +} .default-community h2 { - margin-top: 0; } + margin-top: 0; +} .community-graphic.small { max-width: 450px; - margin: 20px auto; } + margin: 20px auto; +} a.featured-link { display: block; @@ -1477,31 +1740,38 @@ a.featured-link { text-decoration: none; margin: 10px auto 0; color: #fff; - font-weight: 600; } + font-weight: 600; +} a.featured-link:hover { text-decoration: none; - background: #831917; } + background: #831917; +} /*End Community Section*/ /*News and Events Section*/ .news-section { - padding: 70px 0; } + padding: 70px 0; +} .news-section h2 a { font-size: 14px; color: #30739C; font-weight: 400; - margin-left: 30px; } + margin-left: 30px; +} .news-section h2 a:hover { color: #28709a; - text-decoration: none; } + text-decoration: none; +} -.event-ad, .news-ad { +.event-ad, +.news-ad { width: 100%; max-width: 560px; - margin-bottom: 20px; } + margin-bottom: 20px; +} .event-ad-lrg { width: 100%; @@ -1510,7 +1780,7 @@ a.featured-link:hover { max-width: 1140px; margin-bottom: 20px; image-rendering: optimizeQuality; - } +} @media (max-width: 767px) { .event-ad-lrg { @@ -1520,54 +1790,71 @@ a.featured-link:hover { .news-section .news-wrapper ul { margin: 30px 0; - padding-start: 0; - -webkit-padding-start: 0; } + -webkit-padding-start: 0; +} .news-section .news-wrapper ul li { - list-style: none; } + list-style: none; +} .single-event { float: left; width: 100%; padding: 15px 10px; - border-bottom: 1px solid #ebeff4; } + border-bottom: 1px solid #ebeff4; +} .single-event:hover { - background: #edf2f7; } + background: #edf2f7; +} .single-event.last { - border-bottom: none; } + border-bottom: none; +} .left-event { float: left; - width: 20%; } + width: 20%; +} @media (min-width: 768px) and (max-width: 981px) { .left-event { - width: 25%; } } + width: 25%; + } +} @media (max-width: 767px) { .left-event { - width: 15%; } } + width: 15%; + } +} .event-details { float: left; margin-left: 3%; - width: 62%; } + width: 62%; +} @media (min-width: 768px) and (max-width: 981px) { .event-details { - width: 72%; } } + width: 72%; + } +} .right-event { float: right; - width: 13%; } + width: 13%; +} @media (min-width: 768px) and (max-width: 981px) { .right-event { - display: none; } } + display: none; + } +} -.date, .news-type, .planet-type { +.date, +.news-type, +.planet-type { background: #fff; border: 2px solid #DA422F; border-radius: 4px; @@ -1577,9 +1864,11 @@ a.featured-link:hover { width: 100%; text-align: center; float: left; - margin-top: 5px; } + margin-top: 5px; +} -.event-name, .news-title { +.event-name, +.news-title { display: block; font-size: 14px; font-weight: 600; @@ -1587,14 +1876,17 @@ a.featured-link:hover { width: 100%; white-space: nowrap; overflow: hidden; - text-overflow: ellipsis; } + text-overflow: ellipsis; +} -.location, .news-date { +.location, +.news-date { display: block; float: left; font-style: italic; color: #333; - font-weight: 300; } + font-weight: 300; +} .right-arrow { float: right; @@ -1606,24 +1898,29 @@ a.featured-link:hover { color: #fff; margin-right: 10px; margin-top: 5px; - display: none; } + display: none; +} .single-event:hover .right-arrow { - display: block; } + display: block; +} .news-type { border: 2px solid #2A4E68; - color: #2A4E68; } + color: #2A4E68; +} .planet-type { border: 2px solid #68C8C3; - color: #68C8C3; } + color: #68C8C3; +} .see-more-bottom { width: 100%; float: left; text-align: center; - margin-top: 40px; } + margin-top: 40px; +} .see-more-bottom a { color: #2A4E68; @@ -1632,11 +1929,13 @@ a.featured-link:hover { border-radius: 4px; font-size: 12px; font-weight: 400; - border: 2px solid #2A4E68; } + border: 2px solid #2A4E68; +} .see-more-bottom a i { margin-left: 10px; - font-size: 11px; } + font-size: 11px; +} /*End News and Events Section*/ /*Photo Row*/ @@ -1646,21 +1945,26 @@ a.featured-link:hover { max-height: 240px; margin-bottom: 10px; overflow: hidden; - margin-top: 60px; } + margin-top: 60px; +} @media (max-width: 765px) { .photo-row-wrapper { - display: none; } } + display: none; + } +} .photo-container { width: 4000px; max-height: 240px; - margin-left: -30px; } + margin-left: -30px; +} .photo-container img { margin: 0 10px 0 0; max-width: 22%; - max-height: 240px; } + max-height: 240px; +} /*End Photo Row*/ /*Footer*/ @@ -1668,59 +1972,72 @@ a.featured-link:hover { .footer-links h3 { color: #fff; font-size: 14px; - font-weight: 400; } + font-weight: 400; +} .footer-links ul { margin-left: 0; - padding-start: 0; - -webkit-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; } + margin-left: 0; +} .social-icons { width: 40px; min-height: 40px; display: inline-block; - margin-right: 10px; } + margin-right: 10px; +} .footer-twitter { - background: url('/themes/openstack/images/footer-twitter.png') no-repeat; } + background: url('/themes/openstack/images/footer-twitter.png') no-repeat; +} .footer-twitter:hover { - background: url('/themes/openstack/images/footer-twitter-hover.png') no-repeat; } + background: url('/themes/openstack/images/footer-twitter-hover.png') no-repeat; +} .footer-facebook { - background: url('/themes/openstack/images/footer-facebook.png') no-repeat; } + background: url('/themes/openstack/images/footer-facebook.png') no-repeat; +} .footer-facebook:hover { - background: url('/themes/openstack/images/footer-facebook-hover.png') no-repeat; } + background: url('/themes/openstack/images/footer-facebook-hover.png') no-repeat; +} .footer-linkedin { - background: url('/themes/openstack/images/footer-linkedin.png') no-repeat; } + background: url('/themes/openstack/images/footer-linkedin.png') no-repeat; +} .footer-linkedin:hover { - background: url('/themes/openstack/images/footer-linkedin-hover.png') no-repeat; } + background: url('/themes/openstack/images/footer-linkedin-hover.png') no-repeat; +} .footer-youtube { - background: url('/themes/openstack/images/footer-youtube.png') no-repeat; } + background: url('/themes/openstack/images/footer-youtube.png') no-repeat; +} .footer-youtube:hover { - background: url('/themes/openstack/images/footer-youtube-hover.png') no-repeat; } + background: url('/themes/openstack/images/footer-youtube-hover.png') no-repeat; +} .newsletter-form { margin: 10px 0 30px; - width: 100%; } + width: 100%; +} .newsletter-form label { color: #aaa; font-size: 12px; font-weight: 300; - display: block; } + display: block; +} .newsletter-input { display: inline-block; @@ -1731,41 +2048,49 @@ a.featured-link:hover { font-size: 12px; font-weight: 400; padding: 10px 15px; - width: 70%; } + width: 70%; +} @media (max-width: 767px) { .newsletter-input { - width: 70%; } } + width: 70%; + } +} .newsletter-input::-webkit-input-placeholder { color: #888; font-size: 12px; font-weight: 400; - text-transform: uppercase; } + text-transform: uppercase; +} .newsletter-input:-moz-placeholder { /* Firefox 18- */ color: #888; font-size: 12px; font-weight: 400; - text-transform: uppercase; } + text-transform: uppercase; +} .newsletter-input::-moz-placeholder { /* Firefox 19+ */ color: #888; font-size: 12px; font-weight: 400; - text-transform: uppercase; } + text-transform: uppercase; +} .newsletter-input:-ms-input-placeholder { color: #888; font-size: 12px; font-weight: 400; - text-transform: uppercase; } + text-transform: uppercase; +} .newsletter-input:focus { outline: none; - border: 2px solid #666; } + border: 2px solid #666; +} .newsletter-btn { margin-left: 1%; @@ -1778,35 +2103,43 @@ a.featured-link:hover { font-weight: 400; padding: 10px 15px; text-transform: uppercase; - width: 27%; } + width: 27%; +} @media (max-width: 767px) { .newsletter-btn { width: 18%; margin-left: 2%; - padding: 10px; } } + padding: 10px; + } +} .newsletter-btn:hover { border: 2px solid #888; - color: #999; } + color: #999; +} .fine-print { margin-top: 20px; color: #aaa; - font-size: 12px; } - + font-size: 12px; +} + .fine-print a { color: #aaa; - text-decoration: underline; } + text-decoration: underline; +} .fine-print a:hover { - color: #fff; } + color: #fff; +} .footer-bottom { background: #222; padding: 15px 0; text-align: center; - width: 100%; } + width: 100%; +} .feedback-input { display: inline-block; @@ -1817,37 +2150,45 @@ a.featured-link:hover { font-size: 12px; font-weight: 400; padding: 10px 20px; - width: 310px; } + width: 310px; +} @media (max-width: 767px) { .feedback-input { - width: 70%; } } + width: 70%; + } +} .feedback-input::-webkit-input-placeholder { color: #555; font-size: 12px; - font-weight: 400; } + font-weight: 400; +} .feedback-input:-moz-placeholder { /* Firefox 18- */ color: #555; font-size: 12px; - font-weight: 400; } + font-weight: 400; +} .feedback-input::-moz-placeholder { /* Firefox 19+ */ color: #555; font-size: 12px; - font-weight: 400; } + font-weight: 400; +} .feedback-input:-ms-input-placeholder { color: #555; font-size: 12px; - font-weight: 400; } + font-weight: 400; +} .feedback-input:focus { outline: none; - border: 2px solid #666; } + border: 2px solid #666; +} .feedback-btn { margin-left: 11px; @@ -1858,51 +2199,63 @@ a.featured-link:hover { color: #777; font-size: 12px; font-weight: 400; - padding: 10px 30px; } + padding: 10px 30px; +} @media (max-width: 767px) { .feedback-btn { width: 18%; margin-left: 2%; - padding: 10px; } } + padding: 10px; + } +} .feedback-btn:hover { border: 2px solid #888; - color: #999; } + color: #999; +} /*End Footer*/ /* Line below navigation */ .navbar-default { - border-bottom: 1px solid #ddd; } + border-bottom: 1px solid #ddd; +} #home .navbar-default { - border-bottom: none; } + border-bottom: none; +} #home .top-site-banner { - display: none; } + display: none; +} /*End General Inner Page Styles*/ /*Events Page*/ .eventsBanner { height: 150px; - padding: 20px; } + padding: 20px; +} .eventsPhotoCaption { background: rgba(0, 0, 0, 0.3); border-radius: 4px; padding: 10px; - color: white; } + color: white; +} .news-section.full { - padding: 20px 0; } + padding: 20px 0; +} .eventTitleArea { text-align: center; - margin: 40px 0; } + margin: 40px 0; +} .eventTitleArea h1 { color: #333; - font-weight: 300; } + font-weight: 300; +} .postEvent { float: left; @@ -1910,69 +2263,84 @@ a.featured-link:hover { padding: 30px 5%; background: #F4F5F8; margin: 20px 0 10px; - text-align: center; } + text-align: center; +} .postEvent p { - margin-bottom: 20px; } + margin-bottom: 20px; +} .postEvent a { background: #2A4E68; padding: 10px 25px; border-radius: 4px; - color: #fff; } + color: #fff; +} .eventBlock { float: left; - width: 100%; } + width: 100%; +} .eventBlock.summit .date { border-color: #2A4E68; - color: #2A4E68; } + color: #2A4E68; +} .eventBlock.past h2 { - margin-top: 50px; } + margin-top: 50px; +} .eventBlock.past .date { border-color: #68C8C3; - color: #68C8C3; } + color: #68C8C3; +} /*End Events Page*/ /*Community Page*/ .communityBoxes { margin: 30px 0 10px; - font-size: 13px; } + font-size: 13px; +} .communityBoxes h2 { font-size: 20px; font-weight: 400; - margin-bottom: 15px; } + margin-bottom: 15px; +} .communityBoxes h2 a { - color: #DA422F; } + color: #DA422F; +} .developersRow { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 30px; - margin-bottom: 30px; } + margin-bottom: 30px; +} .devLabel { float: left; margin-right: 30px; - font-weight: 700; } + font-weight: 700; +} ul#developerActivity { float: left; padding-left: 0; - margin: 0; } + margin: 0; +} ul#developerActivity li { list-style: none; - display: inline-block; } + display: inline-block; +} ul#developerActivity li a { font-weight: 700; - color: #222; } + color: #222; +} ul#developerActivity li span { background: #E8EEF5; @@ -1981,88 +2349,109 @@ ul#developerActivity li span { margin-right: 5px; color: #2A4E68; font-size: 11px; - font-weight: 400; } + font-weight: 400; +} /*End Community Page*/ /*Sofware Page*/ .software { - margin-top: 30px; } + margin-top: 30px; +} .software-top { - text-align: center; } + text-align: center; +} .software-top h1 { - margin: 5px 0 10px; } + margin: 5px 0 10px; +} p.icon { text-align: center; - margin: 40px 0 0; } + margin: 40px 0 0; +} p.software-description { text-transform: uppercase; font-size: 13px; - color: #777; } + color: #777; +} .openstack-diagram { - margin-bottom: 3em; } + margin-bottom: 3em; +} div.screenshots { padding: 30px 0 20px; margin: 30px 0; border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; - width: 100%; } + width: 100%; +} .screenshots ul { padding: 0; margin: 0; - text-align: center; } + text-align: center; +} .screenshots ul li { list-style: none; - display: inline-block; } + display: inline-block; +} @media (max-width: 767px) { .screenshots ul li { - margin-bottom: 30px; } } + margin-bottom: 30px; + } +} .screenshots ul li a img { width: 100%; - border: 4px solid #edf2f7; } + border: 4px solid #edf2f7; +} .screenshots ul li a img:hover { - border-color: #30739C; } + border-color: #30739C; +} .screenshots ul li p { margin: 10px 0 0; font-size: 12px; color: #30739C; - text-align: center; } + text-align: center; +} -.newSubNav li#start a.current, .newSubNav li#start a.current:hover { +.newSubNav li#start a.current, +.newSubNav li#start a.current:hover { color: #488613; - background-color: #DDFFE2; } + background-color: #DDFFE2; +} ul.slides h3 { text-align: center; - margin: 0 0 30px; } + margin: 0 0 30px; +} .tabSet { background: #edf2f7; border: 1px solid #30739C; margin: 30px 0; padding-top: 20px; - padding-bottom: 20px; } + padding-bottom: 20px; +} .tabContent table { width: 100%; margin: 0; table-layout: fixed; - word-wrap: break-word; } + word-wrap: break-word; +} .get-started-wrapper h3 { text-align: center; - margin: 40px 0; } + margin: 40px 0; +} a.start-btn { background: #30739C; @@ -2073,39 +2462,44 @@ a.start-btn { padding: 10px 15px; text-decoration: none; border-style: none; - display: inline-block; } + display: inline-block; +} img.deploy-powered { - margin-top: 40px; } + margin-top: 40px; +} @media (max-width: 767px) { img.deploy-powered { - margin: 10px 0 30px; } } + margin: 10px 0 30px; + } +} img.deploy-compatible { - margin-top: 30px; } + margin-top: 30px; +} @media (max-width: 767px) { img.deploy-compatible { - margin: 10px 0 30px; } } + margin: 10px 0 30px; + } +} img.icehouse-video { - max-width: 100%; } + max-width: 100%; +} h1.release { text-align: left; } -.rightLogo { - -} - .documentation { margin-top: 50px; text-align: center; background: #edf2f7; border-radius: 4px; - padding: 30px 0; } + padding: 30px 0; +} .documentation a { padding: 7px 20px; @@ -2113,21 +2507,22 @@ h1.release { color: #edf2f7; margin: 0 8px; border-radius: 4px; - display: inline-block; - } + display: inline-block; +} .documentation a:hover { text-decoration: none; - background: #2A4E68; } + background: #2A4E68; +} @media (max-width: 767px) { .documentation a { padding: 10px; margin: 5px; font-size: 14px; - display: block; - } - } + display: block; + } +} /*End Sofware Page*/ /*Marketplace Page*/ @@ -2136,46 +2531,57 @@ h2.marketplace-header { line-height: 1.2em; margin: 30px 20px; padding-left: 15px; - font-size: 1.5em; } + font-size: 1.5em; +} .build-use-box { background: #edf2f7; border-radius: 4px; margin-bottom: 30px; min-height: 25em; - padding: 20px; } + padding: 20px; +} .build-use-box h3 { - margin-bottom: 20px; } + margin-bottom: 20px; +} .build-use-box ul { - padding-left: 20px; } + padding-left: 20px; +} .marketplace-description { - margin-top: 50px; } + margin-top: 50px; +} .video { - width: 100%; } + width: 100%; +} .video iframe { width: 100%; - height: 225px; } + height: 225px; +} .program-logos { border-top: 1px solid #eee; margin-top: 60px; - padding-top: 60px; } + padding-top: 60px; +} .ecosystem-wrapper { padding-left: 30px; - border-left: 1px solid #eee; } + border-left: 1px solid #eee; +} .marketplace-top-wrapper { - padding: 20px 0 20px; } + padding: 20px 0 20px; +} .marketplace-brand { margin-top: 20px; - padding-left: 30px; } + padding-left: 30px; +} h2.marketplace { margin-bottom: -7px; @@ -2184,37 +2590,46 @@ h2.marketplace { font-family: 'PT Sans', serif; font-style: normal; letter-spacing: -0.076em; - line-height: 1em; } + line-height: 1em; +} -h2.marketplace a, h2.marketplace a:hover { +h2.marketplace a, +h2.marketplace a:hover { color: #5B83A0; - text-decoration: none; } + text-decoration: none; +} h1.marketplace { font-size: 24pt; margin-top: 5px; - text-align: left; } + text-align: left; +} h1.marketplace:hover { - text-decoration: none; } + text-decoration: none; +} -h1.marketplace a, h1.marketplace a.visited { +h1.marketplace a, +h1.marketplace a.visited { color: #264D69; font-family: 'PT Sans', serif; font-style: normal; letter-spacing: -0.076em; - line-height: 1em; } + line-height: 1em; +} .grey-bar { background-color: #edf2f7; margin-bottom: 40px; margin-top: 0; padding-bottom: 10px; - padding-top: 10px; } + padding-top: 10px; +} ul.marketplace-nav { padding: 0; - margin: 0; } + margin: 0; +} ul.marketplace-nav li { border-right: 1px solid #e8e8e8; @@ -2225,17 +2640,23 @@ ul.marketplace-nav li { width: 130px; height: 96px; vertical-align: top; - text-align: center; } + text-align: center; +} ul.marketplace-nav li:last-child { - border-right: none; } + border-right: none; +} @media (min-width: 680px) and (max-width: 1000px) { ul.marketplace-nav li { width: 100px; - height: 110px; } + height: 110px; + } + ul.marketplace-nav li a { - font-size: 10px; } } + font-size: 10px; + } +} @media (max-width: 680px) { ul.marketplace-nav li { @@ -2247,7 +2668,9 @@ ul.marketplace-nav li:last-child { width: 100%; height: auto; padding: 5px 10px; - vertical-align: middle; } } + vertical-align: middle; + } +} ul.marketplace-nav li a { color: #848575; @@ -2255,7 +2678,8 @@ ul.marketplace-nav li a { font-size: 12px; vertical-align: middle; width: 115px; - text-align: center; } + text-align: center; +} @media (max-width: 680px) { ul.marketplace-nav li a { @@ -2263,10 +2687,13 @@ ul.marketplace-nav li a { vertical-align: middle; float: left; width: 100%; - text-align: left; } } + text-align: left; + } +} ul.marketplace-nav a:hover { - color: #DA422F; } + 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); @@ -2274,34 +2701,44 @@ ul.marketplace-nav a span { height: 50px; margin: auto; width: 40px; - text-align: center; } + text-align: center; +} @media (max-width: 680px) { ul.marketplace-nav a span { display: table-cell; vertical-align: middle; - float: left; } } + float: left; + } +} ul.marketplace-nav #training a span { - background-position: 0 0; } + background-position: 0 0; +} ul.marketplace-nav #distros a span { - background-position: -50px 0; } + background-position: -50px 0; +} ul.marketplace-nav #public-clouds a span { - background-position: -150px 0; } + background-position: -150px 0; +} ul.marketplace-nav #private-clouds a span { - background-position: -250px 0; } + background-position: -250px 0; +} ul.marketplace-nav #consulting a span { - background-position: -100px 0; } + background-position: -100px 0; +} ul.marketplace-nav #drivers a span { - background-position: -200px 0; } + background-position: -200px 0; +} ul.marketplace-nav .current a { - color: #DA422F; } + color: #DA422F; +} /*End Marketplace Page*/ /*Marketplace Listing Page*/ @@ -2311,50 +2748,55 @@ ul.marketplace-nav .current a { padding: 30px 20px; border-radius: 4px; min-height: 200px; - border-left: 3px solid #DA422F; } + border-left: 3px solid #DA422F; +} .logo-area { padding-top: 20%; - padding-left: 10px; } + padding-left: 10px; +} @media (max-width: 767px) { .logo-area { padding-top: 0; - padding-left: 0; } } + padding-left: 0; + } +} .company-details-area h4 { text-transform: uppercase; - font-weight: 300; } + font-weight: 300; +} .tested-listing { - border-top: 1px solid #E8E8E8; - border-bottom: 1px solid #E8E8E8; - padding: 10px 5px; - margin: 20px 0 15px; + 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; + 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; + 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; + display: inline-block; + font-style: italic; + font-size: .85em; + margin-left: 5px; } .details-button { @@ -2367,7 +2809,8 @@ ul.marketplace-nav .current a { text-transform: uppercase; width: 100px; font-size: 12px; - border-radius: 4px; } + border-radius: 4px; +} .filter-label { background: url("/themes/openstack/images/marketplace/search-icon.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); @@ -2379,7 +2822,8 @@ ul.marketplace-nav .current a { padding-right: 20px; padding-top: 8px; text-transform: uppercase; - font-size: 12px; } + font-size: 12px; +} input#name-term { height: 40px; @@ -2388,11 +2832,13 @@ input#name-term { padding: 5px 10px; border: 1px solid #e8e8e8; color: #30739C; - border-radius: 4px; } + border-radius: 4px; +} input#name-term::-webkit-input-placeholder { color: #30739C; - font-size: 12px; } + font-size: 12px; +} select#service-term { height: 40px; @@ -2411,10 +2857,12 @@ select#service-term { display: inline-block; cursor: pointer; font-size: 12px; - font-weight: 400; } + font-weight: 400; +} label#service-label { - position: relative; } + position: relative; +} label#service-label:after { content: '>'; @@ -2429,7 +2877,8 @@ label#service-label:after { position: absolute; pointer-events: none; font-size: 14px; - font-weight: 400; } + font-weight: 400; +} label#service-label:before { content: ''; @@ -2440,33 +2889,43 @@ label#service-label:before { background: #f8f8f8; position: absolute; pointer-events: none; - display: block; } + display: block; +} @media (max-width: 767px) { .filter-label { width: 100%; - margin-bottom: 10px; } + margin-bottom: 10px; + } + input#name-term { display: block; width: 100%; - margin-bottom: 10px; } + margin-bottom: 10px; + } + select#service-term { - min-width: 400px; } } + min-width: 400px; + } +} ul.resource-links { padding: 0; - margin: 0 0 30px; } + margin: 0 0 30px; +} ul.resource-links li { list-style: none; - display: block; } + display: block; +} ul.resource-links li a { background-color: #edf2f7; padding: 15px 15px; margin: 0 0 5px; display: block; - border-radius: 4px; } + border-radius: 4px; +} ul.resource-links > li > a:after { position: absolute; font-family: FontAwesome; @@ -2478,62 +2937,80 @@ ul.resource-links > li > a:after { ul.resource-links li a:hover { text-decoration: none; - background-color: #DAE1EB; } + background-color: #DAE1EB; +} .add-your-course { border-radius: 4px; border: 1px solid #30739C; background: #fff; padding: 20px; - font-size: 13px; } + 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; } + 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; } + margin: 50px auto; +} .four-o-four-wrapper img { width: 100%; max-width: 650px; - margin: 50px 0 70px; } + margin: 50px 0 70px; +} .four-o-four-wrapper p { - color: #8a959e; } + color: #8a959e; +} .four-o-four-wrapper a { color: #30739C; - text-decoration: none; } + text-decoration: none; +} .four-o-four-links { - margin-top: 50px; } + margin-top: 50px; +} .four-o-four-links a { color: #30739C; padding: 0 10px; - text-decoration: none; } + text-decoration: none; +} @media (max-width: 767px) { .four-o-four-links a { - padding: 0 5px; } } + padding: 0 5px; + } +} /*End 404 Page*/ /*Blog Page*/ @@ -2542,89 +3019,113 @@ ul.resource-links li a:hover { background: url(/themes/openstack/images/images/summit-promo-bkgd1.jpg) no-repeat center center; background-size: cover; padding: 50px 0; - text-align: center; } + text-align: center; +} .blog-o { max-width: 80px; - opacity: 0.9; } + opacity: 0.9; +} .blog-title h1 { color: white; font-weight: 400; font-size: 45px; - margin: 10px 0; } + margin: 10px 0; +} .blog-title h1 span { font-size: 16px; display: block; padding-top: 10px; color: white; - font-weight: 300; } + font-weight: 300; +} .container.blog { - margin-top: 30px; } + margin-top: 30px; +} .post { - margin-bottom: 60px; } + margin-bottom: 60px; +} .post-byline { border-bottom: 1px dotted #c5e2ea; border-top: 1px dotted #c5e2ea; margin-bottom: 15px; padding: 12px 0; - font-size: 12px; } + font-size: 12px; +} .post-byline p { - margin-bottom: 0; } + margin-bottom: 0; +} .post-byline .name a { - color: #DA422F; } + color: #DA422F; +} .post-byline .postDate { text-align: right; - color: #2A4E68; } + color: #2A4E68; +} -.entry h1, .entry h2, .entry h3, .entry h3 a { +.entry h1, +.entry h2, +.entry h3, +.entry h3 a { color: #2A4E68; - font-weight: 300; } + font-weight: 300; +} .entry h1 { - font-size: 24px; } + font-size: 24px; +} .entry h2 { - font-size: 20px; } + font-size: 20px; +} .entry h3 { - font-size: 18px; } + font-size: 18px; +} .entry h3 a { - text-decoration: underline; } + text-decoration: underline; +} #sidebar { background: #edf2f7; padding: 15px; border-radius: 4px; - margin-top: 0; } + margin-top: 0; +} #sidebar ul { - margin: 0; } + margin: 0; +} #sidebar ul li { - font-size: 12px; } + font-size: 12px; +} .creative-commons { text-align: center; margin-top: 40px; - font-size: 12px; } + font-size: 12px; +} .creative-commons img { - margin-bottom: 10px; } + margin-bottom: 10px; +} .navigation a { background: #30739C; padding: 5px 10px; border-radius: 4px; - color: white; } + color: white; +} /*End Blog Page*/ @@ -2650,113 +3151,142 @@ a.top-site-banner-button:hover { 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%; } + width: 100%; +} .conference-title#paris img { width: 100%; - max-width: 1150px; } + max-width: 1150px; +} -.conference-title h2, .conference-title h1 { - display: none; } +.conference-title h2, +.conference-title h1 { + display: none; +} .conference-summary { min-height: 90px; border-bottom: 1px solid #edf2f7; padding-top: 30px; - padding-bottom: 30px; } + padding-bottom: 30px; +} .conference-calendar img { - max-width: 100%; } + max-width: 100%; +} .news-heading h2 { - margin-bottom: 0px; } + margin-bottom: 0px; +} .rss-wrapper { - margin: 20px 0 0; } + 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; } + float: right; +} .conference-calendar { - height: 90px; } + height: 90px; +} .conference-calendar p.date { - display: none; } + display: none; +} -.register a, .register a:visited { +.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; } + font-size: 15px; +} .register a:hover { background-color: #E46616; - text-decoration: none; } + text-decoration: none; +} -.summit-videos, .summit-videos:visited, .summit-videos:active { +.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; } + text-decoration: none !important; +} .summit-videos#atlanta-experience { - background: url("/themes/openstack/images/conferences/paris/atlanta-experience.png") no-repeat top center; } + background: url("/themes/openstack/images/conferences/paris/atlanta-experience.png") no-repeat top center; +} ul.documents { list-style: none; - padding: 0; } + padding: 0; +} -ul.documents li a, ul.documents li a:visited { +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; } + border-radius: 4px; +} #important-dates h3 { - font-size: 18px; } + font-size: 18px; +} #important-dates { - font-size: 13px; } + font-size: 13px; +} .news-item { border-bottom: 1px solid #edf2f7; padding-bottom: 30px; - margin-bottom: 30px; } + margin-bottom: 30px; +} /*End Paris Summit Page*/ .newSubNav { - width: 85%; } + width: 85%; +} .newSubNav ul { padding: 0px; margin-top: 30px; - margin-left: -10px; } + margin-left: -10px; +} .newSubNav ul:nth-child(2) { border-top: 1px solid #E8E8E8; - padding-top: 30px; } + padding-top: 30px; +} .newSubNav li { - list-style: none; + list-style: none; position: relative; } @@ -2765,19 +3295,23 @@ ul.documents li a, ul.documents li a:visited { text-transform: uppercase; font-size: 12px; padding: 15px 20px; - display: block; } + display: block; +} -.newSubNav a.current, .newSubNav a.current:hover { +.newSubNav a.current, +.newSubNav a.current:hover { background-color: #EDF2F7; font-weight: bold; - color: #2D709B; } + color: #2D709B; +} .newSubNav a:hover { text-decoration: none; - color: black; } + color: black; +} .newSubNav .fa-chevron-right { - color: #C6D8E4; + color: #C6D8E4; position: absolute; right: 15px; top: 50%; @@ -2785,34 +3319,44 @@ ul.documents li a, ul.documents li a:visited { } li#start a { - color: #75C320; } + color: #75C320; +} li#openstack-shared-services { padding-bottom: 20px; - border-bottom: 1px solid #E8E8E8; } + border-bottom: 1px solid #E8E8E8; +} li#start { - margin-top: 20px; } + margin-top: 20px; +} fieldset:nth-child(1) { - margin-top: 20px; } + margin-top: 20px; +} fieldset { border: 1px solid #CCCCCC; padding: 20px 17px 20px 17px; - margin-bottom: 20px; } + margin-bottom: 20px; +} fieldset ul { - list-style: none; } + list-style: none; +} input[type="radio"] { - margin-left: 0px; } + margin-left: 0px; +} input[type="checkbox"] { - margin-left: 0px; } + margin-left: 0px; +} -input[type="checkbox"], input[type="radio"] { - display: inline-block; } +input[type="checkbox"], +input[type="radio"] { + display: inline-block; +} fieldset.footer-feedback-fieldset { border: 0; @@ -2820,125 +3364,143 @@ fieldset.footer-feedback-fieldset { padding: 0; margin: 0; } + .footer-links ul li { - list-style: none; + list-style: none; } + /*New responsive nav*/ - .navbar-collapse { - border-top: 0 - } +.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; - } + .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; + 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; + .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; - } - + } + + .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%; + width: 100%; } + /*End New responsive nav*/ /*COA Page*/ .coa-hero { @@ -2948,11 +3510,13 @@ i.mobile-expand { 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; @@ -2960,6 +3524,7 @@ i.mobile-expand { font-size: 6em; display: inline-block; } + .coa-hero h1 { color: white; display: inline-block; @@ -2967,26 +3532,31 @@ i.mobile-expand { 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; @@ -2994,15 +3564,18 @@ img.coa-hero-img { 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; @@ -3013,22 +3586,27 @@ img.coa-hero-img { 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; @@ -3037,11 +3615,15 @@ img.coa-hero-img { 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 { + +.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; @@ -3049,82 +3631,109 @@ img.coa-hero-img { } /*End COA Page*/ - /*Austin Guide*/ .guide-header { - text-align: center; } - .guide-header h1 { - margin-bottom: 20px; } + text-align: center; +} + +.guide-header h1 { + margin-bottom: 20px; +} @media (max-width: 767px) { .guide-header h1 { - margin-top: 20px; } } + margin-top: 20px; + } +} .guide-nav-title { text-align: center; margin: 35px 0 10px; font-size: 20px; - font-weight: 400; } + 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; } + 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; } } + 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; } + -ms-flex-direction: row; + flex-direction: row; +} a.guide-icons { -webkit-flex: 1; - -ms-flex: 1; - 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; } + 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; } } + font-size: 10px; + } + + a.guide-icons i { + font-size: 30px; + margin-bottom: 10px; + } +} h5.section-title { color: #2A4E68; @@ -3132,24 +3741,33 @@ h5.section-title { 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; } + 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; @@ -3158,112 +3776,153 @@ h5.section-title.guide { background: #edf2f7; border: none; padding: 10px 20px; - border-radius: 4px; } + 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; } + 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; } + -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%; } } + 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; } + margin-bottom: 10px; +} + +.guide-listing .guide-name { + font-weight: 600; +} /*PTG*/ /*Visa Steps*/ @@ -3273,61 +3932,83 @@ h5.section-title.guide { 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; } + 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 */ @@ -3339,6 +4020,7 @@ h5.section-title.guide { top: 50%; transform: translateY(-50%); } + @media (max-width: 768px) { .opendev-earth { top: 45%; diff --git a/3rd_party/static/testapi-ui/assets/css/cvp-style.css b/3rd_party/static/testapi-ui/assets/css/cvp-style.css index c54310a..ed1d938 100644 --- a/3rd_party/static/testapi-ui/assets/css/cvp-style.css +++ b/3rd_party/static/testapi-ui/assets/css/cvp-style.css @@ -1,91 +1,98 @@ .nav>li>a { - font-size: 18px; + font-size: 18px; } table { - font-size: 15px; + font-size: 15px; } th { - font-size: 16px; + font-size: 16px; } .dropdown-menu { - padding: 0px; + 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, +.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; +.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; +.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; + border: 0px solid #ccc; } .dropdown-menu>li>span>i { - cursor: pointer; + cursor: pointer; } .heading .logo { - display: inline-block; - padding-bottom: 30px; + display: inline-block; + padding-bottom: 30px; } .heading .slogan { - display: inline-block; - margin-left: 20px; + display: inline-block; + margin-left: 20px; } .badge-info { - color: #fff; - background-color: #27CFC3; - border-color: #27CFC3; + color: #fff; + background-color: #27CFC3; + border-color: #27CFC3; } .opnfv-blue { - color: #27CFC3; + color: #27CFC3; } .field { - margin-bottom: 10px; + margin-bottom: 10px; } table .btn.medium { - padding: 0px 15px; + padding: 0px 15px; } .cvp-btn { - background-color: #27CFC3; - font-weight: 700; - font-size: 12px; + background-color: #27CFC3; + font-weight: 700; + font-size: 12px; } .common-main-container { - padding-left: 5%; - padding-right: 5%; + padding-left: 5%; + padding-right: 5%; } -a { - cursor: pointer; +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 index 1df040c..183ebf9 100644 --- a/3rd_party/static/testapi-ui/assets/css/header.css +++ b/3rd_party/static/testapi-ui/assets/css/header.css @@ -1,36 +1,36 @@ .header-container-1 { - height: 80px; - background-color: #383A35; + height: 80px; + background-color: #383A35; } .header-container-row { - margin-left: 0px; - margin-right: 0px; + margin-left: 0px; + margin-right: 0px; } .header-container-2 { - height: 30px; - background-color: #383A35; + height: 30px; + background-color: #383A35; } .header-logo { - height: 80px; - padding-left: 15px; - padding-top: 20px; + height: 80px; + padding-left: 15px; + padding-top: 20px; } .header-title { - font-size: 35px; - color: #fff; - padding-top: 30px; + font-size: 35px; + color: #fff; + padding-top: 30px; } .header-login { - margin-top: -20px; - margin-right: 10px; + margin-top: -20px; + margin-right: 10px; } .header-splitline { - height: 5px; - background-color: #27CFC3; + 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 index f6f9a2e..b806151 100644 --- a/3rd_party/static/testapi-ui/assets/css/home/home.css +++ b/3rd_party/static/testapi-ui/assets/css/home/home.css @@ -1,75 +1,75 @@ .home-container { - padding-left: 0px; - padding-right: 0px; + padding-left: 0px; + padding-right: 0px; } .home-category { - border-right-style:solid; - border-left-style:solid; - padding-left: 0px; - padding-right: 0px; + 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; + margin-top: 40px; + margin-bottom: 20px; + text-align: center; } .home-content { - margin-top: 100px; + margin-top: 100px; } .home-content-text { - text-align: justify; - font-size: 22px; + text-align: justify; + font-size: 22px; } .home-content-img { - width: 80%; + width: 80%; } #directory_inner th { - font-size: 20px; + font-size: 20px; } #directory_inner tbody { - font-size: 18px; + font-size: 18px; } #directory_inner tr { - vertical-align: center; + vertical-align: center; } #directory_inner { - width: 100%; - max-width: 100%; - margin-bottom: 20px; + width: 100%; + max-width: 100%; + margin-bottom: 20px; } #directory_break { - height: 1px; - display: flex; - border: 1px solid #ccc; + height: 1px; + display: flex; + border: 1px solid #ccc; } #directory_inner > thead > tr > th { - border-bottom: 2px solid #ddd; - padding-bottom: 8px; + border-bottom: 2px solid #ddd; + padding-bottom: 8px; } #directory_inner > tbody > tr > td { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .company_logo { - padding-right: 30px; - padding-left: 20px; - padding-top: 20px; - padding-bottom: 20px; + padding-right: 30px; + padding-left: 20px; + padding-top: 20px; + padding-bottom: 20px; } .company_row:hover { - cursor: pointer; - text-decoration: underline; + 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 index ccbaf50..3140fce 100644 --- a/3rd_party/static/testapi-ui/assets/css/index.css +++ b/3rd_party/static/testapi-ui/assets/css/index.css @@ -1,4 +1,4 @@ .index-header { - padding-left: 0px; - padding-right: 0px; + padding-left: 0px; + padding-right: 0px; } -- cgit 1.2.3-korg