Spacing/sizing changes to header

This commit is contained in:
Victoria Wang 2013-07-14 23:04:48 -05:00
parent 58822d6554
commit b7dea9c528
3 changed files with 93 additions and 17 deletions

View file

@ -10,6 +10,7 @@
}
.header-Content{
padding-top: 22px;
@extend .content;
@media (max-device-width:480px), screen and (max-width:800px){
padding:0
@ -28,6 +29,16 @@
}
}
h1.logo {
padding-top: 45px;
padding-bottom: 0;
}
h1.logo img {
margin-left: -10px;
@media (max-device-width:480px), screen and (max-width:800px){
margin-left: 20px;
}
}
$outroShadow:inset 0px 7px 10px 0px rgba(0, 0, 0, 0.10);
.header-Outro{
@ -58,11 +69,15 @@ $outroShadow:inset 0px 7px 10px 0px rgba(0, 0, 0, 0.10);
li{
padding-left:$spacing*9;
padding-right:$spacing*3;
margin-bottom: 18px;
}
h2{
font-size:24px;
margin-bottom:10px
margin-bottom:2px;
}
p {
color: #B2BCC1;
}
}
@ -119,10 +134,11 @@ $signupShadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15);
hr{
border-bottom:1px solid #4a6677;
border-top:1px solid #1d282d;
margin:5px 0 15px;
margin:4px 0 22px;
}
fieldset{
background:url(../img/sign-up-bg.png) repeat-x center top;
padding: 20px 33px;
}
label{
color:#81b8c6;
@ -130,17 +146,42 @@ $signupShadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15);
font-size:70%
}
}
$inputAreaShadow:inset 1px 3px 10px 0px rgba(0, 0, 0, 0.20);
.input-Area{
background:#29383f;
border:0px solid black;
@include box-shadow($bs-2);
color:#557380;
margin-bottom:$spacing*8;
margin-bottom:$spacing*7;
margin-right:$spacing;
padding: 11px 12px 9px 12px;
width:62%;
-moz-box-shadow:$inputAreaShadow;
-webkit-box-shadow:$inputAreaShadow;
box-shadow:$inputAreaShadow;
&:focus{color:#eee}
}
$placeholderColor: #5E7F8D;
::-webkit-input-placeholder { /* WebKit browsers */
color:$placeholderColor;
font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:$placeholderColor;
font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:$placeholderColor;
font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:$placeholderColor;
font-style: italic;
}
.btn-Action{
padding:10px 25px;
}
}
.small-Nav{

View file

@ -936,9 +936,11 @@ a {
border-bottom: 6px solid #e93250;
overflow: hidden; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.header-Content {
padding: 0; } }
.header-Content {
padding-top: 22px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.header-Content {
padding: 0; } }
.blurb {
background: #fff; }
@ -955,6 +957,16 @@ a {
background-size: cover;
min-height: 2px; } }
h1.logo {
padding-top: 45px;
padding-bottom: 0; }
h1.logo img {
margin-left: -10px; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
h1.logo img {
margin-left: 20px; } }
.header-Outro {
background: #30424b;
background: -moz-linear-gradient(top, #2b3c43 0%, #354751 100%);
@ -982,10 +994,13 @@ a {
padding: 20px !important; } }
.intro-List li {
padding-left: 36px;
padding-right: 12px; }
padding-right: 12px;
margin-bottom: 18px; }
.intro-List h2 {
font-size: 24px;
margin-bottom: 10px; }
margin-bottom: 2px; }
.intro-List p {
color: #B2BCC1; }
.intro-Icon {
background: url(../img/icons.png) no-repeat;
@ -1030,9 +1045,10 @@ a {
.signup-Form hr {
border-bottom: 1px solid #4a6677;
border-top: 1px solid #1d282d;
margin: 5px 0 15px; }
margin: 4px 0 22px; }
.signup-Form fieldset {
background: url(../img/sign-up-bg.png) repeat-x center top; }
background: url(../img/sign-up-bg.png) repeat-x center top;
padding: 20px 33px; }
.signup-Form label {
color: #81b8c6; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
@ -1041,15 +1057,34 @@ a {
.signup-Form .input-Area {
background: #29383f;
border: 0px solid black;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset;
color: #557380;
margin-bottom: 32px;
margin-bottom: 28px;
margin-right: 4px;
width: 62%; }
padding: 11px 12px 9px 12px;
width: 62%;
-moz-box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2); }
.signup-Form .input-Area:focus {
color: #eee; }
.signup-Form ::-webkit-input-placeholder {
/* WebKit browsers */
color: #5e7f8d;
font-style: italic; }
.signup-Form :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #5e7f8d;
font-style: italic; }
.signup-Form ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #5e7f8d;
font-style: italic; }
.signup-Form :-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #5e7f8d;
font-style: italic; }
.signup-Form .btn-Action {
padding: 10px 25px; }
.small-Nav {
background: #30424B;

File diff suppressed because one or more lines are too long