diff --git a/_layouts/docs.html b/_layouts/docs.html index 83c75cc768..72e6b51cb4 100644 --- a/_layouts/docs.html +++ b/_layouts/docs.html @@ -69,6 +69,7 @@ ng\:form { + diff --git a/css/allcss.css b/css/allcss.css index 2f60beec8c..8977173a4d 100644 --- a/css/allcss.css +++ b/css/allcss.css @@ -30054,6 +30054,8 @@ header .nav-global a.button:hover { } .nav-sub a { + font-size: 0.9375rem; + font-weight: 100; color: #fff; padding: 0.625rem 1.25rem; background: #1088b1; diff --git a/css/app2.css b/css/app2.css new file mode 100644 index 0000000000..b2f5835307 --- /dev/null +++ b/css/app2.css @@ -0,0 +1,2477 @@ +/*==================== New Home Page ===================*/ +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Black.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Black.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Black.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Black.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Black.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Black.svg#Geomanist-Black') format('svg'); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist Book'; + src: url('../fonts/geomanist/hinted-Geomanist-Book.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Book.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Book.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Book.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist Ultra'; + src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Ultra.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Ultra.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Ultra.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Ultra.svg#Geomanist-Ultra') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Thin.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Thin.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Thin.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Thin.svg#Geomanist-Thin') format('svg'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Light.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Light.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Light.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Light.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Light.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Light.svg#Geomanist-Light') format('svg'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Regular.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Regular.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Regular.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Regular.svg#Geomanist-Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-ExtraLight.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-ExtraLight.svg#Geomanist-ExtraLight') format('svg'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Medium.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Medium.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Medium.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Medium.svg#Geomanist-Medium') format('svg'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Geomanist'; + src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot'); + src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot?#iefix') format('embedded-opentype'), + url('../fonts/geomanist/hinted-Geomanist-Bold.woff2') format('woff2'), + url('../fonts/geomanist/hinted-Geomanist-Bold.woff') format('woff'), + url('../fonts/geomanist/hinted-Geomanist-Bold.ttf') format('truetype'), + url('../fonts/geomanist/hinted-Geomanist-Bold.svg#Geomanist-Bold') format('svg'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'Comfortaa'; + src: url('../fonts/comfortaa/hinted-Comfortaa.eot'); + src: url('../fonts/comfortaa/hinted-Comfortaa.eot?#iefix') format('embedded-opentype'), + url('../fonts/comfortaa/hinted-Comfortaa.woff2') format('woff2'), + url('../fonts/comfortaa/hinted-Comfortaa.woff') format('woff'), + url('../fonts/comfortaa/hinted-Comfortaa.ttf') format('truetype'), + url('../fonts/comfortaa/hinted-Comfortaa.svg#Comfortaa') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Comfortaa'; + src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot'); + src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot?#iefix') format('embedded-opentype'), + url('../fonts/comfortaa/hinted-Comfortaa-Light.woff2') format('woff2'), + url('../fonts/comfortaa/hinted-Comfortaa-Light.woff') format('woff'), + url('../fonts/comfortaa/hinted-Comfortaa-Light.ttf') format('truetype'), + url('../fonts/comfortaa/hinted-Comfortaa-Light.svg#Comfortaa-Light') format('svg'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Comfortaa'; + src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot'); + src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), + url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff2') format('woff2'), + url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff') format('woff'), + url('../fonts/comfortaa/hinted-Comfortaa-Bold.ttf') format('truetype'), + url('../fonts/comfortaa/hinted-Comfortaa-Bold.svg#Comfortaa-Bold') format('svg'); + font-weight: bold; + font-style: normal; +} +.is_not_retina .dockercon16 .retina{ + display:none!important; +} +.is_retina .dockercon16 .image_simple{ + display:none!important; +} +.is_not_retina .dockercon16 .image_simple{ + display:block!important; +} +.is_retina .dockercon16 .retina{ + display:block!important; +} +.row { + max-width: inherit; + width: inherit; + margin-left: -15px; + margin-right: -15px; +} +/* SVEN SAYS NO +body h1,body h2,body h3,body h4,body h5,body h6, a.button, a.btn{ + font-family: 'Geomanist Book', sans-serif; +} +*/ +body, body p{ + font-family: 'Geomanist', sans-serif; + font-weight:normal; +} +/* SVEN SAYS NO +span, label, ul, li{ + font-family: 'Geomanist', sans-serif; + font-weight:normal; +} +body .dockercon16 h1,body .dockercon16 h4,body .dockercon16 h5,body .dockercon16 h6{ + font-family: 'Geomanist Book', sans-serif; +} +body .dockercon16 h2 { + font-family: 'Geomanist Light', sans-serif; +} +body .dockercon16 h3 { + font-family: 'Geomanist Regular', sans-serif; +} +body .dockercon16, body .dockercon16 p{ + font-family: 'Geomanist', sans-serif; + font-weight:normal; +} +*/ +a.button { + margin-left: 10px; +} +body .dockercon16 section.section { + padding: 120px 0; +} +section.GenericDev .items.displaytable { + display: table; + width: 100%; + margin: auto; +} +section.GenericDev .items.displaytable li { + float: none; + display: table-cell; + width: 0%; +} +.dockercon16 section.bluebackground.section h2{ +font-size:22px; +color: #E1F7FF; +text-transform:uppercase; +line-height: 1.4; +margin-bottom: 8px; +} +.dockercon16 section.bluebackground.section h2.marginBottom40{ +margin-bottom: 40px; +} +.dockercon16 section.bluebackground.section .container>p{ +font-size:14px; +color: #E0F6FE; +margin-bottom: 30px; + line-height: 1.6; +} +.dockercon16 section.bluebackground.section .container>img{ + margin: auto; + display: block; + margin-bottom: 30px; +} +.dockercon16 section.bluebackground.GenericDev .items>li h3{ +font-size:18px; +color: #E1F7FF; +text-transform: uppercase; +text-align: left; +} +.dockercon16 section.bluebackground.GenericDev .items>li span.sub_title{ +font-size:14px; +color: rgba(255,255,255,0.7); +text-transform: uppercase; +text-align: left; +display: block; +font-family: 'Geomanist', sans-serif; +font-weight: 400; +} +.dockercon16 section.bluebackground.GenericDev .items>li p{ +font-size:14px; +color: #E0F6FE; +padding-bottom: 20px; +margin-bottom: 0px; +text-align: left; +} +.dockercon16 section.whitebackground.section h2{ +font-size:22px; +color: #155A74; +text-transform:uppercase; +line-height: 1.4; +margin-bottom: 8px; +} +.dockercon16 section.whitebackground.section h2.marginBottom40{ +margin-bottom: 40px; +} +.dockercon16 section.whitebackground.section .container>p{ +font-size:14px; +color: #496B81; +margin-bottom: 30px; + line-height: 1.6; +} +.dockercon16 section.whitebackground.section .container>img{ + margin: auto; + display: block; + margin-bottom: 30px; +} +.dockercon16 section.whitebackground.GenericDev .items>li h3{ +font-size:18px; +color: #155A74; +text-transform: uppercase; +text-align: left; +} +.dockercon16 section.whitebackground.GenericDev .items>li span.sub_title{ +font-size:14px; +color: #BFBFBF; +text-transform: uppercase; +text-align: left; +display: block; +font-family: 'Geomanist', sans-serif; +font-weight: 400; +} +.dockercon16 section.whitebackground.GenericDev .items>li p{ +font-size:14px; +color: #496B81; +padding-bottom: 20px; +margin-bottom: 0px; +text-align: left; +} +.dockercon16 section.GenericDev .items>li ul{ + +} +.dockercon16 section.GenericDev .items>li ul li{ + font-size: 14px; + color: #ffffff; + line-height: 28px; + margin-bottom: 4px; + font-weight: normal; +} +/************************* for Button only ************************************/ +.dockercon16 section.section a.button,.dockercon16 section.title_section a.button{ + font-family: 'Geomanist Book', sans-serif; + font-size: 14px; + border-radius: 0; +} +.dockercon16 section.section a.button.orange-btn { + background-color: transparent; + color: #fff; + padding: 15px 50px 13px 50px; + border: 1px solid #fff; +} +.dockercon16 section.section a.button.orange-btn:hover { + background: RGBA(255, 255, 255, 0.25); +} +.dockercon16 section.whitebackground.section a.button.orange-btn { + background-color: transparent; + color: #0081AA; + padding: 15px 50px 13px 50px; + border:1px solid #0081AA; +} +.dockercon16 section.whitebackground.section a.button.orange-btn:hover { + background-color: rgba(34, 148, 202, 0.12); +} +.dockercon16 section.section a.button.white-btn{ + background: RGBA(255, 255, 255, 0.25); + color: #fff; + padding: 15px 70px 13px 70px; + border: 1px solid #fff; +} +.dockercon16 section.section a.button.white-btn:hover { + background: transparent; +} +.dockercon16 section.title_section a.button.white-btn{ + background-color: #fff; + color: #1DA4C9; + border: 0; + padding: 14px 70px 12px 70px; +} +.dockercon16 section.title_section a.button.white-btn:hover { + background: rgba(255, 255, 255, 0.83); +} +.dockercon16 section.title_section a.button.white-border-btn { + background-color: transparent; + color: #E6F9FF; + padding: 13px 70px 11px 70px; + border:1px solid #fff; +} +.dockercon16 section.title_section a.button.white-border-btn:hover { + background: RGBA(255, 255, 255, 0.25); + color: #fff; +} +.dockercon16 section.section a.button.darkblue-btn,.dockercon16 section.title_section a.button.darkblue-btn { + background-color: #2294ca; + color: #ffffff; + border: 0; + padding: 16px 60px 14px 60px; +} +.dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover { + background: #235363; +} +.dockercon16 section.section a.button.darkblue-border-btn, .dockercon16 section.title_section a.button.darkblue-border-btn { + background-color: transparent; + color: #0081AA; + padding: 15px 40px 13px 40px; + border:1px solid #0081AA; +} +.dockercon16 section.section a.button.darkblue-border-btn:hover, .dockercon16 section.title_section a.button.darkblue-border-btn:hover { + background-color: rgba(34, 148, 202, 0.12); +} +.dockercon16 section.section a.button.lightblue-btn,.dockercon16 section.title_section a.button.lightblue-btn { + background-color: #22CAFF; + color: #ffffff; + border: 0; + padding: 16px 60px 14px 60px; +} +.dockercon16 section.section a.button.lightblue-btn:hover,.dockercon16 section.title_section a.button.lightblue-btn:hover { + background-color: #459db9; +} +.dockercon16 section.section a.button.lightblue-border-btn, .dockercon16 section.title_section a.button.lightblue-border-btn { + background-color: transparent; + color: #099BD1; + padding: 15px 40px 13px 40px; + border:1px solid #099BD1; +} +.dockercon16 section.section a.button.lightblue-border-btn:hover, .dockercon16 section.title_section a.button.lightblue-border-btn:hover { + background-color: rgba(9,155,209,0.12); +} +.dockercon16 section.section a.button+a.button,.dockercon16 section.title_section a.button+a.button { + margin-left:20px; +} +.dockercon16 section.GenericDev .items.media li { + position: relative; + margin-bottom: 0; + padding: 20px 10px 20px; +} +.dockercon16 section.GenericDev .items.media li a.button{ + font-size: 12px; + padding: 6px 30px; + min-width: 160px; +} +.dockercon16 section.GenericDev .items.media li a.button+a.button{ + display: table; + margin-top: 10px; + margin-left: 0; +} +.dockercon16 section.GenericDev .items.media.widthcol4 li a.button{ + font-size: 12px; + padding: 5px 20px; + min-width: 140px; +} +.dockercon16 section.GenericDev .items.media li .media_image { + float: left; + position: absolute; + left: 10px; + text-align: left; +} +.dockercon16 section.GenericDev .items.media li .media_content { + float: left; + text-align: left; +} +.dockercon16 section.GenericDev .items.media li .media_content img{ + margin-bottom:20px; +} +.dockercon16 section.GenericDev .items.media li .media_content h3 { + margin-top: 0px; + margin-bottom: 8px; +} +section.docker_use_cases_home_section .items li, section.customer_and_news_section .items li, section.projects_items_section .items li, section.partner_program_technology_section .items li{ + height: inherit!important; +} +section.bgblue1.section { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ +background: #4686b7; /* Old browsers */ +background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ +background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ +background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ +} +section.bgblue2.section { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ +background: #4686b7; /* Old browsers */ +background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ +background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ +background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ +} +section.bgblue3.section { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ +background: #4686b7; /* Old browsers */ +background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ +background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ +background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ +} +section.bgblue4.section { + background: #285a8c; + background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); + background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); + background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); +} +section.bgblue5.section { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ba2db+0,4686b7+100,4abfea+100 */ +background: #5ba2db; /* Old browsers */ +background: -moz-linear-gradient(top, #5ba2db 0%, #4bbfe9 100%, #5ba2db 100%); /* FF3.6-15 */ +background: -webkit-linear-gradient(top, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* Chrome10-25,Safari5.1-6 */ +background: linear-gradient(to bottom, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba2db', endColorstr='#4bbfe9',GradientType=0 ); /* IE6-9 */ +} +section.bgblue3.section { + background: #4686b7; + background: -moz-linear-gradient(top, #00577B 0%, #0F8AB4 100%, #00577B 100%); + background: -webkit-linear-gradient(top, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); + background: linear-gradient(to bottom, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00577B', endColorstr='#0F8AB4',GradientType=0 ); +} +section.bgblue4.section { + background: #285a8c; + background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); + background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); + background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); +} +section.bgblue5.section { + background: #5ba2db; + background: linear-gradient(to bottom, #004D7B 0%,#1488C6 100%,#1488C6 100%); + background: -moz-linear-gradient(top, #004D7B 0%, #1488C6 100%, #1488C6 100%); + background: -webkit-linear-gradient(top, #004D7B 0%,#1488C6 100%,#1488C6 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004D7B', endColorstr='#1488C6',GradientType=0 ); +} +section.bottom_cta_section.blue,section.bottom_cta_section.bgblue5{ + background: #5ba2db; + background: linear-gradient(to bottom, #054B62 0%,#06131e 100%,#213c51 100%); + background: -moz-linear-gradient(top, #054B62 0%, #06131e 100%, #213c51 100%); + background: -webkit-linear-gradient(top, #054B62 0%,#06131e 100%,#213c51 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054B62', endColorstr='#06131e',GradientType=0 ); + + + + +} +footer.main_footer { + background: #001829; +} +div.moby_footer { + height: 12px; + position:relative; +} +footer.main_footer { + border-top: 10px solid #ffd601; + outline: 13px solid #9ce2c0; +} +div.moby_footer .bar{ + position:absolute; + background-image: url(../images/footer_moby_bar.png); + width: 100%; + height: 17px; + top: -5px; +} +div.moby_footer .moby{ + position:absolute; + background-image: url(../images/footer_moby_icon.png); + background-repeat: no-repeat; + width: 142px; + height: 103px; + right: 65px; + top: -65px; +} +i.footer_mobypadding{ + padding-top: 50px; + display: block; +} +header.main-header { + margin: 0; + position:absolute; + width:100%; + padding: 0; + background-image: linear-gradient(0deg, #15A4D7 0%, #1488C6 100%); + height: 100px; +} +header.main-header::after { + content: ""; + background-image: url(../images/banner_image_24515.png); + background-size: cover; + opacity: 0; + top: 0; + left: 0; + bottom: 0; + right: 0; + position: absolute; + z-index: -1; +} +header.main-header.backgroundimage::after { + content: ""; + opacity: 1; +} +header .top-right-bg { + background-size: 100% 45px; + opacity: 1; + width: 40%; + height: 45px; + position: absolute; + z-index: 0; + top: 0px; + left: 60%; +} +header .nav-global{ + list-style: none; + float: right; + margin-bottom: 0; + height: 45px; + overflow: hidden; +} +header .nav-global li a{ + font-family: 'Geomanist Book', sans-serif; + font-size: 12px; + color: #fff; + text-transform: uppercase; + padding: 12px 12px; +} +header .nav-global li a:hover{ + background-color: rgba(0, 0, 0, 0.2); + color: #fff; +} +.main-header div>.nav-main>li>ul { + transition: all ease-in .2s; + opacity: 0; + visibility: hidden; + display: block; +} +.main-header div>.nav-main>li:hover>ul { + opacity: 1; + visibility: visible; +} +.main-header div>.nav-main>li>a{ + transition: all ease-in .2s; + font-size: 16px; +} +.main-header div>.nav-main>li>ul a{ + transition: all ease-in .2s; +} +.main-header div>.nav-main>li.double-navstyle>ul { + width: 410px; + margin-left: -225px; +} +.main-header div>.nav-main>li.double-navstyle>ul li.navleft { + float: left; + clear: left; + width: 160px; +} +.main-header div>.nav-main>li.double-navstyle>ul>li { + width: 250px; + display: inline-block; + float: right; + margin-bottom: 20px!important; +} +.main-header div>.nav-main>li.double-navstyle>ul>li>a { + color: #22caff; + text-transform:uppercase; +} +.main-header div>.nav-main>li.double-navstyle.secondlast>ul { + margin-left: -275px; +} +.main-header div>.nav-main>li.double-navstyle.secondlast>ul:before { + margin-left: 82px; +} +.main-header div>.nav-main>li.last>ul { + left: auto; + right: 0px; +} +.main-header div>.nav-main>li.last>ul:before { + margin-left: 40px; +} +footer.main_footer{ +font-family: 'Geomanist', sans-serif!important; +color: #fff; +padding:60px 0 0 0; +font-weight:normal; +} +footer.main_footer .top_footer{ +margin-bottom:100px; +} +footer.main_footer h6{ +font-family: 'Geomanist', sans-serif!important; +color: #fff; +font-size: 16px; +font-weight:normal; +} +footer.main_footer ul{ + font-size: 12px; + list-style: none; + padding: 0; + margin: 0; +} +footer.main_footer ul li{ + +} +footer.main_footer ul li a{ + color: #fff; +} +footer.main_footer p{ + font-size: 12px; +} + +footer.main_footer .social-icons { + list-style: none; + margin: 0; + padding: 0; + position: relative; + display: table; + flex-direction: row; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + max-width: 380px; + margin-right: 20px; + margin-top: 12px; +} +footer.main_footer .social-icons>li { + + flex-grow: 1; +} +footer.main_footer .social-icons li a { + text-align: left; + text-indent: -9999px; + display: block; + width: 28px; + height: 28px; + background-image: url(../images/social_icons_24518.png); + background-repeat: no-repeat; +} + +footer.main_footer .social-icons li.facebook a { + background-position: -0px 0px; +} +footer.main_footer .social-icons li.google a { + background-position: -50px 0px; +} +footer.main_footer .social-icons li.github a { + background-position: -95px 0px; +} +footer.main_footer .social-icons li.linkedin a { + background-position: -142px 0px; +} +footer.main_footer .social-icons li.youtube a { + background-position: -190px 0px; + width: 52px; +} +footer.main_footer .social-icons li.reddit a { + background-position: -260px 0px; + width: 36px; +} +footer.main_footer .social-icons li.twitter a { + background-position: -315px 0px; + width: 32px; +} +footer.main_footer .social-icons li.slideshare a { + background-position: -362px 0px; +} + +footer.main_footer div.newsletter{ + max-width:360px; + margin-right:20px; +} +footer.main_footer div.newsletter form .mktoFormRow { + float: left; + width: 65%; +} +footer.main_footer div.newsletter form .mktoButtonRow { + width: 35% +} +footer.main_footer div.newsletter form #Email { + font-family: 'Geomanist Book', sans-serif; + width: 100% !important; + font-size: 12px; + padding: 0; + border-radius: 0; + background-color: transparent; + border: 0; + border-bottom: 1px solid #5B7080; + color: #ffffff; + height: 31px; +} +.main_footer div.newsletter form .mktoButtonRow button { + font-family: 'Geomanist Book', sans-serif; + font-size: 12px !important; + border-radius: 0; + padding: 8px !important; + width: 100%; + float: left; + border: none !important; + background: #FFC176!important; + color: #3F1B02 !important; + background: #2294CA!important; + color: #fff!important; + +} +.main_footer div.newsletter form .mktoButtonRow button:hover { + background: #FFC176!important; + color: #3F1B02; + background: #2294CA!important; + color: #fff!important; +} +.main_footer div.newsletter form .mktoOffset, +.main_footer div.newsletter form .mktoGutter, +.main_footer div.newsletter form label { + display: none; +} +.main_footer div.newsletter form { + font-size: 12px !important; + width: 100% !important; +} +.main_footer div.newsletter form .mktoFormCol, +.main_footer div.newsletter form .mktoFieldWrap { + width: 100% !important; + margin:0 !important; +} +.main_footer div.newsletter form .mktoSimple { + margin: 0 !important; +} + +.main_footer .footer-nav { + +} +.main_footer .footer-nav>p { + margin-bottom: 12px; + display: inline-block; +} +.main_footer .footer-nav .primary-footer-sub-nav{ + float:right; + margin-bottom: 20px; +} +.main_footer .footer-nav .primary-footer-sub-nav ul li{ + margin-left:30px; +} +.main_footer .bottom_footer .footer-copyright { + border-top: 1px solid #5C7787; + padding: 12px 0 50px 0; +} +.dockercon16 section.map_section { + padding:0; + margin:0; +} +.dockercon16 section.title_section { + background-image: url(../images/banner_image_24515.png); + background-size: cover; + margin-bottom: 0px!important; +} +.dockercon16 section.title_section .dockercon16_padding { + padding-top:101px; +} +.dockercon16 section .dockercon16_padding { + padding-top:101px; +} +.dockercon16 section.title_section.darkblue h1 { + font-family: 'Geomanist Light', sans-serif; + margin-bottom: 25px; + font-size:30px; + color: #e1f7ff; + margin-top: 20px; + text-transform: uppercase; +} +.dockercon16 section.title_section.darkblue h3{ + color: #e1f7ff; +} +.dockercon16 section.title_section.darkblue h4{ + color: #e1f7ff; + font-size: 20px; + margin-bottom: 20px; +} +.dockercon16 section.title_section.darkblue p { + font-family: 'Geomanist', sans-serif; + font-size:14px; + color: #e1f7ff; + font-weight:normal; + margin-bottom: 30px; +} +.region.region-hero-sub .nav-sub .removetab-menu-item { + display: none; +} +/** global navigation elements **/ +.dockercon16 div.heronav_section{ + height: 52px; + background-color: #003E52; +} +.dockercon16 div.heronav_section ul{ + display: block; + margin: auto; + text-align: center; +} +.dockercon16 div.heronav_section ul li{ + margin: 0px 3px; + font-size: 14px; + font-family: 'Geomanist Book', sans-serif; +} +.dockercon16 div.heronav_section ul li a{ + padding: 14px 40px 10px 40px; +} +.dockercon16 div.heronav_section ul li.active { + background-color: #628191; +} +.dockercon16 div.heronav_section ul li:hover { + background-color: #628191; +} +.dockercon16 section.section .video_container{ + position: relative; + background-repeat: no-repeat; + background-size: contain; + background-position: center; + margin: auto; +} +.dockercon16 section.section .video_container a.play_btn{ + position: absolute; + content: 'play'; + display: block; + width: 90px; + height: 90px; + text-align: left; + text-indent: -9999px; + background-image: url(../images/video_icon_2453.png); + background-repeat: no-repeat; + background-size: cover; + top: 50%; + left: 50%; + margin-top: -45px; + margin-left: -45px; +} +section.dockercon_quotes_section{ + padding: 80px 0; +} +section.dockercon_quotes_section .quotes_icon{ + background-image: url(../images/quote_icon_2452.png); + width: 52px; + height: 52px; + margin: auto; + margin-top: -20px; + margin-left: 50px; + background-size: 110%; + background-repeat: no-repeat; + display: block; + + float: left; +} +section.dockercon_quotes_section .quotes_slider{ + max-width: 700px; + margin: auto; + position: relative; + color:#ffffff; + font-size:20px; + margin-bottom: 50px; +} +section.dockercon_quotes_section .flex-control-nav { + width: 100%; + position: absolute; + bottom: -80px; +} +section.dockercon_quotes_section .quotes_slider .slides{} +section.dockercon_quotes_section .quotes_slider .slides li{} +section.dockercon_quotes_section .quotes_slider .slides li p{ + font-size:20px; + color:#ffffff; + text-align:center; +} +section.dockercon_quotes_section .quotes_slider .slides li .author{ + font-family: 'Geomanist Book', sans-serif; + font-size:20px; + float: left; + padding-left: 70%; +} +section.dockercon_quotes_section .quotes_slider .slides li .author_position{ + font-family: 'Geomanist Book', sans-serif; + font-size:12px; + float: left; + padding-left: 70%; + clear: both; + line-height: 12px; +} +section.dockercon_quotes_section .quotes_slider .flex-control-paging li{ + margin-top: 20px; +} +section.dockercon_quotes_section .quotes_slider .flex-control-paging li a{ + background: #72DDFF; +} +section.dockercon_quotes_section .quotes_slider .flex-control-paging li a:hover{ + background: #FFFFFF; +} +section.dockercon_quotes_section .quotes_slider .flex-control-paging li a.flex-active{ + background: #FFFFFF; +} +/* ========== Start Home ========== */ +.node-type-front-page .dockercon16 section.title_section.darkblue { + padding-bottom: 0; + position: relative; +} +.node-type-front-page .dockercon16 section.title_section.darkblue h1 { + font-family: 'Geomanist', sans-serif; + font-weight: 300; + font-style: normal; + font-size:64px; + color:#FFFFFF; + margin-bottom: 10px; +} +.node-type-front-page .dockercon16 section.title_section.darkblue p { + font-size: 18px; + color: #FFFFFF; + max-width: 340px; +} +.node-type-front-page .dockercon16 section.title_section.darkblue img.moby { + z-index: 2; + position: relative; +} +.node-type-front-page .dockercon16 section.title_section.darkblue a.button { + color:#FFFFFF; + width: 270px; + margin-top: 0px; + background-color: rgba(0, 78, 103, 0.61); + padding: 16px 40px 14px 40px; + margin-left: 0; +} +.node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover { + background: rgba(0, 0, 0, 0.6); + text-decoration: none; + border: none; + padding: 16px 40px 14px 40px; + color: #fff; +} +div.dockercon_registation_section img.dcon_icon{ + position: absolute; + bottom: 0; +} +div.dockercon_registation_section img.dcon_logo{ + padding-left: 50px; + margin-top: 10px; + float: left; +} +div.dockercon_registation_section a.register_link.video{ + background-image:url(../images/dcon_video_play.png); + background-repeat: no-repeat; + background-position: right 0 top 15px; + padding: 20px; + padding-right: 40px; + margin-top: -8px; + background-size: 26px; +} +div.dockercon_registation_section a.register_link{ + font-family: 'Geomanist Book', sans-serif; + padding-left: 20px; + color: #fff; + font-size: 14px; + float: left; + margin-top: 14px; +} +div.dockercon_registation_section{ + background-image: url(../images/doc_bar_12311.png); + background-size: 100% 52px; + background-repeat: no-repeat; + position: absolute; + background-color: rgba(84,189,192,0.4); + width: 100%; + height: 52px; + text-align: left; + bottom: 0; + position:static; +} +.dockercon16 section.customer_and_news_section.section { + background-color:#003E52; + padding: 50px 0!important; +} +.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button{ + border: 1px solid #72B8D6; + background-color: transparent; + color: #fff; + text-decoration: none; + padding: 5px 60px; +} +.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover { + background: rgba(255, 255, 255, 0.11); +} +section.the_docker_solution_section.section { + background-color:#ffffff; +} +section.the_docker_solution_section img { + margin: auto; + margin-bottom: 40px; + display: block; +} + +section.customer_and_news_section .items.media li .media_image h3 { +margin-bottom: 20px; +} +section.customer_and_news_section .items.media li .media_image { + width: 50px; +} +section.customer_and_news_section .items.media li .media_content { + padding-left: 65px; +} +section.docker_solution_section .items.media li .media_image { + width: 50px; +} +section.docker_solution_section .items.media li .media_content { + padding-left: 65px; +} +section.docker_use_cases_home_section .items.media li .media_image { + width: 50px; +} +section.docker_use_cases_home_section .items.media li .media_content { + padding-left: 65px; +} +section.docker_footer_image_section { + padding: 100px 0; +} +section.docker_footer_image_section h2 { + padding: 50px 0 100px 0; +} +/* ========== Start dockercon_registation_section ========== */ + +div.dockercon_registation_section img.dcon_logo { + padding-left: 40px; +} +div.dockercon_registation_section .cross-btn { + color: #fff; + font-size: 14px; + float: left; + height: 43px; + width: 260px; + overflow: hidden; + position: relative; + font-family: 'Geomanist Book', sans-serif; +} +div.dockercon_registation_section .cross-btn:before { +} +div.dockercon_registation_section .cross-btn:after { + content: ' '; + position: absolute; + bottom: 0px; + left: 0px; + right: 0px; + z-index: 2; + display: block; + border-bottom: 10px solid #003e52; + border-left: 260px solid transparent; + border-right: 0px solid transparent; +} +div.dockercon_registation_section .cross-btn > a:hover, +div.dockercon_registation_section .cross-btn > a:focus, +div.dockercon_registation_section .cross-btn > a:active, +div.dockercon_registation_section .cross-btn > a:visited { + outline: none; + border: none; + text-decoration: none; +} +div.dockercon_registation_section .cross-btn > a { + color: inherit; + display: inline-block; + background-color: #6cd7d0; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 10px; + margin-left: 20px; + position: relative; + text-decoration:none; +} +div.dockercon_registation_section .cross-btn > a:before { + content: ' '; + display: block; + position: absolute; + top: -2px; + left: -10px; + width: 20px; + height: 50px; + background-color: #6cd7d0; + transform: rotate(380deg); + transform-origin: center left; + z-index: 0; +} +div.dockercon_registation_section .cross-btn > a:after { + content: ' '; + display: block; + position: absolute; + top: -2px; + right: -110px; + width: 120px; + height: 40px; + background-color: #6cd7d0; + transform: rotate(380deg); + transform-origin: center left; + z-index: 0; +} +div.dockercon_registation_section .cross-btn > a > span { + position: relative; + z-index: 1; +} +div.dockercon_registation_section .cross-btn > a > span > i { + background-image: url(/sites/all/themes/docker/assets/images/dcon_video_play.png); + background-repeat: no-repeat; + display: inline-block; + width: 30px; + height: 30px; + vertical-align: middle; + margin-left: 10px; +} +/* ========== End dockercon_registation_section ========== */ +/* ========== End Home ========== */ +/* ========== Start Careers ========== */ +section.career_overview_section .side_image{ + margin-bottom:25px; +} +section.career_overview_section.GenericDev .items>li{ + padding:0; + padding-right:50px; +} +section.career_overview_section.section .video_container a.play_btn{ + background-image: url(../images/video_icon_2453-2.png); +} +section.career_overview_section.section.GenericDev .items>li h3{ + margin-top: 0; +} +section.career_logos_section{ + display:none; +} +section.career_logos_section .items { + margin-bottom:0; +} +section.career_logos_section .items li { + margin-bottom: 0px; + padding: 2px; +} +section.career_logos_section .items li .helper{ + background-color:#FAFAFA; + display: block; + padding: 60px 15px; +} +section.career_logos_section .items li img{} +section.career_docker_culture_section{} +section.career_docker_culture_section.GenericDev .container { + overflow: hidden; +} +section.career_docker_culture_section.GenericDev .items { + margin-left: -40px; + margin-right: -40px; +} +section.career_docker_culture_section.GenericDev .items>li { + padding-left: 40px; + padding-right: 40px; +} +section.career_job_openings_section.GenericDev .items.media li{ + padding: 20px 80px 20px 80px; +} +section.career_job_openings_section.GenericDev .items.media li .media_image{ + left: 80px; +} +section.career_job_openings_section .items li h3 { + margin-bottom: 0; +} +section.career_job_openings_section .items li span { + font-size:14px; + color: #E1F7FF; + line-height: 20px; + display: block; +} + +section.career_job_openings_section .items li a { +text-decoration:none; +} +section.career_job_openings_section .items li .fa { + font-size: 50px; + color: #fff; +} +section.career_job_openings_section .items li .fa-business-development:before { + content: ""; + background-image: url(../images/business-development-icon.png); + background-repeat: no-repeat; + background-size: 50px; + height: 50px; + width: 50px; + display: block; + margin-top: 8px; +} +section.career_job_openings_section .items li .fa-business-operations:before { + content: ""; + background-image: url(../images/business-operations-icon.png); + background-repeat: no-repeat; + background-size: 60px; + height: 60px; + width: 60px; + display: block; + margin-top: -4px; +} +section.career_job_openings_section .items.media li .media_image{ + width: 60px; +} +section.career_job_openings_section .items.media li .media_content{ + padding-left: 70px; +} +.jobs_section .jobs li a{ + +} +.jobs_section .jobs li span{ + +} +.jobs_section img{ + margin-bottom:50px; +} +/* ========== End Careers ========== */ +/* ========== Start Enterprise ========== */ +section.enterprise_why_docker_section .items.media li .media_image{ + width: 50px; +} +section.enterprise_why_docker_section .items.media li .media_content{ + padding-left: 65px; +} + +section.deploy_docker_solution_section ul.items{ + max-width: 700px; + margin: auto; +} +section.subscription_docker_solution_section .items.media li .media_image{ + width: 50px; +} +section.subscription_docker_solution_section .items.media li .media_content{ + padding-left: 65px; +} +/* ========== End Enterprise ========== */ +/* ========== Start Products ========== */ +section.whatisdocker_overview_section.GenericDev .container{ +overflow:hidden; +} +section.whatisdocker_overview_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.whatisdocker_overview_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.build_better_section.GenericDev .container{ +overflow:hidden; +} +section.build_better_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.build_better_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.whatisdocker_easily_share_section.GenericDev .container{ +overflow:hidden; +} +section.whatisdocker_easily_share_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.whatisdocker_easily_share_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.whatisdocker_faster_section.GenericDev .container{ +overflow:hidden; +} +section.whatisdocker_faster_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.whatisdocker_faster_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.docker_vs_vm_section .items.media .media_content img{ + margin-bottom: 20px; +} +section.docker_product_section.GenericDev .container{ +overflow:hidden; +} +section.docker_product_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.docker_product_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.docker_product_section .items.media li .media_image{ + width: 50px; + left: 40px!important; +} +section.docker_product_section .items.media li .media_content{ + padding-left: 65px; +} +section.docker_product_section .button_table { + display: table; +} +section.docker_product_section .button_table_cell { + display: table-cell; + vertical-align: middle; +} +section.docker_product_section .button_table_cell a.button{ + display:block; + max-width:220px; + margin-left:auto!important; + margin-right:auto!important; +} +/* ========== End Products ========== */ +/* ========== Start Product editions ========== */ +section.product_editions_overview_section.GenericDev .container{ +overflow:hidden; +} +section.product_editions_overview_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.product_editions_overview_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.product_editions_overview_section .items.media li .media_image{ + width: 80px; + left: 40px!important; +} +section.product_editions_overview_section .items.media li .media_content{ + padding-left: 100px; +} +section.docker_product_editions_section.section{ + padding:100px 0; +} +section.docker_product_editions_section .items.media li{ + min-height: 200px; + display:table; + padding:0!important; +} +section.docker_product_editions_section .items.media li .media_image{ + width: 260px; + text-align: center!important; + top: 20px; +} +section.docker_product_editions_section .items.media li .media_content{ + padding-left: 260px; + display: table-cell; + vertical-align: middle; + float:none!important; +} +section.docker_product_editions_section .button_table { + display: table; +} +section.docker_product_editions_section .button_table_cell { + display: table-cell; + vertical-align: middle; +} +section.docker_product_editions_section .button_table_cell a.button{ + display:block; + max-width:250px; + margin-left:auto!important; + margin-right:auto!important; +} +/* ========== End Product editions ========== */ +/* ========== Start Projects ========== */ +section.projects_items_section.GenericDev .container{ +overflow:hidden; +} +section.projects_items_section.GenericDev .items.media{ + margin-left: -20px; + margin-right: -20px; +} +section.projects_items_section.GenericDev .items.media li{ + padding-left: 20px; + padding-right: 20px; +} +section.projects_items_section .items.media li .media_image{ + width: 50px; + left: 20px!important; +} +section.projects_items_section .items.media li .media_image+.media_content{ + padding-left: 65px; +} +.node-type-projects section.bottom_cta_section.section a.button { + display: block; + margin: auto!important; + margin-bottom: 10px!important; +} +/* ========== End Projects ========== */ +/* ========== Start Pricing ========== */ +.pricing-image{ + padding-top:30px; +} +section.plans_section.section{ + background-color: #fff; +} +section.plans_section .plans_tabs{ + display:none; +} +.dockercon_breakline{ + background-image: url(../images/pricing_breakline.svg); + height: 25px; + background-repeat: no-repeat; + background-color: transparent; + width: 100%; + max-width: 100%; + margin: 0; + padding: 0; + background-position: center; +} +section.pricing_our_customers_section .items{ + padding-top:50px; +} +section.pricing_our_customers_section .items li { + margin-bottom: 0px; + padding: 2px; +} +section.pricing_our_customers_section .items li .helper { + background-color: #FAFAFA; + display: block; + padding: 60px 15px; +} +section.faqs_section .faqs-group{ + padding-top:50px; +} +section.faqs_section .faq h3{ + font-family: 'Geomanist', sans-serif; + font-weight: 400; + color: #5A7E93; +} +section.faqs_section .faq .clickme{ + font-size: 14px; + color: #5A7E93; + top: 4px; +} +section.faqs_section .faq .faq-body,section.faqs_section .faq .faq-body p,section.faqs_section .faq .faq-body li { + color: #5A7E93; + font-size: 13px; +} +section.faqs_section .faq { + padding: 12px 0; +} +section.faqs_section .cta_button { + padding:50px 0 0 0; + display: block; + clear: both; +} +section.plans_section .plan_tab_content .col-md-4{ + border-right: 1px solid #D7D7D7; +} +section.plans_section .plan_tab_content .col-md-4:last-of-type{ + border-right: none; +} +section.plans_section .plans .server_plan_box{ + border: none; +} +section.plans_section .plans .server_plan_box:hover { + background-color: transparent; + box-shadow: none; +} +section.plans_section .plans .server_plan_box h3 { + font-size: 22px; + color: #407997; + margin-bottom: 20px; +} +section.plans_section .plans .server_plan_box p { + padding-bottom: 30px; +} +section.pricing_overview_section.GenericDev .container{ +overflow:hidden; +} +section.pricing_overview_section.GenericDev .items.media{ + margin-left: -20px; + margin-right: -20px; +} +section.pricing_overview_section.GenericDev .items.media li{ + padding-left: 20px; + padding-right: 20px; +} +section.pricing_overview_section .items.media li .media_image{ + width: 50px; + left: 20px!important; +} +section.pricing_overview_section .items.media li .media_content{ + padding-left: 65px; +} +section.pricing_overview_section.GenericDev .items.media li a.button { + padding: 6px 60px; +} +/* ========== End Pricing ========== */ +/* ========== Start sidebarnav ========== */ +div.sidebarnav_section.affix { + position: fixed; + z-index: 9999; + top: 0; +} +div.sidebarnav_section.affix ul { + margin: 0 0 1.5rem 0; +} +.sidebarnav_section { + position: absolute; + left: 0; +} +.sidebarnav_section ul{ + list-style: none; + padding: 0; + margin: -25px 0 1.5rem 0; + position: absolute; + left: 0; + background-color: #0081aa; + padding: 0; + width: 270px; + width: 100%; + text-align: left; + overflow: hidden; + display:block; +} +.sidebarnav_section ul li{ + display: block; + margin: 0; +} +.sidebarnav_section ul li a{ + color: #fff; + font-size: 14px; + font-family: 'Geomanist Book', sans-serif; + display: block; + width: 100%; + padding: 10px 10px 10px 50px; + line-height: 15px; + border-radius: 0; +} +.sidebarnav_section ul li a:hover,.sidebarnav_section ul li a.active{ + border-bottom: none; + background-color: #4fa8c4; + text-decoration: none; + color: #ffffff; +} +.floatleft{ + float: right; +} +.padding_50_0{ + padding: 50px 0; +} +iframe{ + max-width: 100%; +} +/* ========== End sidebarnav ========== */ +/* ========== End Company ========== */ +section.company_overview_section.section { + padding-top:20px!important; + padding-bottom:40px!important; + overflow:hidden; +} +section.company_overview_section.GenericDev .items.media{ + margin-left: -30px; + margin-right: -30px; +} +section.company_overview_section.GenericDev .items.media li{ + padding-left: 30px; + padding-right: 30px; +} +section.company_about_section.section.GenericDev .items li.item{ + +} +section.company_about_section.section.GenericDev .items li.item span{ + display: block; + color: #49C7EE; + font-size: 22px; + font-weight: 400; + margin-top: 12px; + line-height: 28px; +} +section.company_about_section.section.GenericDev .items li.item h3{ + text-align: center; + margin: 0; + font-size: 14px; + text-transform: capitalize; + font-family: 'Geomanist', sans-serif; + font-weight: 400; +} +section.company_milestones_section.section p{ + color: #496B81; +} + +.timeline ul { + max-width: 800px; +} +.timeline li { + text-align: left; + padding-left: 30px; +} +.timeline li p{ + font-size: 14px; + line-height: 18px; +} +.timeline li.featured{ + padding-right: 30px; + padding-left: 0; +} +.timeline li.featured>div{ + padding: 6px 18px; + border-radius: 0; +} +.timeline li.featured>div h5{ + margin: 0; + font-size: 14px; + font-family: 'Geomanist', sans-serif; + font-weight: 400; + line-height: 18px; +} +.timeline li.featured>div iframe{ + width: 100%; + margin-top: 20px; +} +.timeline li.featured::before { + top: 6px; +} +.timeline li.featured>div::after { + top: 10px; + right: -5px; + border-width: 5px 0 5px 5px; +} +.timeline li.featured>div::before { +content: ''; + position: absolute; + right: -0; + top: 10px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 5px 0; + border-color: transparent transparent transparent transparent; +} +.timeline li.featured.acquisition>div::before{ + border-color: transparent #22b8eb transparent transparent; +} +.timeline li.featured.acquisition>div::after{ + border-color: transparent transparent transparent #22b8eb; +} +.timeline li.featured.acquisition>div{ + background: #0081AA; +} +/* ========== End Company ========== */ +/* ========== Start government ========== */ +section.government_overview_section.GenericDev .container{ +overflow:hidden; +} +section.government_overview_section.GenericDev .items.media{ + margin-left: -20px; + margin-right: -20px; +} +section.government_overview_section.GenericDev .items.media li{ + padding-left: 20px; + padding-right: 20px; +} +section.government_overview_section .items.media li .media_image{ + width: 70px; + left: 20px!important; +} +section.government_overview_section .items.media li .media_content{ + padding-left: 90px; +} +.node-type-government section.dockercon_quotes_section .quotes_slider{ + max-width: 900px; +} +section.government_get_started_section.GenericDev .container{ +overflow:hidden; +} +section.government_get_started_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.government_get_started_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +.dockercon16 section.customer_spotlight_section.section .video_container a.play_btn{ + width: 100px; + height: 100px; + background-image: url(../images/video_icon_2454.png); +} +section.government_partners_section .government_partners_tabs ul { + list-style: none; + margin: 0; + padding: 0; +} +section.government_partners_section .government_partners_tabs ul li { + display: inline-block; + font-size: 62px; + position: relative; + width: 100%; + height: 110px; + max-width: 33%; + padding: 10px 0px; + padding-bottom: 0; +} +section.government_partners_section .government_partners_tabs ul li:after { + +} +section.government_partners_section .government_partners_tabs ul li a { + display: table; + width: 100%; + height: 100%; + overflow: hidden; +} +section.government_partners_section .government_partners_tabs ul li .helper { + width: 100%; + height: 100%; + padding: 15px 15px; + text-align: center; + vertical-align: middle; + display: table-cell; + background-color: rgba(250, 250, 250, 0.72); +} +section.government_partners_section .government_partners_tabs ul li.current .helper { + background-color: #FAFAFA; +} +section.government_partners_section .government_partners_tabs ul li.current:after { + content: ""; + position: absolute; + left: 50%; + bottom: -20px; + margin-left: -10px; + border: 10px solid transparent; + border-top-width: 10px; + border-top-color: #FAFAFA; +} +section.government_partners_section .government_partners_tabs ul li .helper img { + max-height: 60px; + margin: auto; + max-width: 180px; +} +section.government_partners_section .government_partners_content { + margin-top: 50px; + display: none; +} +section.government_partners_section .government_partners_content h3 { + font-size: 20px; + font-weight: bold; + margin-bottom: 20px; +} +section.government_partners_section .government_partners_content p { + font-size: 14px; + color: #E0F6FE; + margin-bottom: 30px; +} +section.government_available_on_section.section { + padding-bottom:0!important; +} +section.government_available_on_section .items { + margin-bottom:0; +} +section.government_available_on_section .items li { + margin-bottom: 0px; + padding: 2px; + display: table; +} +section.government_available_on_section .items li .helper{ + background-color:#FAFAFA; + display: block; + padding: 30px 15px; + height: 100%; + display: table-cell; + vertical-align: middle; +} +section.government_available_on_section .items li .helper img{ + max-width:240px; + max-height: 170px; +} +section.government_resources_section.GenericDev .container{ +overflow:hidden; +} +section.government_resources_section.GenericDev .items.media{ + margin-left: -15px; + margin-right: -15px; +} +section.government_resources_section.GenericDev .items.media li{ + padding-left: 15px; + padding-right: 15px; +} +section.government_resources_section .items.media li .media_image{ + width: 50px; + left: 15px!important; +} +section.government_resources_section .items.media li .media_content{ + padding-left: 60px; +} +section.government_resources_section.section.GenericDev .items.media li .media_content h3{ + margin-bottom: 0px; +} +section.government_other_resources_section .GenericDev .container{ +overflow:hidden; +} +section.government_other_resources_section .GenericDev .items.media{ + margin-left: -15px; + margin-right: -15px; +} +section.government_other_resources_section .GenericDev .items.media li{ + padding-left: 15px; + padding-right: 15px; +} +section.government_other_resources_section .items.media li .media_image{ + width: 50px; + left: 15px!important; +} +section.government_other_resources_section .items.media li .media_content{ + padding-left: 63px; + display: table; + height: 50px; +} +section.government_other_resources_section .items.media li .media_content a{ + display: table-cell; + vertical-align: middle; + height: 100%; + text-decoration: none; +} +section.government_other_resources_section .items.media li .media_content h3{ +margin-bottom:0; +} +section.government_other_resources_section .items.media li .media_image img{ + max-width: 50px; + max-height: 50px; +} +/* ========== End Government ========== */ +/* ========== Start News And Press ========== */ +section.feature_news_section.section { +padding: 30px 0!important; +} +section.feature_news_section.section .items.media li .media_content { + float: none; + text-align: center; + max-width: 350px; + margin: auto; +} +section.feature_news_section.section .items.media li .media_content img{ + max-width: 180px; + max-height: 40px; +} +section.feature_news_section.section .items.media li .media_content h3{ + font-size: 14px; + text-transform: capitalize; + text-align: center; + color: #5BC6EC; +} +section.press_news_section.section div h2 { + text-align:left; +} +div.media_kit_section { + text-align:left; + margin-bottom: 30px; +} +div.press_releases_section { + text-align:left; +} +div.press_releases_section ul { + list-style: none; + padding: 0; + margin: 0; +} +div.press_releases_section ul li{ + margin-bottom:20px; +} +div.press_releases_section ul li .press-item .date{ + font-family: 'Geomanist Book', sans-serif; + font-weight: 100; + color: #BFBFBF; + font-size: 14px; +} +div.press_releases_section ul li .press-item h3,div.press_releases_section ul li .press-item a{ + font-size: 14px; + color: #5BC6EC; + font-family: 'Geomanist', sans-serif; + font-weight: 400; + margin: 0; +} +div.news_section .scoopit-fulltheme-scoop-title h3{ + font-size: 18px; + color: #155A74; + text-transform: uppercase; + text-align: left; + margin: 0; +} +div.news_section .scoopit-fulltheme-scoop-title h3 a{ + color: #155A74; +} +div.news_section .scoopit-fulltheme-scoop-wrapper{ +margin-bottom:80px; +} +div.news_section .scoopit-fulltheme-scoop-source{ + font-family: 'Geomanist Book', sans-serif; + font-weight: 100; + color: #BFBFBF; + font-size: 14px; + margin-bottom:10px; +} +div.news_section .scoopit-fulltheme-scoop-source a{ + text-transform:uppercase; + color: #5BC6EC; +} +div.news_section .scoopit-fulltheme-scoop-content,div.news_section .scoopit-fulltheme-scoop-content p{ + font-size: 14px; + color: #496B81; + padding-bottom: 20px; + margin-bottom: 0px; + text-align: left; +} +div.news_section .scoopit-fulltheme-scoop-image{ + overflow: hidden; + text-align: center; +} +div.news_section .scoopit-fulltheme-scoop-image img{ + height: 150px; + max-width: inherit; + text-align: center; + margin: auto; +} +div.news_section .scoopit-fulltheme-scoop-image img#postImage_None{ + opacity: 0; +} +div.news_section .paginator, div.news_section .paginator tbody{ + border: none; +} +div.news_section .paginator td{ + color: #496B81; +} +div.news_section .paginator td a{ + color: #5BC6EC; +} +.node-type-news div.press_section{ +padding:60px 0; +} +.node-type-news div.press_section p, .node-type-news div.press_section li{ + font-size: 14px; + color: #496B81; + line-height: 1.6; +} +/* ========== End News And Press ========== */ +/* ========== Start Resources ========== */ +section.feature_resources_section h2 { + text-align:left; +} +section.feature_resources_section .resources_link a { + padding-right: 20px; + font-size: 14px; + color: #496B81; + padding-bottom: 10px; + margin-bottom: 0px; + text-align: left; +} +section.feature_resources_section .resources_link span { + padding-right: 20px; + font-size: 14px; + color: #496B81; + padding-bottom: 0; + margin-bottom: 0px; + text-align: left; +} +/* ========== End Resources ========== */ +/* ========== End Use cases ========== */ +section.use_case_item_section.section{ + padding:100px 0; +} +section.use_case_item_section .items.media li{ + min-height: 200px; + display:table; + padding:0!important; +} +section.use_case_item_section .items.media li .media_image{ + width: 50px; + text-align: center!important; + top: 0px; +} +section.use_case_item_section .items.media li .media_content{ + padding-left: 65px; + display: table-cell; + vertical-align: middle; + float:none!important; + padding-right: 90px; +} +section.use_case_item_section .button_table { + display: table; +} +section.use_case_item_section .button_table_cell { + display: table-cell; + vertical-align: middle; +} +section.use_case_item_section .button_table_cell a.button{ + display:block; + max-width:250px; + margin-left:auto!important; + margin-right:auto!important; +} +section.use_case_item_section .quote_container { + +} +section.use_case_item_section .quote_container .quotes_icon { + background-image: url(../images/quote_icon_2452.png); + width: 60px; + height: 60px; + margin: auto; + margin-top: -20px; + margin-left: 0; + background-size: 110%; + background-repeat: no-repeat; + display: block; + float: left; + position: absolute; + left: 0; +} +section.use_case_item_section.GenericDev .items>li .quote_container p { + font-size: 20px; + color: #ffffff; +} +section.use_case_item_section .quote_container .author { + font-family: 'Geomanist Book', sans-serif; + font-size: 20px; + float: left; + padding-left: 60%; + color: #ffffff; +} +section.use_case_item_section .quote_container .author_position { + font-family: 'Geomanist Book', sans-serif; + font-size: 12px; + float: left; + padding-left: 61%; + clear: both; + line-height: 12px; + color: #ffffff; +} +/* ========== End Use cases ========== */ +/* ========== Start Partner Program ========== */ +section.partner_program_overview_section.GenericDev .container{ +overflow:hidden; +} +section.partner_program_overview_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.partner_program_overview_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.partner_program_overview_section .items.media li .media_image{ + width: 50px; + left: 40px!important; +} +section.partner_program_overview_section .items.media li .media_content{ + padding-left: 65px; +} +section.partner_program_benefits_section.GenericDev .container{ +overflow:hidden; +} +section.partner_program_benefits_section.GenericDev .items.media{ + margin-left: -20px; + margin-right: -20px; +} +section.partner_program_benefits_section.GenericDev .items.media li{ + padding-left: 20px; + padding-right: 20px; +} +section.partner_program_benefits_section .items.media li .media_image{ + width: 50px; + left: 20px!important; +} +section.partner_program_benefits_section .items.media li .media_content{ + padding-left: 65px; +} +section.partner_program_benefits_section .program_benefits_footer p{ + font-size: 14px; + color: #E0F6FE; + margin-bottom: 30px; + line-height: 1.6; +} +section.partner_program_benefits_section p small{ + font-size: 100%; +} +section.partner_program_authorized_section img, section.partner_program_technology_section img{ + margin-bottom:30px; +} +section.partner_program_technology_section p a{ + color: #E0F6FE; +} +section.become_partner_portal_section.section{ + text-align: left; + padding: 20px!important; +} +section.become_partner_portal_section.section p{ +font-size: 14px; + color: #496B81; + margin-bottom: 30px; + line-height: 1.6; +} +section.become_partner_portal_section a.button{ + min-width: 280px; +} +/* ========== End Partner Program ========== */ +/* ========== Start customers ========== */ +section.feature_customer_section.GenericDev .container{ +overflow:hidden; +} +section.feature_customer_section.GenericDev .items.media{ + margin-left: -40px; + margin-right: -40px; +} +section.feature_customer_section.GenericDev .items.media li{ + padding-left: 40px; + padding-right: 40px; +} +section.feature_customer_section.GenericDev .video_container img{ + width: 100%; +} +section.customers_logos_section .items { + margin-bottom:0; +} +section.customers_logos_section .items li { + margin-bottom: 0px; + padding: 2px; +} +section.customers_logos_section .items li a { + display: table; + width: 100%; + height: 100%; + overflow: hidden; +} +section.customers_logos_section .items li .helper{ + background-color:#FAFAFA; + display: block; + padding: 60px 15px; + height: 100%; + width: 100%; + text-align: center; + vertical-align: middle; + display: table-cell; + position: relative; +} +section.customers_logos_section .items li .helper .vcenter{ + position: absolute; + display: table; + width: 100%; + cursor: pointer; + left: 0; + top: 0; + padding: 0px 10px; + right: 0; + bottom: 0; + text-align: center; + margin: auto; + font-size: 22px; + color: #fff; + text-transform: uppercase; + opacity: 0; +} +section.customers_logos_section .items li .helper img{ + max-width: 180px; + max-height: 100px; +} +section.customers_logos_section .items li .helper:hover{ + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #29bbec; +} +section.customers_logos_section .items li .helper:hover .vcenter{ + opacity: 1; +} +section.customers_logos_section .items li .helper:hover img{ + opacity: 0; +} +.node-type-customers-page section.dockercon_quotes_section .quotes_slider { + max-width: 900px; +} +.node-type-customers-page section.dockercon_quotes_section .quotes_slider .slides li .author_position{ +font-family: 'Geomanist Book', sans-serif; +font-size: 20px; +float: left; +padding-left: 70%; +} +/* ========== End customers ========== */ +/* ========== livedockercon ========== */ +section.livedockercon_section{ + background-image: url(../images/livedocker_bg_image.png)!important; + background-size: cover!important; +} +.dockercon16 section.livedockercon_section.section h2{ + text-transform: capitalize; + text-align: left; +} +section.livedockercon_section .left{ + text-align: left; + max-width: 748px; +} +section.livedockercon_section .left .video_container img{ + box-shadow: 0px 6px 30px #000; + width: 100%; +} +section.livedockercon_section.section .left .video_container a.play_btn{ + background-image: url(../images/video_icon_2453-1.png); +} +section.livedockercon_section .left .keynote{ + font-size: 13px; + color: #fff; + margin-top: 30px; + display: block; +} +section.livedockercon_section .left iframe{ + +} +section.livedockercon_section .right{ + margin-top: 10%; + text-align: left; +} +section.livedockercon_section.section .right a.button.darkblue-btn{ + margin: 0; + padding: 23px 15px; + width: 300px; + text-align: left; + padding-left: 130px; + position: relative; + font-size: 12px; + max-width: 100%; +} +section.livedockercon_section.section .right a.button.darkblue-btn i{ + background-repeat: no-repeat; + background-size: 100px 34px; + width: 100px; + height: 34px; + left: 15px; + top: 12px; + position: absolute; +} +section.livedockercon_section .right span{ + display: block; + font-size: 10px; + color: rgba(255, 255, 255, 0.51); + margin-bottom: 50px; + margin-top: 5px; +} +i.livedockercon_apple { + background-image: url(../images/livedockercon_apple_icon.png); +} +i.livedockercon_win { + background-image: url(../images/livedockercon_win_icon.png); + top: 14px!important; +} +/* ========== End livedockercon ========== */ +/* ========== Start pricing ========== */ +.pricing-tables{ + float:left; + padding: 0; + position: relative; + width: 100%; + margin-left: 0px; + margin-right: 0px; + margin-top: 50px; + margin-bottom: 60px; +} +.pricing-tables > li{ + padding: 30px; + border: 1px solid #CCC; + border-radius: 0px; + float: left; + background-color: #fff; + list-style: none; + text-align: center; + width: 33.33%; + height: auto; + position: relative; + z-index: 1; +} +.pricing-tables > li .plan-name { + margin-bottom: 20px; +} +.pricing-tables > li .plan-name h3 { + font-size: 22px; + color: #407997; + text-transform: uppercase; +} +.pricing-tables > li .plan-name h3 > strong { + display: block; + margin-top: 5px; +} +.pricing-tables > li .plan-description { + font-size: 14px; + color: #515656; + line-height: 20px; + margin-bottom: 10px; +} +.pricing-tables > li .plan-description p { + font-size: inherit; + color: inherit; + line-height: inherit; + margin: 0; +} +.pricing-tables > li .starting-prices { + font-size: 16px; + color: #407997; + font-family: 'Geomanist Book', sans-serif; + display: block; + margin-bottom: 15px; +} +.pricing-tables > li .starting-prices p { + margin: 0; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} +.pricing-tables > li .plan-button { } +.pricing-tables > li .plan-button a { + display: block; + margin: 5px auto !important; + padding: 15px 15px !important; + max-width: 190px; + float: none; +} +.pricing-tables > li .plan-button a+a { + margin-top: 30px !important; +} +.pricing-tables > li .feature-list { + padding: 0 10px; + line-height: normal; + margin-bottom: 20px; +} +.pricing-tables > li .feature-list ul { + padding: 20px 0px 10px 0px; + margin: 20px 0px 0px 0px; + list-style: none; +} +.pricing-tables > li .feature-list ul li { + font-size: 14px; + color: #515656; + font-weight: 400; + position: relative; + margin-bottom: 20px; +} +.pricing_cloud_section .pricing-tables > li .feature-list ul li { + margin-bottom: 0px; +} +.pricing-tables .note { + margin-top: 50px; + display: block; + font-size: 12px; + line-height: 18px; + color: #5A7E93; +} +.pricing-tables > li .feature-list ul li>span { + display: block; +} +.pricing-tables > li .feature-list ul li strong { + color: #5A7E93; + font-weight: 500; +} +.pricing-tables > li .feature-list ul li i.tickFree { + background-image: url(../images/plan_box_tick.png); + height: 12px; + width: 10px; + display: inline-block; + margin-right: 5px; +} +.pricing-tables > li.standard { + /* z-index: 2; + box-shadow: 0px 0px 10px 6px #ddd; */ + border-right: 0; + border-left: 0; +} +.livedockercon_section .left .video-wrapper { + position: relative; +} +.livedockercon_section .left .video_container { + z-index: 2; +} +.livedockercon_section .left iframe { + display:none; + opacity:0; + position: absolute; + top: 0; + left: 0; + z-index: 1; +} +/* ========== End pricing ========== */ +/* ========== Start Products ========== */ +.node-type-product .dockercon16 section.GenericDev h3,.node-type-product .dockercon16 section.GenericDev p{ +text-align: center!important; +} +.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li h3,.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li p{ +text-align: left!important; +} +.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li .button{ +margin: auto!important; +} +.node-type-product .dockercon16 section.product_overview_product_section.GenericDev h3{ + font-size: 18px; + color: #155A74; + text-transform: uppercase; + text-align: left; + margin-top: 0px; + margin-bottom: 8px; +} +.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .row p{ + font-size: 14px; + color: #496B81; + padding-bottom: 20px; + margin-bottom: 0px; + text-align: left; +} +.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab1,.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab2{ + margin-bottom: 50px; +} +.dockercon16 section.toolbox_overview_section.GenericDev .items>li ul li{ + font-size: 14px; + color: #496B81; +} +/* ========== End Products ========== */ diff --git a/css/documentation.css b/css/documentation.css index 490bf1ae2f..7c61e72ec6 100644 --- a/css/documentation.css +++ b/css/documentation.css @@ -219,6 +219,7 @@ div.docsidebarnav_section.affix ul { color: #fff; font-size: 13px; font-family: 'Geomanist Regular', sans-serif; + font-weight: 400; display: block; width: 100%; padding: 16px 5px 16px 20px;