how to make your own GKO playmat

[cyberdude]

hey there ever wonder how to change the skin on gko well to make your own is really easy

the only thing youll need is a css editor like dreamweaver or front page and the following code

.gko_main { background-color: black; color: white; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; }

 

.gko_action { color: blue; text-decoration: underline; cursor: pointer }

.gko_cardlink { text-decoration: underline; cursor: pointer; }

.gko_cardname { color: #ffcc00; font-weight: bold; font-family: sans-serif; }

 

.gko_carddata { margin-top: 0; margin-bottom: 0 }

.gko_cardtext { margin-top: 10px; margin-bottom: 0 }

 

.gko_cardinfo { background-color: #666666; border: 1px dashed #333333; padding: 3px; font-size: 70%; }

.gko_phases { color: white; }

 

.gko_yourlp { font-size: 120%; color: #ffcc00; cursor: pointer; }

.gko_opplp { font-size: 120%; color: #ffcc00; cursor: default; }

 

.gko_playfield { border: 4px solid #213A4E; background-image:url(http://www.somesite.com/somepicture.jpg) }

 

.gko_output { border: 1px solid #444444; background-color: white; color: black; font-family: Sans-serif; font-size: 80% }

.gko_input { border: 1px solid #444444; background-color: white; color: black; font-family: Sans-serif; font-size: 80%; font-weight: bold; }

 

.gko_cardnumber { padding: 3px; color: white; font-weight: bold; filter: alpha(opacity=75); opacity: .75; }

 

.gko_ourhand { font-weight: bold; color: white; cursor: pointer;}

.gko_theirhand { font-weight: bold; color: white; cursor: default; }

 

.gko_ourname { color: #0000ff; }

.gko_theirname { color: #ff0000; }

.gko_cardname_msg { font-weight: bold; text-decoration: underline; }

 

.gko_sticky_ours { background-color: #ffff66; border: 1px solid #ccaa44; width: auto; height: auto; max-width: 100px; cursor: move; color: black; padding: 3px; font-size: 8pt }

.gko_sticky_theirs { background-color: #ffff66; border: 1px solid #ccaa44; width: auto; height: auto; max-width: 100px; cursor: default; color: black; padding: 3px; font-size: 8pt }

 

.gko_counter { font-size: 8pt; text-align: center; background-color: black; color: white; font-weight: bold; filter: alpha(opacity=75); opacity: .75; width: 55px; cursor: default }

.gko_counterinfo { color: #00ff00; font-weight: bold; font-family: sans-serif; }

 

.gko_cardlist { max-height: 250px; overflow: auto; background-color: white; }

.gko_cardlist a { color: black; font-weight: normal; text-decoration: none; }

now where it says back ground image type in the url where the playmat image is *note the pic muust be 676 pixels wide by 469 pixels high.

in order to work

now after that save it as a css file upload it to a site and your ready to go