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>
|
<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>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
16
header.php
16
header.php
@@ -98,18 +98,22 @@ isq_load_textdomain();
|
|||||||
<meta name="theme-color" content="#013f6d">
|
<meta name="theme-color" content="#013f6d">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="container">
|
<div class="wrapper">
|
||||||
<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">
|
<ul 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 '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>';
|
||||||
}
|
};
|
||||||
?>
|
?>
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="paragraph">
|
|
||||||
|
<div id="container">
|
||||||
|
|
||||||
|
<div class="paragraph">
|
||||||
|
|||||||
@@ -4,11 +4,20 @@ https://github.com/tomslominski/infinity-squared
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
/* Structure */
|
/* Structure */
|
||||||
|
html {
|
||||||
|
font-size: 62.5%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #F1F1F1;
|
background: #F1F1F1;
|
||||||
color: black;
|
color: black;
|
||||||
font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
|
font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
|
||||||
font-size: 62.5%;
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
width: 60%;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
@@ -78,11 +87,11 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
background: url(img/noise.png) #013F6D;
|
background-color: #013F6D;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 7em;
|
font-size: 7rem;
|
||||||
border-top: 4px #000 solid;
|
border-top: 4px #000 solid;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user