Albirew/nyaa-pantsu
Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Code Activité

Merge pull request #160 from sfan5/cssfix

Parcourir la source 
css fixes
Cette révision appartient à :
keo 2017-05-07 23:23:08 +03:00 révisé par GitHub
révision 6cbb7f594b
4 fichiers modifiés avec 16 ajouts et 12 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

7
public/css/style-night.css
Voir le fichier

@ -2,7 +2,7 @@
.nightswitch { .nightswitch {
position: fixed; position: fixed;
top: 12px; top: 12px;
right: 48px; right: 12px;
} }
.nightswitch > a > img { .nightswitch > a > img {
width: 24px; width: 24px;
@ -43,7 +43,7 @@
} }
#container.cont-view { #container.cont-view {
background: #29363d url(/img/megumin.png) no-repeat; background: #29363d url(/img/megumin.png) no-repeat;
background-size: 75px, 100px; background-size: 75px;
} }
body { body {
@ -178,6 +178,7 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ
max-height: 80vh; max-height: 80vh;
} }
/* the curved edges triggered my autism */
.navbar { .navbar {
border-radius: 0px; border-radius: 0px;
} }

4
public/css/style.css
Voir le fichier

@ -2,7 +2,7 @@
.nightswitch { .nightswitch {
position: fixed; position: fixed;
top: 12px; top: 12px;
right: 48px; right: 12px;
} }
.nightswitch > a > img { .nightswitch > a > img {
width: 24px; width: 24px;
@ -43,7 +43,7 @@
} }
#container.cont-view { #container.cont-view {
background: white url(/img/renchon.png) no-repeat; background: white url(/img/renchon.png) no-repeat;
background-size: 75px, 100px; background-size: 61px;
} }
body { body {

6
public/js/main.js
Voir le fichier

@ -1,10 +1,4 @@
// Night mode // Night mode
var night = localStorage.getItem("night");
if (night == "true") {
$("#style")[0].href = "/css/style-night.css";
$("#nighticon")[0].src = "/img/sun.png";
}
function toggleNightMode() { function toggleNightMode() {
var night = localStorage.getItem("night"); var night = localStorage.getItem("night");
if(night == "true") { if(night == "true") {

11
templates/index.html
Voir le fichier

@ -27,6 +27,15 @@
<!-- Website CSS --> <!-- Website CSS -->
<link rel="stylesheet" id="style" href="{{.URL.Parse "/css/style.css"}}"> <link rel="stylesheet" id="style" href="{{.URL.Parse "/css/style.css"}}">
<script type="text/javascript">
// Inlined here to allow early style switch
if (localStorage.getItem("night") == "true") {
document.getElementById("style").href = "/css/style-night.css";
document.body.addEventListener("load", function() {
document.getElementById("nighticon").src = "/img/sun.png";
}, false);
}
</script>
</head> </head>
<body> <body>
<nav class="navbar navbar-default" id="mainmenu"> <nav class="navbar navbar-default" id="mainmenu">
@ -55,7 +64,7 @@
{{block "search_button" .}}{{end}} {{block "search_button" .}}{{end}}
</div> </div>
</form> </form>
<div class="nightswitch" style="position:absolute;right:1em"> <div class="nightswitch">
<a href="javascript:toggleNightMode();" ><img id="nighticon" src="/img/moon.png"></a> <a href="javascript:toggleNightMode();" ><img id="nighticon" src="/img/moon.png"></a>
</div> </div>
</div> </div>