mirror of https://github.com/docker/docs.git
Add Hackathon details to docs site (#2613)
* First pass * Pass 2 * Docs hackathon rules * Restoring night mode css
This commit is contained in:
John Mulhausen
GitHub
parent
2f4355c22a
commit
f60c5305f5
|
|
@ -16,6 +16,8 @@ horizontalnav:
|
||||||
node: samples
|
node: samples
|
||||||
|
|
||||||
guides:
|
guides:
|
||||||
|
- title: "Docs Hackathon: April 17-22nd, 2017"
|
||||||
|
path: /hackathon/
|
||||||
- sectiontitle: Get Docker
|
- sectiontitle: Get Docker
|
||||||
section:
|
section:
|
||||||
- path: /engine/installation/
|
- path: /engine/installation/
|
||||||
|
|
@ -25,7 +27,7 @@ guides:
|
||||||
- path: /docker-for-windows/install/
|
- path: /docker-for-windows/install/
|
||||||
title: Docker for Windows
|
title: Docker for Windows
|
||||||
- path: /docker-ee-for-windows/install/
|
- path: /docker-ee-for-windows/install/
|
||||||
title: Docker EE for Windows Server
|
title: Docker EE for Windows Server
|
||||||
- sectiontitle: Docker for Linux
|
- sectiontitle: Docker for Linux
|
||||||
section:
|
section:
|
||||||
- path: /engine/installation/linux/ubuntu/
|
- path: /engine/installation/linux/ubuntu/
|
||||||
|
|
|
||||||
|
|
@ -103,14 +103,18 @@
|
||||||
|
|
||||||
.nav-sidebar ul {
|
.nav-sidebar ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 15px;
|
padding: 0px;
|
||||||
padding: 0;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-sidebar .nav ul
|
||||||
|
{
|
||||||
|
padding: 0px 0px 0px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-sidebar ul li a:hover {
|
.nav-sidebar ul li a:hover {
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
|
||||||
39413
css/archive/allcss.css
39413
css/archive/allcss.css
File diff suppressed because it is too large
Load Diff
2477
css/archive/app2.css
2477
css/archive/app2.css
File diff suppressed because it is too large
Load Diff
|
|
@ -1,546 +0,0 @@
|
||||||
/* FIXUP allcss.css */
|
|
||||||
/* @media screen and (max-width: 1199px) */
|
|
||||||
|
|
||||||
/*
|
|
||||||
*
|
|
||||||
* Tabs ***********************************************************************
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
.tabs {
|
|
||||||
border-bottom: 0;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs>li {
|
|
||||||
float: left;
|
|
||||||
list-style: none;
|
|
||||||
padding: 10px 0px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs>li>a {
|
|
||||||
color: #fff;
|
|
||||||
line-height: 3;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 0 20px 0px 20px;
|
|
||||||
float: left;
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs>li.active>a {
|
|
||||||
color: #fff;
|
|
||||||
border-bottom: 4px solid #fff;
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition: all 0.2s ease;
|
|
||||||
-moz-transition: all 0.2s ease;
|
|
||||||
-o-transition: all 0.2s ease;
|
|
||||||
transition: all 0.2s ease;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.tabs>li>a:hover {
|
|
||||||
border-bottom: 4px solid #fff;
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition: all 0.2s ease;
|
|
||||||
-moz-transition: all 0.2s ease;
|
|
||||||
-o-transition: all 0.2s ease;
|
|
||||||
transition: all 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs>li:hover {
|
|
||||||
color: #fff;
|
|
||||||
background-color: gray;
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition: all 0.2s ease;
|
|
||||||
-moz-transition: all 0.2s ease;
|
|
||||||
-o-transition: all 0.2s ease;
|
|
||||||
transition: all 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
margin-top: 1px !important;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
max-width: none !important;
|
|
||||||
}
|
|
||||||
.autocompleteSelected {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
.autocompleteList
|
|
||||||
{
|
|
||||||
list-style-type: none;
|
|
||||||
width: 400px;
|
|
||||||
padding: 0px 10px 0px 10px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
.autoCompleteResult {
|
|
||||||
border-bottom: 1px solid #6db9d1;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
#autocompleteShowAll {
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
.autocompleteList li {
|
|
||||||
width: 380px;
|
|
||||||
border: 0px;
|
|
||||||
padding-right: 20px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
.autocompleteTitle {
|
|
||||||
/* font-weight: bold; */
|
|
||||||
padding-top: 10px !important;
|
|
||||||
}
|
|
||||||
.autocompleteUrl {
|
|
||||||
font-size: 9px;
|
|
||||||
color: green;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
.autocompleteDescription {
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.autocompleteKeywords, .autocompleteBreadcrumb {
|
|
||||||
font-size: 9px;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#autocompleteContainer {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#autocompleteResults {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
background: #ffffff;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
width: 400px;
|
|
||||||
border-radius: 3px;
|
|
||||||
border: 1px solid #6db9d1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dockercon16 section.title_section, header.main-header::after {
|
|
||||||
background-position: initial;
|
|
||||||
}
|
|
||||||
/* Notes */
|
|
||||||
#DocumentationText p {
|
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
}
|
|
||||||
#DocumentationText strong,
|
|
||||||
#DocumentationText b {
|
|
||||||
font-weight: 500;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
#DocumentationText blockquote {
|
|
||||||
font-size: 16px;
|
|
||||||
border-left: 4px solid #6db9d1;
|
|
||||||
padding: 6px;
|
|
||||||
background-color: #fafafa;
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
#DocumentationText blockquote li div.highlighter-rouge {
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
#DocumentationText blockquote p {
|
|
||||||
color: black !important;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px 20px;
|
|
||||||
}
|
|
||||||
/*#DocumentationText blockquote p strong {
|
|
||||||
color: #6db9d1;
|
|
||||||
}*/
|
|
||||||
#DocumentationText blockquote ol, #DocumentationText blockquote ul {
|
|
||||||
padding-left: 20px !important;
|
|
||||||
}
|
|
||||||
#DocumentationText code {
|
|
||||||
border-width: 0px !important;
|
|
||||||
background-color: #f5f5f5 !important;
|
|
||||||
}
|
|
||||||
#DocumentationText thead {
|
|
||||||
background: rgb(200, 230, 239);
|
|
||||||
}
|
|
||||||
#DocumentationText thead th {
|
|
||||||
color: black;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
#DocumentationText {
|
|
||||||
padding: 20px !important;
|
|
||||||
}
|
|
||||||
#DocumentationText h2 {
|
|
||||||
font-size: 38px;
|
|
||||||
}
|
|
||||||
#DocumentationText h1,
|
|
||||||
#DocumentationText h2,
|
|
||||||
#DocumentationText h3,
|
|
||||||
#DocumentationText h4,
|
|
||||||
#DocumentationText h5,
|
|
||||||
#DocumentationText h6 {
|
|
||||||
color: #155A74;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
#DocumentationText,
|
|
||||||
#TableOfContentsSection {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
#DocumentationText a,
|
|
||||||
#RightColumnSection a {
|
|
||||||
color: #008AB5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* reset away from #008AB5 */
|
|
||||||
|
|
||||||
/* removed hard-coded color for button links pre new CSS from Design */
|
|
||||||
#DocumentationText a.button {
|
|
||||||
}
|
|
||||||
|
|
||||||
#DocumentationText .darkblue-btn {
|
|
||||||
color: #ffffff;
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hard coded color and other settings pre new CSS from Design */
|
|
||||||
#DocumentationText .secondary-btn,
|
|
||||||
button .secondary-btn {
|
|
||||||
border: 2px solid #1488c6;
|
|
||||||
color: #1488c6;
|
|
||||||
background: white;
|
|
||||||
margin-top: 15px;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 12px 30px 12px 30px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-family: Open Sans, sans-serif;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
#DocumentationText button.secondary-btn {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
#DocumentationText .secondary-btn:hover,
|
|
||||||
button .secondary-btn:hover {
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
#DocumentationText table {
|
|
||||||
margin: 1.25rem 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* anchor links to reveal paragraph marker on hover */
|
|
||||||
|
|
||||||
a.anchorLink {
|
|
||||||
margin-left: 5px;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:hover > a.anchorLink,
|
|
||||||
h2:hover > a.anchorLink,
|
|
||||||
h3:hover > a.anchorLink {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ========== Start sidebarnav ========== */
|
|
||||||
div.docsidebarnav_section.affix {
|
|
||||||
position: fixed;
|
|
||||||
z-index: 9999;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
div.docsidebarnav_section.affix ul {
|
|
||||||
margin: 0 0 1.5rem 0;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section {
|
|
||||||
left: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul{
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: -25px 0 1.5rem 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 0;
|
|
||||||
width: 270px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li a {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: 'Geomanist Regular', sans-serif;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding: 16px 5px 16px 20px;
|
|
||||||
line-height: 15px;
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: #fff;
|
|
||||||
color: rgba(0, 0, 0, 0.7);
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li a:hover {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li a,
|
|
||||||
.docsidebarnav_section ul li a:hover,
|
|
||||||
.docsidebarnav_section ul li a:focus
|
|
||||||
{
|
|
||||||
border-bottom: none;
|
|
||||||
text-decoration: none;
|
|
||||||
border-left: 2px solid rgba(188, 181, 185, 0.3);
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li a.active {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
/* ========== End sidebarnav ========== */
|
|
||||||
.docsidebarnav_section a.expand-menu {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.docsidebarnav_section a.expand-menu:hover {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
.docsidebarnav_section a.expand-menu.active {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section .caret {float: right;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-top: 5px;}
|
|
||||||
.docsidebarnav_section.affix ul,
|
|
||||||
.docsidebarnav_section ul {position: initial;margin:initial !important;}
|
|
||||||
.nav-sub .currentPage,
|
|
||||||
.nav-sub .currentPage:hover {
|
|
||||||
color: rgb(20, 136, 198);
|
|
||||||
border-left: 2px solid rgb(20, 136, 198);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.menu-closed .nav-sub {height: 0 !important;}
|
|
||||||
.menu-open .nav-sub {height: auto;}
|
|
||||||
div>.nav-sub>li {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section ul li a,
|
|
||||||
.nav-sub li a {padding-left: 1em;}
|
|
||||||
.nav-sub li li a {padding-left: 1.5em;}
|
|
||||||
.nav-sub li li li a {padding-left: 2em;}
|
|
||||||
.nav-sub li li li li a {padding-left: 2.5em;}
|
|
||||||
.nav-sub li li li li li a {padding-left: 3em;}
|
|
||||||
#DocumentationText pre {
|
|
||||||
margin: 20px 0 20px !important;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
#DocumentationText li p {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.docsidebarnav_section .menu-icon {
|
|
||||||
float: right;
|
|
||||||
color: #b7b9b5;
|
|
||||||
}
|
|
||||||
.menu-open .menu-icon:after {
|
|
||||||
content: "\e260";
|
|
||||||
margin: 0 5px;
|
|
||||||
font-family: 'Glyphicons Halflings';
|
|
||||||
}
|
|
||||||
.menu-closed .menu-icon:after {
|
|
||||||
content: "\e259";
|
|
||||||
margin: 0 5px;
|
|
||||||
font-family: 'Glyphicons Halflings';
|
|
||||||
}
|
|
||||||
.glyphicon-menu-down:before {
|
|
||||||
content: "\e259";
|
|
||||||
}
|
|
||||||
.glyphicon-menu-up:before {
|
|
||||||
content: "\e260";
|
|
||||||
}
|
|
||||||
|
|
||||||
/* TableOfContents */
|
|
||||||
.right_column_section {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.rating-msg {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
#pd_rating_holder_8453675 {
|
|
||||||
vertical-align: bottom !important;
|
|
||||||
}
|
|
||||||
#rating_info_8453675 {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#RightColumnSection {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#RightColumnSection ul {
|
|
||||||
padding-top: 5px;
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.advisory {
|
|
||||||
color: #F04124;
|
|
||||||
margin: -20px -20px 20px -20px;
|
|
||||||
padding: 20px;
|
|
||||||
border-left: 4px solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* search form */
|
|
||||||
.form-control:focus {
|
|
||||||
outline: 0;
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.search-banner {
|
|
||||||
width: 100%;
|
|
||||||
align: center;
|
|
||||||
}
|
|
||||||
.search-form .algolia-autocomplete {
|
|
||||||
width: 100%;
|
|
||||||
padding-right: 54px;
|
|
||||||
}
|
|
||||||
.search-form .algolia-autocomplete .search-field, #st-search-input {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.search-form{
|
|
||||||
max-width: 420px;
|
|
||||||
width: 100%;
|
|
||||||
margin: auto;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
.search-form .search-field {
|
|
||||||
NOwidth: 280px;
|
|
||||||
NOmargin: auto;
|
|
||||||
height: 54px;
|
|
||||||
margin: 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: none;
|
|
||||||
/* text-indent: 80px; */
|
|
||||||
transition: opacity 400ms;
|
|
||||||
color: #9098a2;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
.search-form .search-submit {
|
|
||||||
width: 54px;
|
|
||||||
height: 54px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
/* left: .8rem; */
|
|
||||||
right: 0px;
|
|
||||||
border: 0;
|
|
||||||
text-indent: -9999px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: url("/images/search-icon.png");
|
|
||||||
/* background-size: 38px 38px; */
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
/* border-right: 1px solid #e1e1e1; */
|
|
||||||
outline: none;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* end search */
|
|
||||||
|
|
||||||
/* begin reading_time */
|
|
||||||
|
|
||||||
span.reading-time {
|
|
||||||
font-style: italic;
|
|
||||||
font-size: 80%;
|
|
||||||
display: block;
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.reading-time-label {
|
|
||||||
}
|
|
||||||
|
|
||||||
img.with-border {
|
|
||||||
border: 1px solid #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-div {
|
|
||||||
margin-top: 10px;
|
|
||||||
border: 1px solid #2294ca;
|
|
||||||
}
|
|
||||||
|
|
||||||
#side-toc {
|
|
||||||
background-color: #f5fdff;
|
|
||||||
border: 1px solid #2294ca;
|
|
||||||
padding: 10px;
|
|
||||||
margin-top: 20px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#feedback-links {
|
|
||||||
margin-top: 20px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#side-toc-contents,
|
|
||||||
#feedback-links {
|
|
||||||
list-style-type: none;
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#side-toc-contents ul,
|
|
||||||
#feedback-links ul {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#side-toc-contents li {
|
|
||||||
padding-bottom: 7px;
|
|
||||||
padding-top: 7px;
|
|
||||||
line-height: 1!important;
|
|
||||||
}
|
|
||||||
#side-toc-contents ul ul li {
|
|
||||||
padding-left: 14px;
|
|
||||||
}
|
|
||||||
#side-toc-title {
|
|
||||||
font-weight: bolder;
|
|
||||||
font-size: 90%;
|
|
||||||
color: #155A74;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#site-generation {
|
|
||||||
font-size: 9px;
|
|
||||||
color: #999;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
#top-nav {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#start-tour-container {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
float: right;
|
|
||||||
vertical-align: middle;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#start-tour {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Geomanist', san-serif;
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 1.3;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 110px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#start-tour:hover {
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
@ -1,97 +0,0 @@
|
||||||
/* ========== Start Extra Sytling ========== */
|
|
||||||
/** CSS Overrides - this is temporary and should be formally added to the master scss files **/
|
|
||||||
/** Global links **/
|
|
||||||
a, a:active, a:hover, a:focus {outline: none;}
|
|
||||||
a:hover, a:focus {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;
|
|
||||||
}
|
|
||||||
/********** hide these elements *********/
|
|
||||||
.cta-illustration {display: none;}
|
|
||||||
.main-header .logo_safari {
|
|
||||||
display:none;
|
|
||||||
visibility:hidden;
|
|
||||||
}
|
|
||||||
.main-header .logo{
|
|
||||||
width: 116px;
|
|
||||||
width: 136px;
|
|
||||||
|
|
||||||
}
|
|
||||||
/* SVEN SAYS NO
|
|
||||||
html.safari .main-header .logo{
|
|
||||||
display:none;
|
|
||||||
visibility:hidden;
|
|
||||||
}
|
|
||||||
html.safari .main-header .logo_safari{
|
|
||||||
width: 116px;
|
|
||||||
width: 136px;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
section.community_section{
|
|
||||||
padding:50px 0;
|
|
||||||
}
|
|
||||||
section.community_section .columns iframe{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
section.community_section .columns img{
|
|
||||||
height:100%!important;
|
|
||||||
width:100%!important;
|
|
||||||
}
|
|
||||||
section.community_section .columns center img{
|
|
||||||
height: 160px!important;
|
|
||||||
width: 160px!important;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.node-type-flexible-page .dockercon16 section.whitebackground p.{
|
|
||||||
font-size: 14px;
|
|
||||||
color: #496B81;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
.path-docker-community-incident-report .iframe{
|
|
||||||
width: 100%;
|
|
||||||
max-width:700px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.install_the_platform_section.section a.button.darkblue-btn{
|
|
||||||
margin-top:30px;
|
|
||||||
}
|
|
||||||
.path-find-partner .sidebarnav_section ul{
|
|
||||||
margin: 0px 0 1.5rem 0;
|
|
||||||
}
|
|
||||||
.path-find-partner div.sidebarnav_section.affix{
|
|
||||||
top: 52px;
|
|
||||||
}
|
|
||||||
.node-type-projects .button.darkblue-btn {
|
|
||||||
background-color: transparent;
|
|
||||||
color: #E6F9FF;
|
|
||||||
padding: 10px 40px;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
}
|
|
||||||
/********** for toolbox only *********/
|
|
||||||
.path-docker-toolbox .dockercon16 section.title_section a.button.white-btn {
|
|
||||||
padding: 14px 70px 11px 70px;
|
|
||||||
background: transparent;
|
|
||||||
color: #fff;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.path-docker-toolbox .dockercon16 section.title_section a.button.white-btn:hover {
|
|
||||||
background: RGBA(255, 255, 255, 0.25);
|
|
||||||
border: 1px solid #fff;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
/********** for project only *********/
|
|
||||||
.dockercon16 section.projects_docker_projects_section.section a.button.darkblue-border-btn {
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
/* ========== End Extra Sytling ========== */
|
|
||||||
|
|
@ -1,234 +0,0 @@
|
||||||
|
|
||||||
/* 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;}
|
|
||||||
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
#mktoStyleLoaded {
|
|
||||||
/* css load detection, do not remove */
|
|
||||||
color:#123456;
|
|
||||||
}
|
|
||||||
.mktoForm fieldset {}
|
|
||||||
.mktoForm fieldset legend{}
|
|
||||||
.mktoForm input[type=text],
|
|
||||||
.mktoForm input[type=url],
|
|
||||||
.mktoForm input[type=email],
|
|
||||||
.mktoForm input[type=tel],
|
|
||||||
.mktoForm input[type=number],
|
|
||||||
.mktoForm input[type=date]{}
|
|
||||||
|
|
||||||
.mktoForm input[type=text],
|
|
||||||
.mktoForm input[type=url],
|
|
||||||
.mktoForm input[type=email],
|
|
||||||
.mktoForm input[type=tel],
|
|
||||||
.mktoForm input[type=number],
|
|
||||||
.mktoForm input[type=date],
|
|
||||||
.mktoForm textarea.mktoField,
|
|
||||||
.mktoForm select.mktoField {
|
|
||||||
padding:2px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mktoForm input[type=text]:focus,
|
|
||||||
.mktoForm input[type=url]:focus,
|
|
||||||
.mktoForm input[type=email]:focus,
|
|
||||||
.mktoForm input[type=tel]:focus,
|
|
||||||
.mktoForm input[type=number]:focus,
|
|
||||||
.mktoForm input[type=date]:focus,
|
|
||||||
.mktoForm select.mktoField:focus,
|
|
||||||
.mktoForm textarea.mktoField:focus{}
|
|
||||||
562
css/forms2.css
562
css/forms2.css
|
|
@ -1,562 +0,0 @@
|
||||||
/* This is used to test if the stylesheet has been loaded yet*/
|
|
||||||
#mktoStyleLoaded {
|
|
||||||
background-color: #123456;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoClear {
|
|
||||||
clear: both;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.mktoForm div,
|
|
||||||
.mktoForm span,
|
|
||||||
.mktoForm label,
|
|
||||||
.mktoForm p {
|
|
||||||
text-align: left;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.mktoForm input,
|
|
||||||
.mktoForm select,
|
|
||||||
.mktoForm textarea {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.mktoForm * {
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoOffset {
|
|
||||||
float: left;
|
|
||||||
height: 1.2em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoGutter {
|
|
||||||
float: left;
|
|
||||||
height: 1.2em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFieldWrap {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoLabel {
|
|
||||||
float: left;
|
|
||||||
line-height: 1.2em;
|
|
||||||
padding-top: 0.3em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoField {
|
|
||||||
line-height: 1.2em;
|
|
||||||
font-size: 1em;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoPlaceholder {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoLogicalField {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm fieldset {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.mktoForm fieldset legend {
|
|
||||||
margin: 0 1em 0.5em;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
.mktoForm a.mktoNotYou {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #4692f3;
|
|
||||||
}
|
|
||||||
.mktoForm a.mktoNotYou:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoAsterix {
|
|
||||||
float: right;
|
|
||||||
color: #bf0000;
|
|
||||||
padding-left: 5px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRadioList,
|
|
||||||
.mktoForm .mktoCheckboxList {
|
|
||||||
padding: 0.3em;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRadioList > label,
|
|
||||||
.mktoForm .mktoCheckboxList > label {
|
|
||||||
margin-left: 1.5em;
|
|
||||||
margin-top: 0.1em;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
line-height: 1.2em;
|
|
||||||
display: block;
|
|
||||||
min-height: 12px;
|
|
||||||
}
|
|
||||||
.mktoForm.ie7 .mktoRadioList > label,
|
|
||||||
.mktoForm.ie7 .mktoCheckboxList > label {
|
|
||||||
padding: 0.2em 0 0;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRadioList > label > input,
|
|
||||||
.mktoForm .mktoCheckboxList > label > input {
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
margin-left: -1.5em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRadioList > input,
|
|
||||||
.mktoForm .mktoCheckboxList > input {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoLabelToLeft > label {
|
|
||||||
text-align: right;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 1.5em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoLabelToLeft input[type=checkbox],
|
|
||||||
.mktoForm .mktoLabelToLeft input[type=radio] {
|
|
||||||
position: absolute;
|
|
||||||
right: 0.3em;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
|
|
||||||
float: left;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRequiredField .mktoAsterix {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRequiredField label.mktoLabel {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.mktoForm input[type=text],
|
|
||||||
.mktoForm input[type=url],
|
|
||||||
.mktoForm input[type=email],
|
|
||||||
.mktoForm input[type=tel],
|
|
||||||
.mktoForm input[type=number],
|
|
||||||
.mktoForm input[type=date] {
|
|
||||||
padding: 0.1em 0.2em;
|
|
||||||
line-height: 1.2em;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.mktoForm input[type=range] {
|
|
||||||
padding: 0.25em 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.mktoForm input[type=range]::-ms-tooltip {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm input[type=url],
|
|
||||||
.mktoForm input[type=text],
|
|
||||||
.mktoForm input[type=date],
|
|
||||||
.mktoForm input[type=tel],
|
|
||||||
.mktoForm input[type=email],
|
|
||||||
.mktoForm input[type=number],
|
|
||||||
.mktoForm textarea.mktoField,
|
|
||||||
.mktoForm select.mktoField {
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormRow {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormCol {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
min-height: 2em;
|
|
||||||
}
|
|
||||||
.mktoButtonRow {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.mktoForm textarea.mktoField {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0.2em;
|
|
||||||
margin: 0;
|
|
||||||
line-height: 1.2em;
|
|
||||||
overflow: auto;
|
|
||||||
resize: none;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
/* Firefox computes row height wrong for the last 13 years... https://bugzilla.mozilla.org/show_bug.cgi?id=33654 */
|
|
||||||
.mktoForm textarea[rows="1"] {
|
|
||||||
height: 2em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="2"] {
|
|
||||||
height: 3.4em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="3"] {
|
|
||||||
height: 4.6em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="4"] {
|
|
||||||
height: 5.8em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="5"] {
|
|
||||||
height: 7em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="6"] {
|
|
||||||
height: 8.2em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="7"] {
|
|
||||||
height: 9.4em;
|
|
||||||
}
|
|
||||||
.mktoForm textarea[rows="8"] {
|
|
||||||
height: 10.6em;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutCenter .mktoLabel {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoGutter {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoLabel {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoRadioList,
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoCheckboxList {
|
|
||||||
float: none;
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoField,
|
|
||||||
.mktoForm.mktoLayoutAbove .mktoLogicalField {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.mktoForm.mktoLayoutAbove textarea.mktoField {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 99;
|
|
||||||
color: #bf0000;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError .mktoErrorArrowWrap {
|
|
||||||
width: 16px;
|
|
||||||
height: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 5px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
|
|
||||||
top: -8px;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError .mktoErrorArrow {
|
|
||||||
background-color: #e51b00;
|
|
||||||
border: 1px solid #9f1300;
|
|
||||||
border-right: none;
|
|
||||||
border-bottom: none;
|
|
||||||
display: inline-block;
|
|
||||||
height: 16px;
|
|
||||||
-webkit-transform: rotate(45deg);
|
|
||||||
-moz-transform: rotate(45deg);
|
|
||||||
transform: rotate(45deg);
|
|
||||||
-ms-transform: rotate(45deg);
|
|
||||||
width: 16px;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
/** These two styles are for browsers that don't support css transforms */
|
|
||||||
.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
|
|
||||||
background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat;
|
|
||||||
bottom: -7px;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError .mktoErrorMsg {
|
|
||||||
display: block;
|
|
||||||
margin-top: 7px;
|
|
||||||
background-color: #e51b00;
|
|
||||||
background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
|
|
||||||
background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
|
|
||||||
background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
|
|
||||||
background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
|
|
||||||
border: 1px solid #9f1300;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
-webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
|
|
||||||
box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
|
|
||||||
color: #f3f3f3;
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 1.2em;
|
|
||||||
max-width: 16em;
|
|
||||||
padding: 0.4em 0.6em;
|
|
||||||
text-shadow: #901100 0 -1px 0;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.mktoForm button.mktoButton {
|
|
||||||
cursor: pointer;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.mktoForm button.mktoButton:disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
||||||
filter: alpha(opacity=50);
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
.mktoNoJS .mktoLabel {
|
|
||||||
display: block;
|
|
||||||
padding-right: 10px;
|
|
||||||
width: 110px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.mktoNoJS input[type=text] {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
.mktoForm .cf_widget_socialsignon .cf_sign_on {
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValue {
|
|
||||||
zoom: 1;
|
|
||||||
float: left;
|
|
||||||
display: none;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 99;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
.mktoForm.ie7 .mktoRangeField .mktoRangeValue,
|
|
||||||
.mktoForm.ie6 .mktoRangeField .mktoRangeValue {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
|
|
||||||
width: 16px;
|
|
||||||
height: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -7px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValueArrow {
|
|
||||||
background-color: #028d05;
|
|
||||||
border: 1px solid #005602;
|
|
||||||
height: 16px;
|
|
||||||
-webkit-transform: rotate(45deg);
|
|
||||||
-moz-transform: rotate(45deg);
|
|
||||||
transform: rotate(45deg);
|
|
||||||
-ms-transform: rotate(45deg);
|
|
||||||
width: 16px;
|
|
||||||
background-color: #007d04;
|
|
||||||
border-left: none;
|
|
||||||
border-top: none;
|
|
||||||
margin-top: 5px;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 5px;
|
|
||||||
}
|
|
||||||
/** These two styles are for browsers that don't support css transforms */
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
|
|
||||||
background: transparent url("../images/callout-arrow-down-green.png") top center no-repeat;
|
|
||||||
bottom: -7px;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRangeField .mktoRangeValueText {
|
|
||||||
display: block;
|
|
||||||
background-color: #028d05;
|
|
||||||
background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%);
|
|
||||||
background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%);
|
|
||||||
background-image: linear-gradient(#028d05 43%, #007d04 100%);
|
|
||||||
background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%);
|
|
||||||
border: 1px solid #005602;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
-webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px;
|
|
||||||
box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #00a500 0 1px 0px;
|
|
||||||
color: #f3f3f3;
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 1.2em;
|
|
||||||
padding: 0.4em 0.6em;
|
|
||||||
text-shadow: #005602 0 -1px 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.mktoModal {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.mktoModal .mktoModalMask {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 10000;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
zoom: 1;
|
|
||||||
background: rgba(0,0,0,0.5);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
|
|
||||||
}
|
|
||||||
.mktoModal .mktoModalContent {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 10001;
|
|
||||||
background: #fff;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.mktoModal .mktoModalClose {
|
|
||||||
position: absolute;
|
|
||||||
cursor: pointer;
|
|
||||||
top: -10px;
|
|
||||||
right: -10px;
|
|
||||||
background: #000;
|
|
||||||
color: #fff;
|
|
||||||
width: 19px;
|
|
||||||
height: 19px;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 19px;
|
|
||||||
-webkit-border-radius: 19px;
|
|
||||||
border-radius: 19px;
|
|
||||||
text-align: center;
|
|
||||||
border: 2px solid #ccc;
|
|
||||||
}
|
|
||||||
/* This part of the stylesheet is overrides for mobile browsers with screen width restrictions.
|
|
||||||
It should always be at the end of the document. */
|
|
||||||
@media only screen and (max-width: 480px) {
|
|
||||||
.mktoForm,
|
|
||||||
.mktoForm * {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoGutter,
|
|
||||||
.mktoForm .mktoOffset {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormCol .mktoLabel {
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormCol {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFieldWrap {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.mktoForm fieldset {
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
.mktoForm input[type=url],
|
|
||||||
.mktoForm input[type=text],
|
|
||||||
.mktoForm input[type=date],
|
|
||||||
.mktoForm input[type=tel],
|
|
||||||
.mktoForm input[type=email],
|
|
||||||
.mktoForm input[type=number],
|
|
||||||
.mktoForm textarea.mktoField,
|
|
||||||
.mktoForm select.mktoField {
|
|
||||||
width: 100%;
|
|
||||||
height: 1.5em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.mktoForm select.mktoField {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormRow .mktoField {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormRow .mktoFormCol {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoRadioList,
|
|
||||||
.mktoForm .mktoCheckboxList {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
|
|
||||||
float: left;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.mktoModal .mktoModalContent {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
.mktoModal .mktoModalClose {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.mktoForm .cf_widget_socialsignon {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.mktoForm .cf_widget_socialsignon .cf_sign_on {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoForm .cf_widget_socialsignon .cf_sign_on_button {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
|
|
||||||
.mktoMobileShow .mktoForm,
|
|
||||||
.mktoForm * {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoGutter,
|
|
||||||
.mktoMobileShow .mktoForm .mktoOffset {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFormCol {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFieldWrap {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm fieldset {
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm input[type=url],
|
|
||||||
.mktoMobileShow .mktoForm input[type=text],
|
|
||||||
.mktoMobileShow .mktoForm input[type=date],
|
|
||||||
.mktoMobileShow .mktoForm input[type=tel],
|
|
||||||
.mktoMobileShow .mktoForm input[type=email],
|
|
||||||
.mktoMobileShow .mktoForm input[type=number],
|
|
||||||
.mktoMobileShow .mktoForm textarea.mktoField,
|
|
||||||
.mktoMobileShow .mktoForm select.mktoField {
|
|
||||||
width: 100%;
|
|
||||||
height: 1.5em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm select.mktoField {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFormRow .mktoField {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoRadioList,
|
|
||||||
.mktoMobileShow .mktoForm .mktoCheckboxList {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
|
|
||||||
float: left;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoModal .mktoModalContent {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoModal .mktoModalClose {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .cf_widget_socialsignon {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,241 +0,0 @@
|
||||||
/* ========== Start Responsive Sytling ========== */
|
|
||||||
@media screen and (max-width:1199px) {
|
|
||||||
.node-type-front-page .dockercon16 section.title_section.darkblue a.button{
|
|
||||||
margin-bottom: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:991px) {
|
|
||||||
section.section {
|
|
||||||
padding: 80px 0;
|
|
||||||
}
|
|
||||||
.main-header div>.nav-main>li {
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section .cross-btn > a{
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section .cross-btn:after{
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section .cross-btn > a:after{
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section .cross-btn > a:before{
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.pricing-tables > li {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
.pricing-tables > li.standard {
|
|
||||||
border-right: 1px solid #CCC;
|
|
||||||
}
|
|
||||||
.main-header .logo, .main-header .logo_safari {
|
|
||||||
margin-left: 50px;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.main_footer .footer-nav .primary-footer-sub-nav {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.main_footer .footer-nav .primary-footer-sub-nav ul li {
|
|
||||||
margin-left: 0px;
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
section.use_case_item_section .items.media li .media_content {
|
|
||||||
padding-right: 30px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.use_case_item_section.section .button_table a.button {
|
|
||||||
padding: 15px 20px 13px 20px;
|
|
||||||
}
|
|
||||||
section.government_partners_section .government_partners_tabs ul li{
|
|
||||||
max-width: 32%;
|
|
||||||
}
|
|
||||||
section.government_other_resources_section.GenericDev .items.displaytable li {
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
section.government_partners_section .government_partners_tabs ul li .helper img{
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
section.dockercon_quotes_section .quotes_icon {
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
section.career_job_openings_section.GenericDev .items.media li {
|
|
||||||
padding: 20px 30px 20px 30px;
|
|
||||||
}
|
|
||||||
section.career_job_openings_section.GenericDev .items.media li .media_image {
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
section.career_overview_section.GenericDev .items>li {
|
|
||||||
padding: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:940px) {
|
|
||||||
header .top-right-bg {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:767px) {
|
|
||||||
section.section {
|
|
||||||
padding: 60px 0;
|
|
||||||
}
|
|
||||||
section.GenericDev .items>li {
|
|
||||||
padding: 20px 10px 20px;
|
|
||||||
}
|
|
||||||
.dockercon16 div.heronav_section ul li a {
|
|
||||||
padding: 14px 30px 10px 30px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.section a.button, .dockercon16 section.title_section a.button {
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}.dockercon16 section.section a.button+a.button, .dockercon16 section.title_section a.button+a.button {
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
.sm-margin-top-40 {
|
|
||||||
margin-top:40px;
|
|
||||||
}
|
|
||||||
footer.main_footer .top_footer {
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
footer.main_footer div.newsletter {
|
|
||||||
max-width: none;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
footer.main_footer .social-icons {
|
|
||||||
max-width: none;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.node-type-front-page .dockercon16 section.title_section.darkblue img.moby {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section {
|
|
||||||
background-size: 200% 52px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.title_section .dockercon16_padding {
|
|
||||||
padding-top: 50px;
|
|
||||||
}
|
|
||||||
.dockercon16 section .dockercon16_padding {
|
|
||||||
padding-top:50px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.use_case_item_section.section .button_table a.button {
|
|
||||||
margin-top:30px;
|
|
||||||
}
|
|
||||||
section.feature_customer_section.GenericDev .items.media>li{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
section.dockercon_quotes_section .quotes_icon {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.sidebarnav_section ul{
|
|
||||||
margin: 0px 0px 1.5rem;
|
|
||||||
}
|
|
||||||
.dockercon16 .row .sidebarnav_section+.floatleft,.dockercon16 .docker_captian_about_section .text-left{
|
|
||||||
margin-top: 140px;
|
|
||||||
}
|
|
||||||
.dockercon16 .row .sidebarnav_section+.floatleft>.row{
|
|
||||||
padding: 0 15px;
|
|
||||||
}
|
|
||||||
.dockercon16 .docker_captian_about_section{
|
|
||||||
padding: 0 15px;
|
|
||||||
}
|
|
||||||
.dockercon16 .event-search {
|
|
||||||
padding: 0 15px;
|
|
||||||
}
|
|
||||||
.path-aws .dockercon16 .row .sidebarnav_section+.floatleft, .path-hpe .dockercon16 .row .sidebarnav_section+.floatleft, .path-IBM .dockercon16 .row .sidebarnav_section+.floatleft, .path-partner-portal .dockercon16 .row .sidebarnav_section+.floatleft , .path-microsoft .dockercon16 .row .sidebarnav_section+.floatleft, .path-find-partner .dockercon16 .row .sidebarnav_section+.floatleft {
|
|
||||||
margin-top: 175px;
|
|
||||||
}
|
|
||||||
.path-resources .dockercon16 .row .sidebarnav_section+.floatleft, .path-section-products .dockercon16 .row .sidebarnav_section+.floatleft {
|
|
||||||
margin-top: 280px;
|
|
||||||
}
|
|
||||||
div.dockercon_registation_section .cross-btn {
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
section.title_section.darkblue img {
|
|
||||||
max-height: 250px;
|
|
||||||
}
|
|
||||||
.dockercon16 section.title_section .textalign-left a.button, .dockercon16 section.title_section .textalign-left a.button+a.button {
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
section.docker_product_section.GenericDev .items.media {
|
|
||||||
margin-left: -20px;
|
|
||||||
margin-right: -20px;
|
|
||||||
}
|
|
||||||
section.docker_product_section.GenericDev .items.media li {
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
section.docker_product_section .items.media li .media_image {
|
|
||||||
left: 25px!important;
|
|
||||||
}
|
|
||||||
section.toolbox_overview_section .items>li a.button {
|
|
||||||
margin: 10px 00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:680px) {
|
|
||||||
.pricing-tables > li {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:600px) {
|
|
||||||
.dockercon16 section.title_section a.button,.dockercon16 section.title_section a.button+a.button{
|
|
||||||
display: block;
|
|
||||||
max-width: 300px;
|
|
||||||
margin: 20px auto;
|
|
||||||
}
|
|
||||||
.dockercon16 div.heronav_section ul {
|
|
||||||
display: block;
|
|
||||||
clear: none;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.dockercon16 div.heronav_section ul li {
|
|
||||||
float: none;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.dockercon16 div.heronav_section ul li a {
|
|
||||||
padding: 14px 20px 10px 20px;
|
|
||||||
}
|
|
||||||
section.use_case_item_section .quote_container .author {
|
|
||||||
padding-left: 40%;
|
|
||||||
}
|
|
||||||
section.use_case_item_section .quote_container .author_position {
|
|
||||||
padding-left: 40%;
|
|
||||||
}
|
|
||||||
section.dockercon_quotes_section .quotes_slider .slides li .author{
|
|
||||||
padding-left: 40%;
|
|
||||||
}
|
|
||||||
section.dockercon_quotes_section .quotes_slider .slides li .author_position {
|
|
||||||
padding-left: 40%;
|
|
||||||
}
|
|
||||||
section.customers_logos_section .items>li{
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
section.customers_logos_section .items>li a{
|
|
||||||
min-height: 250px;
|
|
||||||
}
|
|
||||||
section.government_other_resources_section.GenericDev .items.displaytable li {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:500px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
@media screen and (max-width:480px) {
|
|
||||||
section.customers_logos_section .items>li{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:400px) {
|
|
||||||
section.included_product_section a.button {
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
section.product_features_product_section .items li a.button {
|
|
||||||
min-width: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* ========== End Responsive Sytling ========== */
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
|
|
||||||
@media only screen and (max-width: 58.75em) {
|
|
||||||
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 47.9375em) {
|
|
||||||
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 40em) {
|
|
||||||
|
|
||||||
}
|
|
||||||
1741
css/style-alt.css
1741
css/style-alt.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -14,4 +14,4 @@
|
||||||
@import "utilities";
|
@import "utilities";
|
||||||
@import "github";
|
@import "github";
|
||||||
@import "overrides";
|
@import "overrides";
|
||||||
@import "mobile";
|
@import "mobile";
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 848 KiB |
|
|
@ -0,0 +1,134 @@
|
||||||
|
---
|
||||||
|
title: "Docker Docs Hackathon: April 17-21, 2017"
|
||||||
|
keywords: hack, hackathon, dockercon, austin, 2017
|
||||||
|
noratings: true
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
During DockerCon 2017, Docker's docs team will be running our first-ever
|
||||||
|
hackathon, and you're invited to participate and win prizes -- whether you
|
||||||
|
attend DockerCon or are just watching the proceedings online.
|
||||||
|
|
||||||
|
Essentially, it's a bug-bash! We have a number of bugs filed against our docs
|
||||||
|
up on GitHub for you to grab.
|
||||||
|
|
||||||
|
You can participate in one of two ways:
|
||||||
|
|
||||||
|
- With the docs team's help in **the fourth floor hack room at DockerCon on
|
||||||
|
Tuesday, April 18th and Wednesday, April 19th, from 1-6pm**.
|
||||||
|
- Online! Right here! During the whole week of DockerCon (April 17th - 21st).
|
||||||
|
|
||||||
|
Or, both -- if you want to have the best shot. After all, we won't be in the
|
||||||
|
hack room 24/7 that whole week.
|
||||||
|
|
||||||
|
All participants who show up in the 4th floor hack room at DockerCon will get
|
||||||
|
[this way-cool magnet](http://www.cafepress.com/dockerdocshackathon.25633054) just for stopping by.
|
||||||
|
|
||||||
|
<div data-type="countdown" data-id="104602" class="tickcounter" style="width: 100%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/countdown/104602/docs-hackathon-starts-in" title="Docs Hackathon Starts in:">Docs Hackathon Starts in:</a><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script>
|
||||||
|
|
||||||
|
## Quick links
|
||||||
|
|
||||||
|
- [View hackathon bugs on GitHub](https://github.com/docker/docker.github.io/issues?q=is%3Aissue+is%3Aopen+label%3Ahackathon)
|
||||||
|
- [Report your hackathon work](https://goo.gl/forms/oEaQOlKvQj8iJbn53)
|
||||||
|
- [Browse prizes](http://www.cafepress.com/dockerdocshackathon)
|
||||||
|
- [#docs on Slack, if you have questions](https://dockercommunity.slack.com/messages/C2V58TASE)
|
||||||
|
|
||||||
|
## How it works
|
||||||
|
|
||||||
|
We have a number of bugs that have built up in our docs queue on GitHub, and
|
||||||
|
we have labeled a whole slew of them with [the tag `hackathon`, which you can
|
||||||
|
see here](https://github.com/docker/docker.github.io/labels/hackathon).
|
||||||
|
|
||||||
|
Submit fixes for these bugs, or close them if you do a bit of research it turns
|
||||||
|
out they aren't actually valid. Every action you take gets you more points, and
|
||||||
|
the points are redeemable for dollars in [our hackathon store](http://www.cafepress.com/dockerdocshackathon). These points also
|
||||||
|
qualify you for valuable prizes like an Amazon gift card and a personally
|
||||||
|
engraved trophy!
|
||||||
|
|
||||||
|
## Prizes
|
||||||
|
|
||||||
|
- **All participants**: Points are redeemable for t-shirts, hoodies, sweatshirts,
|
||||||
|
mugs, beer steins, pint glasses, flasks, hoodies, stickers, buttons, magnets,
|
||||||
|
wall clocks, post-cards, and even doggie t-shirts.
|
||||||
|
- **3rd place**: A small trophy with a personal engraving, plus store credit
|
||||||
|
- **2nd place**: A small trophy with a personal engraving, plus store credit,
|
||||||
|
plus a $150 Amazon Gift Card
|
||||||
|
- **1st place**: A large trophy with a personal engraving, plus store credit,
|
||||||
|
plus a $300 Amazon Gift Card
|
||||||
|
|
||||||
|
### Bonuses
|
||||||
|
|
||||||
|
A select few will get bonuses for being extra special contributors:
|
||||||
|
|
||||||
|
- Largest single change introduced in a fix (files changed/lines of delta): 1000 points
|
||||||
|
- Most bugs closed (resolved as no-op or handled): 1000 points
|
||||||
|
- Most participation (attended all days): 1000 points
|
||||||
|
|
||||||
|
### Choosing a prize
|
||||||
|
|
||||||
|
You can see the point values for the bugs in the GitHub queue. Those are worth
|
||||||
|
cash in our rewards store at http://www.cafepress.com/dockerdocshackathon.
|
||||||
|
|
||||||
|
Our points-to-cash conversion rate will be figured out at the end of the
|
||||||
|
hackathon, and will essentially be a function of the number of points that
|
||||||
|
hackathon participants logged, and the number of dollars we have to spend on
|
||||||
|
prizes.
|
||||||
|
|
||||||
|
[View our available prizes](http://www.cafepress.com/dockerdocshackathon){: class="button primary-btn"}
|
||||||
|
|
||||||
|
## When?
|
||||||
|
|
||||||
|
The docs hackathon is going on from **April 17th thru April 21st, 2017**. This
|
||||||
|
is the time when it's possible to claim and resolve bugs.
|
||||||
|
|
||||||
|
> **Note**: Okay, technically, we won't be tallying until the following Monday,
|
||||||
|
April 24th. Just be sure you've submitted your claim form by then. If we don't
|
||||||
|
see your work on Monday morning, it won't be counted.
|
||||||
|
|
||||||
|
## Where?
|
||||||
|
|
||||||
|
### In-person
|
||||||
|
|
||||||
|
Attending DockerCon? Come to **the fourth floor hack room on Tuesday and
|
||||||
|
Wednesday from 1pm to 6pm**. We'll be there to answer questions and help you.
|
||||||
|
|
||||||
|
> **Note**: While the hackathon is officially ongoing all week online, working in
|
||||||
|
the hack room with us for these two days is
|
||||||
|
by far the best way to participate; the docs team will be on-hand to get you
|
||||||
|
started, get you unstuck, and guide you.
|
||||||
|
|
||||||
|
### Online
|
||||||
|
|
||||||
|
Drop into [the community Slack channel for the docs](https://dockercommunity.slack.com/messages/C2V58TASE) and ask any questions
|
||||||
|
you have. Otherwise, just go to GitHub and [look at our `hackathon` label](https://github.com/docker/docker.github.io/labels/hackathon)
|
||||||
|
and come here to claim your points when you're done.
|
||||||
|
|
||||||
|
## Claiming a bug
|
||||||
|
|
||||||
|
Whether attending in-person or online, to claim a bug as one that you are
|
||||||
|
working on (so nobody else grabs it out from under you) you must type a comment
|
||||||
|
saying you claim it. Respect it when you see other comments claiming a bug.
|
||||||
|
|
||||||
|
[View avaiable bugs](https://github.com/docker/docker.github.io/issues?q=is%3Aissue+is%3Aopen+label%3Ahackathon){: class="button primary-btn"}
|
||||||
|
|
||||||
|
## Claiming your points
|
||||||
|
|
||||||
|
Simply fill out this form when you're done participating. We'll take it from
|
||||||
|
there.
|
||||||
|
|
||||||
|
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe-vXsZX_u8EoPanCGnBd5eudnaHdJ4dqTumOurt2smCC9gTg/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
|
||||||
|
|
||||||
|
### Conversion rate
|
||||||
|
|
||||||
|
The points-to-cash ratio will be posted in this space no later than Friday the
|
||||||
|
21st. We need to figure out how many points' worth of fixes come in first.
|
||||||
|
|
||||||
|
Sorry but we can not send you cash for these points under any circumstances,
|
||||||
|
even if you don't spend them.
|
||||||
|
|
||||||
|
## Questions?
|
||||||
|
|
||||||
|
Ask us anything at docs@docker.com or in [the #docs channel on Slack](https://dockercommunity.slack.com/messages/C2V58TASE).
|
||||||
|
|
||||||
|
Thank you for participating in the 2017 Docs Hackathon!
|
||||||
Loading…
Reference in New Issue