Skip to content

Commit

Permalink
super mario
Browse files Browse the repository at this point in the history
  • Loading branch information
@xwenliang
xwenliang committed Jun 5, 2015
0 parents commit d9a159a
Show file tree
Hide file tree
Showing 63 changed files with 3,426 additions and 0 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
#super_mario
115 changes: 115 additions & 0 deletions css/base.mixin.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
.edge (@distance: 0) {
margin: @distance;
padding: @distance;
}
.appearance (@value: none) {
-webkit-appearance: @value;
/*-moz-appearance: none;*/
-ms-appearance: @value;
-o-appearance: @value;
appearance: @value;
}
.font-smoothing (@value: antialiased){
-webkit-font-smoothing: @value;
-moz-font-smoothing: @value;
-ms-font-smoothing: @value;
-o-font-smoothing: @value;
font-smoothing: @value;
}
.text-rendering (@value: optimizeLegibility){
-webkit-text-rendering: @value;
-moz-text-rendering: @value;
-ms-text-rendering: @value;
-o-text-rendering: @value;
text-rendering: @value;
}
.linear-gradient (@from; @to; @ieFrom; @ieTo; @unsupported) {
background: @unsupported;
background: -webkit-gradient(linear, left top, left bottom, from(@from),to(@to));
background: -webkit-linear-gradient(top, @from, @to);
background: -moz-linear-gradient(top, @from, @to);
background: -o-linear-gradient(top, @from, @to);
background: -ms-linear-gradient(top, @from, @to);
background: linear-gradient(top, @from, @to);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=@ieFrom, EndColorStr=@ieTo);
}
.transform(@value){
-webkit-transform: @value;
-moz-transform: @value;
-ms-transform: @value;
-o-transform: @value;
transform: @value;
}
.transition(@property: all; @during: 1s; @timing-function: cubic-bezier(0, 1.0, 0.5, 1.0); @delay: 0) {
-webkit-transition: @property @during @timing-function @delay;
-moz-transition: @property @during @timing-function @delay;
-ms-transition: @property @during @timing-function @delay;
-o-transition: @property @during @timing-function @delay;
transition: @property @during @timing-function @delay;
}
.animation(@frame, @during, @timing-function, @delay, @count, @direct){
-webkit-animation: @frame, @during, @timing-function, @delay, @count, @direct;
-moz-animation: @frame, @during, @timing-function, @delay, @count, @direct;
-ms-animation: @frame, @during, @timing-function, @delay, @count, @direct;
-o-animation: @frame, @during, @timing-function, @delay, @count, @direct;
animation: @frame, @during, @timing-function, @delay, @count, @direct;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.box-sizing (@value: border-box){
-webkit-box-sizing: @value;
-moz-box-sizing: @value;
-ms-box-sizing: @value;
-o-box-sizing: @value;
box-sizing: @value;
}
.flex(){
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -o-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.flex-children(@value: 1){
-webkit-box-flex: @value;
-moz-box-flex: @value;
-ms-box-flex: @value;
-o-box-flex: @value;
box-flex: @value;
-webkit-flex: @value;
-moz-flex: @value;
-ms-flex: @value;
-o-flex: @value;
flex: @value;
width: 0;
list-style-type:none;
}
.limit(@value){
width:@value;
display: inline-block;
text-align: right;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
vertical-align: middle;
line-height: 1;
}
.limit-left(@value){
width:@value;
display: inline-block;
text-align: left;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}



225 changes: 225 additions & 0 deletions css/common.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,225 @@
/*
* Globle Css Document
* @ Author: zooble
* @ Email: [email protected]
* @ Date: 2013-5-6
*/
@charset "utf-8";
@import "base.mixin.less";

html{
min-height: 100%;
overflow-y: scroll;
}
body{
min-height: 100%;
margin: 0;
padding: 0;
font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53';
}
p,ol,ul,li,dt,dd,dl,pre,form,fieldset,input,textarea,blockquote,em,i,b,hr,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}
h1,h2{
font-weight: bold;
}
h2{
font-size: 14px;
}
ol,ul{
list-style: none;
}
select,div{
outline: medium;
}
button,input{
margin: 0;
padding: 0;
border: none;
background: none;
outline: medium;
font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53';
}
input{
border: 1px solid #ddd;
padding: 0 5px;
height: 24px;
}
img{
vertical-align: top;
border: none;
}
button,a{
font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53';
text-decoration: none;
color: #333;
text-decoration: none;
cursor: pointer;
}
a:hover{
color: #48a623;
}



.mountBig{
position: absolute;
width: 162px;
height: 72px;
background: url(../img/all.png) -191px -309px no-repeat;
}
.mount{
position: absolute;
width: 98px;
height: 40px;
background: url(../img/all.png) -89px -341px no-repeat;
}
.shrubBig{
position: absolute;
background: url(../img/all.png) no-repeat -163px -495px;
width: 130px;
height: 34px;
}
.shrubMid{
position: absolute;
background: url(../img/all.png) no-repeat -295px -495px;
width: 98px;
height: 34px;
}
.shrub{
position: absolute;
background: url(../img/all.png) no-repeat -95px -495px;
width: 66px;
height: 34px;
}
.cloudBig{
position: absolute;
background: url(../img/all.png) no-repeat -185px -385px;
width: 130px;
height: 50px;
}
.cloudMid{
position: absolute;
background: url(../img/all.png) no-repeat -85px -385px;
width: 98px;
height: 50px;
}
.cloud{
position: absolute;
background: url(../img/all.png) no-repeat -317px -385px;
width: 66px;
height: 50px;
}
.ask{
position: absolute;
background: url(../img/all.png) no-repeat -809px -309px;
width: 34px;
height: 34px;
}
.wall{
width: 100%;
height: 100%;
background: url(../img/wall1.png) repeat;
}
.wall1{
position: absolute;
background: url('../img/all.png') no-repeat -739px -83px;
width: 34px;
height: 34px;
}
.wall2{
position: absolute;
background: url('../img/all.png') no-repeat -739px -193px;
width: 34px;
height: 36px;
}
.wall3{
position: absolute;
background: url('../img/all.png') no-repeat -739px -157px;
width: 34px;
height: 34px;
}
.wall4{
position: absolute;
background: url('../img/all.png') no-repeat -739px -273px;
width: 34px;
height: 34px;
z-index: 1;
}
.pip{
position: absolute;
background: url('../img/all.png') no-repeat -1221px -81px;
width: 66px;
height: 66px;
z-index: 1;
}
.pipShort{
position: absolute;
background: url('../img/all.png') no-repeat -1225px -153px;
width: 58px;
height: 34px;
z-index: 1;
}
.breakup{
position: absolute;
width: 64px;
height: 64px;
z-index: 2;
background: #5c94fc;
}
.breakupMid{
position: absolute;
width: 96px;
height: 64px;
z-index: 2;
background: #5c94fc;
}
.castleBig{
position: absolute;
background: url('../img/all.png') no-repeat -779px -1009px;
width: 302px;
height: 354px;
}
.castle{
position: absolute;
background: url('../img/all.png') no-repeat -537px -425px;
width: 162px;
height: 162px;
}
.flag{
position: absolute;
background: url('../img/all.png') no-repeat -513px -81px;
width: 52px;
height: 338px;
}

.game{
position: relative;
width: 512px;
height: 512px;
margin: 10px auto;
//overflow: hidden;
border: 1px solid #000;
.conent{
position: absolute;
width: 10000%;
height: 100%;
left: 0;
bottom: 0;
.footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 64px;
}
}
}
.round1-1{
background: #5c94fc;
}


Loading

0 comments on commit d9a159a

Please sign in to comment.