Difference between revisions of "Template:UIUC Illinois STYLE2"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
−
 
−
 
−
 
−
 
−
 
  
 
@charset "UTF-8";
 
@charset "UTF-8";
Line 3,645: Line 3,639:
 
   }
 
   }
  
 +
  .navbar {
 +
    display: none;
 +
  }
  
 
   .btn > .caret,
 
   .btn > .caret,
Line 4,224: Line 4,221:
 
}
 
}
  
−
.containers {
+
.container {
 
   margin-right: auto;
 
   margin-right: auto;
 
   margin-left: auto;
 
   margin-left: auto;
Line 4,230: Line 4,227:
 
   padding-right: 15px;
 
   padding-right: 15px;
 
}
 
}
−
.containers:before, .containers:after {
+
.container:before, .container:after {
 
   content: " ";
 
   content: " ";
 
   display: table;
 
   display: table;
 
}
 
}
−
.containers:after {
+
.container:after {
 
   clear: both;
 
   clear: both;
 
}
 
}
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
−
   .containers {
+
   .container {
 
     width: 750px;
 
     width: 750px;
 
   }
 
   }
 
}
 
}
 
@media (min-width: 992px) {
 
@media (min-width: 992px) {
−
   .containers {
+
   .container {
 
     width: 970px;
 
     width: 970px;
 
   }
 
   }
 
}
 
}
 
@media (min-width: 1200px) {
 
@media (min-width: 1200px) {
−
   .containers {
+
   .container {
 
     width: 1170px;
 
     width: 1170px;
 
   }
 
   }
 
}
 
}
  
−
.containers-fluid {
+
.container-fluid {
 
   margin-right: auto;
 
   margin-right: auto;
 
   margin-left: auto;
 
   margin-left: auto;
Line 4,259: Line 4,256:
 
   padding-right: 15px;
 
   padding-right: 15px;
 
}
 
}
−
.containers-fluid:before, .containers-fluid:after {
+
.container-fluid:before, .container-fluid:after {
 
   content: " ";
 
   content: " ";
 
   display: table;
 
   display: table;
 
}
 
}
−
.containers-fluid:after {
+
.container-fluid:after {
 
   clear: both;
 
   clear: both;
 
}
 
}
Line 6,939: Line 6,936:
 
}
 
}
  
−
 
+
.navbar {
 +
  position: relative;
 +
  min-height: 55px;
 +
  margin-bottom: 20px;
 +
  border: 1px solid transparent;
 +
}
 +
.navbar:before, .navbar:after {
 +
  content: " ";
 +
  display: table;
 +
}
 +
.navbar:after {
 +
  clear: both;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar {
 +
    border-radius: 4px;
 +
  }
 +
}
  
 
.navbar-header:before, .navbar-header:after {
 
.navbar-header:before, .navbar-header:after {
Line 6,987: Line 7,001:
 
     overflow-y: visible;
 
     overflow-y: visible;
 
   }
 
   }
−
    
+
   .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
 +
    padding-left: 0;
 +
    padding-right: 0;
 +
  }
 +
}
 +
 
 +
.navbar-fixed-top .navbar-collapse,
 +
.navbar-fixed-bottom .navbar-collapse {
 +
  max-height: 340px;
 +
}
 +
@media (max-device-width: 480px) and (orientation: landscape) {
 +
  .navbar-fixed-top .navbar-collapse,
 +
  .navbar-fixed-bottom .navbar-collapse {
 +
    max-height: 200px;
 +
  }
 +
}
  
−
.containers > .navbar-header,
+
.container > .navbar-header,
−
.containers > .navbar-collapse,
+
.container > .navbar-collapse,
−
.containers-fluid > .navbar-header,
+
.container-fluid > .navbar-header,
−
.containers-fluid > .navbar-collapse {
+
.container-fluid > .navbar-collapse {
 
   margin-right: -15px;
 
   margin-right: -15px;
 
   margin-left: -15px;
 
   margin-left: -15px;
 
}
 
}
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
−
   .containers > .navbar-header,
+
   .container > .navbar-header,
−
   .containers > .navbar-collapse,
+
   .container > .navbar-collapse,
−
   .containers-fluid > .navbar-header,
+
   .container-fluid > .navbar-header,
−
   .containers-fluid > .navbar-collapse {
+
   .container-fluid > .navbar-collapse {
 
     margin-right: 0;
 
     margin-right: 0;
 
     margin-left: 0;
 
     margin-left: 0;
Line 7,016: Line 7,045:
 
}
 
}
  
−
 
+
.navbar-fixed-top,
 
.navbar-fixed-bottom {
 
.navbar-fixed-bottom {
 
   position: fixed;
 
   position: fixed;
Line 7,024: Line 7,053:
 
}
 
}
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
−
    
+
   .navbar-fixed-top,
 
   .navbar-fixed-bottom {
 
   .navbar-fixed-bottom {
 
     border-radius: 0;
 
     border-radius: 0;
Line 7,030: Line 7,059:
 
}
 
}
  
−
{
+
.navbar-fixed-top {
 
   top: 0;
 
   top: 0;
 
   border-width: 0 0 1px;
 
   border-width: 0 0 1px;
Line 7,055: Line 7,084:
 
}
 
}
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
−
   .navbar > .containers .navbar-brand, .navbar > .containers-fluid .navbar-brand {
+
   .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 
     margin-left: -15px;
 
     margin-left: -15px;
 
   }
 
   }
Line 7,724: Line 7,753:
 
   border-top-color: #d5d5d5;
 
   border-top-color: #d5d5d5;
 
}
 
}
−
.containers .jumbotron, .containers-fluid .jumbotron {
+
.container .jumbotron, .container-fluid .jumbotron {
 
   border-radius: 6px;
 
   border-radius: 6px;
 
}
 
}
−
.jumbotron .containers {
+
.jumbotron .container {
 
   max-width: 100%;
 
   max-width: 100%;
 
}
 
}
Line 7,735: Line 7,764:
 
     padding-bottom: 48px;
 
     padding-bottom: 48px;
 
   }
 
   }
−
   .containers .jumbotron, .containers-fluid .jumbotron {
+
   .container .jumbotron, .container-fluid .jumbotron {
 
     padding-left: 60px;
 
     padding-left: 60px;
 
     padding-right: 60px;
 
     padding-right: 60px;
Line 13,267: Line 13,296:
 
   min-height: 100px;
 
   min-height: 100px;
 
}
 
}
−
.fh5co-cta .containers {
+
.fh5co-cta .container {
 
   position: relative;
 
   position: relative;
 
   z-index: 2;
 
   z-index: 2;

Revision as of 18:33, 25 July 2017