Update identifiers: from header UL and LI names to classes
This commit is contained in:
parent
492353ce39
commit
2150385169
|
@ -1,7 +1,7 @@
|
|||
<div class="branding"></div>
|
||||
<ul>
|
||||
<ul class="header">
|
||||
<?php
|
||||
for($i = 1; $i <= 3; $i++)
|
||||
printf("<li><a href='%s' title='%s' target='_blank'>%s</a></li>\n", $mightycms['header_href'][$i], $mightycms['header_title'][$i], $mightycms['header_a'][$i])
|
||||
printf("<li class='header'><a href='%s' title='%s' target='_blank'>%s</a></li>\n", $mightycms['header_href'][$i], $mightycms['header_title'][$i], $mightycms['header_a'][$i])
|
||||
?>
|
||||
</ul>
|
||||
|
|
|
@ -16,12 +16,12 @@ body
|
|||
background:url(MightyWCMS.jpg) no-repeat
|
||||
}
|
||||
DIV.branding{float:left; height:100px}
|
||||
#header ul
|
||||
UL.header
|
||||
{
|
||||
float:right;
|
||||
margin: 60px 0 0
|
||||
}
|
||||
#header li{display:inline; padding:12px}
|
||||
LI.header{display:inline; padding:12px}
|
||||
|
||||
/* Global */
|
||||
.mw-body-wrapper, .mw-footer{width:80%; margin:auto; overflow:hidden}
|
||||
|
@ -57,9 +57,9 @@ a:hover{color:#fff}
|
|||
/* Media Queries */
|
||||
@media(max-width: 768px)
|
||||
{
|
||||
DIV.branding, #header ul, #mw-content-wrapper, #mw-sidebar
|
||||
DIV.branding, UL.header, #mw-content-wrapper, #mw-sidebar
|
||||
{float:none; text-align:center; width:100%}
|
||||
#header ul{margin-top: 0}
|
||||
UL.header{margin-top: 0}
|
||||
#header{height:100%}
|
||||
.mw-body-wrapper, .mw-footer{width:95%}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue