Rewriting the header a little

This commit is contained in:
Tom Slominski
2015-03-22 15:43:11 +00:00
parent 348b8dabc0
commit 2865bf31bd
2 changed files with 18 additions and 11 deletions

View File

@@ -55,7 +55,9 @@ isq_load_textdomain();
<div class="wrapper"> <div class="wrapper">
<header class="content site-header"> <header class="content site-header">
<a href="<?php echo YOURLS_SITE; ?>"><h1 class="site-title"><?php echo ISQ::$general['name']; ?></h1></a> <a href="<?php echo YOURLS_SITE; ?>" class="site-title">
<h1><?php echo ISQ::$general['name']; ?></h1>
</a>
<nav class="menu"> <nav class="menu">
<?php <?php
foreach( ISQ::$links as $menuItem ) { foreach( ISQ::$links as $menuItem ) {

View File

@@ -85,23 +85,28 @@ a, a:visited {
} }
.site-title { .site-title {
background-color: #013F6D; display: block;
width: 100%; width: 100%;
text-align: center; text-align: center;
color: white; background: #013F6D;
font-size: 4rem;
border-top: 4px #000 solid; border-top: 4px #000 solid;
margin: 0 auto; transition: background 0.5s;
font-weight: bold;
} }
.site-title a, .site-tite a:visited { .site-title h1 {
font-size: 4rem;
font-weight: bold;
color: white;
margin: 0;
}
.site-tite:visited h1 {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
.site-title a:hover { .site-title:hover {
border-bottom: #FFF 1px dashed; background: #0D4B78;
} }
.menu { .menu {
@@ -126,13 +131,13 @@ a, a:visited {
} }
@media screen and (min-width: 720px) { @media screen and (min-width: 720px) {
.site-title { .site-title h1 {
font-size: 5rem; font-size: 5rem;
} }
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.site-title { .site-title h1 {
font-size: 6rem; font-size: 6rem;
} }
} }