/* Menastar Limited
Style Sheet for the Navigation Bar and side menu
Created 20th March 2020
Assumption is that the HTML file has defined in its area the following:-
defined a div called main to show what part of the webpage shifts right when the menu is opend
*/
.info-container
{
display: flex;
flex-direction: row;
flex-wrap: wrap; /* shortcut flex-flow: row wrap; */
justify-content:space-between;
background: #555;
padding-top: 20px;
}
.info-item
{
padding-bottom: 30px; /* Gap between each item */
}
.info-image
{
float: left;
width: 20px;
transition: 1.5s;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 8px;
padding-right: 10px;
}
.info-text
{
float: left;
width: 200px;
padding-left: 5px;
}
.info-title
{
font-weight: bold;
}
.info-general
{
font-size: 90%;
opacity: 0.5;
}
.info-image:hover
{
background-color:grey;
}
/* Test Options
.info-item
{ border: 2px solid green; }
.info-image
{ border: 1px solid yellow; }
.info-text
{ border: 2px solid purple; }
*/
@media screen and (max-width:320px) /* iPhone SE */
{
}