Rewriting the header a little
This commit is contained in:
@@ -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 ) {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user