471 lines
8.6 KiB
CSS
471 lines
8.6 KiB
CSS
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|