body { color: #ffffff; background-color: #000000; } input.main, select.main { color: #FEAE01; font-size: 36px; border: 1px solid #FEAE01; width: 350px; background-color: #000000; height: 50px; text-align:center; } select.main { color: #FEAE01; font-size: 36px; border: 1px solid #FEAE01; width: 350px; background-color: #000000; height: 50px; text-align:center; } input.callsign { color: #FEAE01; font-size: 36px; border: 1px solid #FEAE01; width: 350px; background-color: #000000; height: 50px; text-align:center; } input.editqueue, select { color: #FFFFFF; font-size: 22px; border: 1px solid #FEAE01; background-color: #000000; height: 30px; text-align:center; } div.stats { height: 205px; border: 1px solid #FEAE01; width: 328px; background-color: #000000; padding:10px; } * html div.stats { width: 370px; height: 225px; } div.queued { width: 400px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; font-size: x-large; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuediv { width: 650px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuedivspec { width: 800px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuedivreg { width: 800px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.consolehist { width: 400px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.consolediv { width: 400px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuediv2 { height: 600px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuediv3 { height: 550px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuediv16 { height: 600px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.smallqueuediv3 { height: 325px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuediv4 { height: 300px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.smallqueuediv4 { height: 350px; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.dialog { border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.queuetime { text-align: center; } div.infopanel { height: 370px; background-color: #000000; padding:10px; text-align: center; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.smallinfopanel { height: 325px; background-color: #000000; padding:10px; text-align: center; border: 1px solid #FEAE01; color: #FEAE01; background-color: #000000; padding:10px; text-align: center; /* css3 drop shadow */ -webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2); -moz-box-shadow: 0px 0px 10px rgba(254, 174, 1, 2); /* css3 border radius */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.infopanel div { height: 365px; width: 98%; background-color: #000000; padding:10px; color: #fff; text-align: center; font-size: 32px; } span.fsashadowtext { text-align: center; text-shadow: 2px 2px 2px #FEAE01; color: #fff; } td.queuedisplayhead { text-align: center; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; font-size: xx-large; color: #fff; } td.playermissions { text-align: center; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; font-size: large; color: #fff; } td.queuedisplay { text-align: center; font-size: x-large; color: #fff; } td.queuedisplaysmall { text-align: center; font-size: 20pt; color: #fff; } td.consoledisplayhead { text-align: center; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; font-size: x-large; color: #fff; } td.consoledisplay { text-align: center; font-size: large; color: #fff; } a.queuedisplayhead { text-align: center; text-decoration: none; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; font-size: xx-large; color: #fff } a.playermissions { text-align: center; text-decoration: none; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; font-size: large; color: #fff } a.blink { text-align: center; text-decoration: blink; text-shadow: 2px 2px 2px #FEAE01; font-weight: bold; color: #fff } a.button { /* styles for button */ margin:10px auto 0 auto; text-align:center; display: block; width:50px; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; /* button color */ background-color: #e33100; /* css3 implementation :) */ /* rounded corner */ -moz-border-radius: 5px; -webkit-border-radius: 5px; /* drop shadow */ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); /* text shaow */ text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } a.button:hover { background-color: #c33100; }