Line 5: | Line 5: | ||
.logo { /* LOGO IN MENU */ | .logo { /* LOGO IN MENU */ | ||
width: 300px; | width: 300px; | ||
− | + | margin-top: 50px; | |
− | + | margin-left: 5%; | |
} | } | ||
#mainwrap { | #mainwrap { | ||
margin: 0 auto; | margin: 0 auto; | ||
− | + | min-height: 100%; | |
} | } | ||
#menubartable { /* MASTER MENU TABLE */ | #menubartable { /* MASTER MENU TABLE */ | ||
− | border: 0; | + | border: 0; |
list-style-type: none; | list-style-type: none; | ||
margin-top: 60px; | margin-top: 60px; | ||
− | + | margin-right: 5%; | |
padding: 0; | padding: 0; | ||
position: relative; | position: relative; | ||
− | + | float: right; | |
white-space: nowrap; | white-space: nowrap; | ||
width: 0 auto !important; | width: 0 auto !important; | ||
− | background-color: blue; | + | background-color: blue; |
} | } | ||
#menubartable li { | #menubartable li { | ||
Line 36: | Line 36: | ||
text-align: center; | text-align: center; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
− | + | text-transform: uppercase; | |
− | + | font-weight: bold; | |
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
.dropdown-content { /* DROP DOWN MENU CONTAINERS */ | .dropdown-content { /* DROP DOWN MENU CONTAINERS */ | ||
− | display: none; | + | display: none; |
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
Line 51: | Line 51: | ||
text-align: left; | text-align: left; | ||
text-decoration: none; | text-decoration: none; | ||
− | background-color: red; | + | background-color: red; |
} | } | ||
.menu-column:hover .dropdown-content {display: block;} | .menu-column:hover .dropdown-content {display: block;} | ||
Line 57: | Line 57: | ||
.logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;} | .logo:hover {color: #b9b4b4 !important; -webkit-transition:1s;} | ||
#footer { | #footer { | ||
− | + | position:absolute; | |
− | + | bottom:0; | |
− | + | width:100%; | |
− | + | height:60px; /* Height of the footer */ | |
− | + | background:#6cf; | |
} | } | ||
</style> | </style> | ||
Line 101: | Line 101: | ||
</li> | </li> | ||
</ul> | </ul> | ||
− | <div id="footer"> | + | <div id="footer"> |
− | </div> | + | </div> |
</div> | </div> | ||
</body> | </body> |
Revision as of 20:47, 2 August 2017