Display fixes
This commit is contained in:
@@ -409,6 +409,24 @@ a {
|
||||
.min-h-200 {
|
||||
min-height: 200px; }
|
||||
|
||||
.w-250 {
|
||||
width: 250px; }
|
||||
|
||||
.max-w-250 {
|
||||
max-width: 250px; }
|
||||
|
||||
.min-w-250 {
|
||||
min-width: 250px; }
|
||||
|
||||
.h-250 {
|
||||
height: 250px; }
|
||||
|
||||
.max-h-250 {
|
||||
max-height: 250px; }
|
||||
|
||||
.min-h-250 {
|
||||
min-height: 250px; }
|
||||
|
||||
.w-300 {
|
||||
width: 300px; }
|
||||
|
||||
@@ -427,6 +445,24 @@ a {
|
||||
.min-h-300 {
|
||||
min-height: 300px; }
|
||||
|
||||
.w-350 {
|
||||
width: 350px; }
|
||||
|
||||
.max-w-350 {
|
||||
max-width: 350px; }
|
||||
|
||||
.min-w-350 {
|
||||
min-width: 350px; }
|
||||
|
||||
.h-350 {
|
||||
height: 350px; }
|
||||
|
||||
.max-h-350 {
|
||||
max-height: 350px; }
|
||||
|
||||
.min-h-350 {
|
||||
min-height: 350px; }
|
||||
|
||||
.w-400 {
|
||||
width: 400px; }
|
||||
|
||||
@@ -445,6 +481,24 @@ a {
|
||||
.min-h-400 {
|
||||
min-height: 400px; }
|
||||
|
||||
.w-450 {
|
||||
width: 450px; }
|
||||
|
||||
.max-w-450 {
|
||||
max-width: 450px; }
|
||||
|
||||
.min-w-450 {
|
||||
min-width: 450px; }
|
||||
|
||||
.h-450 {
|
||||
height: 450px; }
|
||||
|
||||
.max-h-450 {
|
||||
max-height: 450px; }
|
||||
|
||||
.min-h-450 {
|
||||
min-height: 450px; }
|
||||
|
||||
.w-500 {
|
||||
width: 500px; }
|
||||
|
||||
@@ -1076,7 +1130,6 @@ a {
|
||||
|
||||
nav#navbar {
|
||||
z-index: 100;
|
||||
height: 3em;
|
||||
display: flex;
|
||||
justify-content: flex-between;
|
||||
align-items: center;
|
||||
@@ -1135,50 +1188,46 @@ nav#navbar {
|
||||
margin: auto;
|
||||
width: 65%; }
|
||||
|
||||
nav#navbar .left {
|
||||
flex: 0;
|
||||
text-align: left;
|
||||
background-color: #ffffff; }
|
||||
nav#navbar .left img {
|
||||
margin: 1em;
|
||||
height: 1.3em; }
|
||||
|
||||
nav#navbar .center {
|
||||
flex: 1;
|
||||
color: #243887;
|
||||
font-size: 1em;
|
||||
background-color: #ffffff; }
|
||||
|
||||
nav#navbar .right {
|
||||
font-family: Manometer;
|
||||
color: #ffffff; }
|
||||
|
||||
nav#navbar #menutoggle {
|
||||
display: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav#navbar #menutoggle {
|
||||
display: block; }
|
||||
nav {
|
||||
height: 52px; }
|
||||
nav#navbar .left {
|
||||
flex: 0;
|
||||
text-align: left;
|
||||
background-color: #ffffff; }
|
||||
nav#navbar .left img {
|
||||
margin: 1em;
|
||||
height: 1.3em; }
|
||||
nav#navbar .center {
|
||||
display: none; } }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
flex: 1;
|
||||
color: #243887;
|
||||
font-size: 1em;
|
||||
background-color: #ffffff; }
|
||||
nav#navbar .right {
|
||||
display: none; } }
|
||||
|
||||
nav#sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -300px;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
z-index: 200;
|
||||
box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
|
||||
background-color: #ffffff;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
transition: ease 0.2s all; }
|
||||
font-family: Manometer;
|
||||
color: #ffffff; }
|
||||
nav#navbar #menutoggle {
|
||||
display: none; }
|
||||
@media (max-width: 600px) {
|
||||
nav#navbar #menutoggle {
|
||||
display: block; }
|
||||
nav#navbar .center {
|
||||
display: none; } }
|
||||
@media (max-width: 992px) {
|
||||
nav#navbar .right {
|
||||
display: none; } }
|
||||
nav#sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -300px;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
z-index: 200;
|
||||
box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
|
||||
background-color: #ffffff;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
transition: ease 0.2s all; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav#navbar {
|
||||
|
||||
Reference in New Issue
Block a user