mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 19:21:40 +09:00
Simplify default menu structure created on install
This commit is contained in:
Kijin Sung
parent
0976e7fa94
commit
c5429f0c43
3 changed files with 28 additions and 316 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,13 +1,5 @@
|
|||
<!-- WelcomeXE -->
|
||||
<div class="welcomeXE">
|
||||
<section class="xeicon bg-holder" data-width="1240" data-height="500">
|
||||
<h1>Beautiful iconpack<br>XEIcon</h1>
|
||||
<div class="button-area">
|
||||
<a class="btn_item" target="_blank" href="https://xpressengine.github.io/XEIcon">HOMEPAGE</a>
|
||||
<a class="btn_item" target="_blank" href="https://github.com/xpressengine/XEIcon">GITHUB</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<span class="noti">GET STARTED</span>
|
||||
<h1 class="tit">BUILD YOUR SITE</h1>
|
||||
|
|
@ -44,67 +36,12 @@
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="features">
|
||||
<span class="noti">GET BETTER</span>
|
||||
<h1 class="tit">RHYMIX FEATURES</h1>
|
||||
<p class="cont">Rhymix는 프레임웍을 기반으로 개별 프로그램과 스킨을 실행하여 결과물을 생성합니다.<br />다양한 개성을 가진 프로그램과 스킨을 조합하여 다채로운 기능을 가진 멋진 웹사이트를 만들 수 있습니다.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico"></span>
|
||||
<h2>손쉬운 사이트 구축</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>Rhymix는 블로그형, 카페형 등 다양한 모듈을 제공합니다. 만들고자 하는 사이트에 적합한 모듈을 선택하여 쉽고 빠르게 사이트를 구축할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico2"></span>
|
||||
<h2>기능을 더하는 구조</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>Rhymix는 확장기능을 내려받아 더 많은 기능을 이용할 수 있습니다. 기본 기능과 확장 기능을 자유롭게 조합하여 다양한 웹 사이트를 제작할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico3"></span>
|
||||
<h2>오픈 소스 & 커뮤니티</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>Rhymix는 오픈 커뮤니티를 통해 다양한 정보를 제공합니다. 커뮤니티에서 원하는 정보를 찾거거나 공유할 수 있습니다</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico4"></span>
|
||||
<h2>다국어 지원</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>Rhymix는 여러 나라의 언어를 지원합니다. 웹 사이트를 언어별로 분리하지 않고도 다국어 웹 사이트를 쉽게 제작할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="connect">
|
||||
<span class="noti">CONNECT WITH US</span>
|
||||
<h1 class="tit">GET INVOLVED</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://xetown.com/" target="_blank" class="ico"><i class="xi-community"></i><span class="blind">COMMUNITY</span></a>
|
||||
<a href="https://rhymix.org/community" target="_blank" class="ico"><i class="xi-community"></i><span class="blind">COMMUNITY</span></a>
|
||||
<h2>COMMUNITY</h2>
|
||||
<p>Rhymix와 관련한 다양한 커뮤니티를 만나보세요.</p>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue