kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
website/css/styles.css

935 lines
62 KiB
CSS
Raw Normal View History

catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
html, body {
margin: 0;
padding: 0; }
input, button {
outline: none; }
button {
cursor: pointer; }
ul, li {
list-style: none; }
ul {
margin: 0;
padding: 0; }
a {
text-decoration: none; }
.clear {
display: block;
clear: both; }
.light-text {
color: white; }
.right {
float: right; }
.left {
float: left; }
.center {
text-align: center; }
*, .button {
box-sizing: border-box;
font-family: "Roboto", sans-serif;
background: none;
margin: 0;
border: 0; }
body {
font-family: "Roboto", sans-serif; }
h1, h2, h5, p {
font-weight: 300; }
h3, h4 {
font-weight: 400; }
body.overlay-on {
overflow: hidden; }
.pi-modal-close-button {
position: absolute;
top: 50px;
right: 50px;
width: 36px;
height: 36px;
border: 0; }
.pi-modal-close-button:before, .pi-modal-close-button:after {
content: "";
position: absolute;
top: 0;
width: 50.91169px;
height: 2px;
background-color: white; }
.pi-modal-close-button:before {
left: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotateZ(45deg);
-ms-transform: rotate(45deg);
transform: rotateZ(45deg); }
.pi-modal-close-button:after {
right: 0;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotateZ(-45deg);
-ms-transform: rotate(-45deg);
transform: rotateZ(-45deg); }
.pi-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
background-color: rgba(0, 0, 0, 0.8);
display: none;
opacity: 0;
transition: 0.3s; }
.pi-modal-overlay.on {
opacity: 1; }
.pi-multi-frame-display {
position: relative;
width: 80vw;
height: 80vh;
margin: 10vh auto; }
.pi-multi-frame-display .item-wrapper {
position: relative;
width: 100%;
height: 100%; }
.pi-multi-frame-display .item {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none; }
.pi-multi-frame-display .item.on {
display: block; }
.pi-multi-frame-display .pager {
position: absolute;
bottom: 10%;
left: 0;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.pi-multi-frame-display .pager .pager-button {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: black;
border: 0;
margin: 0 10px;
transition: 0.3s; }
.pi-multi-frame-display .pager .pager-button.yah {
background-color: #00ff99; }
.pi-multi-frame-display .prev-button, .pi-multi-frame-display .next-button {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
border: 0;
border-color: #00ff99;
z-index: 3;
-webkit-transform: translateY(-50%) rotateZ(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotateZ(45deg);
transition: 0.3s; }
.pi-multi-frame-display .prev-button:hover, .pi-multi-frame-display .next-button:hover {
border-color: red; }
.pi-multi-frame-display .prev-button {
left: 30px;
border-bottom: 1px solid;
border-left: 1px solid; }
.pi-multi-frame-display .next-button {
right: 30px;
border-top: 1px solid;
border-right: 1px solid; }
.pi-accordion {
margin-left: -20px; }
.pi-accordion .container {
padding-left: 20px; }
.pi-accordion .item {
overflow: hidden; }
.pi-accordion .title {
color: #303030;
position: relative;
padding: 5px 10px 10px 20px;
cursor: pointer;
transition: 0.3s; }
.pi-accordion .title:hover {
color: #3371e3; }
.pi-accordion a.item > .title {
color: black;
padding-left: 0; }
.pi-accordion a.item > .title:hover {
color: #3371e3; }
.pi-accordion div.item > .title {
font-weight: 700; }
.pi-accordion div.item > .title:before {
content: "";
position: absolute;
top: 9px;
left: 2px;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #3371e3;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.3s; }
.pi-accordion .wrapper {
position: relative;
width: 100%;
transition: 0.3s; }
.pi-accordion .content {
padding-left: 20px;
opacity: 0;
transition: 0.3s;
padding-bottom: 20px; }
.pi-accordion .item.on > .title:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.pi-accordion .item.on > .wrapper > .content {
opacity: 1; }
.pi-dialog .dialog-box {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.pi-dialog .title {
font-size: 36px;
text-align: center;
padding: 30px 0; }
.pi-dialog .content-box {
color: #222;
max-width: 600px;
overflow: hidden; }
.pi-dialog .content-box .content {
padding: 30px;
border-radius: 4px;
background-color: white; }
.pi-dialog .content-box .buttons {
border-top: 1px solid black;
text-align: right;
margin-top: 30px; }
.pi-dialog .content-box .buttons button {
color: #00ff99;
border-color: #00ff99;
border-radius: 4px;
transition: 0.3s; }
.pi-dialog .content-box .buttons button:hover {
background-color: #00ff99;
color: black; }
.pi-pushmenu {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s; }
.pi-pushmenu.on {
opacity: 1; }
.pi-pushmenu .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }
.pi-pushmenu .sled {
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: white;
overflow: auto;
transition: width 0.3s; }
.pi-pushmenu.on .sled {
width: 320px; }
.pi-pushmenu .top-bar {
height: 0;
line-height: 60px;
background-color: #444; }
.pi-pushmenu .pi-modal-close-button {
position: absolute;
top: 10px;
right: 10px;
z-index: 1; }
.pi-pushmenu .pi-modal-close-button:before, .pi-pushmenu .pi-modal-close-button:after {
background-color: #222222; }
.pi-pushmenu ul {
padding: 0 60px 0 20px; }
.pi-pushmenu li {
position: relative;
display: block;
width: 100%;
min-height: 44px; }
.pi-pushmenu a {
display: inline-block;
width: 100%;
height: 44px;
line-height: 44px;
font-weight: bold;
font-size: 20px;
color: #3371e3; }
.pi-pushmenu .button {
background: none;
padding: 0; }
.pi-pushmenu ul ul {
padding: 0 20px; }
.pi-pushmenu ul ul li {
min-height: 40px; }
.pi-pushmenu ul ul a {
height: 40px;
line-height: 40px;
font-size: 18px;
color: #555555; }
html, body {
margin: 0;
padding: 0; }
input, button {
outline: none; }
button {
cursor: pointer; }
ul, li {
list-style: none; }
ul {
margin: 0;
padding: 0; }
a {
text-decoration: none; }
.clear {
display: block;
clear: both; }
.light-text {
color: white; }
.right {
float: right; }
.left {
float: left; }
.center {
text-align: center; }
h1 {
font-size: 40px;
line-height: 50px; }
h2 {
font-size: 42px;
line-height: 60px; }
h3 {
font-size: 26px;
line-height: 32px; }
h4 {
font-size: 26px;
line-height: 40px; }
h5 {
font-size: 18px;
line-height: 36px; }
p {
font-size: 20px;
line-height: 28px; }
section, header, footer, #vendorStrip {
padding-left: 20px;
padding-right: 20px; }
section main, header main, footer main, #vendorStrip main {
width: 100%;
max-width: 100%; }
header {
pageAnchors style tweaks
2016-02-11 20:32:35 +00:00
height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.logo {
width: 120px;
pageAnchors style tweaks
2016-02-11 20:32:35 +00:00
height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.nav-buttons {
pageAnchors style tweaks
2016-02-11 20:32:35 +00:00
height: 80px;
line-height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.nav-buttons .button + * {
margin-left: 30px; }
#hamburger {
width: 50px;
height: 50px; }
#mainNav {
padding: 140px 0 30px; }
#mainNav h5 {
margin-bottom: 1em; }
#mainNav h3 {
margin-bottom: 0.6em; }
#mainNav .nav-box {
width: 20%; }
#mainNav .nav-box + .nav-box {
margin-left: calc(20% / 3); }
#mainNav main + main {
margin-top: 60px; }
#mainNav .left .button {
height: 50px;
line-height: 50px;
font-size: 18px; }
.open-nav #tryKubernetes, .y-enough #tryKubernetes {
margin-left: 30px; }
#hero {
padding-top: 80px; }
#docs #hero h1, #docs #hero h5 {
padding-left: 20px;
padding-right: 20px; }
#vendorStrip {
height: 60px;
line-height: 60px;
font-size: 18px; }
body {
background-color: white; }
section {
position: relative;
background-color: white; }
section main, header main, footer main {
position: relative;
cssifications galore
2016-02-11 23:19:09 +00:00
margin: auto;
min-width: 850px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.button {
display: inline-block;
border-radius: 6px;
padding: 0 20px;
line-height: 40px;
color: white;
background-color: #3371e3;
text-decoration: none; }
#cellophane {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8888;
background-color: transparent;
box-shadow: 0 0 0 transparent;
overflow: hidden;
transition: 0.3s; }
.logo {
float: left;
background-image: url(../images/nav_logo.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat; }
.nav-buttons {
float: right; }
#hamburger {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0;
border: 0;
background: none; }
#hamburger div, #hamburger:before, #hamburger:after {
position: absolute;
left: 15%;
width: 70%;
height: 2px;
background-color: #3371e3;
transition: 0.3s;
content: ""; }
#hamburger div {
top: calc(50% - 1px); }
#hamburger:before {
top: 24%; }
#hamburger:after {
bottom: 24%; }
#hamburger:hover div, #hamburger:hover:before, #hamburger:hover:after {
background-color: white; }
#mainNav h5 {
color: #3371e3;
font-weight: normal; }
#mainNav main {
white-space: nowrap;
overflow: hidden;
clear: both; }
#mainNav .nav-box {
float: left;
white-space: normal; }
#mainNav h3 a {
color: #3371e3;
text-decoration: none; }
.flip-nav header {
background-color: white; }
.open-nav body {
overflow: hidden; }
.open-nav #cellophane {
display: block;
z-index: 9998; }
.open-nav header {
background-color: #f7f7f7;
z-index: 9999; }
.open-nav #hamburger div {
opacity: 0; }
.open-nav #hamburger:before, .open-nav #hamburger:after {
left: 12px;
-webkit-transform-origin: 0 1px;
-ms-transform-origin: 0 1px;
transform-origin: 0 1px; }
.open-nav #hamburger:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.open-nav #hamburger:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.open-nav #tryKubernetes, .y-enough #tryKubernetes {
width: 160px; }
.flip-nav header, .open-nav header {
box-shadow: 0 1px 2px #4c4c4c; }
.flip-nav header .logo, .open-nav header .logo {
background-image: url(../images/nav_logo2.svg); }
.flip-nav #viewDocs, .open-nav #viewDocs {
border-color: #303030;
color: #303030; }
.flip-nav #viewDocs:hover, .open-nav #viewDocs:hover {
border-color: #3371e3;
background-color: #3371e3;
color: white; }
.flip-nav #hamburger:hover div, .flip-nav #hamburger:hover:before, .flip-nav #hamburger:hover:after, .open-nav #hamburger:hover div, .open-nav #hamburger:hover:before, .open-nav #hamburger:hover:after {
background-color: #303030; }
#hero {
background-image: url(../images/texture.png);
background-color: #303030;
text-align: center;
padding-left: 0;
padding-right: 0; }
#vendorStrip {
background-color: rgba(255, 255, 255, 0.1);
font-weight: 100;
white-space: nowrap;
text-align: left; }
#vendorStrip div {
vertical-align: middle;
height: 100%;
display: inline-block; }
footer {
width: 100%;
background-image: url(../images/texture.png);
background-color: #303030; }
footer main {
padding: 40px 0; }
footer nav {
text-align: center;
white-space: nowrap; }
footer nav a {
display: inline-block;
font-size: 32px;
font-weight: 300;
color: white;
text-decoration: none; }
footer nav a + a {
margin-left: 10%; }
footer .social {
position: relative;
margin: 80px 0 60px; }
footer .social label {
float: right;
display: inline-block;
height: 50px;
line-height: 50px;
font-weight: 100;
white-space: nowrap; }
footer .social label input {
margin-left: 8px;
width: 300px; }
#search, #wishField {
background-color: transparent;
padding: 10px;
font-size: 16px;
font-weight: 100;
color: white;
border: 1px solid white;
transition: 0.3s; }
#search:focus, #wishField:focus {
background-color: #f7f7f7;
color: #303030; }
.social a {
display: inline-block;
background-image: url(../images/social_sprite.png);
background-repeat: no-repeat;
background-size: auto;
width: 50px;
height: 50px;
border-radius: 5px;
margin-right: 30px; }
.social a:hover {
background-color: #fff; }
.social a span {
position: absolute;
display: block;
height: 0;
overflow: hidden; }
a.twitter {
background-position: 0 0; }
a.twitter:hover {
background-position: 0 100%; }
a.stack-overflow {
background-position: -50px 0; }
a.stack-overflow:hover {
background-position: -50px 100%; }
a.slack {
background-position: -100px 0; }
a.slack:hover {
background-position: -100px 100%; }
a.github {
background-position: -150px 0; }
a.github:hover {
background-position: -150px 100%; }
a.mailing-list {
background-position: -200px 0; }
a.mailing-list:hover {
background-position: -200px 100%; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#viewDocs {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
display: none; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
section {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: white;
min-width: 1024px; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#hero {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: #303030; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#hero h5 {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
margin-bottom: 40px; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
position: relative;
white-space: nowrap; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip ul {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
float: left; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip li {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
display: inline-block;
height: 100%; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip a {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
display: block;
height: 100%;
color: white; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip li + li, #vendorStrip #search {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
margin-left: 60px; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip #search {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
position: relative;
float: right;
width: 250px;
padding: 0 10px;
margin: 10px 30px 0 0;
height: 40px;
line-height: 40px;
border: 1px solid #f7f7f7;
font-size: 16px;
vertical-align: middle; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
position: relative;
float: right;
height: 60px;
font-size: 20px;
color: white;
line-height: 60px;
cursor: pointer;
overflow: hidden;
z-index: 5000; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown.on {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
overflow: visible; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown .readout {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
padding-left: 10px;
padding-right: 40px;
transition: 0.3s; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown .readout:after {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: white transparent transparent transparent;
transition: 0.3s; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown .readout:hover {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: rgba(255, 255, 255, 0.1); }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown.on .readout {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: #f7f7f7;
color: #303030; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown.on .readout:after {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
border-top-color: #303030; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown .wrapper {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
position: absolute;
top: 100%;
left: 0;
width: 100%; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown a {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
display: block;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 10px;
font-size: 16px;
font-weight: 300;
background-color: #f7f7f7;
color: #303030;
opacity: 0;
transition: 0.3s; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown a:hover {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: #cccccc; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#vendorStrip .dropdown.on a {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
opacity: 1; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#encyclopedia {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
position: relative;
padding: 50px;
overflow: hidden; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#encyclopedia > div {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
height: 100%; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#encyclopedia #docsToc {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
float: left;
width: 350px;
in-page TOC
2016-02-11 19:43:55 +00:00
padding: 0 20px 0 0; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#encyclopedia #docsToc .yah > .title {
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
background-color: rgba(51, 113, 227, 0.2);
in-page TOC
2016-02-11 19:43:55 +00:00
padding: 7.5px 10px 7.5px 10px; }
further explorations in cssification
2016-02-11 23:36:08 +00:00
#docsContent {
position: relative;
float: right;
width: calc(100% - 400px); }
#docsContent .pageAnchor {
cssifications galore
2016-02-11 23:19:09 +00:00
position: relative;
further explorations in cssification
2016-02-11 23:36:08 +00:00
margin-top: -80px;
display: block; }
#docsContent h1.anchored, #docsContent h2.anchored, #docsContent h3.anchored, #docsContent h4.anchored, #docsContent h5.anchored, #docsContent h6.anchored {
margin-top: 120px;
margin-bottom: 30px;
border-bottom: 1px solid #cccccc; }
#docsContent h1 {
font-size: 48px;
line-height: 58px; }
#docsContent h2 {
font-size: 32px;
line-height: 40px; }
#docsContent h3 {
font-size: 28px;
line-height: 35px; }
#docsContent h4 {
font-size: 24px;
line-height: 30px; }
#docsContent h5 {
font-size: 22px;
line-height: 26px; }
#docsContent p {
margin-bottom: 30px; }
#docsContent code {
display: block;
white-space: pre;
margin: 30px 0;
padding: 30px;
background-color: #f7f7f7;
color: #303030;
font-family: monospace;
font-size: 20px;
line-height: 32px;
overflow: scroll; }
#docsContent #pageTOC li {
padding: 5px 0; }
#docsContent #pageTOC a {
position: relative;
color: #3371e3;
font-weight: 700; }
#docsContent .H2:before, #docsContent .H3:before, #docsContent .H4:before, #docsContent .H5:before, #docsContent .H6:before {
content: "";
position: absolute;
top: 10px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #3371e3; }
#docsContent .H1 {
padding-left: 0px; }
#docsContent .H2 {
padding-left: 15px; }
#docsContent .H2:before {
left: 0px; }
#docsContent .H3 {
padding-left: 30px; }
#docsContent .H3:before {
left: 15px; }
#docsContent .H4 {
padding-left: 45px; }
#docsContent .H4:before {
left: 30px; }
#docsContent .H5 {
padding-left: 60px; }
#docsContent .H5:before {
left: 45px; }
#docsContent .H6 {
padding-left: 75px; }
#docsContent .H6:before {
left: 60px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.fixed footer {
position: fixed;
bottom: 0; }
@media screen and (min-width: 750px) {
h1 {
font-size: 60px;
cssifications galore
2016-02-11 23:19:09 +00:00
line-height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
h2 {
font-size: 42px;
line-height: 60px; }
h3 {
cssifications galore
2016-02-11 23:19:09 +00:00
font-size: 26px;
line-height: 32px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
h4 {
font-size: 26px;
line-height: 40px; }
h5 {
cssifications galore
2016-02-11 23:19:09 +00:00
font-size: 18px;
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
line-height: 36px; }
p {
font-size: 20px;
line-height: 28px; }
section, header, footer, #vendorStrip {
padding-left: 20px;
padding-right: 20px; }
section main, header main, footer main, #vendorStrip main {
width: 100%;
max-width: 100%; }
header {
cssifications galore
2016-02-11 23:19:09 +00:00
height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.logo {
width: 120px;
cssifications galore
2016-02-11 23:19:09 +00:00
height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.nav-buttons {
cssifications galore
2016-02-11 23:19:09 +00:00
height: 80px;
line-height: 80px; }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
.nav-buttons .button + * {
margin-left: 30px; }
#hamburger {
width: 50px;
height: 50px; }
#mainNav {
padding: 140px 0 30px; }
#mainNav h5 {
margin-bottom: 1em; }
#mainNav h3 {
margin-bottom: 0.6em; }
#mainNav .nav-box {
width: 20%; }
#mainNav .nav-box + .nav-box {
margin-left: calc(20% / 3); }
#mainNav main + main {
margin-top: 60px; }
#mainNav .left .button {
height: 50px;
line-height: 50px;
font-size: 18px; }
.open-nav #tryKubernetes, .y-enough #tryKubernetes {
margin-left: 30px; }
#hero {
padding-top: 80px; }
#docs #hero h1, #docs #hero h5 {
padding-left: 20px;
padding-right: 20px; }
#vendorStrip {
height: 60px;
line-height: 60px;
font-size: 18px; }
#docs #hero h1, #docs #hero h5 {
text-align: left; }
#viewDocs, #tryKubernetes {
display: inline-block; }
#vendorStrip {
cssifications galore
2016-02-11 23:19:09 +00:00
display: block; } }
catching up with CreaturesInUnitards
2016-02-11 00:21:03 +00:00
further explorations in cssification
2016-02-11 23:36:08 +00:00
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhcnRpYWxzL19yZXNldC5zYXNzIiwicGFydGlhbHMvX3NraW4uc2FzcyIsIi4uL2Jhc2VDb21wb25lbnRzL1/PgC1iYXNlQ29tcG9uZW50cy5zYXNzIiwiLi4vbW9kdWxlcy/PgC1hY2NvcmRpb24vX8+ALWFjY29yZGlvbi5zYXNzIiwiLi4vbW9kdWxlcy/PgC1kaWFsb2cvX8+ALWRpYWxvZy5zYXNzIiwiLi4vbW9kdWxlcy/PgC1wdXNobWVudS9fz4AtcHVzaG1lbnUuc2FzcyIsInBhcnRpYWxzL19zaXplLnNhc3MiLCJtZWRpYVF1ZXJpZXMvX2Jhc2Uuc2FzcyIsIm1lZGlhUXVlcmllcy9fdGFibGV0LnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDQyxVQUFVO0VBQ1YsV0FBVyxFQUFHOztBQUdmO0VBQ0MsY0FBYyxFQUFHOztBQUVsQjtFQUNDLGdCQUFnQixFQUFHOztBQUVwQjtFQUNDLGlCQUFpQixFQUFHOztBQUVyQjtFQUNDLFVBQVU7RUFDVixXQUFXLEVBQUc7O0FBRWY7RUFDQyxzQkFBc0IsRUFBRzs7QUFHMUI7RUFDQyxlQUFlO0VBQ2YsWUFBWSxFQUFHOztBQUVoQjtFQUNDLGFBQWEsRUFBRzs7QUFFakI7RUFDQyxhQUFhLEVBQUc7O0FBRWpCO0VBQ0MsWUFBWSxFQUFHOztBQUVoQjtFQUNDLG1CQUFtQixFQUFHOztBQzVCdkI7RUFDQyx1QkFBdUI7RUFDdkIsa0NBTDhCO0VBTTlCLGlCQUFpQjtFQUNqQixVQUFVO0VBQ1YsVUFBVSxFQUFHOztBQUVkO0VBQ0Msa0NBWDhCLEVBV0w7O0FBRTFCO0VBQ0MsaUJBQWlCLEVBQUc7O0FBRXJCO0VBQ0MsaUJBQWlCLEVBQUc7O0FDdEJyQjtFQUNDLGlCQUFpQixFQUFHOztBQU1yQjtFQUlDLG1CQUFtQjtFQUNuQixVQUFVO0VBQ1YsWUFBWTtFQUNaLFlBTnlCO0VBT3pCLGFBUHlCO0VBUXpCLFVBQVUsRUFrQnNCO0VBM0JqQztJQVlFLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIs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