Site updated: 2024-06-03 23:41:37
This commit is contained in:
parent
94517bf37b
commit
964202b747
GPG Key ID:
5507630E4F33F4B1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
398
css/index.css
398
css/index.css
|
|
@ -3790,6 +3790,404 @@ h1.page-title + .tag-cloud-list {
|
|||
#nav .site-page:not(.child):hover:after {
|
||||
width: 100%;
|
||||
}
|
||||
.loading-bg,
|
||||
#loading-box .loading-left-bg,
|
||||
#loading-box .loading-right-bg {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: var(--preloader-bg);
|
||||
}
|
||||
#loading-box .loading-right-bg {
|
||||
right: 0;
|
||||
}
|
||||
#loading-box .spinner-box {
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: box;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-o-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-moz-box-align: center;
|
||||
-o-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
#loading-box .spinner-box .configure-border-1 {
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
width: 115px;
|
||||
height: 115px;
|
||||
background: #ffab91;
|
||||
-webkit-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-moz-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-o-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
-ms-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
|
||||
}
|
||||
#loading-box .spinner-box .configure-border-2 {
|
||||
left: -115px;
|
||||
padding: 3px;
|
||||
width: 115px;
|
||||
height: 115px;
|
||||
background: #3ff9dc;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-moz-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-o-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
-ms-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
|
||||
}
|
||||
#loading-box .spinner-box .loading-word {
|
||||
position: absolute;
|
||||
color: var(--preloader-color);
|
||||
font-size: 16px;
|
||||
}
|
||||
#loading-box .spinner-box .configure-core {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--preloader-bg);
|
||||
}
|
||||
#loading-box.loaded .loading-left-bg {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
-ms-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
-moz-transform: translate(-100%, 0);
|
||||
-o-transform: translate(-100%, 0);
|
||||
-ms-transform: translate(-100%, 0);
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
#loading-box.loaded .loading-right-bg {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
-ms-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
-webkit-transform: translate(100%, 0);
|
||||
-moz-transform: translate(100%, 0);
|
||||
-o-transform: translate(100%, 0);
|
||||
-ms-transform: translate(100%, 0);
|
||||
transform: translate(100%, 0);
|
||||
}
|
||||
#loading-box.loaded .spinner-box {
|
||||
display: none;
|
||||
}
|
||||
@-moz-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes configure-clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
-ms-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
@keyframes configure-xclockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-moz-transform: rotate(-135deg);
|
||||
-o-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-moz-transform: rotate(-225deg);
|
||||
-o-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
-moz-transform: rotate(-315deg);
|
||||
-o-transform: rotate(-315deg);
|
||||
-ms-transform: rotate(-315deg);
|
||||
transform: rotate(-315deg);
|
||||
}
|
||||
}
|
||||
#pagination .pagination {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
|
|
|
|||
80
index.html
80
index.html
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user