Simplify default menu structure created on install

This commit is contained in:
Kijin Sung 2021-02-27 19:50:06 +09:00
parent 0976e7fa94
commit c5429f0c43
3 changed files with 28 additions and 316 deletions

View file

@ -99,7 +99,7 @@
}
/* section.guide */
.welcomeXE .guide {
height: 640px;
height: 600px;
padding-top: 80px
}
.welcomeXE .guide ul {
@ -153,149 +153,9 @@
color: #cda25a;
border-bottom: 1px solid #cda25a
}
/* section.features */
.welcomeXE .features {
width: 100%;
margin: 0;
height: 800px;
padding-top: 80px;
background-color: #444
}
.welcomeXE .features .noti,
.welcomeXE .features .tit,
.welcomeXE .features .cont {
width: 1200px;
margin-left: auto;
margin-right: auto
}
.welcomeXE .features .tit {
color: #f6f6f6
}
.welcomeXE .features .cont {
font-size: 15px;
line-height: 27px;
color: #ddd
}
.welcomeXE .features ul {
overflow: hidden;
margin-top: 38px;
padding: 0 20px
}
.welcomeXE .features li {
float: left;
width: 25%;
height: 480px
}
.welcomeXE .features li .fe_box {
height: 478px;
margin: 0 10px;
padding: 0 20px;
border: 1px solid #333;
background-color: #f6f6f6;
text-align: center;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out
}
.welcomeXE .features .fe_box .ico {
display: inline-block;
width: 70px;
height: 70px;
margin: 162px 0 27px;
background-color: #cda25a;
background: url(../img/sp_feature.png) 0 0 no-repeat;
text-align: center;
font-size: 60px;
line-height: 70px
}
.welcomeXE .features .fe_box h2 {
font-size: 21px;
color: #555;
font-weight: normal
}
.welcomeXE .features .fe_box p {
margin-bottom: 80px;
font-size: 15px;
line-height: 24px;
color: #f6f6f6
}
.welcomeXE .features .fe_box a {
display: inline-block;
height: 40px;
padding: 0 40px;
border: 2px solid #f6f6f6;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
letter-spacing: 1px;
color: #f6f6f6;
line-height: 40px;
font-weight: 600;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.welcomeXE .features .fe_box a:hover {
background-color: #f6f6f6;
border-color: #f6f6f6;
color: #cda25a
}
.welcomeXE .features .fe_top {
position: relative;
top: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out
}
.welcomeXE .features .fe_bottom {
position: relative;
top: 192px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.welcomeXE .features .fe_box.on {
background-color: #cda25a
}
.welcomeXE .features .fe_box.on .fe_top {
top: -104px
}
.welcomeXE .features .fe_box.on .fe_bottom {
top: -67px
}
.welcomeXE .features .fe_box.on h2 {
color: #f6f6f6
}
.welcomeXE .features .fe_box.on .ico {
background-color: #f6f6f6;
background: url(../img/sp_feature.png) 0 -70px no-repeat
}
.welcomeXE .features .fe_box .ico2 {
background-position: -70px 0
}
.welcomeXE .features .fe_box .ico3 {
background-position: -140px 0
}
.welcomeXE .features .fe_box .ico4 {
background-position: -210px 0
}
.welcomeXE .features .fe_box.on .ico2 {
background-position: -70px -70px
}
.welcomeXE .features .fe_box.on .ico3 {
background-position: -140px -70px
}
.welcomeXE .features .fe_box.on .ico4 {
background-position: -210px -70px
}
/*section.connect*/
.welcomeXE .connect {
height: 344px;
padding-top: 80px
}
.welcomeXE .connect ul {
overflow: hidden;