Updating the header design

This commit is contained in:
Tom Slominski
2015-03-04 19:39:54 +00:00
parent 511c0703a2
commit 727a8d4757
3 changed files with 30 additions and 16 deletions

View File

@@ -12,5 +12,6 @@
<p><?php yourls_e( 'Powered by <a href="http://yourls.org/">YOURLS</a>. Design by <a href="http://tomslominski.net/">Tom Slominski</a>. Also used: <a href="http://formalize.me/">Formalize</a> and <a href="http://qtip2.com/">qTip²</a>. Find this theme on <a href="https://github.com/tomslominski/infinity-squared">GitHub</a>.', 'isq_translation') ?></p>
</div>
</div>
</div>
</body>
</html>

View File

@@ -98,18 +98,22 @@ isq_load_textdomain();
<meta name="theme-color" content="#013f6d">
</head>
<body>
<body>
<div id="container">
<header>
<div class="wrapper">
<header class="site-header">
<h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1>
<ul class="menu">
<?php
foreach( ISQ::$links as $menuItem ) {
echo '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>';
}
};
?>
</ul>
</header>
</header>
<div class="paragraph">
<div id="container">
<div class="paragraph">

View File

@@ -4,11 +4,20 @@ https://github.com/tomslominski/infinity-squared
*/
/* Structure */
html {
font-size: 62.5%;
box-sizing: border-box;
}
body {
background: #F1F1F1;
color: black;
font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
font-size: 62.5%;
}
.wrapper {
width: 60%;
margin: 0 auto;
}
#container {
@@ -78,11 +87,11 @@ header {
}
h1 {
background: url(img/noise.png) #013F6D;
background-color: #013F6D;
width: 100%;
text-align: center;
color: white;
font-size: 7em;
font-size: 7rem;
border-top: 4px #000 solid;
margin: 0 auto;
}