mirrors
/
PretendYoureXyzzy
mirror of https://github.com/ajanata/PretendYoureXyzzy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update WebContent/cah.css 

General:
 -Removing borders and using grey background to add contrast

Game Lobby:
 -Bolding Game Status & Join Button
 -Padding Game Description
Game:
 -Adding rounded corners and thinner borders to cards
 -Subtler blue selected card state
This commit is contained in:
timsookram 2012-12-20 17:35:16 -05:00 committed by Andy Janata
parent 5dba74fac6
commit a8fd92cf66
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
WebContent/cah.css
View File

@ -24,6 +24,9 @@
body { body {
overflow: hidden; overflow: hidden;
min-height: 640px; min-height: 640px;
background:#eee;
color:#000;
} }
/* /*
@ -57,12 +60,11 @@ body {
*/ */
#menubar { #menubar {
position: absolute; /* position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;*/
height: 25px; height: 25px;
border: 1px solid black;
} }
#menubar_left { #menubar_left {
@ -87,16 +89,12 @@ body {
} }
#main { #main {
position: absolute;
width: 100%;
height: 506px; height: 506px;
top: 26px;
border: 1px solid black; /*border: 1px solid black;*/
} }
#main_holder {
width: 100%;
}
#game_list { #game_list {
height: 100%; height: 100%;
@ -105,6 +103,7 @@ body {
} }
.gamelist_lobby { .gamelist_lobby {
background:#fff;
width: 500px; width: 500px;
height: 150px; height: 150px;
float: left; float: left;
@ -113,8 +112,9 @@ body {
} }
.gamelist_lobby_left { .gamelist_lobby_left {
width: 74%; width: 72%;
height: 100%; height: 100%;
padding:.25em 1%;
float: left; float: left;
} }
@ -128,10 +128,13 @@ body {
.gamelist_lobby_join { .gamelist_lobby_join {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-transform:uppercase;
font-weight:700;
} }
.gamelist_lobby_status { .gamelist_lobby_status {
float: right; float: right;
font-weight:700;
} }
.gamelist_lobby_status_joinable { .gamelist_lobby_status_joinable {
@ -152,12 +155,11 @@ body {
#info_area { #info_area {
width: 250px; width: 250px;
height: 100%; height: 100%;
border: 0px;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
min-height: 100px; min-height: 100px;
border: 1px solid black; border: 1px solid #999;
} }
#tabs { #tabs {
@ -232,12 +234,12 @@ span.debug, span.admin {
position: relative; position: relative;
width: 200px; width: 200px;
height: 200px; height: 200px;
border: 3px solid gray; border: 1px solid gray;
padding: 15px; padding: 15px;
font-family: Arial, Verdana, san-serif; font-family: Arial, sans-serif;
font-size: 15pt; font-size: 15pt;
float: left; float: left;
border-radius:.25em;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -285,7 +287,6 @@ span.debug, span.admin {
left: 0px; left: 0px;
right: 0px; right: 0px;
height: 30%; height: 30%;
border-top: 1px solid black;
} }
.game_hand_filter { .game_hand_filter {
@ -315,7 +316,6 @@ span.debug, span.admin {
} }
.game_top { .game_top {
border-bottom: 2px solid black;
padding: 5px; padding: 5px;
} }
@ -324,7 +324,8 @@ span.debug, span.admin {
} }
.game_message { .game_message {
font-size: 14pt; font-size: 150%;
font-weight:bold;
} }
.game_black_card_wrapper { .game_black_card_wrapper {
@ -402,12 +403,15 @@ span.debug, span.admin {
} }
.scorecard { .scorecard {
background:#fff;
height: 36px; height: 36px;
padding: 2px; padding:.25em .5em;
border-bottom: 1px solid black; border-bottom: 1px solid #bbb;
font-size: 11pt; font-size: 11pt;
} }
.scorecard:nth-child(even){
background:#f8f8f8;
}
.scorecard_status { .scorecard_status {
float: right; float: right;
margin-right: 5px; margin-right: 5px;
@ -418,7 +422,8 @@ span.debug, span.admin {
} }
.selected { .selected {
border: 3px solid blue; border: 2px solid #336699;
background:#f1f6ff;
} }
.logo { .logo {