1
0
Fork 0
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:
Thatcher Peskens 2013-03-25 21:16:33 -07:00
parent 3150a789c1
commit 6f80674d66
2 changed files with 110 additions and 111 deletions

View file

@ -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;
} }
/* ======================= /* =======================

View file

@ -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) {
} }