Difference between revisions of "Team:MIT/assets/css/style.css"

(Created page with "/* navbar background color */ .navbar-custom { background-color: #6E352C; } navbar text color: .navbar-custom, .navbar-text, .navbar-nav, .nav-link { color: #f2e...")
 
(Blanked the page)
 
Line 1: Line 1:
/* navbar background color */
 
.navbar-custom {
 
    background-color: #6E352C;
 
}
 
  
/* navbar text color */
 
.navbar-custom, .navbar-text, .navbar-nav, .nav-link {
 
    color: #f2edeb;
 
}
 
 
/* link color on hover */
 
.navbar-custom .nav-item:hover .nav-link {
 
    color: #8A6E64;
 
}
 
 
/* for dropdowns only */
 
.navbar-custom .navbar-nav .dropdown-menu {
 
    background-color: #6E352C;
 
}
 
 
/* dropdown item text color */
 
.navbar-custom .navbar-nav .dropdown-item {
 
    color: #f2edeb;
 
}
 
 
/* dropdown item hover or focus */
 
.navbar-custom .navbar-nav .dropdown-item:hover,
 
.navbar-custom .navbar-nav .dropdown-item:focus {
 
    color: #f2edeb;
 
    background-color: #8A6E64;
 
}
 
 
.navbar-nav > li{
 
  padding-left:25px;
 
  padding-right:25px;
 
  background-color: #6E352C;
 
}
 
 
.nav-link, .dropdown-toggle {
 
    padding-top: 20px;
 
}
 
 
.dropdown:hover .dropdown-menu {
 
    display: block;
 
}
 
 
.footer {
 
    width: 100%;
 
    height: 60px;
 
    line-height: 60px;
 
}
 
 
#footer_container {
 
width: 100%;
 
background-color: #6E352C;
 
color: #9A9DA0;
 
line-height: 1.5;
 
padding: 40px;
 
}
 
 
hr {
 
height: 2px;
 
background-color: #343A40;
 
}
 
 
#contact_icons {
 
display: flex;
 
}
 
 
#footer_container > a, #footer_container > a:hover, #footer_container > a:focus, #footer_container > a:active {
 
    text-decoration: none;
 
    color: #9A9DA0;
 
}
 
 
.tourBoundingBox {
 
    margin: 0 auto;
 
    left: 0;
 
    right: 0;
 
    top: 52px;
 
    width: 100%;
 
    background: #EEEEEE;
 
    text-align: center;
 
    z-index: 9999;
 
}
 
 
.tourBoundingBoxInner {
 
    height: 100px;
 
    width: 1100px;
 
    background: #EEEEEE;
 
    display: inline-block;
 
    margin: 0 auto;
 
    padding-top: 20px;
 
    padding-left: 15px;
 
    padding-right: 15px;
 
}
 
 
.tourBarStart {
 
    background-image: url("../../images/tour_bar_selected.png");
 
}
 
 
.tourBarCorners {
 
    width: 6px;
 
    float: left;
 
    height: 100%;
 
    background-repeat: no-repeat;
 
    background-position-x: center;
 
}
 
 
.itemLastSelected {
 
    background-image: url("../../images/tour_bar_last_selected.png");
 
}
 
 
.parentTourItem {
 
    float: left;
 
    width: auto;
 
    height: 100%;
 
    background-image: url("../../images/tour_bar_unselected.png");
 
    background-repeat: no-repeat;
 
    background-position: center top;
 
    text-align: center;
 
    padding-top: 22px;
 
    padding-left: 5px;
 
    padding-right: 5px;
 
}
 
 
.tourItemLabelSelected {
 
    background-color: #3397FE;
 
    color: white;
 
}
 
 
.tourItemLabel {
 
    margin-left: auto;
 
    margin-right: auto;
 
    background-color: white;
 
    border-color: #B8B8B8;
 
    border-style: solid;
 
    border-width: 1px;
 
    text-align: center;
 
    font-size: 12px;
 
    font-family: Arial;
 
    padding: 0px 4px;
 
    display: inline-block;
 
    text-decoration: none;
 
    color: black;
 
}
 
 
.expandedTour {
 
    height: 100%;
 
    float: left;
 
}
 
 
.tourBendLeft {
 
    background-image: url("../../images/tour_bar_bend_left.png");
 
}
 
 
.tourBend {
 
    width: 31px;
 
    float: left;
 
    height: 100%;
 
    background-repeat: no-repeat;
 
    background-position-x: center;
 
}
 
 
.expandedTourInner {
 
    padding-top: 17px;
 
    float: left;
 
    background-repeat: repeat-x;
 
    background-image: url("../../images/expanded_tour_bar.png");
 
}
 
 
.tourBendRight {
 
    background-image: url("../../images/tour_bar_bend_right.png");
 
}
 
 
.tourBend {
 
    width: 31px;
 
    float: left;
 
    height: 100%;
 
    background-repeat: no-repeat;
 
    background-position-x: center;
 
}
 
 
.wrap {
 
min-width: 1100px;
 
    background-color: #e3beb1;
 
    font-family: 'Ubuntu', sans-serif;
 
}
 
 
.footer a {
 
    color: #f2edeb;
 
}
 
 
.footer a:hover {
 
    color: #8A6E64;
 
}
 
 
.footer b {
 
    color: #f2edeb;
 
}
 
 
.card {
 
    background-color: #f2edeb;
 
}
 
 
#big_logo {
 
    margin: auto;
 
    display: block;
 
    width: 90%;
 
}
 
 
#landing_text {
 
    font-size: 175px;
 
    min-width: 1100px;
 
    font-family: 'Ubuntu', sans-serif;
 
    font-weight: 700;
 
    text-align: center;
 
    color: #6E352C;
 
    padding-top: 50px;
 
    padding-bottom: 75px;
 
}
 
 
.narration-bold {
 
    font-size: 30px;
 
    font-weight: 500;
 
}
 
 
.narration-extra-bold {
 
    font-size: 40px;
 
    font-weight: 700;
 
}
 
 
.container{
 
    width: calc(100% - 200px);
 
}
 
 
html {
 
  scroll-behavior: smooth;
 
}
 

Latest revision as of 06:25, 5 September 2021