First commit
This commit is contained in:
parent
200cb9c51b
commit
2ef9d8d090
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"version": 1,
|
||||||
|
"themes": {
|
||||||
|
"kitoy-chocolate": {
|
||||||
|
"name": "kitoy Chocolate",
|
||||||
|
"repo": "https://kitoy.me/git/kitoy/kitoy-chocolate.git",
|
||||||
|
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
|
||||||
|
"summary": "Kitoy WonderCMS theme ",
|
||||||
|
"version": "3.4.2",
|
||||||
|
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/main/preview.jpg"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1 @@
|
||||||
|
kitoy@portable.local.31460
|
|
@ -0,0 +1,408 @@
|
||||||
|
@font-face{
|
||||||
|
font-family:"Rosa Black Sans";
|
||||||
|
src:url("fonts/hinted-RosaSans-Black.ttf") format("truetype");
|
||||||
|
font-weight:normal;
|
||||||
|
font-style:normal
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
{
|
||||||
|
font-family:"Rosa Black Italic";
|
||||||
|
src:url("fonts/hinted-RosaSans-BlackItalic.ttf") format("truetype");
|
||||||
|
font-weight:normal;font-style:italic
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
{
|
||||||
|
font-family:"Rosa Black Bold";
|
||||||
|
src:url("fonts/hinted-RosaSans-Bold.ttf") format("truetype");
|
||||||
|
font-weight:bold;
|
||||||
|
font-style:normal
|
||||||
|
}
|
||||||
|
|
||||||
|
html
|
||||||
|
{
|
||||||
|
height:100%;
|
||||||
|
width:80%;
|
||||||
|
margin-left:10%
|
||||||
|
}
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
color:#fff487;
|
||||||
|
background-color:#45050c
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon
|
||||||
|
{
|
||||||
|
margin-bottom:5px
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons img
|
||||||
|
{
|
||||||
|
width:2vw;
|
||||||
|
height:2vw;
|
||||||
|
margin-top:10px;
|
||||||
|
display:inline-block;
|
||||||
|
align-items:center
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
padding-bottom: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr
|
||||||
|
{
|
||||||
|
color:#fff487
|
||||||
|
}
|
||||||
|
|
||||||
|
*
|
||||||
|
{
|
||||||
|
-moz-box-sizing:border-box;
|
||||||
|
box-sizing:border-box
|
||||||
|
}
|
||||||
|
|
||||||
|
a
|
||||||
|
{
|
||||||
|
color:#d39050;text-decoration:none
|
||||||
|
}
|
||||||
|
|
||||||
|
.date
|
||||||
|
{
|
||||||
|
margin-bottom:0
|
||||||
|
}
|
||||||
|
|
||||||
|
.slug
|
||||||
|
{
|
||||||
|
text-align:left;
|
||||||
|
margin-bottom:2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.readmore
|
||||||
|
{
|
||||||
|
text-align:right
|
||||||
|
}
|
||||||
|
|
||||||
|
.readmore a
|
||||||
|
{
|
||||||
|
color:#fff487;
|
||||||
|
text-decoration:underline
|
||||||
|
}
|
||||||
|
|
||||||
|
.menugauche
|
||||||
|
{
|
||||||
|
position:fixed;
|
||||||
|
max-width:100px
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu img
|
||||||
|
{
|
||||||
|
max-width:20px;
|
||||||
|
max-height:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.copyleft
|
||||||
|
{
|
||||||
|
display:inline-block;
|
||||||
|
transform:rotate(180deg);
|
||||||
|
padding-bottom:-15px
|
||||||
|
}
|
||||||
|
|
||||||
|
pre
|
||||||
|
{
|
||||||
|
white-space:pre-wrap;
|
||||||
|
white-space:-moz-pre-wrap;
|
||||||
|
white-space:-pre-wrap;
|
||||||
|
white-space:-o-pre-wrap;
|
||||||
|
word-wrap:break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle
|
||||||
|
{
|
||||||
|
background-color:#fff487;
|
||||||
|
text-align:center;
|
||||||
|
height:100px;
|
||||||
|
width:100px;
|
||||||
|
border-radius:50%;
|
||||||
|
position:fixed;
|
||||||
|
margin:140px;
|
||||||
|
margin-left:10%;
|
||||||
|
top:20%;
|
||||||
|
bottom:0px;
|
||||||
|
left:0px;
|
||||||
|
right:0px
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle h2
|
||||||
|
{
|
||||||
|
margin-top:1.5em;
|
||||||
|
color:#45050c
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu{
|
||||||
|
background-color:#d39050;
|
||||||
|
height:100px;
|
||||||
|
width:100px;
|
||||||
|
transform:scale(0);
|
||||||
|
border-radius:50%;
|
||||||
|
border-style:double;
|
||||||
|
border-color:#fff487;
|
||||||
|
position:fixed;
|
||||||
|
margin-top:140px;
|
||||||
|
margin-left:10%;
|
||||||
|
top:20%;
|
||||||
|
bottom:0px;
|
||||||
|
left:0px;
|
||||||
|
right:0px;
|
||||||
|
z-index:-1;
|
||||||
|
transition:.7s
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu a{
|
||||||
|
display:inline-block;
|
||||||
|
position:fixed;
|
||||||
|
font-size:15px;
|
||||||
|
color:#45050c
|
||||||
|
}
|
||||||
|
|
||||||
|
ul{
|
||||||
|
list-style-type:none;
|
||||||
|
margin:0;
|
||||||
|
padding:0
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu p
|
||||||
|
{
|
||||||
|
margin-top:-4px;
|
||||||
|
font-size:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.articles
|
||||||
|
{
|
||||||
|
margin-left:21rem;
|
||||||
|
margin-top:5rem;
|
||||||
|
margin-bottom:3rem;
|
||||||
|
padding:.5em;
|
||||||
|
border:7px double;
|
||||||
|
border-color:#fff487;
|
||||||
|
border-radius:10px 10px 10px 10px;
|
||||||
|
line-height:1.5;
|
||||||
|
letter-spacing:.1vw
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles ul
|
||||||
|
{
|
||||||
|
list-style-type:disc;
|
||||||
|
margin:5vw;
|
||||||
|
padding-top:1vw;
|
||||||
|
padding-bottom:1vw;
|
||||||
|
padding-left:1.5vw
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles h2,h3,h4
|
||||||
|
{
|
||||||
|
color:#d39050
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles .titre
|
||||||
|
{
|
||||||
|
color:#d39050;
|
||||||
|
text-align:center
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles img
|
||||||
|
{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
width:50%;
|
||||||
|
margin-bottom:2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles .description
|
||||||
|
{
|
||||||
|
text-align:center;
|
||||||
|
font-weight:300;
|
||||||
|
font-style:italic;
|
||||||
|
font-size:1vw;
|
||||||
|
padding-bottom:30px;
|
||||||
|
color:#fff487
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a
|
||||||
|
{
|
||||||
|
border:1px solid;
|
||||||
|
border-color:#d39050;
|
||||||
|
padding:3px;
|
||||||
|
font-size:13px
|
||||||
|
}
|
||||||
|
|
||||||
|
.center
|
||||||
|
{
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
padding:10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact
|
||||||
|
{
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer
|
||||||
|
{
|
||||||
|
position:relative;
|
||||||
|
bottom:0px;
|
||||||
|
width:100%;
|
||||||
|
text-align:center
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 980px)
|
||||||
|
{
|
||||||
|
.articles .description{
|
||||||
|
font-size:4vw
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles
|
||||||
|
{
|
||||||
|
margin-left:0;
|
||||||
|
position:relative;
|
||||||
|
font-size:3.5vw
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle
|
||||||
|
{
|
||||||
|
display:none
|
||||||
|
}
|
||||||
|
|
||||||
|
.menugauche
|
||||||
|
{
|
||||||
|
max-width:unset;
|
||||||
|
position:sticky;
|
||||||
|
top:0px;
|
||||||
|
z-index:5;
|
||||||
|
width:100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
width:100%;
|
||||||
|
height:13vw;
|
||||||
|
border-radius:0%;
|
||||||
|
border:5px double;
|
||||||
|
border-color:#fff487;
|
||||||
|
position:sticky;
|
||||||
|
margin-top:0rem;
|
||||||
|
border-radius:10px 10px 10px 10px;
|
||||||
|
margin-bottom:0px;
|
||||||
|
margin-left:0;
|
||||||
|
transform:none
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu a{
|
||||||
|
display:inline-block;
|
||||||
|
position:absolute
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu img{
|
||||||
|
transform:scale(4)}
|
||||||
|
.menu p{margin:.3rem;
|
||||||
|
font-size:13px
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu img:hover
|
||||||
|
{
|
||||||
|
transform:scale(5)
|
||||||
|
}
|
||||||
|
|
||||||
|
a:nth-child(1)
|
||||||
|
{
|
||||||
|
top:4vw;
|
||||||
|
left:20%
|
||||||
|
}
|
||||||
|
|
||||||
|
a:nth-child(4)
|
||||||
|
{
|
||||||
|
top:4vw;
|
||||||
|
left:40%
|
||||||
|
}
|
||||||
|
|
||||||
|
a:nth-child(2)
|
||||||
|
{
|
||||||
|
top:4vw;
|
||||||
|
left:60%
|
||||||
|
}
|
||||||
|
|
||||||
|
a:nth-child(3)
|
||||||
|
{
|
||||||
|
top:4vw;
|
||||||
|
left:80%
|
||||||
|
}
|
||||||
|
|
||||||
|
footer
|
||||||
|
{
|
||||||
|
font-size:3vw
|
||||||
|
}
|
||||||
|
.icons img
|
||||||
|
{
|
||||||
|
width:7vw;
|
||||||
|
height:7vw;
|
||||||
|
margin:20px;
|
||||||
|
display:inline-block;
|
||||||
|
align-items:center
|
||||||
|
}
|
||||||
|
|
||||||
|
.articles img{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
width:80%
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 980px)
|
||||||
|
{
|
||||||
|
html
|
||||||
|
{
|
||||||
|
height:100%;
|
||||||
|
width:100%;
|
||||||
|
margin:0
|
||||||
|
}
|
||||||
|
.menu p
|
||||||
|
{
|
||||||
|
display:none
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu
|
||||||
|
{
|
||||||
|
align-self:center
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px)
|
||||||
|
{
|
||||||
|
.menu{height:15vw}
|
||||||
|
.menu img
|
||||||
|
{
|
||||||
|
max-width:10px;
|
||||||
|
max-height:10px
|
||||||
|
}
|
||||||
|
.title h1
|
||||||
|
{
|
||||||
|
font-size:5vw
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons img{
|
||||||
|
width:7vw;
|
||||||
|
height:7vw;
|
||||||
|
margin:20px;
|
||||||
|
display:inline-block;
|
||||||
|
align-items:center;
|
||||||
|
}
|
||||||
|
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -0,0 +1,328 @@
|
||||||
|
@font-face{
|
||||||
|
font-family:"Rosa Black Sans";
|
||||||
|
src:url("fonts/hinted-RosaSans-Black.ttf") format("truetype");
|
||||||
|
font-weight:normal;
|
||||||
|
font-style:normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face{
|
||||||
|
font-family:"Rosa Black Italic";
|
||||||
|
src:url("/fonts/hinted-RosaSans-BlackItalic.ttf") format("truetype");
|
||||||
|
font-weight:normal;
|
||||||
|
font-style:italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face{font-family:"Rosa Black Bold";
|
||||||
|
src:url("/fonts/hinted-RosaSans-Bold.ttf") format("truetype");
|
||||||
|
font-weight:bold;
|
||||||
|
font-style:normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-center{
|
||||||
|
position:absolute;
|
||||||
|
top:50%;
|
||||||
|
left:0;
|
||||||
|
display:block;
|
||||||
|
width:100%;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
z-index:6;
|
||||||
|
text-align:center;
|
||||||
|
transform:translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
[type=checkbox]:checked,[type=checkbox]:not(:checked)
|
||||||
|
{
|
||||||
|
position:absolute;
|
||||||
|
left:-99999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked+label,.menu-icon:not(:checked)+label{
|
||||||
|
position:fixed;
|
||||||
|
top:170px;
|
||||||
|
left:75px;
|
||||||
|
display:block;
|
||||||
|
width:70px;
|
||||||
|
height:70px;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle {
|
||||||
|
position:fixed;
|
||||||
|
top:150px;
|
||||||
|
left:50px;
|
||||||
|
display:block;
|
||||||
|
width:80px;
|
||||||
|
height:80px;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
z-index:9;
|
||||||
|
overflow:hidden;
|
||||||
|
background-color:#fff487;
|
||||||
|
animation:border-transform 7s linear infinite;
|
||||||
|
transition:top 350ms 1100ms cubic-bezier(.32, 1, .23, 1),right 350ms 1100ms cubic-bezier(.32, 1, .23, 1),
|
||||||
|
transform 250ms 1100ms ease,width 650ms 400ms cubic-bezier(.32, 1, .23, 1),height 650ms 400ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked+label:before,.menu-icon:not(:checked)+label:before {
|
||||||
|
position:absolute;
|
||||||
|
content:"";
|
||||||
|
display:block;
|
||||||
|
width:30px;
|
||||||
|
height:20px;
|
||||||
|
z-index:20;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
border-top:2px solid #45050c;
|
||||||
|
border-bottom:2px solid #45050c;
|
||||||
|
transition:border-width 100ms 1500ms ease,top 100ms 1600ms cubic-bezier(.32, 1, .23, 1),height 100ms 1600ms cubic-bezier(.23, 1, .32, 1),
|
||||||
|
background-color 200ms ease,transform 200ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
.menu-icon:checked+label:after,.menu-icon:not(:checked)+label:after {
|
||||||
|
position:absolute;
|
||||||
|
content:"";
|
||||||
|
display:block;
|
||||||
|
width:22px;
|
||||||
|
height:2px;
|
||||||
|
z-index:20;
|
||||||
|
top:10px;
|
||||||
|
left:0px;
|
||||||
|
background-color:#45050c;
|
||||||
|
margin-top:-1px;
|
||||||
|
transition:width 100ms 1750ms ease,right 100ms 1750ms ease,margin-top 100ms ease,transform 200ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
.menu-icon:checked+label:before{
|
||||||
|
top:10px;
|
||||||
|
transform:rotate(45deg);
|
||||||
|
height:2px;
|
||||||
|
background-color:#45050c;
|
||||||
|
border-width:0;
|
||||||
|
transition:border-width 100ms 340ms ease,top 100ms 300ms cubic-bezier(.32, 1, .23, 1),height 100ms 300ms cubic-bezier(.32, 1, .23, 1),background-color 200ms 500ms ease,transform 200ms 1700ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked+label:after{
|
||||||
|
width:30px;
|
||||||
|
margin-top:0;
|
||||||
|
transform:rotate(-45deg);
|
||||||
|
transition:width 100ms ease,right 100ms ease,margin-top 100ms 500ms ease,transform 200ms 1700ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
@keyframes border-transform{0%, 100%
|
||||||
|
{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%
|
||||||
|
{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%
|
||||||
|
{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%
|
||||||
|
{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%
|
||||||
|
{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%
|
||||||
|
{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%
|
||||||
|
{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle{
|
||||||
|
animation-play-state:paused;
|
||||||
|
top:50%;
|
||||||
|
left:40px;
|
||||||
|
transform:translate(-50%, -50%);
|
||||||
|
width:35%;
|
||||||
|
height:88%;
|
||||||
|
transition:top 350ms 700ms cubic-bezier(.32, 1, .23, 1),left 350ms 700ms cubic-bezier(.32, 1, .23, 1),
|
||||||
|
transform 250ms 700ms ease,width 750ms 1000ms cubic-bezier(.32, 1, .23, 1),
|
||||||
|
height 750ms 1000ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul{
|
||||||
|
position:absolute;
|
||||||
|
top:25%;
|
||||||
|
left:50px;
|
||||||
|
display:block;
|
||||||
|
width:100%;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
z-index:6;
|
||||||
|
text-align:right;
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li{
|
||||||
|
position:relative;
|
||||||
|
display:block;
|
||||||
|
width:100%;
|
||||||
|
padding:0;
|
||||||
|
padding-bottom:15px;
|
||||||
|
margin:10px 0;
|
||||||
|
text-align:center;
|
||||||
|
list-style:none;
|
||||||
|
pointer-events:none;
|
||||||
|
opacity:0;visibility:hidden;
|
||||||
|
transform:translateY(30px);
|
||||||
|
transition:all 250ms linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li:nth-child(1)
|
||||||
|
{
|
||||||
|
transition-delay:200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li:nth-child(2){
|
||||||
|
transition-delay:150ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li:nth-child(3)
|
||||||
|
{
|
||||||
|
transition-delay:100ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li:nth-child(4)
|
||||||
|
{
|
||||||
|
transition-delay:50ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li a
|
||||||
|
{
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-size:2vh;
|
||||||
|
text-transform:uppercase;
|
||||||
|
line-height:1.1;
|
||||||
|
font-weight:800;
|
||||||
|
display:inline-block;
|
||||||
|
position:relative;
|
||||||
|
color:#45050c;
|
||||||
|
transition:all 250ms linear;
|
||||||
|
max-width:9vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li a:hover
|
||||||
|
{
|
||||||
|
text-decoration:underline;
|
||||||
|
color:#45050c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li a:after
|
||||||
|
{
|
||||||
|
display:block;
|
||||||
|
position:absolute;
|
||||||
|
top:50%;
|
||||||
|
content:"";
|
||||||
|
height:2vh;
|
||||||
|
margin-top:-1vh;
|
||||||
|
width:0;
|
||||||
|
left:0;
|
||||||
|
transition:width 250ms linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li a:hover:after
|
||||||
|
{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle ul li
|
||||||
|
{
|
||||||
|
pointer-events:auto;
|
||||||
|
visibility:visible;
|
||||||
|
opacity:1;
|
||||||
|
transform:translateY(0);
|
||||||
|
transition:opacity 350ms ease,transform 250ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle ul li:nth-child(1)
|
||||||
|
{
|
||||||
|
transition-delay:1400ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle ul li:nth-child(2)
|
||||||
|
{
|
||||||
|
transition-delay:1480ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle ul li:nth-child(3)
|
||||||
|
{
|
||||||
|
transition-delay:1560ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked~.menu-bulle ul li:nth-child(4)
|
||||||
|
{
|
||||||
|
transition-delay:1640ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 3400px)
|
||||||
|
{
|
||||||
|
.menu-icon:checked~.menu-bulle{
|
||||||
|
left:90px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 991px)
|
||||||
|
{
|
||||||
|
.menu-icon:checked~.menu-bulle
|
||||||
|
{
|
||||||
|
animation-play-state:paused;
|
||||||
|
top:50%;
|
||||||
|
left:50%;
|
||||||
|
transform:translate(-50%, -50%);
|
||||||
|
width:200%;
|
||||||
|
height:200%;
|
||||||
|
transition:top 350ms 700ms cubic-bezier(.32, 1, .23, 1),left 350ms 700ms cubic-bezier(.32, 1, .23, 1),
|
||||||
|
transform 250ms 700ms ease,width 750ms 1000ms cubic-bezier(.32, 1, .23, 1),
|
||||||
|
height 750ms 1000ms cubic-bezier(.32, 1, .23, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul{
|
||||||
|
left:0;
|
||||||
|
transform:translateY(10%);
|
||||||
|
transform:translateX(-20%);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.menu-icon:checked+label,.menu-icon:not(:checked)+label
|
||||||
|
{
|
||||||
|
right:55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo
|
||||||
|
{
|
||||||
|
left:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle
|
||||||
|
{
|
||||||
|
right:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1
|
||||||
|
{
|
||||||
|
font-size:9vw;
|
||||||
|
-webkit-text-stroke:2px rgba(0,0,0,0);
|
||||||
|
text-stroke:2px rgba(0,0,0,0);
|
||||||
|
-webkit-text-fill-color:#fff487;
|
||||||
|
text-fill-color:#fff487;
|
||||||
|
color:#fff487;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle ul li a{
|
||||||
|
font-size:2vh;
|
||||||
|
padding:5px;
|
||||||
|
max-width:unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-icon:checked+label
|
||||||
|
{
|
||||||
|
top:10px;
|
||||||
|
left:10px;
|
||||||
|
width:50px;
|
||||||
|
height:50px;
|
||||||
|
}
|
||||||
|
.menu-icon:not(:checked)+label
|
||||||
|
{
|
||||||
|
top:110px;
|
||||||
|
left:50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-bulle
|
||||||
|
{
|
||||||
|
top:90px;
|
||||||
|
left:30px;
|
||||||
|
display:block;
|
||||||
|
width:60px;
|
||||||
|
height:60px;
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 345 KiB |
|
@ -0,0 +1,73 @@
|
||||||
|
<?php global $Wcms ?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Encoding, browser compatibility, viewport -->
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Search Engine Optimization (SEO) -->
|
||||||
|
<meta name="title" content="<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>" />
|
||||||
|
<meta name="description" content="<?= $Wcms->page('description') ?>">
|
||||||
|
<meta name="keywords" content="<?= $Wcms->page('keywords') ?>">
|
||||||
|
<meta property="og:url" content="<?= $this->url() ?>" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:site_name" content="<?= $Wcms->get('config', 'siteTitle') ?>" />
|
||||||
|
<meta property="og:title" content="<?= $Wcms->page('title') ?>" />
|
||||||
|
|
||||||
|
<!-- Website and page title -->
|
||||||
|
<title>
|
||||||
|
<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>
|
||||||
|
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<!-- Admin CSS -->
|
||||||
|
<?= $Wcms->css() ?>
|
||||||
|
|
||||||
|
<!-- Theme CSS -->
|
||||||
|
<link rel="stylesheet" rel="preload" as="style" href="<?= $Wcms->asset('css/base.css') ?>">
|
||||||
|
<link rel="stylesheet" rel="preload" as="style" href="<?= $Wcms->asset('css/menu.css') ?>">
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Admin settings panel and alerts -->
|
||||||
|
<?= $Wcms->settings() ?>
|
||||||
|
|
||||||
|
<?= $Wcms->alerts() ?>
|
||||||
|
|
||||||
|
<div class="title">
|
||||||
|
<h1 style="text-align:center;"> <?= $Wcms->siteTitle() ?> </h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input class="menu-icon" type="checkbox" id="menu-icon" name="menu-icon"/>
|
||||||
|
<label for="menu-icon"></label>
|
||||||
|
<nav class="menu-bulle">
|
||||||
|
<ul class="pt-5">
|
||||||
|
<!-- Menu -->
|
||||||
|
<?= $Wcms->menu() ?>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="articles">
|
||||||
|
<!-- Main content for each page -->
|
||||||
|
<?= $Wcms->page('content') ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<!-- Footer -->
|
||||||
|
<?= $Wcms->footer() ?>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Admin JavaScript. More JS libraries can be added below -->
|
||||||
|
<?= $Wcms->js() ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"version": 1,
|
||||||
|
"themes": {
|
||||||
|
"kitoy-chocolate": {
|
||||||
|
"name": "kitoy Chocolate",
|
||||||
|
"repo": "https://kitoy.me/git/kitoy/kitoy-chocolate.git",
|
||||||
|
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
|
||||||
|
"summary": "Kitoy WonderCMS theme ",
|
||||||
|
"version": "3.4.2",
|
||||||
|
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/master/preview.jpg"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"version": 1,
|
||||||
|
"themes": {
|
||||||
|
"kitoy-chocolate": {
|
||||||
|
"name": "kitoy Chocolate",
|
||||||
|
"repo": "https://kitoy.me/git/kitoy30",
|
||||||
|
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
|
||||||
|
"summary": "Kitoy WonderCMS theme ",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/master/preview.jpg"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue