/* extracted from the index.html */ .node-type-front-page .dockercon16 section.title_section.darkblue img.moby { } div.dockercon_registation_section { position:static; } 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 #00445b; 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; } /** CSS Overrides - this is temporary and should be formally added to the master scss files **/ /** Global links **/ a, a:active {outline: none;} a:hover {text-decoration: none;} /** header **/ header .nav-global li a, .main-header div > .nav-main a { color: rgba(255, 255, 255, 0.85); outline: none; } header .nav-global li a:hover, .main-header div > .nav-main a:hover { color: #fff; } .main-header div > .nav-main > li ul { transition: all ease-in .2s; } /** global navigation elements **/ .main-header div>.nav-main a { font-size: 16px; } .dockercon16 div.heronav_section { background-color: #003E52; } .dockercon16 div.heronav_section ul li { margin: 0px 3px; } .dockercon16 div.heronav_section ul li a { padding: 15px 40px 9px 40px; } /***************************************************************** front page ****************************************************************/ .customer_and_news_section.section.GenericDev.bluebackground { padding: 50px; } body .dockercon16 section.section { padding: 160px 0; } /** update to button styles**/ .front section.title_section.darkblue .button { margin-top: 0px; } .front .dockercon16 section.title_section.darkblue h1 { margin-bottom: 10px; } .node-type-front-page .dockercon16 section.title_section.darkblue a.button { background-color: rgba(0, 78, 103, 0.61); padding: 17px 40px 14px 40px; } .node-type-front-page .dockercon16 section.title_section.darkblue p { font-size: 18px; color: #FFFFFF; max-width: 340px; } section.customer_and_news_section.section { background-color: #003E52; } /** hide bottom section - this should be removed from tempate **/ .bottom_cta_section.gary.section.GenericDev.bgblue5.bluebackground { display: none; } /*section.title_section.darkblue .button { margin-top: 0px; }*/ /** button on:hover **/ .node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover { background: rgba(0, 0, 0, 0.6); text-decoration: none; } /** please remove this field from the content type (infra/industry) **/ .projects_software_infrast_section img, .projects_open_industry_section img { display: none; } /************************************** typography ****************** All headings should be Geomanist Light ***************************/ .dockercon16 section.title_section.darkblue h1 { font-family: 'Geomanist Light', sans-serif; } body .dockercon16 h2 { font-family: 'Geomanist Light', sans-serif; } .dockercon16 section.GenericDev .items.media li .media_content h3 { font-family: 'Geomanist Regular', sans-serif; } /***** blue background gradient *******/ 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 ); } /************************************** buttons **************************************/ .dockercon16 section.section a.button.darkblue-btn, .dockercon16 section.title_section a.button.darkblue-btn { padding: 15px 40px 13px 40px; } .dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover { background: #235363; } /** outline buttons on blue **/ .dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button { border: 1px solid #72B8D6; padding: 10px 40px 9px 40px; } .dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover { background: rgba(255, 255, 255, 0.41); } /** white buttons **/ .dockercon16 section.section a.button.white-btn { padding: 15px 40px 13px 40px; } .dockercon16 section.title_section a.button.white-btn { padding: 15px 40px 13px 40px; } .dockercon16 section.section a.button.white-btn:hover { background: RGBA(255, 255, 255, 0.71); } .dockercon16 section.title_section a.button.white-border-btn { padding: 14px 40px 12px 40px; } /************************ footer ****************************/ div.moby_footer .bar { background-image: none; } footer.main_footer { border-top: 10px solid #ffd601; outline: 13px solid #9ce2c0; } /************************ hide these elements ****************************/ .cta-illustration {display: none;}