User:PerfektesChaos/js/refNames.css

.gadget-refnames-item {
   background-color: #006400;
   color:            #FFFFFF;
   display:          inline-block;
   line-height:      0.9em;
   white-space:      pre;
}
.gadget-refnames-item:before {
   content:          "◀";
}
.gadget-refnames-item:after {
   content:          "▶";
}
.gadget-refnames-item:before,
.gadget-refnames-item:after {
   background-color: #F0FFF0;
   color:            #006400;
   font-family:      monospace;
   font-size:        1.25em;
   line-height:      1em;
   padding-left:     0.15em;
   padding-right:    0.15em;
}
.gadget-refnames-warn {
   border-color:     #FF0000;
   border-style:     solid;
   border-width:     2px;
}
.gadget-refnames-warn:before,
.gadget-refnames-warn:after {
   background-color: #FF0000;
   line-height:      0.9em;
}
.gadget-refnames-problem {
   background-color: #FF0000;
   color:            #FFFF00;
}
.gadget-refnames-editor {
   background-color: #F0FFF0;
   border-color:     #006400;
   border-radius:    1em;
   border-style:     solid;
   border-width:     3px;
   left:             11em;
   opacity:          0.85;
   padding:          0.5em;
   top:              1.3em;
   width:            calc(100% - 14em);
}
.gadget-refnames-input {
   font-family: monospace;
   font-size:   110%;
}
.gadget-refnames-button {
   background-color: #3366CC;
}
.gadget-refnames-button:hover,
.gadget-refnames-button:focus {
   background-color: #447FF5;
}
.gadget-refnames-button:focus {
   box-shadow: inset 0 0 0 1px #3366CC, inset 0 0 0 2px #FFFFFF;
}
.gadget-refnames-abort {
   background-color: #FF0000;
}
.gadget-refnames-abort:hover,
.gadget-refnames-abort:focus {
   background-color: #FF3030;
}
.gadget-refnames-content {
   font-family: monospace;
   font-size:   95%;
}
.gadget-refnames-discard:hover,
.gadget-refnames-discard:focus {
   background-color: #FF0000;
}