Initial commit of PQS
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 4.8
+470
@@ -0,0 +1,470 @@
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
.ui-tooltip, .qtip{
|
||||
position: absolute;
|
||||
left: -28000px;
|
||||
top: -28000px;
|
||||
display: none;
|
||||
|
||||
max-width: 400px;
|
||||
min-width: 50px;
|
||||
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
|
||||
}
|
||||
.ui-tooltip-content{
|
||||
position: relative;
|
||||
padding: 5px 9px;
|
||||
overflow: hidden;
|
||||
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*! Default tooltip style */
|
||||
.ui-tooltip-default{
|
||||
border: 1px solid #FEAE01;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 2px 2px 2px #FEAE01;
|
||||
background-color: #000000;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Modal plugin */
|
||||
#qtip-overlay{
|
||||
position: fixed;
|
||||
left: -10000em;
|
||||
top: -10000em;
|
||||
}
|
||||
|
||||
/* Applied to modals with show.modal.blur set to true */
|
||||
#qtip-overlay.blurs{ cursor: pointer; }
|
||||
|
||||
/* Change opacity of overlay here */
|
||||
#qtip-overlay div{
|
||||
position: absolute;
|
||||
left: 0; top: 0;
|
||||
width: 100%; height: 100%;
|
||||
|
||||
background-color: black;
|
||||
|
||||
opacity: 0.7;
|
||||
filter:alpha(opacity=70);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
}
|
||||
|
||||
/* Tips plugin */
|
||||
.ui-tooltip .ui-tooltip-tip{
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.ui-tooltip .ui-tooltip-tip,
|
||||
.ui-tooltip .ui-tooltip-tip *{
|
||||
position: absolute;
|
||||
|
||||
line-height: 0.1px !important;
|
||||
font-size: 0.1px !important;
|
||||
color: #123456;
|
||||
|
||||
background: transparent;
|
||||
border: 0px dashed transparent;
|
||||
}
|
||||
|
||||
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
|
||||
|
||||
.ui-tooltip-pqs{
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
-webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2);
|
||||
-moz-box-shadow: 0px 0px 5px rgba(254, 174, 1, 2);
|
||||
box-shadow: 0px 0px 5px rgba(254, 174, 1, 2);
|
||||
|
||||
color: white;
|
||||
border: 1px solid #FEAE01;
|
||||
|
||||
background: #202020;
|
||||
background-image: -moz-linear-gradient(top,#202020 0,black 100%);
|
||||
background-image: -ms-linear-gradient(top,#202020 0,black 100%);
|
||||
background-image: -o-linear-gradient(top,#202020 0,black 100%);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#202020),color-stop(100%,black));
|
||||
background-image: -webkit-linear-gradient(top,#202020 0,black 100%);
|
||||
background-image: linear-gradient(to bottom,#202020 0,black 100%);
|
||||
}
|
||||
|
||||
.ui-tooltip-youtube .ui-tooltip-titlebar{
|
||||
background-color: #202020;
|
||||
background-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.ui-tooltip-youtube .ui-tooltip-content{
|
||||
padding: .75em;
|
||||
font: 22px arial,sans-serif;
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#202020,EndColorStr=#000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#202020,EndColorStr=#000000);";
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user