WarL0ck/paifu
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Init

Browse Source
This commit is contained in:
Alex Filippov
2018-01-05 19:11:21 +07:00
commit 3c936c75a6
15 changed files with 1751 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

443
public/css/bundle.css Normal file
View File

@ -0,0 +1,443 @@
.tile img,
.tile-rot img {
position: relative
}
.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.tile,
.tile-rot {
display: inline-block;
overflow: hidden;
border: 1px solid #333
}
.tile {
width: 38px;
height: 52px;
-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .5);
box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .5)
}
.tile-rot {
width: 52px;
height: 38px;
-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .5);
box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .5)
}
.tile .wrap,
.tile-rot .wrap {
display: block;
width: 500px;
height: 500px;
text-indent: 0
}
.closed-part {
padding: 9px;
display: inline-block;
margin-bottom: 10px;
margin-right: 20px;
background-color: #ccc;
border-radius: 5px;
-webkit-border-radius: 5px
}
.tile-upper {
margin-bottom: 40px
}
.tile-lower {
margin-left: -54px
}
.tile-m1 img {
left: 0;
top: 0
}
.tile-m2 img {
left: -38px;
top: 0
}
.tile-m3 img {
left: -76px;
top: 0
}
.tile-m4 img {
left: -114px;
top: 0
}
.tile-m5 img {
left: -152px;
top: 0
}
.tile-m6 img {
left: 0;
top: -52px
}
.tile-m7 img {
left: -38px;
top: -52px
}
.tile-m8 img {
left: -76px;
top: -52px
}
.tile-m9 img {
left: -114px;
top: -52px
}
.tile-p1 img {
left: -152px;
top: -52px
}
.tile-p2 img {
left: 0;
top: -104px
}
.tile-p3 img {
left: -38px;
top: -104px
}
.tile-p4 img {
left: -76px;
top: -104px
}
.tile-p5 img {
left: -114px;
top: -104px
}
.tile-p6 img {
left: -152px;
top: -104px
}
.tile-p7 img {
left: 0;
top: -156px
}
.tile-p8 img {
left: -38px;
top: -156px
}
.tile-p9 img {
left: -76px;
top: -156px
}
.tile-s1 img {
left: -114px;
top: -156px
}
.tile-s2 img {
left: -152px;
top: -156px
}
.tile-s3 img {
left: 0;
top: -208px
}
.tile-s4 img {
left: -38px;
top: -208px
}
.tile-s5 img {
left: -76px;
top: -208px
}
.tile-s6 img {
left: -114px;
top: -208px
}
.tile-s7 img {
left: -152px;
top: -208px
}
.tile-s8 img {
left: 0;
top: -260px
}
.tile-s9 img {
left: -38px;
top: -260px
}
.tile-tan img {
left: -76px;
top: -260px
}
.tile-nan img {
left: -114px;
top: -260px
}
.tile-xia img {
left: -152px;
top: -260px
}
.tile-pei img {
left: 0;
top: -312px
}
.tile-hatsu img {
left: -38px;
top: -312px
}
.tile-chun img {
left: -76px;
top: -312px
}
.tile-haku img {
left: -114px;
top: -312px
}
.tile-ma img {
left: 0;
top: -364px
}
.tile-pa img {
left: -38px;
top: -364px
}
.tile-sa img {
left: -76px;
top: -364px
}
.tile-x img {
left: -114px;
top: -364px
}
.tile-rot-m1 img {
left: 0;
top: 0
}
.tile-rot-m2 img {
left: -52px;
top: 0
}
.tile-rot-m3 img {
left: -104px;
top: 0
}
.tile-rot-m4 img {
left: -156px;
top: 0
}
.tile-rot-m5 img {
left: -208px;
top: 0
}
.tile-rot-m6 img {
left: 0;
top: -38px
}
.tile-rot-m7 img {
left: -52px;
top: -38px
}
.tile-rot-m8 img {
left: -104px;
top: -38px
}
.tile-rot-m9 img {
left: -156px;
top: -38px
}
.tile-rot-p1 img {
left: -208px;
top: -38px
}
.tile-rot-p2 img {
left: 0;
top: -76px
}
.tile-rot-p3 img {
left: -52px;
top: -76px
}
.tile-rot-p4 img {
left: -104px;
top: -76px
}
.tile-rot-p5 img {
left: -156px;
top: -76px
}
.tile-rot-p6 img {
left: -208px;
top: -76px
}
.tile-rot-p7 img {
left: 0;
top: -114px
}
.tile-rot-p8 img {
left: -52px;
top: -114px
}
.tile-rot-p9 img {
left: -104px;
top: -114px
}
.tile-rot-s1 img {
left: -156px;
top: -114px
}
.tile-rot-s2 img {
left: -208px;
top: -114px
}
.tile-rot-s3 img {
left: 0;
top: -152px
}
.tile-rot-s4 img {
left: -52px;
top: -152px
}
.tile-rot-s5 img {
left: -104px;
top: -152px
}
.tile-rot-s6 img {
left: -156px;
top: -152px
}
.tile-rot-s7 img {
left: -208px;
top: -152px
}
.tile-rot-s8 img {
left: 0;
top: -190px
}
.tile-rot-s9 img {
left: -52px;
top: -190px
}
.tile-rot-tan img {
left: -104px;
top: -190px
}
.tile-rot-nan img {
left: -156px;
top: -190px
}
.tile-rot-xia img {
left: -208px;
top: -190px
}
.tile-rot-pei img {
left: 0;
top: -228px
}
.tile-rot-hatsu img {
left: -52px;
top: -228px
}
.tile-rot-chun img {
left: -104px;
top: -228px
}
.tile-rot-haku img {
left: -156px;
top: -228px
}
.tile-rot-ma img {
left: 0;
top: -266px
}
.tile-rot-pa img {
left: -52px;
top: -266px
}
.tile-rot-sa img {
left: -104px;
top: -266px
}
.tile-rot-x img {
left: -156px;
top: -266px
}

