mirror of
https://github.com/wassname/phaser.git
synced 2026-07-25 13:20:14 +08:00
Updating examples with new runner and menu system.
This commit is contained in:
Richard Davey
@@ -0,0 +1,209 @@
|
||||
body
|
||||
{
|
||||
background: url(assets/suite/background.png);
|
||||
color: white;
|
||||
font: 1em/2em Arial, Helvetica;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
* {
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
#links {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
:-webkit-full-screen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 30pt;
|
||||
margin: 0;
|
||||
padding: 16px;
|
||||
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 20pt;
|
||||
margin: 16px 0px 16px 0px;
|
||||
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 30px;
|
||||
margin: 16px 0px 16px 16px;
|
||||
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
a {
|
||||
color: yellow;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:Hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.button
|
||||
{
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
background-color: #ccc;
|
||||
border: 1px solid #777;
|
||||
padding: 0 1.5em;
|
||||
margin: 0.5em;
|
||||
font: bold 1em/2em Arial, Helvetica;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
|
||||
-moz-border-radius: .2em;
|
||||
-webkit-border-radius: .2em;
|
||||
border-radius: .2em;
|
||||
-moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
|
||||
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
|
||||
box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
|
||||
background-image: linear-gradient(top, #eee, #ccc);
|
||||
}
|
||||
|
||||
.button:hover
|
||||
{
|
||||
background-color: #ddd;
|
||||
background-image: linear-gradient(top, #fafafa, #ddd);
|
||||
}
|
||||
|
||||
.button:active
|
||||
{
|
||||
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.button:focus
|
||||
{
|
||||
outline: 0;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.button:before
|
||||
{
|
||||
background: #ccc;
|
||||
background: rgba(0,0,0,.1);
|
||||
float: left;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
margin: 0 1em 0 -1em;
|
||||
padding: 0 .2em;
|
||||
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
-moz-border-radius: .15em 0 0 .15em;
|
||||
-webkit-border-radius: .15em 0 0 .15em;
|
||||
border-radius: .15em 0 0 .15em;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Hexadecimal entities for the icons */
|
||||
|
||||
.add:before
|
||||
{
|
||||
content: "\271A";
|
||||
}
|
||||
|
||||
.edit:before
|
||||
{
|
||||
content: "\270E";
|
||||
}
|
||||
|
||||
.delete:before
|
||||
{
|
||||
content: "\2718";
|
||||
}
|
||||
|
||||
.save:before
|
||||
{
|
||||
content: "\2714";
|
||||
}
|
||||
|
||||
.email:before
|
||||
{
|
||||
content: "\2709";
|
||||
}
|
||||
|
||||
.like:before
|
||||
{
|
||||
content: "\2764";
|
||||
}
|
||||
|
||||
.next:before
|
||||
{
|
||||
content: "\279C";
|
||||
}
|
||||
|
||||
.star:before
|
||||
{
|
||||
content: "\2605";
|
||||
}
|
||||
|
||||
.spark:before
|
||||
{
|
||||
content: "\2737";
|
||||
}
|
||||
|
||||
.play:before
|
||||
{
|
||||
content: "\25B6";
|
||||
}
|
||||
|
||||
/* Buttons and inputs */
|
||||
button.button, input.button
|
||||
{
|
||||
cursor: pointer;
|
||||
overflow: visible; /* removes extra side spacing in IE */
|
||||
}
|
||||
|
||||
/* removes extra inner spacing in Firefox */
|
||||
button::-moz-focus-inner
|
||||
{
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* If line-height can't be modified, then fix Firefox spacing with padding */
|
||||
input::-moz-focus-inner
|
||||
{
|
||||
padding: .4em;
|
||||
}
|
||||
|
||||
/* The disabled styles */
|
||||
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover
|
||||
{
|
||||
background: #eee;
|
||||
color: #aaa;
|
||||
border-color: #aaa;
|
||||
cursor: default;
|
||||
text-shadow: none;
|
||||
position: static;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
Reference in New Issue
Block a user