mirror of
https://github.com/encounter/Chrome-Audio-EQ.git
synced 2026-07-09 18:18:52 -07:00
107 lines
2.4 KiB
CSS
107 lines
2.4 KiB
CSS
/* GLOBAL STYLES
|
|
-------------------------------------------------- */
|
|
/* Padding below the footer and lighter body text */
|
|
body {
|
|
padding-bottom:40px;
|
|
color:#5a5a5a;
|
|
}
|
|
/* CUSTOMIZE THE NAVBAR
|
|
-------------------------------------------------- */
|
|
/* Special class on .container surrounding .navbar, used for positioning it into place. */
|
|
.navbar-wrapper {
|
|
position:relative;
|
|
z-index:15;
|
|
}
|
|
/* CUSTOMIZE THE CAROUSEL
|
|
-------------------------------------------------- */
|
|
/* Carousel base class */
|
|
.carousel {
|
|
margin-bottom:60px;
|
|
/* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
|
|
margin-top:-90px;
|
|
}
|
|
/* Since positioning the image, we need to help out the caption */
|
|
.carousel-caption {
|
|
z-index:10;
|
|
color:#ccc;
|
|
text-shadow:none;
|
|
}
|
|
.carousel-caption h1 small{
|
|
font-size: 10px;
|
|
}
|
|
.carousel h1 {
|
|
color:#eee;
|
|
}
|
|
/* Declare heights because of positioning of img element */
|
|
.carousel .item {
|
|
background-color:#f1f1f1;
|
|
background-image: url('back.png');
|
|
background-position:top center;
|
|
background-repeat: no-repeat;
|
|
height:590px;
|
|
}
|
|
/* MARKETING CONTENT
|
|
-------------------------------------------------- */
|
|
/* Pad the edges of the mobile views a bit */
|
|
.marketing {
|
|
padding-left:15px;
|
|
padding-right:15px;
|
|
}
|
|
/* Center align the text within the three columns below the carousel */
|
|
.marketing .col-lg-4 {
|
|
text-align:center;
|
|
margin-bottom:20px;
|
|
}
|
|
.marketing h2 {
|
|
font-weight:normal;
|
|
}
|
|
.marketing .col-lg-4 p {
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
/* Featurettes
|
|
------------------------- */
|
|
.featurette-divider {
|
|
margin:80px 0; /* Space out the Bootstrap <hr> more */
|
|
}
|
|
/* Thin out the marketing headings */
|
|
.featurette-heading {
|
|
font-weight:300;
|
|
line-height:1;
|
|
letter-spacing:-1px;
|
|
}
|
|
/* RESPONSIVE CSS
|
|
-------------------------------------------------- */
|
|
@media(min-width:768px) {
|
|
/* Remove the edge padding needed for mobile */
|
|
.marketing {
|
|
padding-left:0;
|
|
padding-right:0;
|
|
}
|
|
/* Navbar positioning foo */
|
|
.navbar-wrapper {
|
|
margin-top:20px;
|
|
}
|
|
/* The navbar becomes detached from the top, so we round the corners */
|
|
.navbar-wrapper .navbar {
|
|
border-radius:4px;
|
|
}
|
|
/* Bump up size of carousel content */
|
|
.carousel-caption p {
|
|
margin-bottom:20px;
|
|
font-size:21px;
|
|
line-height:1.4;
|
|
}
|
|
.featurette-heading {
|
|
font-size:50px;
|
|
}
|
|
}
|
|
.
|
|
.buttonBig{
|
|
width: 200px;
|
|
}
|
|
@media(min-width:992px) {
|
|
.featurette-heading {
|
|
margin-top:120px;
|
|
}
|
|
} |