Skip to content

M
Moecube Store
Commit e82aaff4 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

new index

parent 77f6b328
Hide whitespace changes
Inline Side-by-side
Showing with 199 additions and 158 deletions
assets/stylesheets/mycard.css
View file @ e82aaff4
...@@ -3,255 +3,287 @@ ...@@ -3,255 +3,287 @@
*/ */
/* line 14, ../../app/assets/stylesheets/mycard.css.scss */ /* line 14, ../../app/assets/stylesheets/mycard.css.scss */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
/* line 18, ../../app/assets/stylesheets/mycard.css.scss */ /* line 18, ../../app/assets/stylesheets/mycard.css.scss */
body { body {
background: #244470 url(../images/index/background.png); background: #244470 url(../images/index/background.png);
font-family: "\5FAE\8F6F\96C5\9ED1"; font-family: "\5FAE\8F6F\96C5\9ED1";
} }
/* line 22, ../../app/assets/stylesheets/mycard.css.scss */ /* line 22, ../../app/assets/stylesheets/mycard.css.scss */
a { a {
text-shadow: 1px 1px 1px #0C2549; text-shadow: 1px 1px 1px #0C2549;
text-decoration: none; text-decoration: none;
} }
/* line 26, ../../app/assets/stylesheets/mycard.css.scss */ /* line 26, ../../app/assets/stylesheets/mycard.css.scss */
#nav a { #nav a {
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
text-decoration: none; text-decoration: none;
} }
/* line 30, ../../app/assets/stylesheets/mycard.css.scss */ /* line 30, ../../app/assets/stylesheets/mycard.css.scss */
#nav a:link { #nav a:link {
color: white; color: white;
} }
/* line 33, ../../app/assets/stylesheets/mycard.css.scss */ /* line 33, ../../app/assets/stylesheets/mycard.css.scss */
#nav a:hover { #nav a:hover {
color: white; color: white;
} }
/* line 36, ../../app/assets/stylesheets/mycard.css.scss */ /* line 36, ../../app/assets/stylesheets/mycard.css.scss */
#nav a:visited { #nav a:visited {
color: white; color: white;
} }
/* line 40, ../../app/assets/stylesheets/mycard.css.scss */ /* line 40, ../../app/assets/stylesheets/mycard.css.scss */
#nav { #nav {
width: 900px; width: 900px;
height: 50px; height: 50px;
background: #244470; background: #244470;
border-width: 0 1px 1px 0; border-width: 0 1px 1px 0;
border-style: solid; border-style: solid;
border-color: #5B82B7; border-color: #5B82B7;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
color: white; color: white;
margin: 0 auto; margin: 0 auto;
font: small-caps 12px "\5FAE\8F6F\96C5\9ED1"; font: small-caps 12px "\5FAE\8F6F\96C5\9ED1";
text-shadow: 1px 1px 2px #0C2549; text-shadow: 1px 1px 2px #0C2549;
background: #3966ae; background: #3966ae;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3966ae), to(#263c7b)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3966ae), to(#263c7b));
background: -webkit-linear-gradient(#3966ae, #263c7b); background: -webkit-linear-gradient(#3966ae, #263c7b);
background: -moz-linear-gradient(#3966ae, #263c7b); background: -moz-linear-gradient(#3966ae, #263c7b);
background: -ms-linear-gradient(#3966ae, #263c7b); background: -ms-linear-gradient(#3966ae, #263c7b);
background: -o-linear-gradient(#3966ae, #263c7b); background: -o-linear-gradient(#3966ae, #263c7b);
background: linear-gradient(#3966ae, #263c7b); background: linear-gradient(#3966ae, #263c7b);
} }
/* line 54, ../../app/assets/stylesheets/mycard.css.scss */ /* line 54, ../../app/assets/stylesheets/mycard.css.scss */
.nav_logo { .nav_logo {
width: 120px; width: 120px;
height: 30px; height: 30px;
margin: 0 0 0 5px; margin: 0 0 0 5px;
padding: 10px 0 10px 5px; padding: 10px 0 10px 5px;
border-width: 0 1px 0 0; border-width: 0 1px 0 0;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2);
display: block; display: block;
font: 25px bold 'Nunito',sans-serif; font: 25px bold 'Nunito',sans-serif;
float: left; float: left;
font-size: 24px; font-size: 24px;
} }
/* line 67, ../../app/assets/stylesheets/mycard.css.scss */ /* line 67, ../../app/assets/stylesheets/mycard.css.scss */
.nav_link { .nav_link {
min-width: 60px; min-width: 60px;
height: 30px; height: 30px;
padding: 10px; padding: 10px;
border-width: 0 1px 0 0; border-width: 0 1px 0 0;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2);
display: block; display: block;
font: 15px/30px "\5FAE\8F6F\96C5\9ED1"; font: 15px/30px "\5FAE\8F6F\96C5\9ED1";
float: left; float: left;
text-align: center; text-align: center;
} }
/* line 80, ../../app/assets/stylesheets/mycard.css.scss */ /* line 80, ../../app/assets/stylesheets/mycard.css.scss */
#main { #main {
width: 99.99%; width: 99.99%;
height: 310px; height: 310px;
margin: 60px 0 0 0; margin: 60px 0 0 0;
background: rgba(243, 243, 243, 0.6); background: rgba(243, 243, 243, 0.6);
border-width: 1px 0 0 1px; border-width: 1px 0 0 1px;
border-style: solid; border-style: solid;
border-color: #e1e1e1; border-color: #e1e1e1;
} }
/* line 89, ../../app/assets/stylesheets/mycard.css.scss */ /* line 89, ../../app/assets/stylesheets/mycard.css.scss */
#main_sub { #main_sub {
width: 900px; width: 900px;
margin: 0 auto; margin: 0 auto;
padding: 30px 0 0 0; padding: 30px 0 0 0;
height: 280px; height: 280px;
} }
/* line 95, ../../app/assets/stylesheets/mycard.css.scss */ /* line 95, ../../app/assets/stylesheets/mycard.css.scss */
#information { #information {
width: 390px; width: 390px;
float: left; float: left;
} }
/* line 99, ../../app/assets/stylesheets/mycard.css.scss */ /* line 99, ../../app/assets/stylesheets/mycard.css.scss */
.title { .title {
font-size: 45px; font-size: 45px;
font-weight: bold; font-weight: bold;
font-family: 'Nunito',sans-serif; font-family: 'Nunito',sans-serif;
} }
/* line 104, ../../app/assets/stylesheets/mycard.css.scss */ /* line 104, ../../app/assets/stylesheets/mycard.css.scss */
.subtitle { .subtitle {
font: 30px "\5FAE\8F6F\96C5\9ED1"; font: 30px "\5FAE\8F6F\96C5\9ED1";
} }
/* line 107, ../../app/assets/stylesheets/mycard.css.scss */ /* line 107, ../../app/assets/stylesheets/mycard.css.scss */
.subinc { .subinc {
font-size: 15px; font-size: 15px;
color: #525252; color: #525252;
text-shadow: 1px 1px 1px #f1f1f1; text-shadow: 1px 1px 1px #f1f1f1;
margin: 0 0 0 100px; margin: 0 0 0 100px;
} }
/* line 113, ../../app/assets/stylesheets/mycard.css.scss */ /* line 113, ../../app/assets/stylesheets/mycard.css.scss */
#buttons{
margin:0;
padding:0;
height: 60px;
width:400px;
}
#download { #download {
width: 200px; width: 200px;
height: 60px; height: 60px;
background: #AA7B2D; /*border: rgba(255, 255, 255, 0.3) solid 3px;*/
border: rgba(255, 255, 255, 0.3) solid 3px; /*border-radius: 10px;*/
border-radius: 10px; margin: 50px auto 0 50px;
margin: 50px auto 0 auto; display: inline-block;
color: white;
border-radius: 10px;
background: #5B5399;
background-image: linear-gradient(bottom,#5B5399 0%,#7B72CF 100%);
background-image: -o-linear-gradient(bottom,#5B5399 0%,#7B72CF 100%);
background-image: -moz-linear-gradient(bottom,#5B5399 0%,#7B72CF 100%);
background-image: -webkit-linear-gradient(bottom,#5B5399 0%,#7B72CF 100%);
background-image: -ms-linear-gradient(bottom,#5B5399 0%,#7B72CF 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5B5399),color-stop(1,#7B72CF));
float:left;
}
#download_url:hover{
text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.8);
} }
/* line 121, ../../app/assets/stylesheets/mycard.css.scss */ /* line 121, ../../app/assets/stylesheets/mycard.css.scss */
.download_active { .download_active {
color: white; color: white;
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.6); text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.6);
font-size: 25px; font-size: 25px;
text-align: center; text-align: center;
margin: 5px 0 0 0; margin: 5px 0 0 0;
display: block; display: block;
}
#download_sublist{
width:48px;
padding:55px 0 0 15px;
float:left;
font-size:10px;
}
#download_sublist a{
color:#134468;
text-shadow:2px 2px #CFCFCF;
border-bottom:dashed #CFCFCF 1px;
}
#download_sublist a:hover{
color:#072847;
} }
/* line 129, ../../app/assets/stylesheets/mycard.css.scss */ /* line 129, ../../app/assets/stylesheets/mycard.css.scss */
.download_information { .download_information {
color: #f1f1f1; color: #f1f1f1;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
font-size: 10px; font-size: 10px;
display: block; display: block;
text-align: center; text-align: center;
} }
/* line 136, ../../app/assets/stylesheets/mycard.css.scss */ /* line 136, ../../app/assets/stylesheets/mycard.css.scss */
#slider { #slider {
clear: both; clear: both;
width: 500px; width: 500px;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
z-index: 0; margin-top:16px;
clear: both; z-index: 0;
display: block; clear: both;
float: right; display: block;
top: -212px; float: right;
*top: 0; top: -212px;
*top: 0;
} }
/* line 148, ../../app/assets/stylesheets/mycard.css.scss */ /* line 148, ../../app/assets/stylesheets/mycard.css.scss */
.show1 { .show1 {
width: 500px; width: 500px;
height: 275px; height: 275px;
background: url(../images/index/01.png); background: url(../images/index/01.png);
border-radius: 10px; border-radius: 10px;
} }
/* line 155, ../../app/assets/stylesheets/mycard.css.scss */ /* line 155, ../../app/assets/stylesheets/mycard.css.scss */
.show2 { .show2 {
width: 500px; width: 500px;
height: 275px; height: 275px;
background: url(../images/index/02.png); background: url(../images/index/02.png);
border-radius: 10px; border-radius: 10px;
} }
/* line 162, ../../app/assets/stylesheets/mycard.css.scss */ /* line 162, ../../app/assets/stylesheets/mycard.css.scss */
.show3 { .show3 {
width: 500px; width: 500px;
height: 275px; height: 275px;
background: url(../images/index/03.png); background: url(../images/index/03.png);
border-radius: 10px; border-radius: 10px;
} }
/* line 169, ../../app/assets/stylesheets/mycard.css.scss */ /* line 169, ../../app/assets/stylesheets/mycard.css.scss */
footer { footer {
width: 900px; width: 900px;
margin: 0 auto; margin: 0 auto;
} }
/* line 173, ../../app/assets/stylesheets/mycard.css.scss */ /* line 173, ../../app/assets/stylesheets/mycard.css.scss */
footer h2 { footer h2 {
font: bold 15px/130% "\5FAE\8F6F\96C5\9ED1"; font: bold 15px/130% "\5FAE\8F6F\96C5\9ED1";
color: #2e2e2e; color: #2e2e2e;
text-shadow: 1px 1px 1px #dedede; text-shadow: 1px 1px 1px #dedede;
} }
/* line 178, ../../app/assets/stylesheets/mycard.css.scss */ /* line 178, ../../app/assets/stylesheets/mycard.css.scss */
#footer1 { #footer1 {
height: 200px; height: 200px;
width: 300px; width: 300px;
border-right: 1px #bfbfbf dashed; border-right: 1px #bfbfbf dashed;
margin-top: 10px; margin-top: 10px;
float: left; float: left;
} }
/* line 185, ../../app/assets/stylesheets/mycard.css.scss */ /* line 185, ../../app/assets/stylesheets/mycard.css.scss */
#footer1 a { #footer1 a {
font: 12px/130% "\5FAE\8F6F\96C5\9ED1"; font: 12px/130% "\5FAE\8F6F\96C5\9ED1";
color: #2a2a2a; color: #2a2a2a;
text-shadow: 1px 1px 1px #dedede; text-shadow: 1px 1px 1px #dedede;
} }
/* line 190, ../../app/assets/stylesheets/mycard.css.scss */ /* line 190, ../../app/assets/stylesheets/mycard.css.scss */
#footer2 { #footer2 {
height: 200px; height: 200px;
width: 300px; width: 300px;
border-right: 1px #bfbfbf dashed; border-right: 1px #bfbfbf dashed;
margin-top: 10px; margin-top: 10px;
float: left; float: left;
} }
/* line 197, ../../app/assets/stylesheets/mycard.css.scss */ /* line 197, ../../app/assets/stylesheets/mycard.css.scss */
#footer3 { #footer3 {
width: 280px; width: 280px;
float: left; float: left;
margin-top: 10px; margin-top: 10px;
padding-left: 10px; padding-left: 10px;
} }
/* line 203, ../../app/assets/stylesheets/mycard.css.scss */ /* line 203, ../../app/assets/stylesheets/mycard.css.scss */
#footer3 a { #footer3 a {
font: 12px/130% "\5FAE\8F6F\96C5\9ED1"; font: 12px/130% "\5FAE\8F6F\96C5\9ED1";
color: #2a2a2a; color: #2a2a2a;
text-shadow: 1px 1px 1px #dedede; text-shadow: 1px 1px 1px #dedede;
} }
\ No newline at end of file
index.html
View file @ e82aaff4
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="keywords" content="mycard,ygocore,ygopro,yugioh,yu-gi-oh,ygo,萌卡,游戏王,自动,决斗,平台"> <meta name="keywords" content="mycard,ygocore,ygopro,yugioh,yu-gi-oh,ygo,萌卡,游戏王,自动,决斗,平台">
<meta name="description" content="Mycard萌卡, 建立在YGOPRO上自动化决斗工具上的卡牌游戏(游戏王)对战平台, 目前正在进行新版本的公测哦. 注册与客户端的下载都可以在这里完成."> <meta name="description" content="Mycard萌卡, 建立在YGOPRO上自动化决斗工具上的卡牌游戏(游戏王)对战平台, 目前正在进行新版本的公测哦. 注册与客户端的下载都可以在这里完成.">
...@@ -14,20 +14,23 @@ ...@@ -14,20 +14,23 @@
<link href="/assets/stylesheets/dropdown.css" media="screen" rel="stylesheet" type="text/css"/> <link href="/assets/stylesheets/dropdown.css" media="screen" rel="stylesheet" type="text/css"/>
<title>Mycard - 萌卡</title> <title>Mycard - 萌卡</title>
<!-- Google Analytics --> <!-- Google Analytics -->
<script type="text/javascript"> <script type="text/javascript">
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29582484-1']); _gaq.push(['_setAccount', 'UA-29582484-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_trackPageview']);
var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js'; var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_require', 'inpage_linkid', pluginUrl]); _gaq.push(['_require', 'inpage_linkid', pluginUrl]);
(function() { (function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.type = 'text/javascript';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); ga.async = true;
})(); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
</script> var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head> </head>
<body> <body>
<header> <header>
...@@ -83,9 +86,15 @@ ...@@ -83,9 +86,15 @@
</br> </br>
<a class="subinc">复活了喵..目前只有基本功能...</a> <a class="subinc">复活了喵..目前只有基本功能...</a>
<div id="download"> <div id="buttons">
<a id="download_url" href="#" class="download_active">立即下载</a> <div id="download">
<a class="download_information">最新版本: <span id="download_version">Loading...</span></a> <a id="download_url" href="#" class="download_active">立即下载</a>
<a class="download_information">最新版本: <span id="download_version">Loading...</span></a>
</div>
<div id="download_sublist">
<a href="https://github.com/zh99998/mycard/downloads">下载更新</a></br>
<a href="https://github.com/zh99998/ygopro-images/archive/master.zip">下载卡图</a></br>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -99,8 +108,8 @@ ...@@ -99,8 +108,8 @@
<footer> <footer>
<div id="footer1"> <div id="footer1">
<h2>其他服务</h2> <h2>其他服务</h2>
<a href="mailto:zh99998@gmail.com">联系作者</a><br /> <a href="mailto:zh99998@gmail.com">联系作者</a><br/>
<a href="https://plus.google.com/107594261950300262383" rel="publisher">更新记录(Google+)</a> <a href="https://plus.google.com/107594261950300262383" rel="publisher">更新记录</a>
</div> </div>
<div id="footer2"> <div id="footer2">
<h2>合作伙伴</h2> <h2>合作伙伴</h2>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment