diff --git a/assets/css/docs-nginx-com/nginx-site-header.css b/assets/css/docs-nginx-com/nginx-site-header.css index 2a239be..8e2ef0c 100644 --- a/assets/css/docs-nginx-com/nginx-site-header.css +++ b/assets/css/docs-nginx-com/nginx-site-header.css @@ -1,537 +1,37 @@ /* All CSS related to site header includeing logo, CSR FTR buttons, search box, menu items. */ -#nx_masthead { - background-color: #21201F; - color: #f1f1f1; - position: absolute; - z-index: 110; - height:63px; -} -#nx_masthead.nx-site-header{ - top: 0; - z-index: 150; - position: fixed; - width: 100%; - -webkit-transition: all 200ms ease-in-out; - -moz-transition: all 200ms ease-in-out; - -ms-transition: all 200ms ease-in-out; - -o-transition: all 200ms ease-in-out; - transition: all 200ms ease-in-out -} -#nx_masthead+section, -#nx_masthead+div, -.single #content, -.athp-lead-section { +.single #content { padding-top: 62px; } -.single-nx_videos .site-content { - padding-top: 25px !important -} -.nx-site-header { - padding: 0 -} - - -.admin-bar #nx_masthead.nx-site-header{ - top: 32px -} - -#nx_masthead.nx-site-header .nx-primary-menu-location { - -webkit-transition: all 200ms ease-in-out; - -moz-transition: all 200ms ease-in-out; - -ms-transition: all 200ms ease-in-out; - -o-transition: all 200ms ease-in-out; - transition: all 200ms ease-in-out -} - -.nx-menu-logo{ - float: left; - margin-right:5px; - width: 140px; - margin-top: -14px; -} -.nx-header-login{ - float: left; - margin-top: 7px; - margin-left: 12px; -} -.nx-site-branding-wrapper{ - display: none; -} -.nx-primary-menu-location{ - margin-left: 20px; -} -.nx-primary-menu-location .menu-item>a { - padding: 5px 9px 0; -} - -.nx-login-text{ - display: none; -} - -.nx-site-header-inner { - padding: 18px 0 0; -} -.nx-site-title img { - width: 200px; - margin-top:-5px; -} -.header-actions-menu-location{ - top: 15px; -} -.header-actions-menu-location .menu-item { - display: inline-block -} -.header-actions-menu-location .menu-item .menu-item { - display: none -} -.header-actions-menu-location a { - border: 1px solid #F4A846; - border-radius: 3px; - display: block; - font-weight: 400; - padding: 8px 9px; - text-align: center -} -@media screen and (min-width: 980px) { - .header-actions-menu-location .no-border a { - border: 0; - padding-left: 0; - padding-right: 0 - } -} -.nx-header-menus a:link, -.nx-header-menus a:visited { - color: #d9d9d6 -} -.nx-header-menus a:hover, -.nx-header-menus a:active, -.nx-header-menus a:focus { - color: #fff -} -.search-form-wrapper { - font-size: 17px; - font-size: 1.7rem; - float: left; - padding-top: 3px; - position: relative; - margin-bottom: 14px; - height: 31px -} -.mobile-search-button-wrapper .search-form-wrapper { - height: 29px; - padding-top: 0; - position: absolute; - right: 0; - width: 29px -} -.search-form-wrapper:before { - -webkit-font-smoothing: antialiased; - content: "S"; - font-family: "nginx-font" !important; - font-style: normal !important; - font-variant: normal !important; - font-weight: normal !important; - left: 5px; - line-height: 1; - position: absolute; - speak: none; - text-transform: none !important; - top: 7px; - transition: all 0.4s ease; - z-index: 20 -} -.mobile-search-button-wrapper .search-form-wrapper:before { - left: auto; - right: 7px -} -.search-form-wrapper.focused:before { - color: #099650 -} -.mobile-search-button-wrapper .search-form-wrapper.focused:before { - right: 170px -} -.search-form-wrapper .search-button { - display: none -} -.search-form-wrapper .search-field { - background-color: rgba(255, 255, 255, 0); - border: none; - box-shadow: none; - color: #ccc; - cursor: pointer; - height: 24px; - margin: 0; - max-width: none; - outline: 0; - padding: 0 3px 0 24px; - position: relative; - transition: width 0.4s ease, background 0.4s ease; - width: 24px; - z-index: 30; - font-size: 14px -} -.mobile-search-button-wrapper .search-form-wrapper .search-field { - border-radius: 3px; - border: 1px solid #333333; - display: inline-block; - height: 29px; - line-height: 29px; - width: 29px -} -.mobile-search-button-wrapper .search-form-wrapper .search-field { - position: absolute; - right: 0 -} -.search-form-wrapper .search-field:focus { - background-color: #fff; - color: #111; - cursor: text; - width: 190px; - z-index: 10 -} .icon-menu:before { content: "k" } -.single-nx_faqs .nginx-single-meta{ - display: none; -} - /*free trial and contact sales*/ -.free-trial-inner{ - -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.06); - -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.06); - box-shadow: 0 0 5px 3px rgba(0,0,0,0.06); -} -.free-trial-inner form input, -.contact-us-inner form input, -.partner-credit-inner form input, -.controller-beta-inner form input, -.unit-beta-inner form input, -.get-certified-pop-content form input, -.partners-popup-content form input, -.page-template-developer-license-php .freetrialpg-form-wrapper form input, -.free-trial-inner textarea, .contact-us-inner textarea, -.partner-credit-inner textarea, .controller-beta-inner textarea, -.get-certified-pop-content textarea, -.partners-popup-content textarea, -.page-template-developer-license-php .freetrialpg-form-wrapper form textarea, -.unit-beta-inner textarea { - background-color: transparent; - color: #989898; - font-weight: normal; - margin-bottom: 7px; - width: 100%; - box-shadow: none; - border: 1px solid #979797; - border-radius: 3px; - padding-left: 10px; - padding-right: 10px; - font: 200 15px "Roboto-Regular","Helvetica Neue",Arial,sans-serif; -} -.free-trial-inner form input, -.contact-us-inner form input, -.partner-credit-inner form input, -.controller-beta-inner form input, -.get-certified-pop-content form input, -.page-template-developer-license-php .freetrialpg-form-wrapper form input, -.partners-popup-content form input, -.unit-beta-inner form input { - height: 32px; - line-height: 30px; -} -.free-trial-inner textarea, .contact-us-inner textarea, -.partner-credit-inner textarea, .controller-beta-inner textarea, -.get-certified-pop-content textarea, -.partners-popup-content textarea, -.page-template-developer-license-php .freetrialpg-form-wrapper form textarea, -.unit-beta-inner textarea { - height: 65px; -} -.select2-container .select2-selection--single .select2-selection__rendered{ - border-radius: 3px; - font: 200 15px "Roboto-Regular","Helvetica Neue",Arial,sans-serif; -} -.free-trial-dropdown.select2-selection.select2-selection--single{ - font: 200 15px "Roboto-Regular","Helvetica Neue",Arial,sans-serif; -} -.free-trial-inner button, .contact-us-inner button, .partner-credit-inner button{ - margin-top: 12px; -} -.free-trial-inner, -.contact-us-inner, -.partner-credit-inner, -.controller-beta-inner, -.unit-beta-inner, -.get-certified-pop-content, -.partners-popup-content{ - padding: 25px !important; -} -.free-trial-inner button.nginx-button, -.contact-us-inner button.nginx-button, -.partner-credit-inner button.nginx-button, -.controller-beta-inner button.nginx-button, -.get-certified-pop-content button.nginx-button, -.unit-beta-inner button.nginx-button { - box-shadow: none; - height: auto; - text-shadow: none; - transition: none; - border: 2px solid #F0A828; - font-size: 17px; - text-transform: uppercase; - border-radius: 4px; - padding: 11px 35px; - font-weight: 500; - position: relative; -} -.free-trial-inner h2, -.contact-us-inner h2, -.partner-credit-inner h2, -.controller-beta-inner h2, -.unit-beta-inner h2{ - font-size: 26px; - margin-bottom: 5px; -} -/*end*/ - -@media screen and (min-width: 800px){ - .single .site-content-inner { - padding-top: 16px; - } - .nx-footer-menu .sub-menu a { - margin-bottom: 3px; - line-height: 20px; - } -} - - -@media screen and (max-width: 600px) { - #nx_masthead .site-branding .nx-site-title.logo-left { - margin-left: 50px - } -}/*end @media max-width: 600px */ +/*end*//*end @media max-width: 600px */ @media screen and (max-width: 979px) { - #nx_masthead { - height: 69px - } - #nx_masthead .nx-site-title { - font-size: 18px; - font-size: 1.8rem; - margin: 2px auto 0; - min-height: 30px; - width: 104px - } - #nx_masthead+section, - #nx_masthead+div, - .single #content, - .athp-lead-section { + + .single #content { padding-top: 68px } - .nx-site-header-inner { - padding-bottom: 0 - } - .nx-header-menus { - background-color: #020101; - border-bottom: 1px solid #009647; - box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25); - display: none; - padding-top: 12px; - position: absolute; - top: 69px; - width: 100%; - z-index: 300 - } - .nx-site-header.mobile-expanded .nx-header-menus { - display: block - } - .mobile-menu-button-wrapper, - .mobile-search-button-wrapper { - line-height: 1; - position: absolute; - top: 18px - } - .mobile-menu-button { - border-radius: 3px; - display: inline-block; - height: 29px; - line-height: 29px; - text-align: center; - width: 29px - } - .mobile-menu-button:link, - .mobile-menu-button:visited { - background-color: transparent; - border: 1px solid #333333; - color: #FFF - } - .mobile-menu-button:hover, - .mobile-menu-button:active, - .mobile-menu-button:focus { - background-color: #F2A83A; - border: 1px solid transparent; - color: #FFF - } - .mobile-menu-button .icon { - display: inline; - line-height: 1.5; - vertical-align: middle - } - .mobile-expanded .mobile-menu-button:link, - .mobile-expanded .mobile-menu-button:visited, - .mobile-expanded .mobile-menu-button:focus { - background-color: #5a3806 - } - .mobile-expanded .mobile-menu-button:hover, - .mobile-expanded .mobile-menu-button:active { - background-color: #F2A83A - } - .mobile-menu-button-wrapper { - left: 2.5788% - } - .mobile-search-button-wrapper { - right: 2.5788% - } - .nx-menu, + .sub-menu { display: block; list-style: none; margin-bottom: 0; margin-left: 0 } - .nx-menu { - text-transform: uppercase - } .sub-menu { background-color: #21201F; display: none; padding-top: 4px; text-transform: none } - .item-mobile-expanded .sub-menu { - display: block - } - .nx-primary-menu-location .search-form-wrapper { - display: none - } - .nx-primary-menu-location .menu-item { - border-top: 1px solid #333232 - } - .nx-primary-menu-location .menu-item a { - display: block; - position: relative - } - .nx-primary-menu-location .menu-item a .inner { - display: block; - padding: 14px 46px 14px 2.5788%; - position: relative; - padding-left:19px; - } - .nx-primary-menu-location .menu-item .menu-item { - border-top: none - } - .nx-primary-menu-location .menu-item .menu-item a { - display: block - } - .nx-primary-menu-location .menu-item .menu-item .inner { - background-color: transparent; - padding: 14px 0 14px 5.15759% - } - .nx-primary-menu-location .menu-item .menu-item:last-of-type { - border-bottom: none - } - .nx-primary-menu-location .menu-item:last-of-type { - border-bottom: 1px solid #333232 - } - .nx-primary-menu-location .menu-item.menu-item-has-children>a .icon { - border-left: 1px solid #333232; - font-size: 16px; - font-size: 1.6rem; - height: 80%; - line-height: 39px; - padding: 0 18px; - position: absolute; - right: 0; - top: 10% - } - - .header-actions-menu-location { - padding: 0 2.5788% - } - .header-actions-menu-location .nx-menu { - *zoom: 1; - margin-bottom: 0 - } - .header-actions-menu-location .nx-menu:before, - .header-actions-menu-location .nx-menu:after { - content: " "; - display: table - } - .header-actions-menu-location .nx-menu:after { - clear: both - } - .header-actions-menu-location .nx-menu-item { - float: left; - margin-bottom: 12px; - padding-right: 12px; - width: 50% - } - .header-actions-menu-location .menu-item:nth-child(2n) { - padding-right: 0 - } - - .header-extras-wrapper a { - display: block; - text-align: center - } - .header-extras-wrapper a:link, - .header-extras-wrapper a:visited { - color: #999999 - } - .header-extras-wrapper a:hover, - .header-extras-wrapper a:active, - .header-extras-wrapper a:focus { - color: #d9d9d6 - } - .header-extras-wrapper .header-extras { - *zoom: 1 - } - .header-extras-wrapper .header-extras:before, - .header-extras-wrapper .header-extras:after { - content: " "; - display: table - } - .header-extras-wrapper .header-extras:after { - clear: both - } - .header-extras-wrapper .header-extra { - border-right: 1px solid #333232; - float: left; - padding: 14px 7px 14px 2.5788%; - width: 50% - } - .header-extras-wrapper .header-extra:last-child { - border-right: none - } - .header-extras-wrapper .header-tel { - display: inline-block - } - .header-extras-wrapper .login-link .icon, - .header-extras-wrapper .login-link .nx-login-text { - display: inline - } - .header-extras-wrapper .login-link .icon { - vertical-align: middle - } - #menu-item-3677 { - display: none - } }/* end @media screen and (max-width: 979px) */ @@ -542,477 +42,18 @@ All CSS related to site header includeing logo, CSR FTR buttons, search box, men -webkit-column-count: 2; column-count: 2 } -} - -@media screen and (max-width: 979px) and (max-width: 350px) { - .header-actions-menu-location { - font-size: 14px; - font-size: 1.4rem - } -} - -@media screen and (min-width: 980px) { - .mobile-menu-button-wrapper, - .mobile-search-button-wrapper { - display: none - } - .nx-primary-menu-location { - display: inline-block; - font-size: 14px; - font-size: 1.4rem; - font-weight: 400; - float: left; - margin-left: 20px; - margin-right: 20px; - position: relative; - text-transform: uppercase - } - .nx-primary-menu-location .menu-primary-container { - position: relative; - float: left - } - .nx-primary-menu-location a { - transition: color 0.1s ease - } - .nx-primary-menu-location a:link, - .nx-primary-menu-location a:visited { - color: #d9d9d6 - } - .nx-primary-menu-location a:hover, - .nx-primary-menu-location a:active, - .nx-primary-menu-location a:focus { - color: #fff - } - .nx-primary-menu-location .nx-menu { - display: block; - list-style: none; - margin: 0 0 0 0 - } - .nx-primary-menu-location .menu-item { - display: inline-block; - margin-right: 6px; - padding: 0 0; - position: relative - } - - .nx-site-header { - padding: 0 2.5788% - } - .nx-primary-menu-location .menu-item.current-menu-item a:link, - .nx-primary-menu-location .menu-item.current-menu-item a:visited, - .nx-primary-menu-location .menu-item.current-menu-item a:hover, - .nx-primary-menu-location .menu-item.current-menu-item a:active, - .nx-primary-menu-location .menu-item.current-menu-item a:focus { - color: #FFF - } - .nx-primary-menu-location .menu-item.current-menu-item>a .inner { - border-bottom: 2px solid #14943E - } - .nx-primary-menu-location .menu-item>a { - display: block; - padding: 5px 11px 0; - position: relative - } - .nx-primary-menu-location .menu-item>a .inner { - display: inline-block; - padding-bottom: 17px; - position: relative - } - .nx-primary-menu-location .menu-item.menu-item-has-children>a .icon { - display: inline-block; - font-size: 16px; - font-size: 1.6rem - } - .nx-primary-menu-location .menu-item.menu-item-has-children>a .icon::before { - vertical-align: middle - } - .nx-primary-menu-location .menu-item.menu-item-has-children:hover>a { - background-color: #14943E - } - .nx-primary-menu-location .menu-item.menu-item-has-children:hover>a::after { - content: ''; - background-image: url('img/primary-menu-parent-item-edge.png'); - height: 31px; - position: absolute; - right: -21px; - top: 0; - width: 21px - } - .nx-primary-menu-location .menu-item.menu-item-has-children:hover .sub-menu { - display: block - } - .nx-primary-menu-location .menu-item .menu-item { - line-height: 1.2; - margin: 0 0 1px 0 - } - .nx-primary-menu-location .menu-item .menu-item:last-child { - margin-bottom: 0 - } - .nx-primary-menu-location .menu-item .menu-item:last-child::after { - display: none - } - .nx-primary-menu-location .menu-item .menu-item::after { - background-color: #403F3F; - content: ''; - display: block; - height: 1px; - left: 0; - margin: 0 12px 0 14px; - position: absolute; - right: 0 - } - .nx-primary-menu-location .menu-item .menu-item a { - display: block; - padding: 12px 12px 12px 14px; - padding-bottom: 0; - } - .nx-primary-menu-location .menu-item .menu-item a:hover, - .nx-primary-menu-location .menu-item .menu-item a:active, - .nx-primary-menu-location .menu-item .menu-item a:focus { - background-color: #323130 - } - .nx-primary-menu-location .menu-item .menu-item a .inner { - display: block; - padding-bottom: 16px; - } - .nx-primary-menu-location .menu-item .menu-item .menu-item { - display: none - } - .nx-primary-menu-location .sub-menu { - background-color: #232221; - border-left: none; - border-right: none; - display: none; - left: 0; - margin-left: 0; - position: absolute; - text-transform: none; - top: 31px; - width: 210px; - z-index: 300 - } - .nx-primary-menu-location .sub-menu li { - display: block - } - .header-actions-menu-location { - font-size: 14px; - font-size: 1.4rem; - line-height: 1.1; - position: absolute; - right: 0; - text-transform: uppercase; - } - .header-actions-menu-location .nx-menu { - display: block; - list-style: none; - margin: 0 0 0 0 - } - .header-actions-menu-location .menu-item { - margin-left: 9px - } - - .header-extras-wrapper { - color: #d9d9d6; - float: right; - font-size: 14px; - font-size: 1.4rem; - font-weight: 400; - margin-bottom: 14px; - margin-left: 1em; - padding-top: 7px - } - - .header-extras-wrapper .header-tel { - display: none - } - .header-extras-wrapper .nx-header-login { - display: inline-block; - vertical-align: top - } - .header-extras-wrapper .nx-login-text { - display: none - } - .header-extras-wrapper .header-tel { - margin-right: 1em - } - .header-extras-wrapper .icon-user, - .header-extras-wrapper .icon-user { - display: inline; - font-size: 20px; - font-size: 2rem; - line-height: 1 - } - .header-extras-wrapper .nx-header-login a:link, - .header-extras-wrapper .nx-header-login a:visited { - color: #d9d9d6 - } - .header-extras-wrapper .nx-header-login a:hover, - .header-extras-wrapper .nx-header-login a:active, - .header-extras-wrapper .nx-header-login a:focus { - color: #FFF - } - }/* end @media screen and (min-width: 980px) */ - -@media screen and (min-width: 980px) and (max-width: 1200px) { - .nx-primary-menu-location { - font-size: 12px - } -} - -@media screen and (min-width: 980px) and (min-width: 1120px) { - .nx-primary-menu-location .menu-item { - margin-right: 6px; - } -} - -@media screen and (min-width: 980px) and (max-width: 1200px) { - .header-extras-wrapper { - font-size: 12px; - } -} - -@media screen and (max-width: 800px) { - .single-post .hentry{ - margin-top:20px; - } -} @media only screen and (max-width: 979px) { - .nx-site-branding-wrapper{ - display: block; - } - .nx-menu-logo, + .icon-user{ display: none; } - .nx-login-text{ - display: block; - padding: 8px 0 15px 15px; - text-transform: uppercase; - } - .nx-site-branding-wrapper{ - display: block; - } - - .nx-login-text{ - display: block; - padding: 8px 0 15px 15px; - text-transform: uppercase; - } - .nx-site-header{ - position: fixed; - } - .nx-header-menus{ - overflow-y: scroll; - } }/* end @media only screen and (max-width: 767px) */ -@media only screen and (min-width: 979px) { - .nx-primary-menu-location .menu-item.menu-item-has-children:hover>a::after, - .nx-primary-menu-location .menu-item.menu-item-has-children>a .icon{ - display: none !important; - } -} -@media screen and (max-width: 767px){ - .nx-footer-menu .sub-menu a { - margin-bottom: 2px; - } -} -@media screen and (max-width: 550px) { - .single-post .nginx-single-meta{ - height: auto; - } - .single-post .nginx-post-date{ - padding-left: 10px; - } -} -@media screen and (max-width: 480px) { - .single-post .nginx-post-author{ - padding-left: 10px; - } -} - /*============== Footer CSS ==============*/ -.site-footer:before, -.site-footer:after{content:"";display:table} -.infinite-scroll.neverending .site-footer{ - display:none; -} -.infinity-end.neverending .site-footer{ - display:block -} -#colophon { - background-color: #32302F; - box-shadow: 0 -10px 15px -3px rgba(0,0,0,0.2); - color: #f1f1f1; - position: relative; - z-index: 100; -} -.site-footer { - padding: 0 2.5788%; -} -.site-footer-inner { - max-width: 1120px; - margin-left: auto; - margin-right: auto; - min-width: 280px; - position: relative; -} -.site-footer-inner { - padding: 0px 0; -} -.site-footer .site-info { - clear: both; - color: #999; - width: 100%; - font-size: 12px; - font-size: 1.2rem; - font-weight: 300; - padding-top: 35px; - opacity: .5; -} - - -.footer-primary-nav, .footer-secondary-nav, .footer-connect-nav { - content: ""; - display: table; - float: left; - max-width: 400px; - width: 100%; -} -.nx-footer-menu-wrap { - width: 45.92145%; - float: left; - margin-right: 8.1571%; -} -.nx-footer-menu { - display: block; - font-size: 13px; - font-size: 1.3rem; - font-weight: 700; - list-style: none; - margin: 0; -} -.footer-secondary-nav{ - position:relative -} -.footer-secondary-nav:after{ - background-color:#999; - bottom:0; - content:''; - display:none; - opacity:.5; - position:absolute; - top:0; - width:1px -} -.footer-connect-nav{ - clear:both -} -.footer-connect-nav .footer-head{ - color:#999; - font-size:15px; - font-size:1.5rem; - font-weight:700; - margin-bottom:10px -} -.nx-footer-menu-wrap:last-child{ - float:right; - margin-right:0 -} -.nx-footer-menu li:first-child>a{ - padding-top:0 -} -.nx-footer-menu a{ - display:block; - padding:10px 0 -} -.nx-footer-menu a:link,.nx-footer-menu a:visited{ - color:#999; - text-decoration:none -} -.nx-footer-menu a:hover,.nx-footer-menu a:active,.nx-footer-menu a:focus{ - color:#f1f1f1; - text-decoration:underline -} -.nx-footer-menu .sub-menu{ - background-color:transparent; - -moz-column-count:auto; - -webkit-column-count:auto; - column-count:auto; - display:block; - list-style:none; - margin:-2px 0 10px; - padding-top:0 -} -.nx-footer-menu .sub-menu a{ - font-weight:300; - padding:2px 0 -} - - - - -@media screen and (min-width: 500px){ - .footer-primary-nav, .footer-secondary-nav, .footer-connect-nav { - width: 48.7106%; - float: left; - margin-right: 2.5788%; - } - -} @media screen and (min-width: 800px){ - .site-footer-inner { - padding: 20px 0; - } - .footer-primary-nav, .footer-secondary-nav, .footer-connect-nav { - width: 31.61414%; - float: left; - margin-right: 2.5788%; - max-width: none; - } - .footer-connect-nav{ - clear:none; - float:right; - margin-right:0 - } - .footer-secondary-nav:after{ - display:block; - right:0 - } .footer-social{ margin-top:0 } } -@media screen and (min-width: 1120px){ - .site-footer .site-info { - font-size: 15px; - padding-top: 30px; - } - .nx-footer-menu-wrap { - width: 45.92145%; - float: left; - margin-right: 8.1571%; - } - .nx-footer-menu { - font-size: 15px; - font-size: 1.5rem; - } - .footer-connect-nav{ - width:23.0659%; - float:left; - margin-right:2.5788%; - float:right; - margin-right:0 - } - .footer-secondary-nav:after{ - right:-70px - } -} -@media screen and (min-width: 500px) and (max-width: 799px){ - .footer-secondary-nav{ - float:right; - margin-right:0 - } -} diff --git a/assets/css/docs-nginx-com/style.css b/assets/css/docs-nginx-com/style.css index b61a295..08dd5a0 100644 --- a/assets/css/docs-nginx-com/style.css +++ b/assets/css/docs-nginx-com/style.css @@ -174,7 +174,6 @@ html { box-sizing: inherit } article, -aside, details, figcaption, figure, @@ -236,22 +235,19 @@ h4, h5, h6, input, -select, -textarea { +select { font-family: "Roboto-Regular", "Helvetica Neue", Arial, sans-serif } body, input, -select, -textarea { +select { font-size: 1.4rem; line-height: 1.4; } h1, h2, h3, -h4, -textarea { +h4 { font-weight: 300 } h1, @@ -372,8 +368,7 @@ select { vertical-align: baseline } input, -select, -textarea { +select { font-size: 100%; margin: 0 } @@ -433,8 +428,7 @@ input[type=email], input[type=password], input[type=search], input[type=text], -input[type=url], -textarea { +input[type=url] { color: #666; border: 1px solid #ccc; border-radius: 2px; @@ -445,8 +439,7 @@ input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, -input[type=url]:focus, -textarea:focus { +input[type=url]:focus { color: #111 } input[type=email], @@ -456,12 +449,6 @@ input[type=text], input[type=url] { padding: 4px } -textarea { - overflow: auto; - padding-left: 4px; - vertical-align: top; - width: 100% -} a { color: #009639 } @@ -836,69 +823,16 @@ a { opacity: 1 } } -.screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - position: absolute!important; - height: 1px; - width: 1px; - overflow: hidden -} -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); - clip: auto!important; - color: #21759b; - display: block; - font-size: 14px; - font-size: 1.4rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000 -} -.alignleft { - display: inline; - float: left; - margin-right: 1.5em -} -.alignright { - display: inline; - float: right; - margin-left: 1.5em -} .aligncenter { display: block; margin: 0 auto } .clear:after, -.clear:before, -.comment-content:after, -.comment-content:before, -.entry-content:after, -.entry-content:before, -.site-content:after, -.site-content:before, -.site-footer:after, -.site-footer:before, -.nx-site-header:after, -.nx-site-header:before { +.clear:before { content: ""; display: table } -.clear:after, -.comment-content:after, -.entry-content:after, -.site-content:after, -.site-footer:after, -.nx-site-header:after { +.clear:after { clear: both } @@ -917,31 +851,6 @@ a:hover { color: #0bb35f; text-decoration: none } -.site-content-inner, -.site-footer-inner, -.nx-site-header-inner { - max-width: 1120px; - margin-left: auto; - margin-right: auto; - min-width: 280px; - position: relative -} -.site-content-inner:after, -.site-footer-inner:after, -.nx-site-header-inner:after { - content: " "; - display: block; - clear: both -} -.site-content, -.site-footer { - padding: 0 2.5788% -} -.site-content { - color: #000; - position: relative; - z-index: 95 -} #page{ background-color: #fff @@ -958,63 +867,7 @@ table { width: 100% } -table.docutils { - border: 1px solid #888; - -moz-box-shadow: 2px 2px 4px #eee; - -webkit-box-shadow: 2px 2px 4px #eee; - box-shadow: 2px 2px 4px #eee; -} - -table.docutils td, table.docutils th { - border: 1px solid #888; - padding: 0.25em 0.7em; -} - -table.field-list, table.footnote { - border: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -table.footnote { - margin: 15px 0; - width: 100%; - border: 1px solid #ccc; - background: #eee; - font-size: 0.9em; -} - -table.footnote + table.footnote { - margin-top: -15px; - border-top: none; -} - -table.field-list th { - padding: 0 0.8em 0 0; -} - -table.field-list td { - padding: 0; -} - -table.footnote td.label { - width: 0px; - padding: 0.3em 0 0.3em 0.5em; -} - -table.footnote td { - padding: 0.3em 0.5em; -} - /* Hide fugly table cell borders in ..bibliography:: directive output */ -table.docutils.citation, table.docutils.citation td, table.docutils.citation th { - border: none; - /* Below needed in some edge cases; if not applied, bottom shadows appear */ - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; -} dl dd { margin-left: 30px; @@ -1075,15 +928,15 @@ dt:target{ /*================================================ Header Style ================================================*/ -label, .label, .group-label, input, textarea, select { +label, .label, input, select { color: #989898; } -.label, .group-label{ +.label{ font-weight: normal; } -.label span, .group-label span{ +.label span{ font-weight: lighter; } @@ -1092,803 +945,38 @@ label, .label, .group-label, input, textarea, select { padding-top: 5px; } -.input-wrapper .label { - padding-top: 5px; -} - div.label { padding-top: 10px; } -.input-wrapper select.pull-right { - margin-top: 15px; -} - -.input-wrapper .select-wrapper::after { - top: 17px; -} - -.pull-left{ - float: left; -} - -.pull-right{ - float: right; -} - -.label.pull-left { - width: 70%; -} - -select.pull-right { - margin-top: 15px; - max-width: 65px; - width: 28%; -} - -input.pull-left { - margin: 0 !important; - width: 20px !important; -} - -.regpg-main-section-inner .regpg-main-description { - margin-right: 4%; - width: 56%; -} - -.regpg-main-section-inner .regpg-main-form { - width: 40%; -} - -.column.pull-left { - margin-right: 1%; - margin-left: 0; - width: 49%; -} - -.column.pull-right { - margin-left: 1%; - margin-right: 0; - width: 49%; -} - - - -.select-wrapper{ - position: relative; -} - -.select-wrapper::after { - color: #989898; - content: "3"; - font-family: "nginx-font" !important; - font-size: 20px; - position: absolute; - right: 10px; - top: 9px; - pointer-events:none; /*To make this arrow clickable, othewise this is not expanded when click on this arrow*/ -} -.input-wrapper { - clear: both; -} - /*print css */ -#site_logo_print_only{ - text-align: center; - display: none; - } -#site_logo_print_only img{ - width: 200px; - margin: 0px; - padding: 0px; -} @media only print { - #nx_masthead, #secondary, #nx_breadcrumb_wrap, .social_share_buttons_wrap{ + #secondary{ display: none; } - #site_logo_print_only{ - display: block; - } /*hide chat box*/ - #olark-wrapper{ - display: none!important; - } - #habla_window_div *{ display: none !important; } /*For Product page */ - .prodspage-lead-section .prodspage-lead-solutions-list-wrapper { - float: none; - width: 100%; - } - .prodspage-lead-solutions-list-wrapper li.prodspage-lead-solution-item{ - position: static; - display: block; - width: 100%; - clear: left; - } - .prodspage-lead-solutions-list-wrapper li.prodspage-lead-solution-item .prodspage-lead-solution-image{ - display: none; - } - .prodspage-third-section .prodspage-third-section-inner{padding-bottom:0} - .prodspage-third-section .prodspage-third-section-content{height:auto} - .prodspage-third-section .prodspage-third-expand-button-wrapper{display:none} - .prodspage-third-section .prodspage-third-collapse-button-wrapper{ display: none;} - .nxmtrx-section .nxmtrx-cell{ - float: none!important; - display: inline-block!important; - } - .nxmtrx-section .nxmtrx-cell.nxmtrx-col-1, .nxmtrx-section .nxmtrx-cell.nxmtrx-col-2 , .nxmtrx-section .nxmtrx-cell.nxmtrx-col-3,.nxmtrx-section .nxmtrx-cell.nxmtrx-col-4{ - float: none!important; - display: inline-block!important; - border-right:0px solid #ff0000; - } - .nxmtrx-section .nxmtrx-cell.nxmtrx-col-1{width: 4%!important;} - .nxmtrx-section .nxmtrx-cell.nxmtrx-col-2{ width: 48%!important;} - .nxmtrx-section .nxmtrx-cell.nxmtrx-col-3{ width: 23%!important;} - .nxmtrx-section .nxmtrx-cell.nxmtrx-col-4{ width: 23%!important;} - .nxmtrx .nxmtrx-yes{ display: none; } - .nxmtrx img.nxmtrx-yes-img{ display: block!important; } }/*---end @media only print ---*/ -@media only screen and (max-width: 480px) { - .footer-menu .sub-menu { - margin-bottom:20px; - } -} - -@media only screen and (max-width: 767px) { - - .regpg-main-section-inner .regpg-main-description { - display: block; - float: none; - margin: 0 auto; - width: 100%; - } - - .regpg-main-section-inner .regpg-main-form { - display: block; - float: none; - margin: 0 auto; - width: 100%; - } - - .pull-left, .pull-right, .column.pull-left, .column.pull-right { - float: none; - margin: 5px 0 !important; - width: 100% !important; - } - - .input-wrapper .select-wrapper { - max-width: 70px; - } - - - .select-wrapper::after, .input-wrapper .select-wrapper::after { - top: 8px; - } - -} - -.nginx-doc-container{ - width: 100%; - overflow: hidden; - background: #f7f7f7; -} -.nginx-doc-sidebar{ - width: 25%; - float: left; - padding: 35px 0; -} -.nginx-doc-sidebar-inner{ - padding: 0 50px 0 25px; -} -.nginx-doc-sidebar h3{ - font-size: 20.7px; - margin-bottom: 20px; - color: #00953a; - font-weight: 500; - padding-left: 20px; -} -.search-doc-wrapper{ - width: calc(100% - 20px); - border: 1px solid #77777a; - border-radius: 4px; - background: #fff; - position: relative; - margin-bottom: 30px; - margin-left: 20px; -} -.search-doc-wrapper .search-button{ - background: none; - font-size: 20px; - border: 0; - color: #898787; - box-shadow: none; - padding: 4px; - position: absolute; - left: 5px; - top: 3px; -} -.search-doc-wrapper .search-field{ - background: none; - border: 0; - width: 100%; - padding-left: 39px; - line-height: 26px; - font-size: 15px; - padding-right: 10px; -} -.search-doc-wrapper input::-webkit-input-placeholder, -.search-doc-wrapper input::-moz-placeholder, -.search-doc-wrapper input:-ms-input-placeholder, -.search-doc-wrapper input:-moz-placeholder , -.search-doc-wrapper input:placeholder { - color: #898787; - font-weight: 500; -} -.search-doc-wrapper .search-field:focus, -.search-doc-wrapper .search-button:focus{ - outline: none; -} - - /*----------- Update code -----------*/ -.nginx-doc-sidenav{ - padding-left: 20px; -} -.nginx-doc-sidenav ul{ - list-style-type: none; - padding-left: 0; - margin-left: 3px; -} -.nginx-doc-sidenav ul li{ - margin-bottom: 13px; - font-size: 21px; - font-weight: 500; -} -.nginx-doc-sidenav ul li.has-sub-nav{ - position: relative; -} -.nginx-doc-sidenav ul li span.open-sidenav:before { - content: "3"; - font-family: "nginx-font" !important; - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - speak: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - left: -31px; - top: 0px; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke: 1px #f7f7f7; - font-size: 30px; - cursor: pointer; - color: #898787 -} -.nginx-doc-sidenav ul li.active>span.open-sidenav:before, -.nginx-doc-sidenav ul li.current>span.open-sidenav:before{ - /*content: "j"; - font-size: 38px; - top: -3px;*/ - transform: rotate(180deg); -} -.nginx-doc-sidenav li ul{ - margin-left: 21px; - margin-top: 7px; - display: none; -} -.nginx-doc-sidenav ul li.has-sub-nav .sub-side-nav li.has-sub-nav>a:before{ - top: 0; -} -.nginx-doc-sidenav .sub-side-nav li{ - font-size: 19px; - line-height: 24px; - margin-bottom: 6px; -} -.nginx-doc-sidenav ul li ul li ul li{ - font-weight: 300; -} -.nginx-doc-sidenav .sub-side-nav li .sub-side-nav li { - font-size: 18px; -} -.nginx-doc-sidenav .sub-side-nav li .sub-side-nav li .sub-side-nav li { - font-size: 16px; - line-height: 21px; - margin-bottom: 12px; -} -.nginx-doc-sidenav .current a{ - background: none; -} -.nginx-doc-sidenav a, -.nginx-doc-sidenav .current a{ - color: #898787 !important; -} -.nginx-doc-sidenav a:hover, -.nginx-doc-sidenav .current>a, -.nginx-doc-sidenav .active>a, -.nginx-doc-sidenav .current>span.open-sidenav:before, -.nginx-doc-sidenav .active>span.open-sidenav:before, -.nginx-doc-sidenav .current{ - color: #00953a !important; -} /*---------------- End ------------------*/ -.doc-search-result{ - border-bottom: 1px solid #979799; - padding-bottom: 16px; - margin-bottom: 16px; - width: 100%; - color: #898787; - line-height: 24px; -} -.doc-search-result a{ - color: #898787; - font-size: 18px; - -} -.doc-search-result a strong{ - font-weight: 400; -} -.doc-search-result a span{ - color: #00953a; - font-weight: 400; -} - - -.nginx-doc-content{ - width: 75%; - float: right; - background: #fff; -} -.nginx-doc-banner{ - width: 100%; - padding: 90px 67px; - background-image: url(../images/green-background.png); - background-position: top left; - background-repeat: no-repeat; - background-size: cover; -} -.nginx-doc-banner h1, -.nginx-doc-banner p{ - color: #fff; -} -.nginx-doc-banner h1{ - font-size: 38.7px; - font-weight: 600; - margin-bottom: 20px; -} -.nginx-doc-banner p{ - padding-right: 23%; - font-size: 18px; - line-height: 23px; - margin-bottom: 0; -} -.nginx-doc-content-inner{ - padding: 20px 62px 60px; - overflow: hidden; -} -.nginx-doc-content-menu{ - max-width: 585px; - overflow: hidden; -} -.nginx-doc-menu-block1{ - padding-top: 20px; -} -.nginx-doc-menu-block2{ - padding-top: 20px; -} -.nginx-doc-content-menu h3{ - color: #363534; - font-weight: 700; - margin-bottom:15px; - text-align: center; - font-size: 26px; -} -.nginx-doc-content-menu .nginx-doc-menu-block2 a{ - float: left; - display: inline-block; - width: 166px; - height: 199px; - margin: 0 40px 40px 0; - background-color: #f7f7f7; - border:1px solid #00953a; - padding: 110px 9px 10px; - color: #363534; - font-size: 23px; - line-height: 26px; - text-align: center; - font-weight: 300; - background-repeat: no-repeat; - background-position: center 20px; - background-size: 70px 81px; -} -.nginx-doc-content-menu a.nginx-oss { - float: inherit; - width: inherit; - background-color: white; - border: none; - height: inherit; - padding: inherit; - font-size: inherit; - color: #0bb35f; - margin: inherit; -} - -.nginx-doc-menu-block1 a:nth-child(3n), -.nginx-doc-menu-block2 a:nth-child(3n){ - margin-right: 0; -} -.nginx-doc-content-menu a:hover{ - color:#3f3e3e; -} - -.product-list-17-col { - width: 95%; - padding-right: 40px; - margin-bottom: 30px; - overflow:hidden; -} -.product-17-icon { - width: 54px; - float: left; - margin-right: 26px; -} -.product-17-icon img { - width: 100%; - margin: 0 !important; -} -.product-17-details { - width: calc(100% - 80px); - float: left; - text-align: left; -} -.nginx-doc-content-inner .product-17-details h3 { - font-weight: 400; - font-size: 20px; - margin-bottom: 13px; - text-align: left; - margin-top: 10px; -} -.nginx-doc-content-inner .product-17-details p { - margin-bottom: 12px; -} -.learn-more-link { - font-size: 13.7px; - display: block; - font-weight: 500; - color: #009639; - text-decoration: none; -} - /*-------------- Updated CSS ----------------*/ -.nginx-doc-menu-block1 a.link-box-nx-oss{background-image:url(../images/icons/icon-NGINX-Plus-70x81.png);} -.nginx-doc-menu-block1 a.link-box-nx-oss:hover{background-image:url(../images/icons/icon-NGINX-Plus-hover-70x81.png);} -.nginx-doc-menu-block1 a.link-box-nx-plus{background-image:url(../images/icons/icon-NGINX-Plus-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-plus:hover{background-image:url(../images/icons/icon-NGINX-Plus-hover-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-amplify{background-image:url(../images/icons/icon-NGINX-Amplify-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-amplify:hover{background-image:url(../images/icons/icon-NGINX-Amplify-hover-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-controller{background-image:url(../images/icons/icon-NGINX-Controller-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-controller:hover{background-image:url(../images/icons/icon-NGINX-Controller-hover-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-unit{background-image:url(../images/icons/icon-NGINX-Unit-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-unit:hover{background-image:url(../images/icons/icon-NGINX-Unit-hover-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-waf{background-image:url(../images/icons/icon-NGINX-WAF-70x81.svg);} -.nginx-doc-menu-block1 a.link-box-nx-waf:hover{background-image:url(../images/icons/icon-NGINX-WAF-hover-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-support{background-image:url(../images/icons/icon-Support-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-support:hover{background-image:url(../images/icons/icon-Support-hover-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-pro-services{background-image:url(../images/icons/icon-ProServ-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-pro-services:hover{background-image:url(../images/icons/icon-ProServ-hover-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-training{background-image:url(../images/icons/icon-Training-70x81.svg);} -.nginx-doc-menu-block2 a.link-box-nx-training:hover{background-image:url(../images/icons/icon-Training-hover-70x81.svg);} /*-------------- End ----------------*/ - -.nginx-doc-content-inner p{ - font-size: 15.5px; - line-height: 21px; - margin-bottom: 24px; -} -.nginx-doc-content-links{ - padding-top: 25px; -} - -.nginx-doc-content-inner ul{ - padding-left: 4px; - margin-bottom: 20px; -} -.nginx-doc-content-inner ul li{ - line-height: 20px; - margin-bottom: 5px; - /*font-size: 16px;*/ - font-size: 15.5px; -} -.nginx-doc-content-inner li { - font-size: 15.5px; -} -.nginx-doc-content-links ul { - list-style-type: none; - margin-left: 20px; - margin-bottom: 55px; - padding-left: 0; -} -.nginx-doc-content-links ul li { - font-size: 23px; - line-height: 28px; - margin-bottom: 15px; -} -.nginx-doc-search-results .doc-search-result:last-child{ - border-bottom:none; -} -.nginx-doc-meta-block{ - margin-bottom: 15px; -} -.nginx-doc-meta-block a{ - color: #00953a; - background-image: url(../images/github-logo.png); - background-repeat: no-repeat; - background-size: auto 100%; - display: inline-block; - padding-left: 23px; - font-weight: 600; - font-size: 14px; -} - - -.nginx-doc-content-inner p a{ - color: #00a23f; -} - -.nginx-doc-content-inner code{ - background: #f7f7f7; - padding-left: 3px; - padding-right: 3px; - color: #363534; -} - -.nginx-doc-content-inner a code{ - color: #0bb35f; -} - -.nginx-doc-content-inner code.error-code{ - color: #00953a; -} - -.nginx-doc-content-inner img{ - display: block; - margin-left: auto; - margin-right: auto; - margin-top: 30px; - margin-bottom: 15px; -} -.nginx-doc-content-inner ol li ul{ - margin-top: 14px; - margin-bottom: 30px; -} - -.nginx-doc-content-inner h1{ - font-size: 38.7px; - margin-bottom: 18px; - font-weight: 500; - padding-top: 30px; -} -.nginx-doc-content-inner h2{ - font-size: 31.5px; - font-weight: 300; - margin-bottom: 17px; - /*margin-top: 25px;*/ - margin-top:45px; -} -.nginx-doc-content-inner h3{ - /*font-size: 23px; */ - font-size: 25px; - font-weight: 300; - margin-bottom: 12px; - margin-top: 15px; - color: #363534; -} -.nginx-doc-content-inner h4{ - font-size: 21px; -} -.nginx-doc-content-inner h5{ - font-size: 18px; -} -.nginx-doc-content-inner h6{ - font-size: 17px; -} - -.nginx-doc-content-inner h1, -.nginx-doc-content-inner h2, -.nginx-doc-content-inner h3, -.nginx-doc-content-inner h4, -.nginx-doc-content-inner h5, -.nginx-doc-content-inner h6{ - position: relative; -} - -.nginx-doc-footer{ - border-top: 1px solid #e1e1e1; - padding-top: 45px; - margin-top: 44px; - width: 100%; - clear: both; -} -.prev-block, -.next-block{ - width:200px; - float: left; - position: relative; - font-size: 14px; -} -.next-block{ - float: right; - text-align: right; -} -.nginx-doc-footer a{ - display: block; -} -.nginx-doc-footer a.next-prev-btn{ - text-transform: uppercase; - color: #898787; - font-weight: 500; -} -.prev-icon, -.next-icon{ - position: relative; - height: 7px; - top: -11px; - font-size: 20px; -} -.prev-icon{ - left: -30px; -} -.next-icon{ - right: -30px; -} - - -.footer-help-block{ - width: 100%; - padding: 80px 25px; - background-image: url(../images/r12-background.png); - background-position: bottom right; - background-repeat: no-repeat; - background-size: cover; - text-align: center; -} -.footer-help-block h2{ - color: #fff; - font-size: 36px; - font-weight: 600; - margin-bottom: 50px; -} -.help-menu-wrap{ - width: 100%; - overflow: hidden; -} -.help-menu-wrap a{ - margin: 0 26px 10px; -} -.help-menu-wrap .button-secondary{ - color: #d9d8d5; -} -.help-menu-wrap .button-primary{ - background: #f7a800; - color: #000; -} - -.site-footer .site-footer-inner .footer-connect-nav .footer-email-signup .nginx-button { - padding: 9px; - color: #343434!important; - background: #666; - border-color: #666; -} - .main.container-fluid { background: white; } -@media screen and (min-width: 801px) { - .nginx-doc-sidebar{ - position: fixed; - top: 63px; - left: 0; - overflow: hidden; - } - .remove-sticky-sidebar{ - position: relative; - top: 0; - } - .nginx-doc-sidebar-inner{ - overflow-y: auto; - width: calc(100% + 20px); - } -} - /*===================================== Footer Style =====================================*/ -.site-footer{ - border-top: 1px solid #545353; -} - /*=================================== Button Styles ====================================*/ -.nginx-button{ - display: inline-block; - border:2px solid #F0A828; - font-size: 17px; - text-transform: uppercase; - border-radius: 4px; - padding: 11px 35px; - font-weight: 500; - position: relative; -} -a.button-primary, -button.button-primary, -.button-primary{ - background: #F0A828; - color: #200000; -} -a.button-primary:hover, -button.button-primary:hover, -.button-primary:hover{ - background: #eea119; -} -a.button-secondary, -button.button-secondary, -.button-secondary{ - background: none; - color: #000; -} -a.button-secondary:hover, -button.button-secondary:hover, -.button-secondary:hover{ - /*background: #fbfbfb;*/ -} - -a.btn-have-icon, -button.btn-have-icon, -.btn-have-icon{ - padding: 11px 54px 11px 22px; -} -.btn-have-icon .icon { - bottom: 0; - font-size: 24px; - height: 24px; - line-height: 1.1; - margin: auto; - padding-top: 1px; - position: absolute; - right: 18px; - top: 0; -} - -.pre-footer-cta-button .nginx-button{ - font-size: 18px; - font-weight: 700; -} -.share-report .nginx-button{ - font-size: 15px; -} -form .nginx-button{ - width: 100%; -} -button.nginx-button.btn-have-icon span.icon{ - margin: auto !important; -} - -@media screen and (max-width: 767px){ - .pre-footer-cta-button .nginx-button{ - width: 100%; - } -} - /*=====Button Instructions ==== Button 1 Button 2 @@ -1898,7 +986,6 @@ button.nginx-button.btn-have-icon span.icon{ /*================Additional styles added by oneTarek =========*/ /*hide the page title h1 from begening of content*/ -.nginx-doc-content-inner #page_content h1:first-of-type{display: none!important;} /*hide the navigation /relbar */ div.related { @@ -1906,142 +993,8 @@ div.related { } /* Hide nginx.com search box */ -#nx_masthead .search-form-wrapper, -#mobile-search-button-wrapper{ - display: none!important; -} /*=================== Gabrial Responsive code ================*/ -.doc-mob-sidenav { - display: none; -} -@media screen and (min-width: 801px){ - .doc-mob-sidenav h3,.mob-search-doc{display: none;} - .nginx-doc-sidebar-inner{display: block !important;} - .nginx-doc-content-inner{ - min-height: 2500px; - } -} -@media screen and (max-width: 1024px){ - .nginx-doc-content-menu a { - margin: 0 25px 25px 0; - } -} -@media screen and (max-width: 992px){ - .nginx-doc-sidebar-inner { - padding: 0 45px 0 45px; - } - .nginx-doc-banner { - padding: 60px 50px; - } - .nginx-doc-content-inner { - padding: 70px 45px 60px; - } - .nginx-doc-menu-block1 a:nth-child(3n), .nginx-doc-menu-block2 a:nth-child(3n) { - margin-right: 25px; - } - -} -@media screen and (max-width: 800px){ - .nginx-doc-content{ - width: 100%; - } - .nginx-doc-banner { - padding: 45px 50px; - } - .nginx-doc-sidebar{ - background: #fff; - width: 100%; - padding: 15px 25px; - border-bottom: 1px solid rgba(0,0,0,0.14); - } - .doc-mob-sidenav{ - width: 100%; - overflow: hidden; - cursor: pointer; - display: block; - } - .doc-mob-sidenav h3{ - font-size: 22px; - font-weight: 300; - margin-bottom: 0; - display: block; - padding-left: 0; - } - .doc-mob-sidenav span.icon{ - float: right; - position: relative; - top: 4px; - } - .search-doc-wrapper{ - margin-bottom: 30px; - width: 100%; - margin-left: 0; - } - .nginx-doc-sidebar-inner h3{ - display: none; - } - .nginx-doc-sidebar-inner { - padding: 15px 0; - display: none; - } - .nginx-doc-sidenav{ - padding-left: 20px; - height: auto; - } - .nginx-doc-banner p{ - padding-right: 0; - } - .nginx-doc-content-inner { - padding: 50px 35px 60px; - } - .nginx-doc-sidebar-inner .search-doc-wrapper{ - display: none; - } -} - -@media screen and (max-width: 480px){ - .nginx-doc-menu-block1 a:nth-child(3n), - .nginx-doc-menu-block2 a:nth-child(3n), - .nginx-doc-content-menu a{ - margin: 0 15px 15px 0; - } - .nginx-doc-menu-block1 a:nth-child(2n), - .nginx-doc-menu-block2 a:nth-child(2n){ - margin-right: 0; - } - .help-menu-wrap a{ - width: 245px; - padding-left:10px; - padding-right: 10px; - } - .prev-block, .next-block{ - width: 100%; - } - .prev-block{ - margin-bottom: 25px; - } - .nginx-doc-content-inner h1{ - font-size: 35px; - } - .product-list-17-col { - width: 100%; - padding-right: 10px; - } -} -@media screen and (max-width: 440px){ - .nginx-doc-content-menu{ - text-align: center; - } - .nginx-doc-content-menu a{ - margin:0 auto 15px !important; - float:none; - display: block; - } - .nginx-doc-content-inner h2 { - font-size: 30px; - } -} @@ -2049,203 +1002,16 @@ div.related { .highlight {margin:28px 0px;} /* Remove lines below after updating old technique of adding terminal code */ -div.highlight-default{ - background: #f7f7f7; - margin-top: 30px; - margin-bottom: 25px; -} - -div.highlight-default.terminal{ - background: #232222; - margin: 28px 0; -} -div.highlight-default.terminal pre{ - background: #232222; - color: #76c973; -} /* end remove */ /* =====END====SYNTAX HIGHLIGHTER =========pygments.css==============*/ /* =====SEARCH RESULT=================*/ -.page-search #page_title{ - display: none; -} -.page-search #page_content form{ - display: none; -} -.page-search #page_content #fallback+p{ - display: none; -} -#search-results{} -#search-results ul.search{ - padding-left: 0px; - margin-bottom: 20px; - margin-left: 0; - list-style-type: none; -} -#search-results ul.search li{ - padding-bottom: 15px; - margin-bottom: 15px; - border-bottom: 1px solid #eeeeee; - list-style-type: none; -} - -#search-results ul.search li:last-child{ - border-bottom: none; - margin-bottom:0; -} -#search-results ul.search li a{ - font-size: 18px; -} -#search-results ul.search li .context{ - margin-top: 5px; - font-size: 14px; - color: #888; -} -#search-results .highlighted{ - font-weight: bold; -} - -#search-results .search-item-info span{ - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - font-weight: 100; - color: #dfdfdf; - font-size: 11px; - padding: 0px 5px; - display: inline-block; - vertical-align: bottom; - margin-left: 10px; -} -#search-results .search-item-info .product-name{ - background: #039639; -} -#search-results .search-item-info .directory-name{ - background: #7b7b7b; -} /* =====END SEARCH RESULT=================*/ /*======GDPR2==================*/ .hidden{ display: none; } - #nx_gdpr_modal2 { - - position: fixed; - left: 0; - bottom: 25%; - width: 420px; - background: #fff; - border: 1px solid #ccc; - border-radius: 5px; - -webkit-box-shadow: 1px 0 1px #ccc; - box-shadow: 1px 0 1px #ccc; - z-index: 999; - padding: 2rem 3rem 1rem; - color: #404040; - font-style: normal; - font-weight: 300; - -} -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 { - padding-bottom: 2rem; -} -#nx_gdpr_modal2 h2 { - margin: 1rem 0 0; - font-size: 1.5rem; - color: #009639; - font-weight: 500; - text-align: inherit; - clear: both; - font-family: Roboto-Regular,"Helvetica Neue",Arial,sans-serif; - line-height: 1.25; -} -#nx_gdpr_modal2 #nx_gdpr_modal_main2 p { - margin-bottom: 0; - color: #404040; - font-style: normal; - font-weight: 300; - -} -#nx_gdpr_modal2 p { - font-size: 1.6rem; -} -#nx_gdpr_modal2 .submit-button-wrap { - text-align: center; - padding: 0 2rem 1rem; - overflow: hidden; - float: right; -} -#nx_gdpr_modal2 #nx_gdpr_accept_btn { - float: right; - font-size: 1.5rem; - padding: .7rem 1.8rem; - background-color: #fff; -} - -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 { - padding-bottom: 2rem; -} -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 .less-info-wrap { - float: right; -} -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 .less-info-wrap a { - font-size: 3rem; - outline: 0; - color: #009639; -text-decoration: none; -} - -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 .gdpr_info_section .gdpr_modal_chkbox2 { - text-align: left; - float: left; - margin-right: 20px; - display: inline-block; -} -#nx_gdpr_modal2 #nx_gdpr_modal_more_info2 .gdpr_info_section p { - margin-bottom: .2rem; - line-height: 2.3rem; - width: 87%; - display: inline-block; - -} - - -@media screen and (max-width: 575.98px) { - - #nx_masthead { - height: auto!important; - padding-bottom: 14px; - } - #nx_masthead .nx-header-menus{ - top:64px!important; - } - - #nx_gdpr_modal2 { - - width: auto; - position: relative; - border-radius: 0; - background-color: #f0eeed; - - } - - #nx_gdpr_modal2 #nx_gdpr_modal_main2 { - text-align: center; - } - #nx_gdpr_modal2 .submit-button-wrap { - padding-top: 2rem; - float: none; - } - #nx_gdpr_modal2 #nx_gdpr_accept_btn { - float: none; - margin: 0 auto; - } - - - -} /*======END GDPR2==================*/ diff --git a/assets/css/f5-hugo.css b/assets/css/f5-hugo.css index 0ad5114..8172787 100644 --- a/assets/css/f5-hugo.css +++ b/assets/css/f5-hugo.css @@ -3,75 +3,21 @@ } .col, -.col-1, -.col-10, -.col-11, -.col-12, -.col-2, -.col-3, -.col-4, -.col-5, -.col-6, -.col-7, -.col-8, -.col-9, -.col-auto, .col-lg, -.col-lg-1, -.col-lg-10, -.col-lg-11, -.col-lg-12, -.col-lg-2, -.col-lg-3, .col-lg-4, -.col-lg-5, -.col-lg-6, -.col-lg-7, -.col-lg-8, -.col-lg-9, -.col-lg-auto, .col-md, -.col-md-1, .col-md-10, -.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, -.col-md-7, -.col-md-8, -.col-md-9, -.col-md-auto, -.col-sm, -.col-sm-1, -.col-sm-10, -.col-sm-11, -.col-sm-12, -.col-sm-2, -.col-sm-3, -.col-sm-4, -.col-sm-5, .col-sm-6, -.col-sm-7, -.col-sm-8, -.col-sm-9, -.col-sm-auto, .col-xl, -.col-xl-1, -.col-xl-10, -.col-xl-11, .col-xl-12, -.col-xl-2, -.col-xl-3, -.col-xl-4, -.col-xl-5, .col-xl-6, -.col-xl-7, -.col-xl-8, -.col-xl-9, -.col-xl-auto { +.col-xl-9 { padding-right: 8px; padding-left: 8px; } @@ -226,18 +172,6 @@ ol > li > ol { height: 100%; } -.other-products-card { - color: #33444d; - background-color: #fff; - box-shadow: 0px 1px 4px 0px #4856653d; - box-shadow: 0px 4px 8px 0px #48566529; - padding: 24px 36px; - border: 1px solid #f8f9f9; - box-sizing: border-box; - border-radius: 4px; - height: 100%; - } - .saas-card { display: flex; } @@ -285,27 +219,6 @@ a.products-card:hover { box-shadow: 0px 12px 24px 0px #48566533; } -a.other-products-card { - display: block; - transition: transform 150ms ease-in-out; - color: #000; -} - -a.other-products-card:hover { - opacity: 1; - /* transform: scale(1.03); */ - box-shadow: 0px 5px 10px 0px #4856650f; - box-shadow: 0px 12px 24px 0px #48566533; -} - -.card-img { - background-repeat: no-repeat; -} - -.card-text-placeholder { - min-height: 35px; -} - .card-body { display: flex; flex-direction: column; @@ -335,26 +248,7 @@ a.other-products-card:hover { text-align: center; } -.section-index .entry { - padding: 0.75rem; -} - -.section-index h5 { - margin-bottom: 0; - font-size: 1.5rem; -} -.card-small { - padding: 2em; - min-height: fit-content; -} - -.card-empty { - box-shadow: none !important; - border: none !important; -} - -.card-img, .card-img-top { width: auto; max-height: 40px; @@ -362,15 +256,6 @@ a.other-products-card:hover { margin-right: 5px; } -.card-img.list { - width: auto; - height: 40px; -} - -.img-large { - width: 100px !important; -} - .card-title { overflow-wrap: normal; } @@ -379,11 +264,6 @@ a.other-products-card:hover { text-indent: -52px; } -.other-products-card > .card-title { - padding-left: 52px; - text-indent: -52px; - } - h3.card-title a { color: #000; } @@ -412,35 +292,14 @@ h3.card-title { padding-left: 52px; } -.card-list { - list-style-type: square; - margin-left: 15px; -} -.card-list > li { - padding-bottom: 6px; - font-weight: 400; -} - -#f5-related, #nginx-products { width: 100%; padding: 50px; position: relative; } -#f5-related { - color: #f1f1f1; - background: #f7f8fa; -} - -#search-bar { - width: 100%; - background-color: #222222 !important; -} - -.navbar-dark, -.bg-dark { +.navbar-dark { background-color: #222222 !important; } @@ -461,30 +320,6 @@ ul.navbar-nav > li { font-weight: 400; } -a.dropdown-item { - color: #ffffff; -} - -a.dropdown-item:hover { - color: #000; -} - -.dropdown-item { - font-size: 1.4rem; - margin-bottom: 0; - padding: 1rem; - padding-right: 1.2rem; -} - -#nx_masthead.nx-site-header { - top: 0; - z-index: 150; - position: fixed; - width: 100%; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - main { padding-top: 24px !important; padding-left: 24px; @@ -531,15 +366,6 @@ table { border: none; } - -.section-heading { - padding-top: 20px; -} - -.form-inline .form-control { - width: 580px; -} - #footer { width: 100%; position: relative; @@ -750,13 +576,6 @@ div.main ol > li { /// ReDoc API customizations */ -.redoc-json > code { - background: #11181a; - color: #fbfbfb; - font-size: 100%; - font-family: Consolas, Monaco, courier new, monospace; -} - /* / Override ReDoc font settings */ @@ -771,18 +590,10 @@ redoc, height: calc(100vh - 66px) !important; } -redoc .search-icon { - display: none; -} - /* / Custom style for vendor extensions */ -.lpeYvY { - font-weight: 600; -} - /* / Fix jumpiness on page scroll */ @@ -802,10 +613,6 @@ redoc { filter: brightness(85%) !important; } -.api-content * { - font-family: "Roboto-Regular", "Helvetica Neue", Arial, sans-serif; -} - /* / Make tooltip appear on hover */ @@ -815,68 +622,14 @@ redoc { cursor: default; } -.my-collapse-custom { - margin-bottom: 24px; -} - -.collapse-box { - margin-bottom: 8px; - margin-top: 8px; -} - -.my-collapse-custom-header { - float: right; - display: block; -} - /* Tooltip container */ -.tooltip { - position: relative; - display: inline-block; -} - /* Tooltip text */ -.tooltip .tooltiptext { - visibility: hidden; - width: fit-content; - background-color: #555; - color: #fff; - text-align: center; - padding: 10px 20px; - border-radius: 4px; - /* Position the tooltip text */ - position: absolute; - z-index: 1; - bottom: 125%; - left: 0%; - margin-left: -60px; - /* Fade in tooltip */ - opacity: 0; - transition: opacity 0.3s; -} - /* Tooltip arrow */ -.tooltip .tooltiptext::after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; - border-color: #555 transparent transparent transparent; -} - /* Show the tooltip text when you mouse over the tooltip container */ -.tooltip:hover .tooltiptext { - visibility: visible; - opacity: 1; -} - div pre > code { white-space: pre; } @@ -922,14 +675,6 @@ h3.bd-links, background-color: #ffffff; } -.bg-md-gray { - background-color: #e6e6e6; -} - -.bg-dk-gray { - background-color: #343434; -} - .highlight { margin: 12px 0; } @@ -1145,10 +890,6 @@ main a:hover { overflow-y: scroll; } -#sidebar-wrapper.sidebar-toggle-animate { - transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); -} - #sidebar-toggle-button { position: absolute; width: 2.4rem; @@ -1172,27 +913,10 @@ main a:hover { color: white; } -.sidebar-toggle-collapsed { - transform: translateX(calc(-100% + 2.4rem)); -} - -.sidebar-toggle-collapsed #sidebar-content { - transform: translate(-100%); - display: none; -} - .sidebar-visible-collapsed { display: none; } -.sidebar-toggle-collapsed .sidebar-visible-collapsed { - display: initial; -} - -.sidebar-toggle-collapsed .sidebar-visible-expanded { - display: none; -} - .content-no-toc { max-width: 100%; } @@ -1202,32 +926,6 @@ main a:hover { width: 50%; } -.hide-sidebar-border { - scrollbar-width: none; /* Firefox */ -} - -.hide-sidebar-border::-webkit-scrollbar { - width: 0px; /* Chrome, Safari */ -} - -.sidebar-toggle-collapsed::-webkit-scrollbar { - width: 0px; /* Chrome, Safari */ -} - -.sidebar-content-collapsed-width { - max-width: 100% !important; -} - -.sidebar-redoc-collapsed-width { - max-width: calc(100% + 2.4rem) !important; -} - -@media (min-width: 768px) { - .sidebar-redoc-collapsed-width { - max-width: 100% !important; - } -} - .nginx-toc { display: block; background: #f8f9f9; @@ -1330,26 +1028,6 @@ nav#TableOfContents > ul:not(:first-child) { padding-top: 10px; } -#sidebar.content > ul > li.nginx-toc-link.has-subnav:before { - content: "3"; - font-family: "nginx-font" !important; - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - left: -31px; - top: 0px; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke: 1px #f7f7f7; - font-size: 30px; - cursor: pointer; - color: #898787; -} - a[aria-expanded="true"] .fa-chevron-right { display: none; } @@ -1437,23 +1115,12 @@ summary { /* end credit to Randy_Lough */ -.form-group > label { - padding-bottom: 8px; - font-size: 2rem; - color: #000 !important; -} - -.form-group > textarea { - font-size: 16px; -} - /* style all input elements with a required attribute */ /** * style input elements that have a required * attribute and a focus state */ -input:required:focus, -textarea:required:focus { +input:required:focus { border: 0.25px solid red; outline: none; } @@ -1462,26 +1129,10 @@ textarea:required:focus { * style input elements that have a required * attribute and a hover state */ -input:required:hover, -textarea:required:hover { +input:required:hover { opacity: 1; } -.btn-outline-success:hover { - background-color: var(--nginx-green); - border-color: var(--nginx-green); -} - -.btn-outline-success { - color: var(--nginx-green); - border-color: var(--nginx-green); -} - -.dk-border-bottom { - border-bottom: 1px solid #595959; - margin: 0 0 32px 0; -} - .text-semibold { font-weight: 500; } @@ -1591,13 +1242,6 @@ li.nav-item a.nav-link { max-width: 100%; } -.figure-svg { - border: solid 2px #42932D; - margin-bottom: 10px; - display: block; - min-width: 100%; -} - .md__image { border: solid 2px #42932D; margin-bottom: 10px; @@ -1615,10 +1259,6 @@ li.nav-item a.nav-link { transition: transform 0.15s ease-in-out; } -.rotate-chevron { - transform: rotate(180deg); -} - .dropdown-content { position: absolute; background-color: white; @@ -1645,11 +1285,6 @@ li.nav-item a.nav-link { } } -.remove-bottom-radius { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - .last-modified { font-weight:300; } \ No newline at end of file