Updating the header design
This commit is contained in:
@@ -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>
|
||||
|
||||
10
header.php
10
header.php
@@ -100,16 +100,20 @@ isq_load_textdomain();
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div class="paragraph">
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user