night mode icon
This commit is contained in:
parent
6098f559b1
commit
c4256b9ad7
|
@ -2,7 +2,7 @@ if(checkCookie() == true) {
|
||||||
nightMode();
|
nightMode();
|
||||||
}
|
}
|
||||||
var div = document.createElement('div');
|
var div = document.createElement('div');
|
||||||
div.innerHTML = '☽';
|
div.innerHTML = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFgUlEQVRoQ+1Xf1BUVRQ+9763IJkDGrtvFxTBJdCZCJVqHCplRG2MRExNR0Ud08Qyyv5orKaRpqLUrKQZFcnUCmxE0yZ18kf+CLBGmlJrRs3dt4vg7r7dBTTFNXffvd3dRAna2LdPdJzZ9w/DvnPO933nu/fc+xDc5Q+6y/lDRMCddjDiQMQBlR2ILCGVDVSdHnFAdQtVFrilDjwoCL1PStIVxomq5BVy+i0RkJwcF8dd1bzNUBcjCm+YJFdpyAxUBqoWkKqPz8Ec2irLoPVzoRSPFSXpgEpeIaerEpCq1z5DEKocnKbDiYmx+NAR02XTeSmOocvBGAwShAyM6XImeKnF6TwZMtMggWELYERyEaZ7s7MH4Y/KpqAlxdX0aI1Ya3a6Rv4fKWOCsAsIyQOMd5tt0lN3REBaQkI8Qd7T6WmGvp9XzsbRUTxMLij3ms3N1Sa7c2YwUqkG3SxK6RcDU1KgwWIBiugs0e6uVCMiLAeMgm5dVDResPPbRf6lE8CfmL/2mii2fGVxuOZ0JpSaoB0GBJVQoPnjxj9Jy8orUHHRc3Tfnt0BfCZqpii5q8IRolhAWv/7En0yZy1a+Bj//OKbq2Xu7M2+4780fWdyuCZ0EWDQ7WEkxyclJ8O+H+qA12jA5/XCmEdHQFNjYyDc7HAp5uLPU5w0SNAu5Xhceujwyyiub8wNrm+V7Iavdxy3ms+7UjoLSNHpMnlElxEEBTljxsKaDRvRonlzyZHvDyCEcTWivpKz9uZTt8cBg64u65HkERUbZuCOgDt3nIBlb+4CwHKS2dbyT1s7PUYhfjogtEXQG0By2Cnr3jTmWHU4xNtzlDqA79fHXylaPCp6YdHj/8JtabkCuTmrqSyT10XJ9X4wUkaDbjtb9E9ThLaJdudUNeQVLyG2FAQ2wx2lyydCXt4DXbBfWbKdHD542n2ZalJsNpv/StHlCZwDyLeMUr7ELEm/31YB6YKQ4kNE/HD1FMjNTe+CLZpdMHlSBSWEfGB2uF9VSy6UfEVLqN2Bd0rzYUJ+xn/W/6TsMHy6vo4NncBo3BIKCTUxigT4pxbbA54FRSOjO47QjgTYHoDhme8Ffrq+SbeqIdhdrlIBkK7XHh368MARGzbOCprr39DjRpeB1yezazVd1ZtyJeya3dYdmXDeKxaQKmhfQxx6d//BYhQff29QTL8T69fVwvryOjZwiJv44GMZ85UWu72hc1IOAN+o145llg032wNX8ZC/JxQLMCb0GwCUt8xfkM29WMygu3ksFjeUr62l+/ae8o9YdvNGTbJMf2NNaGX7RIMxDKCEZlJAgVNR7tU7xmq1Xu2ubvt7xQL8iUaDtiJKw83reBfqDvDiBQ/U1JjgxK9NIFqbyaU/PTLH1Ai6WJ6P4mD/Xv9BTFcqnV5hCUjV67UY0TNDMgyxmzYXYo2G645/0PcejxdmTP9MbhBbHMgrDznjdl9SUiwsAX4AdjV+gv3ZM3pMOlqxogDxYYjwXPVC8QtbybFjVhnJaJTJ6fxRCfnrk05pys14JqKQ/bcpc2h/WLlqEtbp+oRcrKmxFZa8tE3+46yTIIKnmiTpm5CTOwSG7UB7DaNeOx4jVBXVi+/z7Pxsbtr0LIiNvXlL7UyqubkNqirrYfPGnwiRqdMHZKpoc9WGQ161A+2g/hOaw7SUzcs5HFOT9VASZGUl4QT2sXNPTBRcuvwXnG9qhfqfG+STx22YUDZUAdbI0d4Sq/XChXDJ3zIBN9xgIxbJXCHGKI+RHNY+GgNAHLQhAvWE0l2E4C/ZB72khriqMRoiMBqcmNjPB56Ya5zcdu7cxdYQ8xSFqd4DitB6IDgioAeaqqhkxAFF7eqB4IgDPdBURSUjDihqVw8ERxzogaYqKvk3DasJT2tmD2EAAAAASUVORK5CYII="/>';
|
||||||
div.id = 'night';
|
div.id = 'night';
|
||||||
div.title = 'night mode';
|
div.title = 'night mode';
|
||||||
document.body.appendChild(div);
|
document.body.appendChild(div);
|
||||||
|
|
2
cor.html
2
cor.html
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="utf-8"></meta>
|
<meta charset="utf-8"></meta>
|
||||||
<title>cornucopia of resources</title>
|
<title>cornucopia of resources</title>
|
||||||
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
|
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
|
||||||
<link rel="stylesheet" href="style/cor.css?3">
|
<link rel="stylesheet" href="style/cor.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script src="assets/script.js"></script>
|
<script src="assets/script.js"></script>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="utf-8"></meta>
|
<meta charset="utf-8"></meta>
|
||||||
<title>DJT</title>
|
<title>DJT</title>
|
||||||
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
|
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
|
||||||
<link rel="stylesheet" href="style/style.css?2">
|
<link rel="stylesheet" href="style/style.css?20">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script src="assets/script.js"></script>
|
<script src="assets/script.js"></script>
|
||||||
|
|
|
@ -1,11 +1,20 @@
|
||||||
#night {
|
#night {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:.1em;
|
top:0px;
|
||||||
right:.6em;
|
right:.4em;
|
||||||
font-size:120%;
|
font-weight:bold;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color: #F44D54;
|
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
|
z-index:100;
|
||||||
|
opacity:.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#night img {
|
||||||
|
height:33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#night:hover {
|
||||||
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
|
@ -1,13 +1,20 @@
|
||||||
#night {
|
#night {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:2px;
|
top:0px;
|
||||||
right:.6em;
|
right:.4em;
|
||||||
font-size:120%;
|
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color: #F44D54;
|
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
z-index:100;
|
z-index:100;
|
||||||
|
opacity:.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#night img {
|
||||||
|
height:35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#night:hover {
|
||||||
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
|
@ -1,11 +1,14 @@
|
||||||
#night {
|
#night {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:.4em;
|
top:.2em;
|
||||||
right:.6em;
|
right:.3em;
|
||||||
font-size:200%;
|
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color: #F44D54;
|
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
|
opacity:.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#night:hover {
|
||||||
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -16,7 +19,7 @@ body {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
#image {
|
||||||
opacity: 0.35;
|
opacity: 0.35;
|
||||||
right:10%;
|
right:10%;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
@ -37,7 +40,7 @@ font-size:15.0pt;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.volumes, img {
|
.volumes, #image {
|
||||||
margin-top:2.1em;
|
margin-top:2.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue