76 lines
791 B
CSS
76 lines
791 B
CSS
body{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
body > * {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.cwsvHeader{
|
|
order: 1;
|
|
}
|
|
.mainNav{
|
|
order: 4;
|
|
}
|
|
.subNav{
|
|
order: 2;
|
|
}
|
|
#content{
|
|
order: 3;
|
|
}
|
|
.sideNotes{
|
|
order: 5;
|
|
}
|
|
.footerBar{
|
|
order: 6;
|
|
}
|
|
|
|
@media(min-width: 640px) and (max-width: 1279px){
|
|
body{
|
|
display: block;
|
|
}
|
|
.subNav{
|
|
float: right;
|
|
width: 33%;
|
|
}
|
|
#content {
|
|
float: left;
|
|
width: 67%;
|
|
/* margin: 1%;
|
|
padding: 1%;
|
|
*/
|
|
}
|
|
.sideNotes{
|
|
float: right;
|
|
width: 33%;
|
|
}
|
|
.footerBar{
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
|
|
@media(min-width: 1280px){
|
|
body{
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.mainNav{
|
|
order: 2;
|
|
}
|
|
.subNav{
|
|
order: 3;
|
|
flex-basis: 25%;
|
|
align-self: flex-start;
|
|
}
|
|
#content{
|
|
order: 4;
|
|
flex-basis: 50%;
|
|
}
|
|
.sideNotes{
|
|
align-self: flex-start;
|
|
flex-basis: 25%;
|
|
}
|
|
}
|