mirror of https://github.com/docker/docs.git
Fix top-navigation color, and some small cleanups
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn
parent
fbee311fe5
commit
796e6330df
|
|
@ -1,4 +1,4 @@
|
|||
<body ng-app="Docker" ng-controller="DockerController" id="landing">
|
||||
<body ng-app="Docker" ng-controller="DockerController" id="landing" class="landing">
|
||||
<nav class="navbar header">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
|
|
|
|||
|
|
@ -1,15 +1,9 @@
|
|||
/*
|
||||
*
|
||||
* globals
|
||||
*
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -30,4 +24,4 @@ a {
|
|||
opacity: .8;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,7 @@
|
|||
$light-blue: #2496ed;
|
||||
$dark-blue: #002c66;
|
||||
$bg-header-night: #101c29;
|
||||
$bg-body-night: #061F2F;
|
||||
$bg-card-night: #0F161E;
|
||||
|
||||
body#landing {
|
||||
background-color: $bg-sidebar;
|
||||
color: $body-text;
|
||||
font-size: $body-text-size;
|
||||
margin: $clear;
|
||||
padding: $clear;
|
||||
overflow-x: hidden;
|
||||
body.landing {
|
||||
|
||||
h2, h5, h6 {
|
||||
font-family: 'Geomanist Regular', sans-serif;
|
||||
|
|
@ -22,11 +13,6 @@ body#landing {
|
|||
}
|
||||
|
||||
.header {
|
||||
background-color: $light-blue;
|
||||
border: unset;
|
||||
border-radius: unset;
|
||||
height: unset;
|
||||
|
||||
@include md-width {
|
||||
.navbar-collapse.collapse {
|
||||
display: flex !important;
|
||||
|
|
@ -390,14 +376,11 @@ body#landing {
|
|||
}
|
||||
}
|
||||
|
||||
body#landing.night {
|
||||
background-color: $bg-body-night;
|
||||
color: $body-text-night;
|
||||
|
||||
.header {
|
||||
background-color: $bg-body-night;
|
||||
}
|
||||
body.landing:not(.night) {
|
||||
background-color: $bg-sidebar;
|
||||
}
|
||||
|
||||
body.landing.night {
|
||||
.card {
|
||||
background-color: $bg-card-night;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,3 @@
|
|||
/*
|
||||
*
|
||||
* layout
|
||||
*
|
||||
*/
|
||||
|
||||
/*
|
||||
*
|
||||
* branding *********************************************************************
|
||||
|
|
@ -41,10 +35,13 @@
|
|||
*/
|
||||
|
||||
.header {
|
||||
background-color: $bg-secondary;
|
||||
background-color: $bg-header;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: all 0.1s ease;
|
||||
border: unset;
|
||||
border-radius: unset;
|
||||
height: unset;
|
||||
}
|
||||
|
||||
.columns,
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ body.night {
|
|||
color: #c7c9ca !important;
|
||||
}
|
||||
.header {
|
||||
background-color: #101c29!important;
|
||||
background-color: $bg-header-night;
|
||||
}
|
||||
hr {
|
||||
border-top: 1px solid #4f6071;
|
||||
|
|
@ -283,7 +283,7 @@ body.night {
|
|||
}
|
||||
/** apply to images with garbled text **/
|
||||
img.white-bg {
|
||||
background-color: white;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -296,10 +296,10 @@ body.night {
|
|||
|
||||
body.night {
|
||||
/* accordion */
|
||||
.panel {
|
||||
color: $body-text-night;
|
||||
margin-bottom: 20px;
|
||||
background-color: #24394c;
|
||||
.panel {
|
||||
color: $body-text-night;
|
||||
margin-bottom: 20px;
|
||||
background-color: #24394c;
|
||||
}
|
||||
.panel-default {
|
||||
border-color: #374656;
|
||||
|
|
|
|||
|
|
@ -1,84 +1,51 @@
|
|||
|
||||
/*
|
||||
*
|
||||
* global +++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
*
|
||||
* global
|
||||
*/
|
||||
|
||||
$headings: "Geomanist Book", sans-serif;
|
||||
|
||||
$font: "Open Sans", sans-serif;
|
||||
|
||||
$body-text-size: 14px;
|
||||
|
||||
$global-header-height: 440px;
|
||||
|
||||
$bg-secondary-tabs: rgba(0, 0, 0, 0.05);
|
||||
|
||||
$white: #fff;
|
||||
|
||||
$black: #000;
|
||||
|
||||
$clear: 0;
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* standard mode
|
||||
*
|
||||
*/
|
||||
$body-text: #33444c;
|
||||
$primary-links: #0090c8;
|
||||
|
||||
$bg-body: #fff;
|
||||
|
||||
$heading-color: #254356;
|
||||
|
||||
$body-text: #33444C;
|
||||
|
||||
$bg-footer: #fff;
|
||||
|
||||
$bg-secondary: #077CBC;
|
||||
|
||||
$bg-sidebar: #FBFBFC;
|
||||
|
||||
$bg-component: #FBFBFC;
|
||||
$bg-body: #ffffff;
|
||||
$bg-header: #2496ed;
|
||||
$bg-secondary: #2496ed;
|
||||
$bg-sidebar: #fbfbfc;
|
||||
$bg-footer: #ffffff;
|
||||
|
||||
$bg-component: #fbfbfc;
|
||||
$bdr-sidebar: rgba(204, 204, 204, 0.29);
|
||||
|
||||
$primary-links: #0090C8;
|
||||
|
||||
$slider-bg: #c3e4f7;
|
||||
|
||||
$slider-bg: #c3e4f7;
|
||||
$slider-btn: #4fa1d0;
|
||||
|
||||
$code-blocks: rgba(12, 81, 118, 0.1);
|
||||
|
||||
$table-head: #CFD2D4;
|
||||
$table-head: #cfd2d4;
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* night mode
|
||||
*
|
||||
*/
|
||||
$body-text-night: #d3d4d4;
|
||||
$primary-links-night: #9cd7f7;
|
||||
|
||||
$bg-body-night: #061F2F;
|
||||
|
||||
$body-text-night: #d3d4d4;
|
||||
|
||||
$bg-secondary-night: #27343B;
|
||||
|
||||
$bg-sidebar-night: #101e26;
|
||||
$bg-body-night: #061F2F;
|
||||
$bg-header-night: #101c29;
|
||||
$bg-secondary-night: #101c29;
|
||||
$bg-sidebar-night: #101e26;
|
||||
$bg-footer-night: #000000;
|
||||
|
||||
$active-sidebar-night: #077CBC;
|
||||
|
||||
$bg-component-night: #101c29;
|
||||
|
||||
$heading-color-night: #b9c2cc;
|
||||
|
||||
$body-text-night: #cbdbe6;
|
||||
|
||||
$primary-links-night: #9CD7F7;
|
||||
|
||||
$bg-footer-night: #000;
|
||||
|
||||
$bg-search-results-night: rgba(10, 10, 10, 0.95);
|
||||
|
|
|
|||
Loading…
Reference in New Issue