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