ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First draft of hall window.

Browse Source
This commit is contained in:
marcins78@gmail.com
2011-09-16 19:42:35 +00:00
parent 16555e24b2
commit 380f970f23
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
View File

@@ -12,16 +12,16 @@
} }
.borderOverlay { .borderOverlay {
border: 2px solid #000000; border: solid #000000;
} }
.selectableCard > .borderOverlay { .selectableCard > .borderOverlay {
border: 2px solid #00ff00; border-color: #00af00;
cursor: pointer; cursor: pointer;
} }
.selectedCard > .borderOverlay { .selectedCard > .borderOverlay {
border: 2px solid #00cccc; border-color: #009f9f;
} }
.player { .player {

11
gemp-lotr/gemp-lotr-web/src/main/webapp/index.html
View File

@@ -22,7 +22,7 @@
} }
.chatMessage { .chatMessage {
color: #000000; color: #ffffff;
} }
.warningMessage { .warningMessage {
@@ -84,9 +84,10 @@
</script> </script>
</head> </head>
<body> <body bgcolor="#00000">
<div id="user" style="position:absolute;left:0px;top:0px;width:780px;height:60px;"></div> <div id="user" style="position:absolute;left:0px;top:0px;width:780px;height:60px;color:#ffffff;"></div>
<div id="hall" style="position:absolute;left:0px;top:60px;width:780px;height:260px;"></div> <div id="hall" class="ui-widget-content" style="position:absolute;left:0px;top:60px;width:780px;height:260px;"></div>
<div id="chat" style="position:absolute;left:0px;top:320px;width:780px;height:200px;"></div> <div id="chat" class="ui-widget-content" style="position:absolute;left:0px;top:320px;width:780px;height:200px;"></div>
</body> </body>
</html> </html>
17

5
gemp-lotr/gemp-lotr-web/src/main/webapp/js/jCardGroup.js
View File

@@ -43,8 +43,11 @@ var CardGroup = Class.extend({
tokenOverlay.css({position: "absolute", left: 0 + "px", top: 0 + "px", width: width, height: height}) tokenOverlay.css({position: "absolute", left: 0 + "px", top: 0 + "px", width: width, height: height})
.html(""); .html("");
var maxDimension = Math.max(width, height);
var borderWidth = Math.floor(maxDimension / 30);
var borderOverlay = $(".borderOverlay", cardElem); var borderOverlay = $(".borderOverlay", cardElem);
borderOverlay.css({position: "absolute", left: 0 + "px", top: 0 + "px", width: width - 4, height: height - 4}); borderOverlay.css({position: "absolute", left: 0 + "px", top: 0 + "px", width: width - 2 * borderWidth, height: height - 2 * borderWidth, "border-width": borderWidth + "px"});
var maxDimension = Math.max(width, height); var maxDimension = Math.max(width, height);
var tokenSize = Math.floor(maxDimension / 12) * 2; var tokenSize = Math.floor(maxDimension / 12) * 2;