261
public/css/main.css Normal file
View File

@ -0,0 +1,261 @@
html {
height: 99%;
}
* html body {
height: 99%;
}
body {
background: #f2f2f2;
min-height: 99%;
position: relative;
padding: 3px;
font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}
h1 {
font-size: 15px;
text-align: center;
}
h2 {
font-size: 13px;
text-align: center;
}
h3 {
font-size: 11px;
text-align: center;
}
h4 {
font-size: 9px;
text-align: center;
}
h5 {
font-size: 7px;
text-align: center;
}
img {
padding: 0;
margin: 0;
border: 0;
}
table {
padding: 2px;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}
th {
background-color: #808080;
color: #ffffff;
}
table td,
th {
padding: 2px;
}
.vert {
-ms-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.name {
width: 1px;
float: left;
word-wrap: break-word;
}
.score {
width: 80px;
height: 180px;
vertical-align: top;
}
.right {
font: 9px "Lucida Grande", Helvetica, Arial, sans-serif;
text-align: right;
}
.center,
.event,
.win,
.call,
.call_blank,
.rt_call,
.rt_blank {
text-align: center;
}
.win,
.call,
.call_blank,
.rt_call,
.ev_call,
.ev_draw {
vertical-align: bottom;
}
.nopad {
padding: 0;
}
.call {
font: 10px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.blank {
width: 12px;
height: 38px;
}
.machi {
width: 6px;
height: 38px;
}
.event {
width: 27px;
height: 96px;
vertical-align: middle;
}
.win {
width: 27px;
height: 48px;
}
.call {
width: 27px;
height: 54px;
}
.call_blank {
width: 27px;
height: 16px;
}
.rt_call {
width: 38px;
height: 54px;
}
.rt_blank {
width: 38px;
height: 16px;
}
.ev_call {
font: 10px "Lucida Grande", Helvetica, Arial, sans-serif;
height: 11px;
}
.ev_draw {
height: 38px;
}
.ev_reach {
font: 10px "Lucida Grande", Helvetica, Arial, sans-serif;
height: 10px;
vertical-align: top;
}
.ev_discard {
height: 38px;
vertical-align: top;
}
.border {
border: 1px solid #c0c0c0;
}
a {
color: #4F6B72;
font-family: "PT Sans", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.last {
float: right;
}
a:hover {
text-decoration: underline;
}
.demo {
width: 600px;
margin: 20px auto;
padding: 10px;
color: #4F6B72;
font-family: "PT Sans", Verdana, Arial, sans-serif;
font-size: 13px;
}
.error-msg {
padding: 5px;
border: 1px solid red;
margin-bottom: 8px;
}
.input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #555555;
display: inline-block;
font-size: 12px;
height: 16px;
line-height: 16px;
margin-bottom: 9px;
padding: 3px 3px 3px 3px;
width: 300px;
}
.select {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #555555;
display: inline-block;
font-size: 13px;
height: 24px;
line-height: 16px;
margin-bottom: 9px;
padding: 3px 3px 3px 3px;
width: 100px;
}
.buttons {
text-align: right;
}
.buttons span {
float: left;
margin-top: 4px;
}
button {
background-color: #575A82;
border: none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding: 4px;
}
button:hover {
background-color: #FF875E;
}

66
public/css/svg.css Normal file
View File

@ -0,0 +1,66 @@
.tile {
width: 27px;
height: 38px;
}
.kanup,
.kandown {
width: 18px;
height: 25px;
}
.kanup {
position: relative;
top: 0;
right: 4px;
z-index: 0;
}
.kandown {
position: relative;
top: -15px;
right: -4px;
z-index: 1;
}
.down {
width: 15px;
height: 38px;
}
.tenbo {
width: 68px;
height: 9px;
}
.face,
.back {
filter: url(#inset-shadow);
}
.face {
fill: #ffffff;
}
.back {
fill: #ffba1e;
}
.rotate,
.rotate1,
.rotate2 {
width: 38px;
height: 38px;
}
.rotate {
transform: rotate(-90deg) translate(-5px, 0px);
}
.rotate1 {
transform: rotate(-90deg) translate(6px, 0px);
}
.rotate2 {
transform: rotate(-90deg) translate(17px, 0px);
}