Header changes
This commit is contained in:
parent
d38a6f88ed
commit
c122acf968
|
@ -2,10 +2,63 @@
|
||||||
<head>
|
<head>
|
||||||
<title>osu!wayback</title>
|
<title>osu!wayback</title>
|
||||||
<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="semantic.min.css") }}">
|
<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="semantic.min.css") }}">
|
||||||
|
<style>
|
||||||
|
.secondary.pointing.menu .toc.item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.ui.fixed.menu {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.secondary.pointing.menu .item,
|
||||||
|
.secondary.pointing.menu .menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.secondary.pointing.menu .toc.item {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.masthead.segment {
|
||||||
|
min-height: 73px;
|
||||||
|
}
|
||||||
|
.masthead h1.ui.header {
|
||||||
|
font-size: 2em;
|
||||||
|
margin-top: 1.5em;
|
||||||
|
}
|
||||||
|
.masthead h2 {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script src="{{ url_for("static", filename="jquery-3.2.1.min.js") }}"></script>
|
<script src="{{ url_for("static", filename="jquery-3.2.1.min.js") }}"></script>
|
||||||
<script src="{{ url_for("static", filename="semantic.min.js") }}"></script>
|
<script src="{{ url_for("static", filename="semantic.min.js") }}"></script>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('.masthead').visibility({
|
||||||
|
once: false,
|
||||||
|
onBottomPassed: function() {
|
||||||
|
$('.fixed.menu').transition('fade in');
|
||||||
|
},
|
||||||
|
onBottomPassedReverse: function() {
|
||||||
|
$('.fixed.menu').transition('fade out');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$('.ui.sidebar').sidebar('attach events', '.toc.item');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% block headextra %}{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="pushable">
|
||||||
|
<div class="ui large top fixed inverted menu transition hidden">
|
||||||
|
<div class="ui container">
|
||||||
|
<a class="active item">Home</a>
|
||||||
|
<a class="item">Downloader</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui vertical inverted sidebar menu left" style="">
|
||||||
|
<a class="active item">Home</a>
|
||||||
|
<a class="item">Downloader</a>
|
||||||
|
</div>
|
||||||
<div class="pusher">
|
<div class="pusher">
|
||||||
<div class="ui inverted vertical masthead center aligned segment">
|
<div class="ui inverted vertical masthead center aligned segment">
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user