Team:Cornell/grids

/******************** HOME PAGE START ********************/ .home-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto auto 100px;
   grid-template-areas: 
   "navbar"
   "homebanner"
   "homedescription"
   "homesubdescriptions"
   "footer";

}

nav { grid-area: navbar;

   background: #0d1c38;

}

.nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {

   display: grid;
   grid-template-columns: auto auto;

}

.nav-first-col {

   grid-column-start: 1;
   display: inline-grid;

}

.nav-second-col {

   grid-column: 2;
   display: inline-grid;
   grid-area: navbar;

}

.home-banner { grid-area: homebanner; }

.home-description-wrapper {

   display: grid;
   grid-area: homedescription;
   grid-template-columns: 150px auto 150px;
   grid-template-areas: 
   ". homedescriptionlogo ."
   ". yellowaccentline ."
   ". homedescription ."
   ". redfrequencyarea .";

}

.home-description-logo-wrapper { grid-area: homedescriptionlogo; }

.yellow-accent-line-center { grid-area: yellowaccentline; }

.home-description { grid-area: homedescription; }

.home-red-frequency-wrapper { grid-area: redfrequencyarea; }

.home-sub-descriptions-wrapper {

   display: grid;
   grid-area: homesubdescriptions;
   grid-template-columns: 150px auto 150px;
   grid-template-areas: 
   ". homesubdescriptionleft ."
   ". homesubdescriptionright ."
   ". homesubdescriptionleft2 ."
   ". homesubdescriptionright2 .";

}

.home-sub-description-left {

   display: inline-grid;
   grid-area: homesubdescriptionleft;
   grid-template-columns: 60% 40%;
   grid-template-areas: 
   "homesubdescriptionleftcontent homesubdescriptionrightimage";

}

.home-sub-description-left2 {

   display: inline-grid;
   grid-area: homesubdescriptionleft2;
   grid-template-columns: 60% 40%;
   grid-template-areas: 
   "homesubdescriptionleftcontent homesubdescriptionrightimage";

}

.home-sub-description-left-content {

   grid-area: homesubdescriptionleftcontent;

}

.home-sub-description-right-image {

   grid-area: homesubdescriptionrightimage;

}

.home-sub-description-right {

   display: inline-grid;
   grid-area: homesubdescriptionright;
   grid-template-columns: 40% 60%;
   grid-template-areas: 
   "homesubdescriptionleftimage homesubdescriptionrightcontent";

}

.home-sub-description-right2 {

   display: inline-grid;
   grid-area: homesubdescriptionright2;
   grid-template-columns: 40% 60%;
   grid-template-areas: 
   "homesubdescriptionleftimage homesubdescriptionrightcontent";

}

.home-sub-description-left-image {

   grid-area: homesubdescriptionleftimage;

}

.home-sub-description-right-content {

   grid-area: homesubdescriptionrightcontent;

}

.right-image {

   grid-area: right-image;

}

footer {

   grid-area: footer;

} /******************** HOME PAGE END ********************/

/******************** STANDARD PAGE START ********************/ /*.standard-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "standardpagebanner"
   "standardpagesidebarcontent"
   "footer";

}*/

.home-sub-description-left-content { grid-area: homesubdescriptionleftcontent; }

.home-sub-description-right-image { grid-area: homesubdescriptionrightimage; }

.home-sub-description-right { display: inline-grid; grid-area: homesubdescriptionright; grid-template-columns: 40% 60%; grid-template-areas: "homesubdescriptionleftimage homesubdescriptionrightcontent"; }

.home-sub-description-right2 { display: inline-grid; grid-area: homesubdescriptionright2; grid-template-columns: 40% 60%; grid-template-areas: "homesubdescriptionleftimage homesubdescriptionrightcontent"; }

.home-sub-description-left-image { grid-area: homesubdescriptionleftimage; }

.home-sub-description-right-content { grid-area: homesubdescriptionrightcontent; }

.right-image { grid-area: right-image; }

footer { grid-area: footer; } /******************** HOME PAGE END ********************/

/******************** STANDARD PAGE START ********************/ .standard-page-wrapper { display: grid; grid-template-columns: auto; grid-template-rows: 100px 550px auto 100px; grid-template-areas: "navbar" "standardpagebanner" "standardpagesidebarcontent" "footer"; }

.standard-page-banner { grid-area: standardpagebanner; }

.standard-page-side-bar-content-wrapper { display: inline-grid; grid-area: standardpagesidebarcontent; grid-template-columns: 7.5% 20% 65% 7.5%; grid-template-areas: ". standardpagesidebar standardpagecontent ."; }

.standard-page-side-bar-wrapper { grid-area: standardpagesidebar; }

.standard-page-content-wrapper { grid-area: standardpagecontent; } /******************** STANDARD PAGE END ********************/

/******************** SAFETY PAGE START ********************/

