mirror of
https://github.com/moby/moby.git
synced 2022-11-09 12:21:53 -05:00
Fixed a little problem in the style
This commit is contained in:
parent
3150a789c1
commit
6f80674d66
2 changed files with 110 additions and 111 deletions
12
docs/theme/docker/static/css/main.css
vendored
12
docs/theme/docker/static/css/main.css
vendored
|
@ -82,7 +82,7 @@ h4 {
|
||||||
.btn-custom {
|
.btn-custom {
|
||||||
background-color: #292929 !important;
|
background-color: #292929 !important;
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#515151", endColorstr="#282828");
|
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#515151", endColorstr="#282828");
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#515151), to(#282828));
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#515151), to(#282828));
|
||||||
background-image: -moz-linear-gradient(top, #515151, #282828);
|
background-image: -moz-linear-gradient(top, #515151, #282828);
|
||||||
background-image: -ms-linear-gradient(top, #515151, #282828);
|
background-image: -ms-linear-gradient(top, #515151, #282828);
|
||||||
|
@ -247,9 +247,9 @@ section.header {
|
||||||
/* =======================
|
/* =======================
|
||||||
Social footer
|
Social footer
|
||||||
======================= */
|
======================= */
|
||||||
#footer .twitter,
|
.social .twitter,
|
||||||
#footer .github,
|
.social .github,
|
||||||
#footer .googleplus {
|
.social .googleplus {
|
||||||
background: url("../img/footer-links.png") no-repeat transparent;
|
background: url("../img/footer-links.png") no-repeat transparent;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
|
@ -258,10 +258,10 @@ section.header {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
#footer .twitter {
|
.social .twitter {
|
||||||
background-position: 0px 2px;
|
background-position: 0px 2px;
|
||||||
}
|
}
|
||||||
#footer .github {
|
.social .github {
|
||||||
background-position: -59px 2px;
|
background-position: -59px 2px;
|
||||||
}
|
}
|
||||||
/* =======================
|
/* =======================
|
||||||
|
|
209
docs/theme/docker/static/css/main.less
vendored
209
docs/theme/docker/static/css/main.less
vendored
|
@ -1,4 +1,5 @@
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
Author's custom styles
|
Author's custom styles
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
@ -14,29 +15,29 @@
|
||||||
|
|
||||||
|
|
||||||
.red {
|
.red {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
.blue {
|
.blue {
|
||||||
background-color: blue;
|
background-color: blue;
|
||||||
}
|
}
|
||||||
.orange {
|
.orange {
|
||||||
background-color: orange;
|
background-color: orange;
|
||||||
}
|
}
|
||||||
.gray {
|
.gray {
|
||||||
background-color: grey;
|
background-color: grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding-top: 58px;
|
padding-top: 58px;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h1, h2, h3, h4 {
|
h1, h2, h3, h4 {
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
// font-weight: bold;
|
// font-weight: bold;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===================
|
/* ===================
|
||||||
|
@ -45,25 +46,25 @@ h1, h2, h3, h4 {
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
.nav {
|
.nav {
|
||||||
// float: right;
|
// float: right;
|
||||||
|
|
||||||
li a{
|
li a{
|
||||||
padding: 22px 15px 22px;
|
padding: 22px 15px 22px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand {
|
|
||||||
padding: 13px 10px 13px 28px ;
|
|
||||||
// padding-left: 30px;
|
|
||||||
|
|
||||||
}
|
.brand {
|
||||||
|
padding: 13px 10px 13px 28px ;
|
||||||
|
// padding-left: 30px;
|
||||||
|
|
||||||
background-color: white;
|
}
|
||||||
|
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-dotcloud .container {
|
.navbar-dotcloud .container {
|
||||||
border-bottom: 2px @black solid;
|
border-bottom: 2px @black solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -130,11 +131,11 @@ h1, h2, h3, h4 {
|
||||||
===================== */
|
===================== */
|
||||||
|
|
||||||
h1.pageheader {
|
h1.pageheader {
|
||||||
color: @white;
|
color: @white;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-family: "Arial Black", Tahoma, sans-serif;
|
font-family: "Arial Black", Tahoma, sans-serif;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
margin-left: 22px;
|
margin-left: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===================
|
/* ===================
|
||||||
|
@ -146,14 +147,14 @@ section.header {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-unit {
|
.hero-unit {
|
||||||
background-color: @darkblue;
|
background-color: @darkblue;
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
color: @white;
|
color: @white;
|
||||||
}
|
}
|
||||||
.subtitle {
|
.subtitle {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -162,15 +163,15 @@ section.header {
|
||||||
===================== */
|
===================== */
|
||||||
|
|
||||||
.contentblock {
|
.contentblock {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
border-width: 3px;
|
border-width: 3px;
|
||||||
// border-color: #E00;
|
// border-color: #E00;
|
||||||
// border-style:solid;
|
// border-style:solid;
|
||||||
// border-color: @borderGray;
|
// border-color: @borderGray;
|
||||||
// box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
background-color: @grayLighter;
|
background-color: @grayLighter;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section img {
|
.section img {
|
||||||
|
@ -185,17 +186,17 @@ section.header {
|
||||||
===================== */
|
===================== */
|
||||||
|
|
||||||
.dotcloudsidebar {
|
.dotcloudsidebar {
|
||||||
// background-color: #ee3;
|
// background-color: #ee3;
|
||||||
// border: 1px red dotted;
|
// border: 1px red dotted;
|
||||||
float: left;
|
float: left;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
position: relative;
|
position: relative;
|
||||||
// margin: 0px;
|
// margin: 0px;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
margin-top: 78px;
|
margin-top: 78px;
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -218,7 +219,7 @@ section.header {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
li {
|
li {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
// list-style: none;
|
// list-style: none;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
list-style-position: outside;
|
list-style-position: outside;
|
||||||
list-style-image: none;
|
list-style-image: none;
|
||||||
|
@ -281,22 +282,22 @@ section.header {
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-box {
|
.border-box {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: @lightblue;
|
background-color: @lightblue;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
background-color: @black;
|
background-color: @black;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
color: white;
|
color: white;
|
||||||
// box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -318,10 +319,10 @@ section.header {
|
||||||
|
|
||||||
/* This is the default */
|
/* This is the default */
|
||||||
.span6.with-padding {
|
.span6.with-padding {
|
||||||
background-color: @lightblue;
|
background-color: @lightblue;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#global {
|
#global {
|
||||||
|
@ -335,17 +336,17 @@ section.header {
|
||||||
======================= */
|
======================= */
|
||||||
|
|
||||||
.row1 {
|
.row1 {
|
||||||
background-color: @grayLight;
|
background-color: @grayLight;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* =======================
|
/* =======================
|
||||||
Social footer
|
Social footer
|
||||||
======================= */
|
======================= */
|
||||||
|
|
||||||
#footer .twitter, #footer .github, #footer .googleplus {
|
.social .twitter, .social .github, .social .googleplus {
|
||||||
background: url("../img/footer-links.png") no-repeat transparent;
|
background: url("../img/footer-links.png") no-repeat transparent;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
|
@ -355,11 +356,11 @@ section.header {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .twitter {
|
.social .twitter {
|
||||||
background-position: 0px 2px;
|
background-position: 0px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .github {
|
.social .github {
|
||||||
background-position: -59px 2px;
|
background-position: -59px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -369,51 +370,51 @@ section.header {
|
||||||
======================= */
|
======================= */
|
||||||
|
|
||||||
/* Large desktop */
|
/* Large desktop */
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.span6.with-padding {
|
.span6.with-padding {
|
||||||
background-color: @red;
|
background-color: @red;
|
||||||
|
|
||||||
width: (@gridColumnWidth1200 * 6) + (@gridGutterWidth1200 * 5) - @gridGutterWidth1200;
|
width: (@gridColumnWidth1200 * 6) + (@gridGutterWidth1200 * 5) - @gridGutterWidth1200;
|
||||||
padding: @gridGutterWidth1200/2;
|
padding: @gridGutterWidth1200/2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Normal desktop */
|
/* Normal desktop */
|
||||||
@media (min-width: 980px) and (max-width: 1199px) {
|
@media (min-width: 980px) and (max-width: 1199px) {
|
||||||
.span6.with-padding {
|
.span6.with-padding {
|
||||||
background-color: @lightred;
|
background-color: @lightred;
|
||||||
|
|
||||||
width: (@gridColumnWidth * 6) + (@gridGutterWidth * 5) - @gridGutterWidth;
|
width: (@gridColumnWidth * 6) + (@gridGutterWidth * 5) - @gridGutterWidth;
|
||||||
padding: @gridGutterWidth/2;
|
padding: @gridGutterWidth/2;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Portrait tablet to landscape and desktop */
|
/* Portrait tablet to landscape and desktop */
|
||||||
@media (min-width: 768px) and (max-width: 979px) {
|
@media (min-width: 768px) and (max-width: 979px) {
|
||||||
body {
|
body {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.span6.with-padding {
|
.span6.with-padding {
|
||||||
background-color: @darkblue;
|
background-color: @darkblue;
|
||||||
|
|
||||||
width: (@gridColumnWidth768 * 6) + (@gridGutterWidth768 * 5) - @gridGutterWidth768;
|
width: (@gridColumnWidth768 * 6) + (@gridGutterWidth768 * 5) - @gridGutterWidth768;
|
||||||
padding: @gridGutterWidth768/2;
|
padding: @gridGutterWidth768/2;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Landscape phone to portrait tablet */
|
/* Landscape phone to portrait tablet */
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
body {
|
body {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
}
|
}
|
||||||
#global {
|
#global {
|
||||||
/* TODO: Fix this to be relative to the navigation size */
|
/* TODO: Fix this to be relative to the navigation size */
|
||||||
padding-top: 600px;
|
padding-top: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -422,6 +423,4 @@ section.header {
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue