Difference between revisions of "Team:Stanford-Brown/css/custom"
Forrestgtran (Talk | contribs) |
Forrestgtran (Talk | contribs) |
||
(148 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* Fixing previously installed css */ |
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: #FFFFFF; | ||
+ | margin: 0px; | ||
+ | margin-top: -48px; | ||
+ | padding: 0px; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.nav { | ||
+ | line-height: inherit; | ||
+ | list-style-type: none; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0; | ||
+ | list-style-image: none; | ||
+ | } | ||
p { | p { | ||
− | + | margin: 0 0 0 0; | |
} | } | ||
− | + | /* GLOBAL STYLES | |
− | + | -------------------------------------------------- */ | |
+ | |||
+ | |||
+ | /* CUSTOMIZE THE NAVBAR | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | |||
+ | |||
+ | /* CUSTOMIZE THE CAROUSEL | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Carousel base class */ | ||
+ | .carousel { | ||
+ | height: 500px; | ||
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | /* Since positioning the image, we need to help out the caption */ | ||
+ | .carousel-caption { | ||
+ | z-index: 10; | ||
} | } | ||
+ | /* Declare heights because of positioning of img element */ | ||
+ | .carousel .item { | ||
+ | height: 500px; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | .carousel-inner > .item > img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | min-width: 100%; | ||
+ | height: 500px; | ||
+ | } | ||
− | |||
+ | /* MARKETING CONTENT | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Center align the text within the three columns below the carousel */ | ||
+ | .marketing .col-sm-4 { | ||
+ | margin-bottom: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .marketing h2 { | ||
+ | /*font-weight: normal;*/ | ||
+ | } | ||
+ | .marketing .col-sm-4 p { | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .marketing .col-sm-3 { | ||
+ | margin-bottom: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .marketing h2 { | ||
+ | /*font-weight: normal;*/ | ||
+ | } | ||
+ | .marketing .col-sm-3 p { | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .marketing .col-sm-2 { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .centerT { | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Footer | ||
+ | --------------------------------*/ | ||
+ | |||
+ | /*footer { | ||
+ | background: #333; | ||
+ | color: #eee; | ||
+ | font-size: 0.em; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | */ | ||
+ | /* RESPONSIVE CSS | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | |||
+ | /* Bump up size of carousel content */ | ||
+ | .carousel-caption p { | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | .featurette-heading { | ||
+ | /*margin-top: 120px;*/ | ||
+ | } | ||
+ | } | ||
+ | /*===================================================*/ | ||
+ | |||
+ | /*----------Font-----------*/ | ||
+ | |||
+ | |||
+ | .pp { | ||
+ | font-size: 1.7em; | ||
+ | } | ||
+ | |||
+ | .pf { | ||
+ | font-size: 1.7em; | ||
+ | } | ||
+ | |||
+ | h1, h2 { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | /*#bodyContent { | ||
+ | transform-style: preserve-3d; | ||
+ | }*/ | ||
+ | |||
+ | |||
+ | |||
+ | /*------- Navbar ---------*/ | ||
+ | |||
+ | /* | ||
+ | #top_menu_inside { | ||
+ | border: none !important; | ||
+ | color: ##03a9f4 !important; | ||
+ | |||
+ | } | ||
#top_menu_14 { | #top_menu_14 { | ||
− | background-color: | + | background-color: #03a9f4 !important; |
+ | border-bottom: none !important; | ||
+ | color: #03a9f4 !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top_menu_14 a { | ||
+ | |||
} | } | ||
+ | */ | ||
.navbar { | .navbar { | ||
− | + | z-index: 9999999; | |
} | } | ||
− | /*-------Moving jumbotron | + | |
+ | |||
+ | nav { | ||
+ | padding-top: 15px; | ||
+ | z-index: 9999999999; | ||
+ | margin: 0px !important; | ||
+ | /*background-color: #42AAC9 !important;*/ | ||
+ | } | ||
+ | |||
+ | .oriEdit { | ||
+ | padding-top: 42px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-------Wells-----------*/ | ||
+ | |||
+ | .well { | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-------Moving jumbotron down ------- */ | ||
.jumbotron { | .jumbotron { | ||
− | + | margin-top: 65px; | |
+ | } | ||
+ | |||
+ | .jumbotron .null { | ||
+ | margin-top: 0px; | ||
} | } | ||
Line 31: | Line 233: | ||
.pic { | .pic { | ||
− | + | margin-bottom: 15px; | |
} | } | ||
Line 37: | Line 239: | ||
ul.unstyled { | ul.unstyled { | ||
− | + | list-style: none; | |
− | + | padding: 0; | |
} | } | ||
+ | #globalWrapper { | ||
+ | font-size: 100% | ||
+ | } | ||
− | /*-------- | + | /*--------btn---------*/ |
− | . | + | /*.btnEdit{ |
− | + | text-transform: none !important; | |
+ | text-align: left !important; | ||
+ | white-space: normal !important; | ||
+ | }*/ | ||
+ | |||
+ | #be1, #be2, #be3, #be4, #be5, #be6, #be7, #be8, #be9, #be10, #be11, #be12, #be13, #be14, #be15, #be16 { | ||
+ | text-transform: none !important; | ||
+ | text-align: left !important; | ||
+ | white-space: normal !important; | ||
} | } | ||
− | . | + | .dropdown-menu li a { |
− | + | font-size: 1.2em; | |
− | + | } | |
+ | .head123 { | ||
+ | margin-top: 50px; | ||
} | } | ||
− | . | + | .rotate90 { |
− | + | -webkit-transform: rotate(90deg); | |
− | + | -moz-transform: rotate(90deg); | |
− | + | -o-transform: rotate(90deg); | |
+ | -ms-transform: rotate(90deg); | ||
+ | transform: rotate(90deg); | ||
} | } |
Latest revision as of 19:09, 18 September 2015
/* Fixing previously installed css */
.firstHeading {
display: none;
}
- content {
width: 100%; height: 100%; border: 0px; background-color: #FFFFFF; margin: 0px; margin-top: -48px; padding: 0px; line-height: normal;
}
li {
margin-bottom: 0;
}
ul.nav {
line-height: inherit; list-style-type: none; margin: 0 0 0 0; padding: 0; list-style-image: none;
} p {
margin: 0 0 0 0;
}
/* GLOBAL STYLES
*/
/* CUSTOMIZE THE NAVBAR
*/
/* CUSTOMIZE THE CAROUSEL
*/
/* Carousel base class */ .carousel {
height: 500px; margin-bottom: 60px;
} /* Since positioning the image, we need to help out the caption */ .carousel-caption {
z-index: 10;
}
/* Declare heights because of positioning of img element */ .carousel .item {
height: 500px; background-color: #FFFFFF;
} .carousel-inner > .item > img {
position: absolute; top: 0; left: 0; min-width: 100%; height: 500px;
}
/* MARKETING CONTENT
*/
/* Center align the text within the three columns below the carousel */ .marketing .col-sm-4 {
margin-bottom: 20px; text-align: center;
} .marketing h2 {
/*font-weight: normal;*/
} .marketing .col-sm-4 p {
margin-right: 10px; margin-left: 10px;
}
.marketing .col-sm-3 {
margin-bottom: 20px; text-align: center;
} .marketing h2 {
/*font-weight: normal;*/
} .marketing .col-sm-3 p {
margin-right: 10px; margin-left: 10px;
}
.marketing .col-sm-2 {
text-align: center;
}
.centerT {
text-align: center !important;
}
/* Featurettes
*/
/* .featurette-divider {
margin: 80px 0; Space out the Bootstrapmore
}*/
/* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; }
/* Footer
*/
/*footer {
background: #333; color: #eee; font-size: 0.em; padding: 20px;
}
- /
/* RESPONSIVE CSS
*/
@media (min-width: 768px) {
/* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }
.featurette-heading { font-size: 50px; }
}
@media (min-width: 992px) {
.featurette-heading { /*margin-top: 120px;*/ }
} /*===================================================*/
/*----------Font-----------*/
.pp {
font-size: 1.7em;
}
.pf {
font-size: 1.7em;
}
h1, h2 {
border: none;
}
/*#bodyContent {
transform-style: preserve-3d; }*/
/*------- Navbar ---------*/
/*
#top_menu_inside { border: none !important; color: ##03a9f4 !important;
}
- top_menu_14 {
background-color: #03a9f4 !important; border-bottom: none !important; color: #03a9f4 !important;
}
- top_menu_14 a {
}
- /
.navbar {
z-index: 9999999;
}
nav {
padding-top: 15px; z-index: 9999999999; margin: 0px !important; /*background-color: #42AAC9 !important;*/
}
.oriEdit {
padding-top: 42px !important;
}
/*-------Wells-----------*/
.well { }
/*-------Moving jumbotron down ------- */
.jumbotron {
margin-top: 65px;
}
.jumbotron .null {
margin-top: 0px;
}
/*-------Team Pictures----------*/
.pic {
margin-bottom: 15px;
}
/* ------Footer--------*/
ul.unstyled {
list-style: none; padding: 0;
}
- globalWrapper {
font-size: 100%
}
/*--------btn---------*/
/*.btnEdit{
text-transform: none !important; text-align: left !important; white-space: normal !important; }*/
- be1, #be2, #be3, #be4, #be5, #be6, #be7, #be8, #be9, #be10, #be11, #be12, #be13, #be14, #be15, #be16 {
text-transform: none !important; text-align: left !important; white-space: normal !important;
}
.dropdown-menu li a {
font-size: 1.2em;
}
.head123 {
margin-top: 50px;
}
.rotate90 {
-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}