1.1 --- a/chess/src/main/webapp/pages/css/chess.css	Fri Jul 26 17:14:25 2013 +0200
     1.2 +++ b/chess/src/main/webapp/pages/css/chess.css	Tue Sep 24 22:20:24 2013 +0200
     1.3 @@ -22,42 +22,103 @@
     1.4   * THE SOFTWARE.
     1.5   */
     1.6  /** main chess style **/
     1.7 +#apptitle {
     1.8 +    font-size: 20px;
     1.9 +}
    1.10  .log {
    1.11 -	overflow-x: hidden;
    1.12 -	overflow-y: scroll;
    1.13 -	max-height: 450px;
    1.14 -	border:1px solid #eeeeee;
    1.15 -	background-color: white;
    1.16 +    margin-bottom: 10px;
    1.17 +}
    1.18 +table.board td {
    1.19 +    border: 1px solid black;
    1.20 +    padding:10px;
    1.21 +    width: 56px;
    1.22 +    height: 56px;
    1.23 +    vertical-align: middle;
    1.24 +    text-align: center;
    1.25 +    font-size:4em;
    1.26 +}
    1.27 +table.board td.row-label, table.board td.col-label {
    1.28 +    font-size: 2em;
    1.29 +    border:none;
    1.30 +    width:20px;   
    1.31 +}
    1.32 +table.board td.col-label {
    1.33 +    height:20px;
    1.34  }
    1.35  .container {
    1.36 -	margin:10px;
    1.37 +    margin:10px;
    1.38  }
    1.39 -stable.board {
    1.40 -	width: 100%;
    1.41 -}
    1.42 -table.board {
    1.43 -	font-size:4em;
    1.44 -}
    1.45 -table.board td {
    1.46 -	border: 1px solid black;
    1.47 -	padding:10px;
    1.48 -	width:55px;
    1.49 -	height:55px;
    1.50 -	vertical-align: middle;
    1.51 -	text-align: center;
    1.52 -}
    1.53 +
    1.54  table.board td.white {
    1.55 -	background-color: white;
    1.56 +    background-color: #D0D0D0;
    1.57  }
    1.58  table.board td.black {
    1.59 -	background-color:  	#B0B0B0;
    1.60 +    background-color: #A0A0A0;
    1.61  }
    1.62  table.board td.selected {
    1.63 -	background-color:  	#B000B0;
    1.64 +    background-color:  	#bce8f1;
    1.65  }
    1.66  table.board td.accessible {
    1.67 -	background-color:  	#00B0B0;
    1.68 +    background-color:  	#a9dba9;
    1.69 +}
    1.70 +table.board td.pending {
    1.71 +    background-color:  	#dbc59e;
    1.72  }
    1.73  .figure {
    1.74 -	cursor: pointer;
    1.75 -}
    1.76 \ No newline at end of file
    1.77 +    cursor: pointer;
    1.78 +}
    1.79 +.but-orientation {
    1.80 +    margin-top:20px;
    1.81 +}
    1.82 +h3.log-h {
    1.83 +    border-top:1px solid silver;
    1.84 +}
    1.85 +.badge-status {
    1.86 +    display:inline-block;
    1.87 +    margin-left:20px;
    1.88 +    padding:5px;
    1.89 +    font-size:1em;
    1.90 +    text-shadow: none;
    1.91 +}
    1.92 +.badge-white-turn {
    1.93 +    font-size: 1em;
    1.94 +    padding:4px;
    1.95 +    background-color: white;
    1.96 +    color:black;
    1.97 +    text-shadow: none;
    1.98 +    border:1px solid black;
    1.99 +    font-weight: normal;
   1.100 +    display: inline-block;
   1.101 +    margin-left: 38px;
   1.102 +}
   1.103 +.badge-black-turn {
   1.104 +    font-size: 1em;
   1.105 +    padding:4px;
   1.106 +    background-color: black;
   1.107 +    color:white;
   1.108 +    text-shadow: none;
   1.109 +    border:1px solid black;
   1.110 +    font-weight: normal;
   1.111 +    display: inline-block;
   1.112 +    margin-left: 38px;
   1.113 +}
   1.114 +.btn {text-shadow: none;}
   1.115 +.select {line-height: inherit;}
   1.116 +.uneditable-input {
   1.117 +    margin-left: 0;
   1.118 +    color: black;
   1.119 +}
   1.120 +span.myturn {
   1.121 +    display: inline-block;
   1.122 +    position:relative;
   1.123 +    left:23px;
   1.124 +    padding:3px;
   1.125 +}
   1.126 +.whitePiece {
   1.127 +    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   1.128 +    color: white;
   1.129 +}
   1.130 +h1 {
   1.131 +    font-size: 29px;
   1.132 +    line-height: initial;
   1.133 +}