diff --git a/app.yaml b/app.yaml index 6322f59..b2f2d69 100644 --- a/app.yaml +++ b/app.yaml @@ -4,7 +4,6 @@ runtime: python27 api_version: 1 threadsafe: yes - handlers: - url: /styles diff --git a/images/SplashScreen.png b/images/SplashScreen.png new file mode 100644 index 0000000..ae985f6 Binary files /dev/null and b/images/SplashScreen.png differ diff --git a/index.html b/index.html index 1916013..bf60e7b 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@
-

Penguins Rising Beta

+ Penguins Rising
diff --git a/styles/index.css b/styles/index.css index 6aae94a..de0f2a8 100644 --- a/styles/index.css +++ b/styles/index.css @@ -1,8 +1,10 @@ -*{ margin: 0; padding: 0; } +*{ + margin: 0; + padding: 0; +} html, body { background: url("landscape.jpg") repeat; } -h2 { -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; font-size: 36px;} canvas { -webkit-user-select: none; -khtml-user-select: none; @@ -31,28 +33,47 @@ canvas { background: url("LandScapeSide.jpg") left repeat-y; display:none; } -.promotes { position: relative; top:-40px; } -.right { float: right; right:3%;} -.left { float: left;left: 3%; } -#dialogHeader { color: red;font-family: Viner Hand ITC; } -table { border-collapse: collapse; text-align: right;} -th {padding: 10px; background-color: #0000ee; color: #fcfcfc; font-size: 1.1em; - border-left: 1px #fcfcfc solid;} -tr { border-bottom: 2px #00008b solid;} -td { vertical-align: top; padding: 10px; } +.promotes { + position: relative; top:-40px; +} +.right { + float: right; right:3%; +} +.left { + float: left;left: 3%; +} +#dialogHeader { + color: red; + font-family: Viner Hand ITC; +} +table { + border-collapse: collapse; + text-align: right; +} +th { + padding: 10px; + background-color: #0000ee; + color: #fcfcfc; + font-size: 1.1em; + border-left: 1px #fcfcfc solid; +} +tr { + border-bottom: 2px #00008b solid; +} +td { + vertical-align: top; padding: 10px; +} .medIcon { width: 75px; height: 75px; } - .smallIcon { width: 65px; height: 65px; padding: 5px; } - .unlockWidget { position: absolute; @@ -63,68 +84,52 @@ td { vertical-align: top; padding: 10px; } border-radius: 10px; } footer{ - position:absolute; - bottom:0; - width:100%; - height:25px; - - background: white; + position: fixed; + bottom:0; + width:100%; + height: 25px; + background: white; } #dialog-modal { -position: fixed; -width: 100%; -height: 100%; -background: #6cf; -display: block; -padding: 25% 39%; -font-family: Viner Hand ITC; /* Will override color (regardless of order) */ + position: fixed; + width: 100%; + height: 100%; + background: #6cf; + display: block; } -h2::selection { - background: #ffb7b7; + +#dialog-modal img { + width: 100%; + padding-top: 5%; } + #SplashScreen { padding-left: 100px; padding-top: 10px; } -.right { - float:right; -} .left { float:left; width: 100px; } -#github { - margin: 1px 5px -5px 3px; -} - - -/* Google Style buttons */ -/*Provided here:http://youhack.me/2011/11/01/create-google-plus-style-button-using-css3 */ button { - text-decoration: none; - text-shadow: 0 1px 0 #fff; font: bold 11px Helvetica, Arial, sans-serif; color: #444; line-height: 17px; - height: 18px; display: inline-block; float: left; - margin: 5px; - padding: 5px 6px 4px 6px; - background: #F3F3F3; - border: solid 1px #D9D9D9; + margin: 0px; + padding: 5px 5px 5px 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: border-color .20s; -moz-transition: border-color .20s; -o-transition: border-color .20s; - transition: border-color .20s; - height: 29px !important; + + height: 29px; cursor: pointer; } button:hover { - background: #F4F4F4; border-color: #C0C0C0; color: #333; } @@ -136,81 +141,22 @@ button:active { box-shadow:inset 0 0 10px #D4D4D4; } button.redbtn { - border: 1px solid #D14836 !important; - background: #D64937; - background: -webkit-linear-gradient(top, #DC4A38, #D14836); - background: -moz-linear-gradient(top, #DC4A38, #D14836); - background: -ms-linear-gradient(top, #DC4A38, #D14836); - background: -o-linear-gradient(top, #DC4A38, #D14836); - -webkit-transition: border .20s; - -moz-transition: border .20s; - -o-transition: border .20s; - transition: border .20s; - margin: 0px 134px; + /* border: 2px solid #D14836 !important; */ + background: white; } button.redbtn:hover { - border: 1px solid #B0281A !important; - background: #D14130; - background: -webkit-linear-gradient(top, #DC4A38, #C53727); - background: -moz-linear-gradient(top, #DC4A38, #C53727); - background: -ms-linear-gradient(top, #DC4A38, #C53727); - background: -o-linear-gradient(top, #DC4A38, #C53727); + background: beige; } button.action:hover { -moz-box-shadow: 0 1px 0px #DDD; - -webkit-box-shadow: 0 1px 0px #DDD; - box-shadow: 0 1px 0px #DDD; -} -button.action:active { - -moz-box-shadow: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-color: #C6C6C6 !important; -} -button.redbtn:active { - border-color: #B0281A !important; -} -/*------------------------------------*\ - $BUTTON LABEL -\*------------------------------------*/ - button span.label { - display: inline-block; - float: left; - line-height: 17px; - height: 18px; - padding: 0 1px; - overflow: hidden; - color: #444; - -webkit-transition: color .20s; - -moz-transition: color .20s; - -o-transition: color .20s; - transition: color .20s; } button span.label { - line-height: 15px !important; -} -button:hover .label.bluebtn { - color: #7090C8; -} -button:hover .label.greenbtn { - color: #42B449; -} -button:hover .label.yellow { - color: #F7CB38; -} -button.redbtn .label { - color: #FFF !important; - text-shadow: 0 1px 0 #B0281A !important; + color: #444; } button.action .label { - padding: 0 17px !important; + padding: 0 10px !important; } -button.action:active .label { - color: #333 !important; +h2 { + -webkit-text-fill-color: white; + -webkit-text-stroke-width: 1px; } - - @media screen and (max-width:400px) { - .right { - display:none; - } - } \ No newline at end of file