Difference between revisions of "Team:UNOTT/CSS"

(Blanked the page)
Line 1: Line 1:
 +
.container,
 +
.container-fluid {
 +
  color-background: #F7F5E6;
 +
  color: black;
 +
}
  
 +
.container {
 +
  margin-top: 20px;
 +
}
 +
 +
 +
/* Carousel Styles */
 +
 +
.carousel-indicators .active {
 +
  background-color: #52658F;
 +
}
 +
 +
.carousel-inner img {
 +
  width: 100%;
 +
  max-height: 600px
 +
}
 +
 +
.Image-inner img {
 +
  width: 90%;
 +
  max-height: 400px
 +
}
 +
 +
.carousel-control {
 +
  width: 0;
 +
}
 +
 +
.carousel-control.left,
 +
.carousel-control.right {
 +
  opacity: .7;
 +
  color: #52658F;
 +
  filter: alpha(opacity=100);
 +
  background-image: none;
 +
  background-repeat: no-repeat;
 +
  text-shadow: none;
 +
}
 +
 +
.carousel-control.left span {
 +
  padding: 30px;
 +
}
 +
 +
.carousel-control.right span {
 +
  padding: 15px;
 +
}
 +
 +
.carousel-control .fa-arrow-left,
 +
.carousel-control .fa-arrow-right,
 +
.carousel-control .icon-prev,
 +
.carousel-control .icon-next {
 +
  position: absolute;
 +
  top: 50%;
 +
  z-index: 5;
 +
  display: inline-block;
 +
}
 +
 +
.carousel-control .fa-arrow-left,
 +
.carousel-control .icon-prev {
 +
  left: 0;
 +
}
 +
 +
.carousel-control .fa-arrow-right,
 +
.carousel-control .icon-next {
 +
  right: 0;
 +
}
 +
 +
.carousel-control.left span,
 +
.carousel-control.right span {
 +
  background-color: #000;
 +
}
 +
 +
.carousel-control.left span:hover,
 +
.carousel-control.right span:hover {
 +
  opacity: 1;
 +
  filter: alpha(opacity=70);
 +
}
 +
 +
 +
/* Navbar */
 +
 +
.some-padding {
 +
  padding-top: 20px;
 +
}
 +
 +
 +
/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar BACKGROUND*/
 +
 +
.navbar-default {
 +
  background-color: white;
 +
  border-color: rgba(255, 255, 255, 0.3);
 +
  font-family: 'Karla', sans-serif;
 +
  font-weight: 300;
 +
  -webkit-transition: all 0.35s;
 +
  -moz-transition: all 0.35s;
 +
  transition: all 0.35s;
 +
}
 +
 +
 +
/*NavBar UNOTT Information*/
 +
 +
.navbar-default .navbar-header .navbar-brand {
 +
  color: #52658F;
 +
  font-family: 'Helvetica', sans-serif;
 +
  font-weight: bold;
 +
  font-size: 22px;
 +
  display: inline-block;
 +
}
 +
 +
 +
/*Changes colour of the iGEM logo in the navbar.*/
 +
 +
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
  color: #52658F;
 +
}
 +
 +
.navbar-default .navbar-header .navbar-toggle {
 +
  font-family: 'Helvetica', sans-serif;
 +
  font-weight: 400; bold;
 +
  font-size: 14px;
 +
  color: #333A56;
 +
  text-transform: uppercase;
 +
}
 +
 +
/* Navbar font */
 +
.navbar-default .nav > li > a,
 +
.navbar-default .nav > li > a:focus {
 +
  text-transform: uppercase;
 +
  font-family: 'Helvetica', sans-serif;
 +
  font-weight: bold;
 +
  font-size: 14px;
 +
  color: #959595;
 +
}
 +
 +
.navbar-default .nav > li > a:hover,
 +
.navbar-default .nav > li > a:focus:hover {
 +
  color: #333A56;
 +
}
 +
 +
