PHP Classes
elePHPant
Icontem

File: board.css

Recommend this page to a friend!
  Classes of Dave Smith  >  The Gameboard  >  board.css  >  Download  
File: board.css
Role: Auxiliary script
Content type: text/plain
Description: Styles
Class: The Gameboard
Implement a board game using the takeover strategy
Author: By
Last change:
Date: 1 year ago
Size: 2,006 bytes
 

Contents

Class file image Download
table{
    border-collapse: collapse;
    margin: 0 auto;
}
p {
    text-align: left;
}
.form-label, .form-submit{
    margin-top: 10px;
}
.player-message{
    margin-bottom: 20px;;
}
#spaces td{
    height: 80px;
    width: 100px;
}
#main-center{
    height: auto;
    width: auto;
}
#board-action{
    height: 100%;
    width: 100%;
}
#action-head{
    text-align: center;
}
#action-middle{
    text-align: center;
    vertical-align: top;
    padding: 10px;
}
#action-foot{
    text-align: center;
    vertical-align: bottom;
    padding: 10px;
}
#ps0 td{
    height: 20px;
    width: 20px;
}
#ps1 td{
    height: 20px;
    width: 20px;
}
#ps2 td{
    height: 20px;
    width: 20px;
}
#ps3 td{
    height: 20px;
    width: 20px;
}
#ps4 td{
    height: 20px;
    width: 20px;
}
#ps5 td{
    height: 20px;
    width: 20px;
}
#ps6 td{
    height: 20px;
    width: 20px;
}
#ps7 td{
    height: 20px;
    width: 20px;
}
#ps8 td{
    height: 20px;
    width: 20px;
}
#ps9 td{
    height: 20px;
    width: 20px;
}
#ps10 td{
    height: 20px;
    width: 20px;
}
#ps11 td{
    height: 20px;
    width: 20px;
}
#ps12 td{
    height: 20px;
    width: 20px;
}
#ps13 td{
    height: 20px;
    width: 20px;
}
#ps14 td{
    height: 20px;
    width: 20px;
}
#ps15 td{
    height: 20px;
    width: 20px;
}
#ps16 td{
    height: 20px;
    width: 20px;
}
#ps17 td{
    height: 20px;
    width: 20px;
}
#ps18 td{
    height: 20px;
    width: 20px;
}
#ps19 td{
    height: 20px;
    width: 20px;
}
#ps20 td{
    height: 20px;
    width: 20px;
}
#ps21 td{
    height: 20px;
    width: 20px;
}
#ps22 td{
    height: 20px;
    width: 20px;
}
#ps23 td{
    height: 20px;
    width: 20px;
}
#ps24 td{
    height: 20px;
    width: 20px;
}
#ps25 td{
    height: 20px;
    width: 20px;
}
#ps26 td{
    height: 20px;
    width: 20px;
}
#ps27 td{
    height: 20px;
    width: 20px;
}