Difference between revisions of "Template:US AFRL CarrollHS/Layout"

 
(8 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<style>
 
<style>
  
 +
<!-- Strip default wiki down --!>
 
<!-- Strip default wiki down --!>
 
<!-- Strip default wiki down --!>
  
Line 14: Line 15:
  
 
#content {
 
#content {
−
display: none;
+
left: 0px;
 +
height: 100%;
 +
padding:0px;
 +
width:1000px;
 +
margin-top:-7px;
 +
margin-left:0px;}
 +
body {background-color:white;  
 
}
 
}
 +
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px; }
 +
 +
.mw-body { width:100% !important; }
 +
 +
  
 
<!-- CSS Grid --!>
 
<!-- CSS Grid --!>
Line 21: Line 34:
 
.page {
 
.page {
 
display: grid;
 
display: grid;
−
width: 100%;
 
 
grid-template-columns: 2fr 1fr 1fr;
 
grid-template-columns: 2fr 1fr 1fr;
−
grid-template-rows: auto 1fr 3fr
+
grid-template-rows: auto 1fr 3fr;
 +
grid-template-areas:
 +
"title title title"
 +
"main header header"
 +
"main sidebar footer";
 +
"background-color:powderblue;"
 
}
 
}
  
 
.masthead {
 
.masthead {
−
grid-column: 2/4;
+
grid-area: header;
−
grid-row: 2/3;
+
 
}
 
}
  
 
.page-title {
 
.page-title {
−
grid-column: 1/4;
+
grid-area: title;
−
grid-row: 1/2;
+
 
}
 
}
  
 
.main-content {
 
.main-content {
−
grid-column: 1/2;
+
grid-area: main;
−
grid-row: 2/4;
+
 
}
 
}
  
 
.sidebar {
 
.sidebar {
−
grid-column: 2/3;
+
grid-area: sidebar;
−
grid-row: 3/4;
+
 
}
 
}
  
 
.footer {
 
.footer {
−
grid-column: 3/4;
+
grid-area: footer;
−
grid-row: 3/4;
+
 
}
 
}
  

Latest revision as of 18:06, 14 June 2018