.safety-page-wrapper {
   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: "navbar" "standardpagebanner" "safetypagecontent" "footer";

}

.safety-page-content-wrapper {
   display: inline-grid;
   grid-area: safetypagecontent;
   /*grid-template-columns: 7.5% 85% 7.5%;*/

}

/******************** SAFETY PAGE END ********************/ 

/******************** ABOUT PAGE START ********************/
.about-page-wrapper {
   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: "navbar" "standardpagebanner" "safetypagecontent" "footer";

}

.about-page-content-wrapper {
   display: inline-grid;
   grid-area: safetypagecontent;
   /*grid-template-columns: 7.5% 85% 7.5%;*/

}

/******************** SAFETY PAGE END ********************/ 
/******************** NOTEBOOK PAGE START ********************/

.notebook-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "notebookpagecontent"
   "footer";

}

.notebook-page-content-wrapper {

   display: inline-grid;
   grid-area: notebookpagecontent;
   /*grid-template-columns: 7.5% 85% 7.5%;*/

} /******************** NOTEBOOK PAGE END ********************/

/******************** SPONSORS PAGE START ********************/ .sponsors-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: "navbar" "standardpagebanner" "sponsorspagecontent" "footer";

}

.sponsors-page-content-wrapper {

   display: grid;
   grid-area: sponsorspagecontent;
   grid-template-columns: 150px auto 150px;
   grid-template-areas: ". sponsorcontent .";

}

.sponsors-content-wrapper {

   display: grid;
   grid-area: sponsorcontent;
   grid-template-columns: 40% 60%;

} /******************** SPONSORS PAGE END ********************/

/******************** ATTRIBUTIONS PAGE START ********************/ .attributions-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "attributionspagecontent"
   "footer";

}

.attributions-page-content-wrapper {

   display: inline-grid;
   grid-area: attributionspagecontent;

} /******************** ATTRIBUTIONS PAGE END ********************/

/******************** TESTING PAGE START ********************/ .testing-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "testingpagecontent"
   "footer";

}

.testing-page-content-wrapper {

   display: inline-grid;
   grid-area: testingpagecontent;

} /******************** TESTING PAGE END ********************/

/******************** BASIC PARTS PAGE START ********************/ .basicParts-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "basicpartspagecontent"
   "footer";

}

.basicParts-page-content-wrapper {

   display: inline-grid;
   grid-area: basicpartspagecontent;

} /******************** BASIC PARTS PAGE END ********************/

/******************** DEMONSTRATE PAGE START ********************/ .demonstrate-page-wrapper { display: grid; grid-template-columns: auto; grid-template-rows: 100px 550px auto 100px; grid-template-areas: "navbar" "demonstratepagebanner" "demonstratepagecontent" "footer"; }

.demonstrate-page-banner { grid-area: demonstratepagebanner; }

/*.standard-page-content-wrapper { grid-area: demonstratepagecontent; }*/

.demonstrate-page-content-wrapper { grid-area: demonstratepagecontent; } /******************** DEMONSTRATE PAGE END ********************/

/******************** FOUNDATIONS PAGE START ********************/ .foundations-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "standardpagebanner"
   "standardpagesidebarcontent"
   "footer";

}

/*.foundations-page-content-wrapper {

   display: inline-grid;
   grid-area: foundationspagecontent;

}*/ /******************** FOUNDATIONS PAGE END ********************/

/******************** INTERLAB PAGE START ********************/ .interlab-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "standardpagebanner"
   "interlabpagecontent"
   "footer";

}

.interlab-page-content-wrapper {

   display: inline-grid;
   grid-area: interlabpagecontent;

} /******************** INTERLAB PAGE END ********************/

/******************** PARTS PAGE START ********************/ .parts-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "standardpagebanner"
   "partspagecontent"
   "footer";

}

.parts-page-content-wrapper {

   display: inline-grid;
   grid-area: partspagecontent;

} /******************** PARTS PAGE END ********************/

/******************** COMPOSITE PAGE START ********************/ .composite-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "compositepagecontent"
   "footer";

}

.composite-page-content-wrapper {

   display: inline-grid;
   grid-area: compositepagecontent;

} /******************** COMPOSITE PAGE END ********************/

/******************** MODELING PAGE START ********************/ .modeling-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "nopicbanner"
   "modelingpagecontent"
   "footer";

}

.modeling-page-content-wrapper {

   grid-area: modelingpagecontent;

} /******************** MODELING PAGE END ********************/

/******************** PARTS PAGE START ********************/

.parts-page-wrapper { display: grid; grid-template-columns: auto; grid-template-rows: 100px 550px auto 100px; grid-template-areas: "navbar" "partspagebanner" "partspagecontent" "footer"; }

.parts-page-banner { grid-area: partspagebanner; }

.parts-page-content-wrapper { grid-area: partspagecontent; }

/******************** PARTS PAGE END ********************/

/******************** ENTREPRENEURSHIP PAGE START ********************/

.entrepreneurship-page-wrapper {

       display: grid;
       grid-template-columns: auto;
       grid-template-rows: 100px 550px auto auto auto 100px;
       grid-template-areas: 
       "navbar"
       "standardpagebanner"
       "entrepreneurshipdescriptionwrapper"
       "entrepreneurshipsubdescriptions"
	"entrepreneurshipclosingwrapper"
       "footer";

}

.entrepreneurship-description-wrapper {

       display: grid;
       grid-area: entrepreneurshipdescriptionwrapper;
       grid-template-columns: 150px auto 150px;
       grid-template-areas: 
       ". entrepreneurshipdescription ."
       ". yellowaccentline ."

}

.entrepreneurship-description { grid-area: entrepreneurshipdescription; }

.entrepreneurship-sub-descriptions-wrapper {

       display: grid;
       grid-area: entrepreneurshipsubdescriptions;
       grid-template-columns: 150px auto 150px;
       grid-template-areas: 
       ". entrepreneurshipsubdescriptionleft ."
       ". entrepreneurshipsubdescriptionright ."
       ". entrepreneurshipsubdescriptionleft2 ."
       ". entrepreneurshipsubdescriptionright2 .";

}

.entrepreneurship-sub-description-left {

       display: inline-grid;
       grid-area: entrepreneurshipsubdescriptionleft;
       grid-template-columns: 60% 40%;
        grid-template-areas: 
       "entrepreneurshipsubdescriptionleftcontent entrepreneurshipsubdescriptionrightimage";

}

.entrepreneurship-sub-description-left2 {

       display: inline-grid;
       grid-area: entrepreneurshipsubdescriptionleft2;
       grid-template-columns: 60% 40%;
       grid-template-areas: 
      "entrepreneurshipsubdescriptionleftcontent entrepreneurshipsubdescriptionrightimage";

}

.entrepreneurship-sub-description-left-content {

      grid-area: entrepreneurshipsubdescriptionleftcontent;

}

.entrepreneurship-sub-description-right-image {

      grid-area: entrepreneurshipsubdescriptionrightimage;

}

.entrepreneurship-sub-description-right {

      display: inline-grid;
      grid-area: entrepreneurshipsubdescriptionright;
      grid-template-columns: 40% 60%;
      grid-template-areas: 
     "entrepreneurshipsubdescriptionleftimage entrepreneurshipsubdescriptionrightcontent";

}

.entrepreneurship-sub-description-right2 {

       display: inline-grid;
       grid-area: entrepreneurshipsubdescriptionright2;
        grid-template-columns: 40% 60%;
       grid-template-areas: 
       "entrepreneurshipsubdescriptionleftimage entrepreneurshipsubdescriptionrightcontent";

}

.entrepreneurship-sub-description-left-image {

       grid-area: entrepreneurshipsubdescriptionleftimage;

}

.entrepreneurship-sub-description-right-content {

       grid-area: entrepreneurshipsubdescriptionrightcontent;

}

.entrepreneurship-closing-wrapper { display: grid; grid-area: entrepreneurshipclosingwrapper;

       grid-template-columns: 150px auto 150px;
       grid-template-areas: 
       ". entrepreneurshipclosing ."

}

.entrepreneurship-closing{

      grid-area: entrepreneurshipclosing;

} /******************** ENTREPRENEURSHIP PAGE END ********************/

/******************** TEAM PAGE START ********************/

.team-page-wrapper { display: grid; grid-template-columns: auto; grid-template-rows: 100px 550px auto 100px; grid-template-areas: "navbar" "standardpagebanner" "teampagecontent" "footer"; }

.team-page-content-area {

   grid-area: teampagecontent;

}

/******************** TEAM PAGE END ********************/

/******************** PRACTICES PAGE START ********************/ .practices-page-wrapper {

   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto 100px;
   grid-template-areas: 
   "navbar"
   "standardpagebanner"
   "practicespagecontent"
   "footer";

}

.practices-page-content-wrapper {

   display: inline-grid;
   grid-area: practicespagecontent;

} /******************** PRACTICES PAGE END ********************/

/******************** PUBLIC ENGAGEMENT PAGE START ********************/

.public-engagement-page-wrapper {
   display: grid;
   grid-template-columns: auto;
   grid-template-rows: 100px 550px auto auto 100px;
   grid-template-areas: "navbar" "standardpagebanner" "publicengagementpagewrapper" "plasmidwrapper" "footer";

}

.publicengagement-page-content-wrapper {
   grid-area: publicengagementpagewrapper;

} .plasmid-wrapper{ grid-area: plasmidwrapper; }

/******************** PUBLIC ENGAGEMENT PAGE END ********************/