diff options
author | hongbo tian <hongbo.tianhongbo@huawei.com> | 2017-09-28 09:28:41 +0000 |
---|---|---|
committer | Gerrit Code Review <gerrit@opnfv.org> | 2017-09-28 09:28:41 +0000 |
commit | 61820ee85c967d90021e4089c6a7907046685639 (patch) | |
tree | 0c3f23e2146f0855fb5be0ff55343d59e3a9c9ab /cvp/3rd_party/static/testapi-ui/assets/css/combine.css | |
parent | 0cc2fdefa9e6e959e7c69beede736738f339f636 (diff) | |
parent | 0cf6b232ac9cf128ee9183a27c08f4f74ab2e2e6 (diff) |
Merge "add api&web services for cvp"
Diffstat (limited to 'cvp/3rd_party/static/testapi-ui/assets/css/combine.css')
-rw-r--r-- | cvp/3rd_party/static/testapi-ui/assets/css/combine.css | 3352 |
1 files changed, 3352 insertions, 0 deletions
diff --git a/cvp/3rd_party/static/testapi-ui/assets/css/combine.css b/cvp/3rd_party/static/testapi-ui/assets/css/combine.css new file mode 100644 index 00000000..b2f16c9a --- /dev/null +++ b/cvp/3rd_party/static/testapi-ui/assets/css/combine.css @@ -0,0 +1,3352 @@ +html { + overflow-y: scroll; } + +hr { + height: 1px !important; } + +h3 { + margin-top: 10px; + margin-bottom: 10px; } + +a, a:visited { + color: #bc1518; + text-decoration: none; } + +a:hover { + text-decoration: underline; } + +.center { + text-align: center; } + +@media (max-width: 950px) {.defaultSkin table.mceLayout {width: 100% !important;}} + +/* fix for input-group bootstrap */ +.input-group .input-group-btn .btn { + height: 34px; +} + +/* @group Navigation */ +#navigation { + display: block; + background: url('/themes/openstack/images/header-line.gif') repeat-x 0 bottom; + padding-bottom: 1px; } + +#navigation * { + padding: 0; + margin: 0; } + +#navigation ul { + display: block; + margin: 0 auto; } + +#navigation li { + display: block; + float: left; + margin-right: 20px; } + +#navigation li a { + display: block; + font-weight: normal; + text-decoration: none; + background-position: 50% 0; + padding: 20px 0 5px; + color: #353535; + font-size: 14px; } + +#navigation li a.current, #navigation li a.section { + border-bottom: 3px solid #cf2f19; + color: #cf2f19; } + +/* @group Auto-clearing */ +#navigation:after, #navigation ul:after, #header:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +#navigation, #navigation ul, #header:after { + display: inline-block; } + +/* Hides from IE-mac \*/ +* html #navigation, * html #navigation ul { + height: 1%; } + +#navigation, #navigation ul, #header:after { + display: block; } + +/* End hide from IE-mac */ +/* @end */ +#logo a { + display: block; + margin-top: 8px; + text-indent: -1000em; + background: url('/themes/openstack/images/open-stack-cloud-computing-logo-2.png') no-repeat left center; + height: 54px; + width: 177px; + margin-left: -10px; } + +#header { + margin-bottom: 0px; + margin-top: 20px; } + +/* @end */ +/* @group Tabs */ +.tabContentHidden { + display: none; } + +.tabTops { + border: 1px solid black; + border-bottom: none; } + +#subnav li { + list-style-type: none; + margin-bottom: 5px; + padding: 0; } + +#subnav ul { + padding-left: 0px; + margin-right: 0px; } + +#subnav ul.overviewNav li a { + display: block; + padding: 10px 20px 10px 42px; + text-decoration: none; + color: black; + background-color: #e9e9e9; + background-image: none; + text-align: right; + margin-right: 40px; } + +#subnav ul.overviewNav li a:hover { + background-color: #d6d6d6; + -webkit-transition: background-color 1s ease-out; } + +ul.subsectionNav li.current a { + background-color: #c4e0e9; + -webkit-transition: background-color 1s ease-out; } + +.subsectionNav a[href*="/essex/"] { + background-color: #E9E9E9 !important; } + +.subsectionNav a[href*="/start/"] { + background-color: #D5EFD4 !important; + margin-top: 30px; } + +.subsectionNav a[href*="/marketplace/training/"] { + margin-top: 30px; } + +.overviewNav li.active, .subsectionNav li.active { + background: url('/themes/openstack/images/pointer-arrow.gif') no-repeat right center; } + +#subnav ul li { + text-align: right; } + +ul.subsectionNav li a { + display: block; + padding: 10px 20px 10px 42px; + text-decoration: none; + color: black; + background: #e2ecef none no-repeat 5px center; + margin-right: 40px; } + +ul.subsectionNav li a:hover { + background-color: #c4e0e9; + -webkit-transition: background-color 1s ease-out; } + +ul.tabs { + padding: 0 2px 0 0; + white-space: nowrap; + list-style-type: none; + display: block; + zoom: 1; + margin-right: 0px; + clear: both; + border-bottom: 1px solid #d8d8d8; + background-color: #ececec; } + +.tabSet { + margin: auto; + background-color: #f5f5f5; + -webkit-border-radius: 3px; + border: 1px solid #d8d8d8; + border-top: 1px solid #bcbcbc; } + +#home .tabSet { + margin-top: 45px; } + +.featureHeader { + margin-left: 20px; + margin-top: 20px; } + +.tabs li { + cursor: pointer; + display: inline; + margin-right: -3px; + padding: 0px; } + +.tabs li a { + margin: 0px; + display: inline-block; + text-align: left; + color: #41728d; + font-size: 13px; + font-family: 'PT Sans', serif; + padding: 6px 14px; + text-shadow: #fff 0px 1px 1px; + border-right: 1px solid #d8d8d8; + width: 160px; + text-align: center; } + +.tabs li a:hover { + background-color: #eee; + text-decoration: none; } + +.tabs li.active a { + cursor: default; + text-decoration: none; + position: relative; + color: black; + background-color: #f5f5f5; + border-bottom: 1px solid #f5f5f5; + margin-bottom: -1px; + border-top: 1px white solid; + font-weight: bold; } + +.tabs li#showcode a { + background: #6b90da; + padding-bottom: 6px; + font-weight: bold; + color: #fff; } + +/* @end */ +/* @group Buttons */ +a.button { + font-family: 'PT Sans', serif; + border: 1px solid #ccc; + padding: 3px 30px; + color: #525252; + text-decoration: none; + font-size: 14px; + line-height: 3em; + background: #ddd; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + text-shadow: #fff 0px 1px 1px; + background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bebebe)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bebebe'); } + +a.button:hover { + color: black; + -webkit-transition: color 1s ease-out; } + +a.button:active { + background: #ababab; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd)); + -webkit-transition: none; + padding: 4px 29px 2px 31px !important; } + +/* @end */ +/* @group Rounded Buttons */ +.roundedButton, input.action { + font-family: 'PT Sans', serif; + border: 1px solid #e2e2e2; + padding: 4px 15px; + color: black !important; + text-decoration: none !important; + font-size: 12.5px; + line-height: 3em; + background: #FFFFFF; + /* old browsers */ + /* firefox */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #F3F3F3), color-stop(100%, #EBEBEB)); + /* webkit */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBEBEB',GradientType=0 ); + /* ie */ + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + text-shadow: #fff 0px 1px 1px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-bottom-color: #a0a0a0; + border-right-color: #bababa; + border-left-color: #bababa; } + +.roundedButton:hover, input.action:hover { + color: black; + -webkit-transition: color 1s ease-out; + cursor: pointer; } + +a.roundedButton:active, input.action:active { + background: #ababab; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + border-color: #ababab; + border-top-color: #636363; + background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd)); + -webkit-transition: none; + padding: 4px 15px; } + +input.action { + line-height: 1.2em !important; } + +/* @end */ +.subhead { + color: #cf2f19; + font-size: 16px; + border-bottom: 1px dotted; + padding-bottom: 5px; + border-color: #c5e2ea; + margin-bottom: 20px; } + +/* @group projects page */ +.projectsPage h1, .communityPage h1, #blog h1 { + color: #264d69; + font-size: 24px; } + +.projectsPage h2 { + color: #264d69; + font-size: 17px; } + +#subnav { + padding-top: 38px; } + +.note { + color: #33730a; + background: #e2f4dc url('/themes/openstack/images/side-note-pointer.gif') no-repeat left center; } + +.note a { + color: #33730a; + text-decoration: underline; } + +.note p { + margin-left: 8px; + padding: 10px; + margin-bottom: 0px; + border-bottom: 1px solid #b5c8a8; } + +a#CitrixVideo { + display: block; + padding-top: 93px; + background: url('/themes/openstack/images/citrix-video-thumbnail.jpg') no-repeat; + color: #aeaeae; + text-decoration: none; + margin-top: 3px; } + +h3.videoHeader { + color: #939393; + font-size: 14px; } + +a.downloadLink { + text-decoration: none; + color: white; + font-family: helvetica, arial; + font-weight: bold; + display: block; + width: 250px; + text-align: center; + position: relative; + padding: 3px; + margin-bottom: 5px; + margin-top: 5px; + /* BORDER RADIUS */ + border-radius: 5px; + background-color: #989996; + border: 2px solid white; } + +/* @end */ +#footer { + margin-top: 30px; } + +/* @group compute */ +.projectVitals { + border-top: 1px solid #c5e2ea; + padding-top: 10px; } + +.projectVitals h3 { + font-size: 16px; + color: #264d69; } + +#status { + padding: 12px; + color: #1d6006; + background-color: #e2f4dc; + border: 1px solid #b5c8a8; + margin-bottom: 10px; + height: 9em; } + +#status strong { + font-size: 120%; } + +#availability { + line-height: 1.4em; + padding: 12px; + color: #747474; + background-color: #f6f8f8; + border: 1px solid #d4d5d5; + margin-bottom: 10px; + height: 9em; } + +.projectVitals h4 { + font-size: 14px; + color: #797979; + margin-bottom: 4px; } + +#status p, #availability p { + margin: 0px; } + +#parallax { + background: #2f3134; + position: relative; + overflow: hidden; + width: 60em; + height: 300px; + margin: 1.5em 0; } + +/* @group FAQ */ +.faqs .span-5 { + font-size: 14px; + color: #707070; + font-weight: bold; } + +.faqs hr { + padding: 0px; } + +.faqs div { + margin-bottom: 20px; } + +/* @end */ +/* @end */ +/* @group community page */ +.communityBox { + height: 213px; + background: #f8f8f8 url('/themes/openstack/images/community-box-headers.png') no-repeat 0 0; } + +#userResources { + background-position: -200px 0; } + +#devCenter { + background-position: -400px 0; } + +.communityBox p, .communityBox h2 { + margin: 15px; } + +.communityBox, .communityBox a, .communityBox a.visited { + color: #6b6b6b; } + +.communityBox a { + text-decoration: underline; } + +.communityBox h2 { + color: black; + font-size: 17px; + margin-top: 60px; } + +.participants h2, .communityResources h2 { + font-size: 16px; + color: #264d69; + margin-top: 30px; + padding-top: 10px; + border-top: 1px dotted #c5e2ea; } + +#designSummit h2 { + text-indent: -1000px; + height: 222px; + margin-top: -9px; + margin-bottom: 10px; + background: url('/themes/openstack/images/openstack-design-summit-community.jpg') no-repeat 0 0; } + +#designSummit { + color: #6b6b6b; } + +#designSummit strong { + color: black; + font-weight: normal; } + +/* @end */ +/* @group blog */ +#blog h2 { + color: #5189a0; + font-size: 15px; + margin-bottom: 0px; } + +#blog h2 a { + background-color: #eaeaea; + text-align: center; + padding: 1px; + padding-left: 7px; + padding-right: 7px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + color: #757575; + font-size: 0.7em; + text-decoration: none; } + +div.byline { + border-bottom: 1px dotted #c5e2ea; + border-top: 1px dotted #c5e2ea; + margin-bottom: 10px; + padding: 2px 0; } + +div.byline p { + margin: 0px; } + +div.byline .postDate { + text-align: right; } + +div.byline p.name a, div.byline p.name a:visited { + color: #cf2f19; + text-decoration: none; } + +div.socialMedia { + background-color: #eef3f5; + margin-bottom: 20px; } + +div.socialMedia div { + padding: 10px; } + +div.socialMedia h4 { + margin-bottom: 2px; } + +div.socialMedia p { + margin-bottom: 0px; } + +div.socialMedia div.twitter { + border-bottom: 1px dotted #c5e2ea; } + +#blog h3 { + margin-bottom: 5px; + font-size: 12px; } + +/* @end */ +/* @group Brand */ +div.termsBox { + border: 1px solid #c6e2ea; + padding: 10px; + height: 300px; + overflow: scroll; + margin-bottom: 10px; } + +.termsBox h3, #openstack-trademark-policy h3 { + font-size: 100%; + font-weight: bold; } + +.termsBox a { + color: inherit; + text-decoration: underline; } + +#zenbox_tab { + top: 34% !important; + min-width: 109px !important; + line-height: 0px !important; +} + +/* @end */ +/* @group quotes */ +ul#quotes { + margin-left: 0px; + padding-left: 0px; + margin-top: 10px; } + +ul#quotes li { + list-style-type: none; } + +ul#quotes li p { + line-height: 1.4em; } + +ul#quotes p { + font-size: 16px; + font-family: 'PT Sans', serif; + margin-bottom: 0px; + color: black; + line-height: 1.2em; + padding: 10px; + padding-bottom: 0px; } + +ul#quotes p.name { + margin-top: 10px; + font-size: 14px; + text-transform: uppercase; + color: #9b9b9b; + text-indent: 0px; } + +ul#quotes p.name strong { + font-weight: normal; + color: #494949; } + +/* @end */ +.tooltip { + background: black; + background: rgba(0, 0, 0, 0.8); + padding: 1px 8px; + color: white; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; } + +a.Datasheet { + padding-top: 110px; + display: block; + background: url('/themes/openstack/images/openstack-product-pdf.jpg') no-repeat center top; + margin-left: 20px; + margin-top: 30px; } + +a.Datasheet:hover { + text-decoration: none; + color: #bc1518; } + +a#DemoVideo { + display: block; + padding-top: 103px; + margin-left: 18px; + background: url('/themes/openstack/images/demo-video-thumbnail.jpg') no-repeat; + text-decoration: none; + margin-top: 50px; } + +/* @group Tables */ +.tabContent table { + margin: 20px; + width: 670px; } + +.tabContent table td { + border-bottom: 1px solid #d8d8d8; + vertical-align: top; + padding: 10px 10px 20px 0; } + +.tabContent table td p { + margin: 0px; } + +.tabContent table tr:last-child td { + border-bottom: none; } + +.tabContent table th { + font-family: 'PT Sans', serif; + font-style: normal; + font-weight: normal; + font-size: 18px; + letter-spacing: -0.076em; + line-height: 1em; + color: #264d69; + padding-left: 0px; } + +.tabContent table a:active, .tabContent table a:visited, .tabContent table a { + color: inherit; + text-decoration: underline; } + +p.fnote { + margin-left: 20px; } + +/* @end */ +h2.user-story-quote { + line-height: 1.5em; + color: grey !important; } + +.user-story-quote-author { + text-transform: uppercase; } + +ul.user-project-list { + margin: 0px; + padding: 0px; + overflow: hidden; + margin-bottom: 20px; } + +ul.user-project-list li { + display: block; + margin-right: 5px; + background-color: #e2f1f5; + border: 1px solid #89c6d6; + -webkit-border-radius: 3px; + padding: 2px 8px; + margin-bottom: 5px; + color: #1a4b6b; + font-size: 95%; + width: 170px; + float: left; } + +#footer ul { + margin: 10px 0px 20px; + padding: 0px; + list-style: none; } + +#footer a, #footer a:visited, #footer a:active { + color: black; } + +#footer h3 { + color: #de0000; + font: 130% 'PT Sans', serif; } + +#footer textarea { + width: 260px; + height: 60px; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(5%, #FFFFFF)); + /* webkit */ } + +#footer form { + margin-top: 8px; + margin-bottom: 20px; } + +.user-links li { + padding-left: 20px; + background: url('/themes/openstack/images/link.png') no-repeat left center; + margin-left: -20px; + list-style: none; } + +.user-objectives { + background-color: #ecedec; + padding: 20px; + margin-bottom: 15px; } + +.user-objectives p { + margin-bottom: 0px; } + +.user-name { + padding-top: 10px; } + +.user-photo img { + border: 5px solid white; + -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); } + +.siteMessage { + -webkit-border-radius: 4px; + border: 1px solid; + margin-bottom: 10px; + margin-top: 20px; } + +.siteMessage p { + margin: 8px; } + +#InfoMessage { + color: black; + background-color: #DBEAEE; + border-color: #B5D8E2; + font-size: 120%; + padding: 10px; } + +#SuccessMessage { + color: #3E933A; + background-color: #E2F7D8; + border-color: #9FDE9C; } + +#ErrorMessage { + color: #DA1D1D; + background-color: #FFDFDF; + border-color: #FFBBBB; } + +p.message.bad { + color: #DA1D1D; + background-color: #FFDFDF; + border-color: #FFBBBB; + padding: 15px; + border: 1px solid #DA1D1D; } + +.topMessage { + background: #E4EEF1; + border-bottom: 1px solid white; + padding: 5px; + font-size: 1.3em; + color: #255E6E; + font-family: 'PT Sans', serif; + text-shadow: #fff 0px 1px 1px; + box-shadow: 1px 1px 1px 1px #ccc; } + +.topMessage p { + margin-bottom: 0px; } + +#header { + margin-top: 40px; } + +span.message { + font-weight: bold; + color: #CE332C; } + +.gsc-control-cse { + padding: 0px !important; } + +#gcse { + width: 100%; + height: 60px; } + +input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { + background: #C43422 !important; + border: none !important; } + +table.gsc-search-box td { + padding: 2px !important; } + +.gsc-input-box { + border-color: #D3E9EF !important; } + +.gs-visibleUrl, .gs-visibleUrl-long { + color: #A5A5A5 !important; } + +.roundedButton-margin { + margin-left: 5px; } + +/*! + * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com) + * Code licensed under the Apache License v2.0. + * For details, see http://www.apache.org/licenses/LICENSE-2.0. + */ +body, html { + width: 100%; + height: 100%; } + + +h1 { + color: #2A4E68; + font-size: 34px; + font-weight: 300; + margin: 40px 0; + text-align: center; } + +h3 { + color: #2A4E68; } + +h5 { + color: #DA422F; + margin-bottom: 0; } + +a, a:visited { + color: #30739C; } + +.lead { + font-size: 18px; + font-weight: 400; } + +/*Header Navigation more styles in navigation_menu.css */ + +.search-container { + position: relative; + display: none; + float: left; + width: 84%; } + +@media (min-width: 768px) and (max-width: 1200px) { + .search-container + { + width: 80%; + } +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .search-container + { + display: none; + } +} + +.search-icon { + display: none; + padding: 17px 20px 16px; + float: left; + text-transform: uppercase; + color: #8a959e; + font-size: 12px; + font-weight: 400; +} + +.search-icon:hover { + cursor: pointer; + color: #8a959e; +} + +.search-icon i { + margin-right: 5px; + color: #8a959e; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .search-icon + { + display: none !important; + } +} + +@media (max-width: 1040px) { + .header-search-text + { + display: none; + } +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .header-search-form + { + display: none; + } + .custom-search-box + { + position: relative !important; + left: 0px !important;; + } +} + +.custom-search-box { + color: #30739C !important; + font-size: 12px !important; + text-transform: lowercase !important; + font-weight: 400 !important; + width: 100% !important; +} + +.custom-search-box-mobile +{ + display: none !important; + position: relative; + width: 100% !important; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .custom-search-box-mobile + { + display: block !important; + } + .custom-search-box { + display: none !important; + } +} + +.header-search, .custom-search-box, .custom-search-box-mobile { + border: 2px solid #dae5ee !important; + border-radius: 4px !important; + height: 37px !important; + margin: 7px 0 0 0 !important; + padding: 0 !important; + padding-left: 10px !important; + background: #fff !important; + width: 100% !important; + -webkit-transition: width 4s !important; + transition: width 4s !important; + -webkit-border-horizontal-spacing: 0 !important; + -webkit-border-vertical-spacing: 0 !important; +} + +.header-search contenteditable .custom-search-box-mobile:hover, .custom-search-box-mobile:focus, .custom-search-box:hover, .custom-search-box:focus { + box-shadow: none !important; +} + +.header-search::-webkit-input-placeholder, .custom-search-box::-webkit-input-placeholder,custom-search-box-mobile::-webkit-input-placeholder { + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search:-moz-placeholder, .custom-search-box-mobile:-moz-placeholder, custom-search-box:-moz-placeholder { + /* Firefox 18- */ + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; +} + +.header-search::-moz-placeholder, .custom-search-box::-moz-placeholder, custom-search-box-mobile::-moz-placeholder { + /* Firefox 19+ */ + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; } + +.header-search:-ms-input-placeholder, .custom-search-box:-ms-input-placeholder, custom-search-box-mobile:-ms-input-placeholder { + color: #C0CDDB; + font-size: 12px; + text-transform: lowercase; + font-weight: 400; } + +.header-search:focus, .custom-search-box:focus, .custom-search-box-mobile:focus { + border-radius: 4px; + outline: none; + border: 2px solid #30739C !important; + box-shadow: none; +} + +.close-search { + position: absolute; + top: 20px; + right: 10px; + color: #dae5ee; + z-index: 1001; + font-size: 16px; +} + +.close-search:hover +{ + color: #30739C; + cursor: pointer; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .close-search + { + display: none !important; + } +} + +.show +{ + display: block; +} + +@media (max-width: 767px), only screen and (max-device-width: 1024px) { + .show + { + display: none; + } +} + +/*End Header Navigation*/ +/*Hero*/ +.intro-header { + padding-top: 0px; + padding-bottom: 0; + text-align: center; + color: #f8f8f8; + background: url('/themes/openstack/images/hero-bkgd1.jpg') no-repeat center center; + background-size: cover; + position: relative; } + +.intro-header h1 { + color: #f8f8f8; } + +.intro-message { + position: relative; + /*padding-top: 0;*/ + /*padding-bottom: 110px; */ + padding-top: 15px; + padding-bottom: 0; + } + +@media (max-width: 1199px) { + .intro-message { + /*padding-bottom: 30px; */ + padding-bottom: 0px; + } +} + +.intro-message > h1 { + margin: 0; + font-size: 2.3em; + font-weight: 400; + text-align: center; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + width: 100%; + letter-spacing: -1px; +} + +@media (max-width: 767px) { + .intro-message > h1 { + font-size: 1.5em; } } + +.intro-divider { + width: 400px; + border-top: 1px solid #f8f8f8; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + +.intro-message > h3 { + text-shadow: none; + text-align: left; + font-weight: 300; + font-size: 24px; + margin-top: 10px; } + +.hero-credit { + position: absolute; + bottom: 30px; + right: 30px; + color: #fff; + opacity: 0.5; } + +.hero-credit:hover { + opacity: 1; } + +.hero-credit a, .hero-credit a:hover { + color: #fff; } + +/*Hero Promo, add .featured to .intro-header*/ +.intro-header.featured { + text-align: center; + background: no-repeat scroll center center / cover rgba(0, 0, 0, 0); + min-height: 300px; + background-size: cover; + position: relative; + padding: 60px 0; +} + +.intro-header.featured .intro-message { + padding-bottom: 5px; } + +a.promo-btn { + /*color: #fff; + font-size: 16px; + font-weight: 300; + background: transparent; + border: 2px solid #fff; + border-radius: 4px; + padding: 2px 30px; + margin: 0 auto; + text-align: center; + max-width: 300px; + display: inline-block; + line-height: 2;*/ + white-space: nowrap; + color: white; + font-size: 16px; + font-weight: 400; + background: #DA422F; + border-radius: 4px; + padding: 7px 60px; + margin: 0 auto; + text-align: center; + min-width: 250px; + display: inline-block; + line-height: 2; + } + +a.promo-btn:hover, a.promo-btn:focus { + text-decoration: none; + /*background: rgba(255, 255, 255, 0.2);*/ + background: #A51B1B; + } + +.promo-btn-wrapper { + margin-bottom: 10px; +} +a.promo-btn i.fa-chevron-right { + background: transparent; + border-radius: 50%; + padding: 0; + font-size: 13px; + margin-left: 20px; + line-height: 1em; +} + +p.promo-dates { + /*display: inline-block; + margin-top: 10px; + font-weight: 400; */ + display: inline-block; + margin-top: 10px; + font-weight: 400; + margin-bottom: 30px; + letter-spacing: -.4px; + } + +/*End Hero*/ +/*Overview Section*/ +.overview-section { + padding: 80px 0; } + +@media (max-width: 767px) { + .overview-section { + padding-top: 40px; } } + +.overview-section h2 { + color: #2A4E68; + font-size: 34px; + font-weight: 300; + margin-bottom: 25px; } + +.overview-section p { + color: #888; + font-size: 16px; + font-weight: 300px; + line-height: 1.4; } + +.overview-section a { + color: #30739C; + text-decoration: underline; } + +.btn-wrapper { + float: left; + width: 100%; + text-align: center; } + +@media (max-width: 980px) { + .overview-left { + margin-bottom: 50px; } } + +a.overview-btn { + float: left; + background: #30739C; + color: #fff; + text-transform: uppercase; + border-radius: 4px; + padding: 15px 25px; + text-decoration: none; + margin-top: 5px; + margin-bottom: 5px; } + +a.overview-btn:hover { + background: #2A4E68; } + +a.overview-btn.left-btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 1px solid #3387C9; + margin-right: 0; } + +a.overview-btn.left-btn:hover { + border-right-color: #1B486B; } + +a.overview-btn.right-btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 1px solid #1B486B; + margin-left: 0; } + +.release-text { + display: block; + text-align: left; + color: #636568; + font-size: 13px; } + +.overview-section .img-responsive { + max-width: 550px; } + +.overview-right { + text-align: center; } + +.control-cloud-graphic { + max-width: 600px; + margin: 0 auto 15px; } + +a.demo-link { + font-size: 13px; + font-weight: 400; + text-decoration: none; + color: #34789A; + background: #F0F9FE; + padding: 10px 25px; + border-radius: 4px; } + +a.demo-link:hover { + color: #34789A; + background: #CDD9E2; } + +a.demo-link i { + margin-left: 5px; + font-size: 14px; } + +/*When Featured, Add Class .featured to .overview-section*/ +.overview-section.featured .overview-right { + background: #E8EEF5; + border-radius: 4px; + text-align: center; + padding: 20px; + margin-top: 50px; } + +@media (max-width: 1200px) { + .overview-section.featured .overview-right { + margin-top: 50px; } } + +.overview-section.featured .overview-right h3 { + color: #30739C; + text-align: center; } + +.overview-section.featured .overview-right p { + color: #333; + font-size: 13px; } + +.overview-section.featured .overview-right img.promo-graphic { + max-width: 350px; + margin: 20px auto; } + +/*End Overview Section*/ +/*Customers Section*/ +.customers-row { + padding: 80px 0; + text-align: center; + background: #edf2f7; } + +.customers-row h2 { + text-transform: capitalize; + margin-bottom: 0; + text-align: center; } + +.customer-logos-wrapper { + margin: 15px 0; + text-align: center; } + +.customer-logos { + position: relative; + padding: 20px 0; + width: 15%; + display: inline-block; } + +@media (max-width: 767px) { + .customer-logos { + position: relative; + padding: 20px 0; + width: 80%; + margin: 0 auto; } } + +.logo-hover { + background: #dee2e8; + border-radius: 3px; } + +.logo-hover:after { + content: ' '; + height: 0; + position: absolute; + width: 0; + border: 10px solid transparent; + border-top-color: #dee2e8; + top: 100%; + left: 50%; + margin-left: -10px; } + +.customers-description { + margin: 40px 0; + color: #2A4E68; + text-align: center; } + +.customers-description p { + padding: 20px 50px; + border-top: 1px solid #dee2e8; + border-bottom: 1px solid #dee2e8; + display: inline; } + +@media (max-width: 767px) { + .customers-description p { + display: block; } } + +.customers-action { + margin-top: 40px; + text-align: center; } + +a.customer-btn { + background: #2A4E68; + color: #fff; + text-transform: uppercase; + border-radius: 4px; + padding: 15px 25px; + text-decoration: none; + border-style: none; } + +a.customer-btn:hover { + background: #173D5B; + color: #fff; } + +/*When Featured, Add Class .featured to .customers-row*/ +.customers-row.featured .customer-logos-wrapper { + width: 50%; + max-width: 1000px; + margin: 40px 25% 0; + border-top: 1px solid #DDE3E8; + padding-top: 20px; } + +.customers-row.featured .customer-logos-wrapper hr { + color: #333; } + +.customers-row.featured .customer-logos img { + width: 90%; + max-width: 100px; } + +.customers-row.featured .customer-logos:hover { + background: none; } + +.customers-row.featured .customer-logos:hover:after { + display: none; } + +.customers-row.featured .customers-action { + margin-top: 0; } + +.customers-row.featured button.customer-btn { + background: none; + border-radius: 0; + padding: 0; + text-decoration: underline; + color: #2A4E68; + text-transform: capitalize; } + +.featured-description { + width: 85%; + margin: 40px auto; } + +@media (max-width: 767px) { + iframe { + width: 90%; } } + +/*End Customers Section*/ +/*Community Section*/ +.community-section { + padding: 75px 0; + background: url('/themes/openstack/images/community-bkgd-map.jpg') no-repeat 40% center; + background-size: cover; + min-height: 350px; } + +.community-section.featured { + background: url('/themes/openstack/images/community-bkgd2.jpg') no-repeat center center; + background-size: cover; } + +.community-graphic { + max-width: 650px; + margin: 0 auto; } + +@media (max-width: 994px) { + .community-graphic { + margin-bottom: 20px; } } + +.community-section h2 { + color: #fff; } + +.community-section p { + color: #fff; } + +@media (max-width: 994px) { + .community-section h2 { + text-align: center; } + .community-section p { + text-align: center; } } + +a.community-btn { + font-size: 16px; + font-weight: 400; + background: transparent; + border: 1px solid #fff; + border-radius: 3px; + margin-top: 20px; + padding: 8px 30px 8px 40px; + color: white; + display: block; + max-width: 220px; + } +@media (max-width: 994px) { + a.community-btn { + display: block; + max-width: 220px; + margin: 20px auto 0; + } +} + +a.community-btn i { + margin-left: 10px; } + +a.community-btn:hover { + text-decoration: none; + background: rgba(255, 255, 255, 0.2); } + +/*When Featured, add .featured to .community-section*/ +.community-section.featured h3 { + color: #fff; } + +@media (max-width: 1200px) { + .community-section.featured h3 { + text-align: center; } } + +.designate-logo { + max-width: 302px; + margin: 50px 0 20px; } + +@media (max-width: 1200px) { + .designate-logo { + margin: 50px auto 20px; } } + +.default-community { + background-color: rgba(5, 54, 86, 0.7); + border-radius: 4px; + padding: 30px; + text-align: center; } + +@media (max-width: 1200px) { + .default-community { + margin-top: 50px; } } + +.default-community h2 { + margin-top: 0; } + +.community-graphic.small { + max-width: 450px; + margin: 20px auto; } + +a.featured-link { + display: block; + background: #DA422F; + padding: 10px 20px; + border-radius: 2px; + width: 80%; + text-decoration: none; + margin: 10px auto 0; + color: #fff; + font-weight: 600; } + +a.featured-link:hover { + text-decoration: none; + background: #831917; } + +/*End Community Section*/ +/*News and Events Section*/ +.news-section { + padding: 70px 0; } + +.news-section h2 a { + font-size: 14px; + color: #30739C; + font-weight: 400; + margin-left: 30px; } + +.news-section h2 a:hover { + color: #28709a; + text-decoration: none; } + +.event-ad, .news-ad { + width: 100%; + max-width: 560px; + margin-bottom: 20px; } + +.event-ad-lrg { + width: 100%; + height: 113px; + max-height: 113px; + max-width: 1140px; + margin-bottom: 20px; + image-rendering: optimizeQuality; + } + +@media (max-width: 767px) { + .event-ad-lrg { + max-width: 767px; + } +} + +.news-section .news-wrapper ul { + margin: 30px 0; + padding-start: 0; + -webkit-padding-start: 0; } + +.news-section .news-wrapper ul li { + list-style: none; } + +.single-event { + float: left; + width: 100%; + padding: 15px 10px; + border-bottom: 1px solid #ebeff4; } + +.single-event:hover { + background: #edf2f7; } + +.single-event.last { + border-bottom: none; } + +.left-event { + float: left; + width: 20%; } + +@media (min-width: 768px) and (max-width: 981px) { + .left-event { + width: 25%; } } + +@media (max-width: 767px) { + .left-event { + width: 15%; } } + +.event-details { + float: left; + margin-left: 3%; + width: 62%; } + +@media (min-width: 768px) and (max-width: 981px) { + .event-details { + width: 72%; } } + +.right-event { + float: right; + width: 13%; } + +@media (min-width: 768px) and (max-width: 981px) { + .right-event { + display: none; } } + +.date, .news-type, .planet-type { + background: #fff; + border: 2px solid #DA422F; + border-radius: 4px; + padding: 5px 0; + color: #DA422F; + font-size: 10px; + width: 100%; + text-align: center; + float: left; + margin-top: 5px; } + +.event-name, .news-title { + display: block; + font-size: 14px; + font-weight: 600; + color: #333; + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.location, .news-date { + display: block; + float: left; + font-style: italic; + color: #333; + font-weight: 300; } + +.right-arrow { + float: right; + background: #d9dfe5; + border-radius: 100px; + width: 30px; + height: 30px; + padding: 6px 10px; + color: #fff; + margin-right: 10px; + margin-top: 5px; + display: none; } + +.single-event:hover .right-arrow { + display: block; } + +.news-type { + border: 2px solid #2A4E68; + color: #2A4E68; } + +.planet-type { + border: 2px solid #68C8C3; + color: #68C8C3; } + +.see-more-bottom { + width: 100%; + float: left; + text-align: center; + margin-top: 40px; } + +.see-more-bottom a { + color: #2A4E68; + text-decoration: none; + padding: 5px 15px; + border-radius: 4px; + font-size: 12px; + font-weight: 400; + border: 2px solid #2A4E68; } + +.see-more-bottom a i { + margin-left: 10px; + font-size: 11px; } + +/*End News and Events Section*/ +/*Photo Row*/ +.photo-row-wrapper { + width: 100%; + color: #eee; + max-height: 240px; + margin-bottom: 10px; + overflow: hidden; + margin-top: 60px; } + +@media (max-width: 765px) { + .photo-row-wrapper { + display: none; } } + +.photo-container { + width: 4000px; + max-height: 240px; + margin-left: -30px; } + +.photo-container img { + margin: 0 10px 0 0; + max-width: 22%; + max-height: 240px; } + +/*End Photo Row*/ +/*Footer*/ + +.footer-links h3 { + color: #fff; + font-size: 14px; + font-weight: 400; } + +.footer-links ul { + margin-left: 0; + padding-start: 0; + -webkit-padding-start: 0; } + +.footer-links ul li a { + color: #aaa; + font-size: 12px; + font-weight: 400; + list-style: none; + margin-left: 0; } + +.social-icons { + width: 40px; + min-height: 40px; + display: inline-block; + margin-right: 10px; } + +.footer-twitter { + background: url('/themes/openstack/images/footer-twitter.png') no-repeat; } + +.footer-twitter:hover { + background: url('/themes/openstack/images/footer-twitter-hover.png') no-repeat; } + +.footer-facebook { + background: url('/themes/openstack/images/footer-facebook.png') no-repeat; } + +.footer-facebook:hover { + background: url('/themes/openstack/images/footer-facebook-hover.png') no-repeat; } + +.footer-linkedin { + background: url('/themes/openstack/images/footer-linkedin.png') no-repeat; } + +.footer-linkedin:hover { + background: url('/themes/openstack/images/footer-linkedin-hover.png') no-repeat; } + +.footer-youtube { + background: url('/themes/openstack/images/footer-youtube.png') no-repeat; } + +.footer-youtube:hover { + background: url('/themes/openstack/images/footer-youtube-hover.png') no-repeat; } + +.newsletter-form { + margin: 10px 0 30px; + width: 100%; } + +.newsletter-form label { + color: #aaa; + font-size: 12px; + font-weight: 300; + display: block; } + +.newsletter-input { + display: inline-block; + background: transparent; + border: 2px solid #888; + border-radius: 4px; + color: #888; + font-size: 12px; + font-weight: 400; + padding: 10px 15px; + width: 70%; } + +@media (max-width: 767px) { + .newsletter-input { + width: 70%; } } + +.newsletter-input::-webkit-input-placeholder { + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; } + +.newsletter-input:-moz-placeholder { + /* Firefox 18- */ + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; } + +.newsletter-input::-moz-placeholder { + /* Firefox 19+ */ + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; } + +.newsletter-input:-ms-input-placeholder { + color: #888; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; } + +.newsletter-input:focus { + outline: none; + border: 2px solid #666; } + +.newsletter-btn { + margin-left: 1%; + display: inline-block; + background: transparent; + border: 2px solid #30739C; + border-radius: 4px; + color: #30739C; + font-size: 12px; + font-weight: 400; + padding: 10px 15px; + text-transform: uppercase; + width: 27%; } + +@media (max-width: 767px) { + .newsletter-btn { + width: 18%; + margin-left: 2%; + padding: 10px; } } + +.newsletter-btn:hover { + border: 2px solid #888; + color: #999; } + +.fine-print { + margin-top: 20px; + color: #aaa; + font-size: 12px; } + +.fine-print a { + color: #aaa; + text-decoration: underline; } + +.fine-print a:hover { + color: #fff; } + +.footer-bottom { + background: #222; + padding: 15px 0; + text-align: center; + width: 100%; } + +.feedback-input { + display: inline-block; + background: #222; + border: 2px solid #444; + border-radius: 4px; + color: #777; + font-size: 12px; + font-weight: 400; + padding: 10px 20px; + width: 310px; } + +@media (max-width: 767px) { + .feedback-input { + width: 70%; } } + +.feedback-input::-webkit-input-placeholder { + color: #555; + font-size: 12px; + font-weight: 400; } + +.feedback-input:-moz-placeholder { + /* Firefox 18- */ + color: #555; + font-size: 12px; + font-weight: 400; } + +.feedback-input::-moz-placeholder { + /* Firefox 19+ */ + color: #555; + font-size: 12px; + font-weight: 400; } + +.feedback-input:-ms-input-placeholder { + color: #555; + font-size: 12px; + font-weight: 400; } + +.feedback-input:focus { + outline: none; + border: 2px solid #666; } + +.feedback-btn { + margin-left: 11px; + display: inline-block; + background: #222; + border: 2px solid #666; + border-radius: 4px; + color: #777; + font-size: 12px; + font-weight: 400; + padding: 10px 30px; } + +@media (max-width: 767px) { + .feedback-btn { + width: 18%; + margin-left: 2%; + padding: 10px; } } + +.feedback-btn:hover { + border: 2px solid #888; + color: #999; } + +/*End Footer*/ +/* Line below navigation */ +.navbar-default { + border-bottom: 1px solid #ddd; } + +#home .navbar-default { + border-bottom: none; } + +#home .top-site-banner { + display: none; } + +/*End General Inner Page Styles*/ +/*Events Page*/ +.eventsBanner { + height: 150px; + padding: 20px; } + +.eventsPhotoCaption { + background: rgba(0, 0, 0, 0.3); + border-radius: 4px; + padding: 10px; + color: white; } + +.news-section.full { + padding: 20px 0; } + +.eventTitleArea { + text-align: center; + margin: 40px 0; } + +.eventTitleArea h1 { + color: #333; + font-weight: 300; } + +.postEvent { + float: left; + width: 100%; + padding: 30px 5%; + background: #F4F5F8; + margin: 20px 0 10px; + text-align: center; } + +.postEvent p { + margin-bottom: 20px; } + +.postEvent a { + background: #2A4E68; + padding: 10px 25px; + border-radius: 4px; + color: #fff; } + +.eventBlock { + float: left; + width: 100%; } + +.eventBlock.summit .date { + border-color: #2A4E68; + color: #2A4E68; } + +.eventBlock.past h2 { + margin-top: 50px; } + +.eventBlock.past .date { + border-color: #68C8C3; + color: #68C8C3; } + +/*End Events Page*/ +/*Community Page*/ +.communityBoxes { + margin: 30px 0 10px; + font-size: 13px; } + +.communityBoxes h2 { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; } + +.communityBoxes h2 a { + color: #DA422F; } + +.developersRow { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 20px 30px; + margin-bottom: 30px; } + +.devLabel { + float: left; + margin-right: 30px; + font-weight: 700; } + +ul#developerActivity { + float: left; + padding-left: 0; + margin: 0; } + +ul#developerActivity li { + list-style: none; + display: inline-block; } + +ul#developerActivity li a { + font-weight: 700; + color: #222; } + +ul#developerActivity li span { + background: #E8EEF5; + padding: 5px 10px; + border-radius: 4px; + margin-right: 5px; + color: #2A4E68; + font-size: 11px; + font-weight: 400; } + +/*End Community Page*/ +/*Sofware Page*/ +.software { + margin-top: 30px; } + +.software-top { + text-align: center; } + +.software-top h1 { + margin: 5px 0 10px; } + +p.icon { + text-align: center; + margin: 40px 0 0; } + +p.software-description { + text-transform: uppercase; + font-size: 13px; + color: #777; } + +.openstack-diagram { + margin-bottom: 3em; } + +div.screenshots { + padding: 30px 0 20px; + margin: 30px 0; + border-top: 1px solid #edf2f7; + border-bottom: 1px solid #edf2f7; + width: 100%; } + +.screenshots ul { + padding: 0; + margin: 0; + text-align: center; } + +.screenshots ul li { + list-style: none; + display: inline-block; } + +@media (max-width: 767px) { + .screenshots ul li { + margin-bottom: 30px; } } + +.screenshots ul li a img { + width: 100%; + border: 4px solid #edf2f7; } + +.screenshots ul li a img:hover { + border-color: #30739C; } + +.screenshots ul li p { + margin: 10px 0 0; + font-size: 12px; + color: #30739C; + text-align: center; } + +.newSubNav li#start a.current, .newSubNav li#start a.current:hover { + color: #488613; + background-color: #DDFFE2; } + +ul.slides h3 { + text-align: center; + margin: 0 0 30px; } + +.tabSet { + background: #edf2f7; + border: 1px solid #30739C; + margin: 30px 0; + padding-top: 20px; + padding-bottom: 20px; } + +.tabContent table { + width: 100%; + margin: 0; + table-layout: fixed; + word-wrap: break-word; } + +.get-started-wrapper h3 { + text-align: center; + margin: 40px 0; } + +a.start-btn { + background: #30739C; + color: #fff; + text-transform: capitalize; + font-size: 12px; + border-radius: 2px; + padding: 10px 15px; + text-decoration: none; + border-style: none; + display: inline-block; } + +img.deploy-powered { + margin-top: 40px; } + +@media (max-width: 767px) { + img.deploy-powered { + margin: 10px 0 30px; } } + +img.deploy-compatible { + margin-top: 30px; } + +@media (max-width: 767px) { + img.deploy-compatible { + margin: 10px 0 30px; } } + +img.icehouse-video { + max-width: 100%; } + +h1.release { + text-align: left; +} + +.rightLogo { + +} + +.documentation { + margin-top: 50px; + text-align: center; + background: #edf2f7; + border-radius: 4px; + padding: 30px 0; } + +.documentation a { + padding: 7px 20px; + background: #30739C; + color: #edf2f7; + margin: 0 8px; + border-radius: 4px; + display: inline-block; + } + +.documentation a:hover { + text-decoration: none; + background: #2A4E68; } + +@media (max-width: 767px) { + .documentation a { + padding: 10px; + margin: 5px; + font-size: 14px; + display: block; + } + } + +/*End Sofware Page*/ +/*Marketplace Page*/ +h2.marketplace-header { + border-left: 3px solid #DA422F; + line-height: 1.2em; + margin: 30px 20px; + padding-left: 15px; + font-size: 1.5em; } + +.build-use-box { + background: #edf2f7; + border-radius: 4px; + margin-bottom: 30px; + min-height: 25em; + padding: 20px; } + +.build-use-box h3 { + margin-bottom: 20px; } + +.build-use-box ul { + padding-left: 20px; } + +.marketplace-description { + margin-top: 50px; } + +.video { + width: 100%; } + +.video iframe { + width: 100%; + height: 225px; } + +.program-logos { + border-top: 1px solid #eee; + margin-top: 60px; + padding-top: 60px; } + +.ecosystem-wrapper { + padding-left: 30px; + border-left: 1px solid #eee; } + +.marketplace-top-wrapper { + padding: 20px 0 20px; } + +.marketplace-brand { + margin-top: 20px; + padding-left: 30px; } + +h2.marketplace { + margin-bottom: -7px; + margin-top: 0; + font-size: 18px; + font-family: 'PT Sans', serif; + font-style: normal; + letter-spacing: -0.076em; + line-height: 1em; } + +h2.marketplace a, h2.marketplace a:hover { + color: #5B83A0; + text-decoration: none; } + +h1.marketplace { + font-size: 24pt; + margin-top: 5px; + text-align: left; } + +h1.marketplace:hover { + text-decoration: none; } + +h1.marketplace a, h1.marketplace a.visited { + color: #264D69; + font-family: 'PT Sans', serif; + font-style: normal; + letter-spacing: -0.076em; + line-height: 1em; } + +.grey-bar { + background-color: #edf2f7; + margin-bottom: 40px; + margin-top: 0; + padding-bottom: 10px; + padding-top: 10px; } + +ul.marketplace-nav { + padding: 0; + margin: 0; } + +ul.marketplace-nav li { + border-right: 1px solid #e8e8e8; + display: inline-block; + padding-left: 0.5em; + padding-right: 0.5em; + text-transform: uppercase; + width: 130px; + height: 96px; + vertical-align: top; + text-align: center; } + +ul.marketplace-nav li:last-child { + border-right: none; } + +@media (min-width: 680px) and (max-width: 1000px) { + ul.marketplace-nav li { + width: 100px; + height: 110px; } + ul.marketplace-nav li a { + font-size: 10px; } } + +@media (max-width: 680px) { + ul.marketplace-nav li { + display: block; + float: left; + border-right: none; + text-align: left; + border-bottom: 1px solid #e8e8e8; + width: 100%; + height: auto; + padding: 5px 10px; + vertical-align: middle; } } + +ul.marketplace-nav li a { + color: #848575; + text-decoration: none; + font-size: 12px; + vertical-align: middle; + width: 115px; + text-align: center; } + +@media (max-width: 680px) { + ul.marketplace-nav li a { + padding: 0; + vertical-align: middle; + float: left; + width: 100%; + text-align: left; } } + +ul.marketplace-nav a:hover { + color: #DA422F; } + +ul.marketplace-nav a span { + background: url("/marketplace/code/ui/frontend/images/marketplace-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); + display: block; + height: 50px; + margin: auto; + width: 40px; + text-align: center; } + +@media (max-width: 680px) { + ul.marketplace-nav a span { + display: table-cell; + vertical-align: middle; + float: left; } } + +ul.marketplace-nav #training a span { + background-position: 0 0; } + +ul.marketplace-nav #distros a span { + background-position: -50px 0; } + +ul.marketplace-nav #public-clouds a span { + background-position: -150px 0; } + +ul.marketplace-nav #private-clouds a span { + background-position: -250px 0; } + +ul.marketplace-nav #consulting a span { + background-position: -100px 0; } + +ul.marketplace-nav #drivers a span { + background-position: -200px 0; } + +ul.marketplace-nav .current a { + color: #DA422F; } + +/*End Marketplace Page*/ +/*Marketplace Listing Page*/ +.product-box { + border: 1px solid #E8E8E8; + margin-bottom: 30px; + padding: 30px 20px; + border-radius: 4px; + min-height: 200px; + border-left: 3px solid #DA422F; } + +.logo-area { + padding-top: 20%; + padding-left: 10px; } + +@media (max-width: 767px) { + .logo-area { + padding-top: 0; + padding-left: 0; } } + +.company-details-area h4 { + text-transform: uppercase; + font-weight: 300; } + +.tested-listing { + border-top: 1px solid #E8E8E8; + border-bottom: 1px solid #E8E8E8; + padding: 10px 5px; + margin: 20px 0 15px; +} + +.tested-listing i.fa-check-square { + color: #30c530; + font-size: 1.3em; + display: inline-block; + line-height: 21px; +} + +.tested-listing .tested-listing-title { + color: #30c530; + text-transform: uppercase; + font-weight: 600; + font-size: 1em; + display: inline-block; + margin-left: 2px; + vertical-align: top; +} + +.tested-listing .tested-listing-description { + display: inline-block; + font-style: italic; + font-size: .85em; + margin-left: 5px; +} + +.details-button { + background: url("/marketplace/code/ui/frontend/images/register-arrow.png") no-repeat scroll 85% center #000000; + color: #FFFFFF !important; + display: inline-block; + margin-right: -10px; + padding: 10px 2%; + text-align: left; + text-transform: uppercase; + width: 100px; + font-size: 12px; + border-radius: 4px; } + +.filter-label { + background: url("/themes/openstack/images/marketplace/search-icon.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); + color: #30739C; + float: left; + margin-bottom: 0; + margin-top: 5px; + padding-left: 25px; + padding-right: 20px; + padding-top: 8px; + text-transform: uppercase; + font-size: 12px; } + +input#name-term { + height: 40px; + width: 250px; + font-size: 12px; + padding: 5px 10px; + border: 1px solid #e8e8e8; + color: #30739C; + border-radius: 4px; } + +input#name-term::-webkit-input-placeholder { + color: #30739C; + font-size: 12px; } + +select#service-term { + height: 40px; + width: 200px; + padding: 5px 10px; + position: relative; + border-radius: 4px; + color: #30739C; + background: #fff; + border: 1px solid #e8e8e8; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + display: inline-block; + cursor: pointer; + font-size: 12px; + font-weight: 400; } + +label#service-label { + position: relative; } + +label#service-label:after { + content: '>'; + color: #30739C; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + right: 14px; + top: 6px; + padding: 0 0 6px; + border-bottom: 1px solid #e8e8e8; + position: absolute; + pointer-events: none; + font-size: 14px; + font-weight: 400; } + +label#service-label:before { + content: ''; + right: 6px; + top: 0px; + width: 20px; + height: 20px; + background: #f8f8f8; + position: absolute; + pointer-events: none; + display: block; } + +@media (max-width: 767px) { + .filter-label { + width: 100%; + margin-bottom: 10px; } + input#name-term { + display: block; + width: 100%; + margin-bottom: 10px; } + select#service-term { + min-width: 400px; } } + +ul.resource-links { + padding: 0; + margin: 0 0 30px; } + +ul.resource-links li { + list-style: none; + display: block; } + +ul.resource-links li a { + background-color: #edf2f7; + padding: 15px 15px; + margin: 0 0 5px; + display: block; + border-radius: 4px; } +ul.resource-links > li > a:after { + position: absolute; + font-family: FontAwesome; + margin-top: 0px; + right: 35px; + content: "\f138"; + font-size: 1.2em; +} + +ul.resource-links li a:hover { + text-decoration: none; + background-color: #DAE1EB; } + +.add-your-course { + border-radius: 4px; + border: 1px solid #30739C; + background: #fff; + padding: 20px; + font-size: 13px; } + +.foundation-report-title { + font-size: 1.1em; + font-weight: 300; + margin: 0 0 15px; + position: relative; + display: inline-block; } + .foundation-report-title:before, .foundation-report-title:after { + content: ""; + position: absolute; + border-bottom: 1px solid white; + top: 13px; + width: 80px; } + .foundation-report-title:before { + right: 100%; + margin-right: 10px; } + .foundation-report-title:after { + left: 100%; + margin-left: 10px; } + +/*404 Page*/ +.four-o-four-wrapper { + text-align: center; + margin: 50px auto; } + +.four-o-four-wrapper img { + width: 100%; + max-width: 650px; + margin: 50px 0 70px; } + +.four-o-four-wrapper p { + color: #8a959e; } + +.four-o-four-wrapper a { + color: #30739C; + text-decoration: none; } + +.four-o-four-links { + margin-top: 50px; } + +.four-o-four-links a { + color: #30739C; + padding: 0 10px; + text-decoration: none; } + +@media (max-width: 767px) { + .four-o-four-links a { + padding: 0 5px; } } + +/*End 404 Page*/ +/*Blog Page*/ +.blog-title { + width: 100%; + background: url(/themes/openstack/images/images/summit-promo-bkgd1.jpg) no-repeat center center; + background-size: cover; + padding: 50px 0; + text-align: center; } + +.blog-o { + max-width: 80px; + opacity: 0.9; } + +.blog-title h1 { + color: white; + font-weight: 400; + font-size: 45px; + margin: 10px 0; } + +.blog-title h1 span { + font-size: 16px; + display: block; + padding-top: 10px; + color: white; + font-weight: 300; } + +.container.blog { + margin-top: 30px; } + +.post { + margin-bottom: 60px; } + +.post-byline { + border-bottom: 1px dotted #c5e2ea; + border-top: 1px dotted #c5e2ea; + margin-bottom: 15px; + padding: 12px 0; + font-size: 12px; } + +.post-byline p { + margin-bottom: 0; } + +.post-byline .name a { + color: #DA422F; } + +.post-byline .postDate { + text-align: right; + color: #2A4E68; } + +.entry h1, .entry h2, .entry h3, .entry h3 a { + color: #2A4E68; + font-weight: 300; } + +.entry h1 { + font-size: 24px; } + +.entry h2 { + font-size: 20px; } + +.entry h3 { + font-size: 18px; } + +.entry h3 a { + text-decoration: underline; } + +#sidebar { + background: #edf2f7; + padding: 15px; + border-radius: 4px; + margin-top: 0; } + +#sidebar ul { + margin: 0; } + +#sidebar ul li { + font-size: 12px; } + +.creative-commons { + text-align: center; + margin-top: 40px; + font-size: 12px; } + +.creative-commons img { + margin-bottom: 10px; } + +.navigation a { + background: #30739C; + padding: 5px 10px; + border-radius: 4px; + color: white; } + +/*End Blog Page*/ + +/* site banner */ +.top-site-banner { + background-color: #27CCC0; + color: #fff; + padding-top: 10px; +} + +a.top-site-banner-button { + border-radius: 4px; + font-size: 0.85em; + padding: 3px 20px; + background-color: #30739C; + display: inline-block; + color: white; + text-transform: uppercase; +} + +a.top-site-banner-button:hover { + text-decoration: none; + background-color: #2A4E68; + color: white; +} +a.top-site-banner-button:visited { + color: white; +} +/* end of site banner */ +/*Paris Summit Page*/ +.conference-title#paris { + margin-top: 30px; + width: 100%; } + +.conference-title#paris img { + width: 100%; + max-width: 1150px; } + +.conference-title h2, .conference-title h1 { + display: none; } + +.conference-summary { + min-height: 90px; + border-bottom: 1px solid #edf2f7; + padding-top: 30px; + padding-bottom: 30px; } + +.conference-calendar img { + max-width: 100%; } + +.news-heading h2 { + margin-bottom: 0px; } + +.rss-wrapper { + margin: 20px 0 0; } + +a.rss { + color: #E46616; + background: url("/themes/openstack/images/rss.png") no-repeat left center white; + padding-left: 20px; + float: right; } + +.conference-calendar { + height: 90px; } + +.conference-calendar p.date { + display: none; } + +.register a, .register a:visited { + display: block; + background: url("/themes/openstack/images/pointer-arrow.png") no-repeat 90% center #FF9631; + color: white; + padding: 10px 20px; + border-radius: 4px; + width: 80%; + font-size: 15px; } + +.register a:hover { + background-color: #E46616; + text-decoration: none; } + +.summit-videos, .summit-videos:visited, .summit-videos:active { + display: block; + width: 169px; + padding: 6px; + padding-top: 140px; + background: url("/themes/openstack/images/conferences/portland/summit-videos.png") no-repeat top center; + color: black; + text-decoration: none !important; } + +.summit-videos#atlanta-experience { + background: url("/themes/openstack/images/conferences/paris/atlanta-experience.png") no-repeat top center; } + +ul.documents { + list-style: none; + padding: 0; } + +ul.documents li a, ul.documents li a:visited { + padding: 15px 10px 15px 45px; + display: block; + list-style: none; + background: url("/themes/openstack/images/pdf-icon.png") no-repeat 15px center #edf2f7; + margin: 1px 0px 0px 0px; + color: #30739C; + border-radius: 4px; } + +#important-dates h3 { + font-size: 18px; } + +#important-dates { + font-size: 13px; } + +.news-item { + border-bottom: 1px solid #edf2f7; + padding-bottom: 30px; + margin-bottom: 30px; } + +/*End Paris Summit Page*/ +.newSubNav { + width: 85%; } + +.newSubNav ul { + padding: 0px; + margin-top: 30px; + margin-left: -10px; } + +.newSubNav ul:nth-child(2) { + border-top: 1px solid #E8E8E8; + padding-top: 30px; } + +.newSubNav li { + list-style: none; + position: relative; +} + +.newSubNav a { + color: #8A959E; + text-transform: uppercase; + font-size: 12px; + padding: 15px 20px; + display: block; } + +.newSubNav a.current, .newSubNav a.current:hover { + background-color: #EDF2F7; + font-weight: bold; + color: #2D709B; } + +.newSubNav a:hover { + text-decoration: none; + color: black; } + +.newSubNav .fa-chevron-right { + color: #C6D8E4; + position: absolute; + right: 15px; + top: 50%; + margin-top: -6px; +} + +li#start a { + color: #75C320; } + +li#openstack-shared-services { + padding-bottom: 20px; + border-bottom: 1px solid #E8E8E8; } + +li#start { + margin-top: 20px; } + +fieldset:nth-child(1) { + margin-top: 20px; } + +fieldset { + border: 1px solid #CCCCCC; + padding: 20px 17px 20px 17px; + margin-bottom: 20px; } + +fieldset ul { + list-style: none; } + +input[type="radio"] { + margin-left: 0px; } + +input[type="checkbox"] { + margin-left: 0px; } + +input[type="checkbox"], input[type="radio"] { + display: inline-block; } + +fieldset.footer-feedback-fieldset { + border: 0; + background: transparent; + padding: 0; + margin: 0; +} +.footer-links ul li { + list-style: none; +} +/*New responsive nav*/ + .navbar-collapse { + border-top: 0 + } +@media only screen and (max-device-width: 1024px) { + .navbar-header { + float: none; + } + .navbar-left,.navbar-right { + float: none !important; + } + .navbar-toggle { + display: block; + } + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + .navbar-collapse.collapse { + display: none!important; + } + .navbar-nav { + float: none!important; + margin-top: 7.5px; + } + .navbar-nav>li { + float: none; + } + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + .collapse.in{ + display:block !important; + } +} +i.mobile-expand { + display: none; +} +@media (max-width: 767px) , only screen and (max-device-width: 1024px) { + .navbar-default ul.navbar-main > li > a { + width: auto; + display: inline-block; + } + i.mobile-expand { + position: relative; + display: inline-block; + float: right; + cursor: pointer; + } + i.mobile-expand:after { + position: absolute; + padding: 10px 15px; + line-height: 20px; + color: #8a959e; + top: 50%; + margin-top: 0; + right: 0px; + content: "+"; + font-size: 1.7em; + font-style: normal; + } + .navbar-nav > li.open i.mobile-expand { + position: relative; + display: inline-block; + float: right; + cursor: pointer; + } + .navbar-nav > li.open i.mobile-expand:after { + position: absolute; + padding: 10px 15px; + line-height: 20px; + color: #aaa; + top: 50%; + margin-top: 0; + right: 0px; + content: "-"; + font-size: 3em; + font-style: normal; + font-weight: 300; + } + + + .navbar-nav > li > ul.dropdown-menu { + display: block; + max-height: 0; + height: 0; + position: relative; + overflow: hidden; + border: 0; + box-shadow: none; + width: 100%; + padding: 0; + background: #edf2f7; + margin: 0; + -moz-transition: max-height 2s ease; + -webkit-transition: max-height 2s ease; + -o-transition: max-height 2s ease; + transition: max-height 2s ease; + } + .navbar-nav > li.open > ul.dropdown-menu { + display: block; + position: relative; + border: 0; + box-shadow: none; + height: auto; + max-height: 700px; + width: 100%; + padding: 10px 5%; + background: #edf2f7; + } + +} +.dropdown-menu .divider { + width: 100%; +} +/*End New responsive nav*/ +/*COA Page*/ +.coa-hero { + background: #333 url(/themes/openstack/images/coa/COA-bkgd.jpg) no-repeat center center; + padding: 60px 0; + background-size: cover; + color: white; + margin-bottom: 40px; +} +.coa-hero-content { + text-align: center; + background: rgba(0, 0, 0, 0.6); + padding: 20px 0; +} +.coa-hero i.fa-graduation-cap { + padding: 10px 30px 10px 0; + border-right: 2px solid white; + margin-right: 30px; + font-size: 6em; + display: inline-block; +} +.coa-hero h1 { + color: white; + display: inline-block; + text-align: left; + font-size: 3em; + font-weight: 400; +} +@media (max-width: 767px) { + .coa-hero i.fa-graduation-cap { + margin-right: 0; + padding: 0; + border-right: 0; + } + .coa-hero h1 { + display: block; + text-align: center; + margin-top: 5px; + } +} +.coa-wrapper p { + text-align: left; + color: #2A4E68; +} +img.coa-hero-img { + max-width: 100%; + margin: 20px 0 60px; +} +.coa-sendgrid { + background: #edf2f7; + margin: 60px 0; + border-radius: 4px; + padding: 40px 20px; + text-align: center; +} +.coa-sendgrid p { + color: #2A4E68; + margin-bottom: 20px; + text-align: center; +} +.coa-sendgrid i { + color: #C8CDD3; + margin: 0 0 10px; +} +.sendgrid-subscription-widget.coa-sendgrid input[type="email"] { + border: 2px solid #C8CDD3; + padding: 10px 20px; + border-radius: 4px; + color: #2A4E68; + font-size: 14px; + text-transform: lowercase; + font-weight: 400; + width: 100%; +} +.sendgrid-subscription-widget.coa-sendgrid input[type="email"]:focus { + outline: none; +} +.sendgrid-subscription-widget.coa-sendgrid label { + display: inline-block; + margin-right: 10px; + width: 40%; +} +@media (max-width: 767px) { + .sendgrid-subscription-widget.coa-sendgrid label { + width: 70%; + } +} +.sendgrid-subscription-widget.coa-sendgrid label>span { + display: none; +} +.sendgrid-subscription-widget.coa-sendgrid input[type="submit"] { + background: #29abe2; + padding: 9px 20px; + border-radius: 4px; + color: white; + text-transform: uppercase; + border: 2px solid #29abe2; +} +.sendgrid-subscription-widget.coa-sendgrid input[type="submit"]:hover { + background: #30739C; + border: 2px solid #30739C; +} +.sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder, .sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder, .sendgrid-subscription-widget.coa-sendgrid input::-webkit-input-placeholder { + color: #C8CDD3; + font-size: 14px; + text-transform: lowercase; + font-weight: 400; +} +/*End COA Page*/ + + +/*Austin Guide*/ +.guide-header { + text-align: center; } + .guide-header h1 { + margin-bottom: 20px; } + +@media (max-width: 767px) { + .guide-header h1 { + margin-top: 20px; } } + +.guide-nav-title { + text-align: center; + margin: 35px 0 10px; + font-size: 20px; + font-weight: 400; } + +.guide-nav { + margin: 20px 0 0; + padding: 20px 0; + background: #29abe2; } + .guide-nav.fixed { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1000; + margin-top: 0; } + .guide-nav.fixed a.guide-icons { + font-size: 12px; } + .guide-nav.fixed a.guide-icons i { + display: inline-block; + margin-right: 3px; + font-size: 15px; } + +@media (max-width: 767px) { + .guide-nav.fixed a.guide-icons { + font-size: 10px; } + .guide-nav.fixed a.guide-icons i { + display: block; + margin-right: 0; + font-size: 17px; } } + +.guide-icons-wrapper { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } + +a.guide-icons { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + text-transform: uppercase; + font-size: 12px; + font-weight: 400; + color: white; + opacity: 0.8; } + a.guide-icons i { + text-align: center; + display: block; + margin-bottom: 10px; + font-size: 2.2em; } + a.guide-icons:hover, a.guide-icons:focus { + text-decoration: none; + opacity: 1; } + +@media (max-width: 767px) { + a.guide-icons { + font-size: 10px; } + a.guide-icons i { + font-size: 30px; + margin-bottom: 10px; } } + +h5.section-title { + color: #2A4E68; + font-weight: 600; + text-transform: capitalize; + border-bottom: 1px solid #dae5ee; + padding-bottom: 20px; + margin: 50px 0 30px; } + h5.section-title span { + float: right; + text-transform: uppercase; + color: #a9a9a9; + font-weight: 700; + font-size: 0.8em; + position: relative; } + h5.section-title span i { + font-size: 1.3em; + margin-right: 5px; } + h5.section-title span:hover { + color: #29abe2; + cursor: default; } + h5.section-title .tooltip { + font-weight: 400; + width: auto; + white-space: normal; } + +h5.section-title.guide { + margin: 60px 0.75% 10px; + color: #2A4E68; + text-transform: uppercase; + background: #edf2f7; + border: none; + padding: 10px 20px; + border-radius: 4px; } + +.guide-quotes { + margin: 20px 0 30px; } + .guide-quotes blockquote { + font-family: Georgia, serif; + font-weight: normal; + font-size: 1.1em; + border: none; + position: relative; + text-align: center; + margin: 20px 20px 10px; } + .guide-quotes blockquote:before, .guide-quotes blockquote:after { + color: #edf2f7; + font-size: 5em; + position: absolute; + top: -30px; } + .guide-quotes blockquote:before { + content: open-quote; + left: 0px; } + .guide-quotes blockquote:after { + content: close-quote; + right: 0px; } + .guide-quotes .guide-quote-name { + text-align: center; + font-size: 0.9em; } + +.featured-guide-row { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-bottom: 30px; } + .featured-guide-row .featured { + position: relative; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 10px; + border: 1px solid #D4DCE5; + border-radius: 4px; } + .featured-guide-row .featured .image-wrapper { + overflow: hidden; + width: 100%; + height: 180px; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + .featured-guide-row .featured .featured-content { + padding: 5px 10px 10px; } + .featured-guide-row .featured .featured-content h5 { + color: #2A4E68; + font-weight: 600; + margin-bottom: 10px; } + .featured-guide-row .featured .featured-content .address { + font-size: 0.9em; + font-weight: 600; + margin: 5px 0 10px; } + .featured-guide-row .featured .featured-content p { + font-size: 0.9em; } + .featured-guide-row .featured .featured-content a.featured-site { + color: #30739C; + padding: 3px 7px; + border-radius: 4px; + border: 1px solid #30739C; + display: inline-block; + margin-top: 5px; } + .featured-guide-row .featured .featured-content a.featured-site:hover { + text-decoration: none; + border-color: #29abe2; + color: #29abe2; } + +@media (max-width: 767px) { + .featured-guide-row { + display: block; + margin-bottom: 30px; } + .featured-guide-row .featured { + display: block; + width: 95%; + float: left; } + .featured-guide-row .featured .image-wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 30%; + min-height: 100%; + height: 100%; + float: left; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; } + .featured-guide-row .featured .featured-content { + padding: 10px; + margin-left: 31%; } } + +.guide-listing { + border-bottom: 1px solid #edf2f7; + padding: 10px 0; + margin-bottom: 10px; } + .guide-listing .guide-name { + font-weight: 600; } + +/*PTG*/ +/*Visa Steps*/ +.visa-steps-wrapper { + background: #edf2f7; + padding: 15px 0 0 0; + margin-bottom: 30px; + text-align: center; + position: relative; + display: block; } + .visa-steps-wrapper h3 { + margin: 15px 0 10px; + font-weight: 300; } + .visa-steps-wrapper h5 { + color: #2A4E68; + font-size: 1.1em; + margin-bottom: 20px; } + .visa-steps-wrapper h5 i { + margin-right: 7px; + font-size: 1.1em; } + .visa-steps-wrapper h5 strong { + text-transform: uppercase; } + .visa-steps-wrapper .visa-steps-row { + position: relative; + width: 100%; + padding: 10px 1% 0; } + .visa-steps-wrapper .visa-steps-row .visa-step { + width: 19%; + display: table-cell; + padding: 0 0.5%; + line-height: 1.3; } + .visa-steps-wrapper .visa-docs { + background: #2A4E68; + margin: 10px -1% 0 -1%; + color: white; + padding: 10px 20px; + position: relative; } + .visa-steps-wrapper .visa-docs:after { + bottom: 95%; + left: 86%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(42, 78, 104, 0); + border-bottom-color: #2A4E68; + border-width: 20px; + margin-left: -20px; } + .visa-steps-wrapper .visa-docs h4 { + color: white; + text-align: left; + font-weight: 300; + font-size: 1.4em; } + .visa-steps-wrapper .visa-docs ul { + margin: 10px 0 15px 15px; + padding: 0; + text-align: left; } + .visa-steps-wrapper .visa-docs ul li { + list-style: normal; + font-size: 0.9em; + font-weight: 300; } + +/*End Visa Steps*/ +/*End PTG */ + +/* OpenDev Promo */ +.opendev-earth { + max-width: 35%; + position: absolute; + left: -10%; + top: 50%; + transform: translateY(-50%); +} +@media (max-width: 768px) { + .opendev-earth { + top: 45%; + left: 50%; + transform: translateX(-50%); + opacity: 0.5; + width: 100%; + max-width: 100%; + } +} +/* End OpenDev Promo */ |