d13forme/infinity-squared
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Further updates to the header

Browse Source
This commit is contained in:
Tom Slominski
2015-03-04 20:01:13 +00:00
parent 6a6999d8ad
commit 1001c15ecf
2 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
header.php
View File

@@ -104,11 +104,11 @@ isq_load_textdomain();
<header class="site-header"> <header class="site-header">
<h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1> <h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1>
<ul class="menu"> <nav class="menu">
<?php <?php
foreach( ISQ::$links as $menuItem ) { foreach( ISQ::$links as $menuItem ) {
echo '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>'; echo '<a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a>';
}; };
?> ?>
</ul> </nav>
</header> </header>

26
public/style.css
View File

@@ -105,28 +105,24 @@ h1 a:hover {
} }
.menu { .menu {
background: #000000; /* Old browsers */ background: black;
background: -moz-linear-gradient(top, #000000 0%, #141414 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #000000 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#141414 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, #000000 0%,#141414 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
display: block; display: block;
float: left;
margin: 0 auto; margin: 0 auto;
width: 96%; /*width: 96%;*/
width: 100%;
color: white; color: white;
padding: 0 2% 0 2%; /*padding: 0 2% 0 2%;*/
margin-bottom: 30px; /*margin-bottom: 30px;*/
} }
.menu a { .menu a {
color: #FFF; color: #FFF;
text-decoration: none; text-decoration: none;
line-height: 38px; /*line-height: 38px;*/
display: block; display: inline-block;
padding: 0 10px; padding: 12px;
background: none; background: none;
/*width: auto;*/
transition: background 800ms; transition: background 800ms;
-moz-transition: background 800ms; /* Firefox 4 */ -moz-transition: background 800ms; /* Firefox 4 */
-webkit-transition: background 800ms; /* Safari and Chrome */ -webkit-transition: background 800ms; /* Safari and Chrome */
@@ -141,12 +137,12 @@ h1 a:hover {
background: #292929; background: #292929;
} }
.menu li { /*.menu li {
list-style: none; list-style: none;
float: left; float: left;
line-height: 38px; line-height: 38px;
width: auto; width: auto;
} }*/
/* Main style */ /* Main style */
.content { .content {