/*Navbar background colour*/
 +
 +
.navbar-default .nav > li.active > a,
 +
.navbar-default .nav > li.active > a:focus {
 +
  color: #333A56 !important;
 +
  background-color: black;
 +
}
 +
 +
.navbar-default .nav > li.active > a:hover,
 +
.navbar-default .nav > li.active > a:focus:hover {
 +
  background-color: black;
 +
  border-left-color: black; border-top-color: black;
 +
}
 +
 +
.navbar-default .navbar-toggle {
 +
  border: none;
 +
}
 +
/*dropdown menu colours*/
 +
.navbar-default .dropdown-menu > li > a:hover,
 +
.navbar-default .dropdown-menu > li > a:focus {
 +
  background-color: #white;
 +
  color: #2eacdd;
 +
}
 +
 +
.navbar-default .dropdown-menu {
 +
  border: none;
 +
  outline: none;
 +
  font-family: 'Helvetica', sans-serif;
 +
  text-transform: uppercase;
 +
  font-weight: bold;
 +
  font-size: 13.2px !important;
 +
  color: #222222;

Revision as of 22:25, 17 July 2017

.container, .container-fluid { 

 color-background: #F7F5E6;
 color: black;

}

.container { 

 margin-top: 20px;

}


/* Carousel Styles */

.carousel-indicators .active { 

 background-color: #52658F;

}

.carousel-inner img { 

 width: 100%;
 max-height: 600px

}

.Image-inner img { 

 width: 90%;
 max-height: 400px

}

.carousel-control { 

 width: 0;

}

.carousel-control.left, .carousel-control.right { 

 opacity: .7;
 color: #52658F;
 filter: alpha(opacity=100);
 background-image: none;
 background-repeat: no-repeat;
 text-shadow: none;

}

.carousel-control.left span { 

 padding: 30px;

}

.carousel-control.right span { 

 padding: 15px;

}

.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next { 

 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;

}

.carousel-control .fa-arrow-left, .carousel-control .icon-prev { 

 left: 0;

}

.carousel-control .fa-arrow-right, .carousel-control .icon-next { 

 right: 0;

}

.carousel-control.left span, .carousel-control.right span { 

 background-color: #000;

}

.carousel-control.left span:hover, .carousel-control.right span:hover { 

 opacity: 1;
 filter: alpha(opacity=70);

}


/* Navbar */

.some-padding { 

 padding-top: 20px;

}


/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar BACKGROUND*/

.navbar-default { 

 background-color: white;
 border-color: rgba(255, 255, 255, 0.3);
 font-family: 'Karla', sans-serif;
 font-weight: 300;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 transition: all 0.35s;

}


/*NavBar UNOTT Information*/

.navbar-default .navbar-header .navbar-brand { 

 color: #52658F;
 font-family: 'Helvetica', sans-serif;
 font-weight: bold;
 font-size: 22px;
 display: inline-block;

}


/*Changes colour of the iGEM logo in the navbar.*/

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { 

 color: #52658F;

}

.navbar-default .navbar-header .navbar-toggle { 

 font-family: 'Helvetica', sans-serif;
 font-weight: 400; bold;
 font-size: 14px;
 color: #333A56;
 text-transform: uppercase;

}

/* Navbar font */ .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { 

 text-transform: uppercase;
 font-family: 'Helvetica', sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #959595;

}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { 

 color: #333A56;

}

/*Navbar background colour*/

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { 

 color: #333A56 !important;
 background-color: black;

}

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { 

 background-color: black;
 border-left-color: black; border-top-color: black;

}

.navbar-default .navbar-toggle { 

 border: none;

} /*dropdown menu colours*/ .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus { 

 background-color: #white;
 color: #2eacdd;

}

.navbar-default .dropdown-menu { 

 border: none;
 outline: none;
 font-family: 'Helvetica', sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 13.2px !important;
 color: #222222;