keithcurtis said: My turn tracker is already modified by a different Stylus style (to make it more compact). Maybe the same is true of yours? Not sure... I thought of that as well, but I don't think anything in my custom stylus css is affecting the turn tracker. (chrome v 70.0.3538.67 ) /*macro quickbar */
#macrobar {
height: auto !important;
width: 92% !important;
background-color: rgba(0, 0, 0, 0.44) !important;
text-align: center !important;
margin-left: 60px !important;
}
div.macrobox button.btn {
padding: 0 4px 0 4px;
font-size: 1.5rem;
line-height: 1.8rem;
margin: 0px 0 2px 0;
}
#macrobar_macros {
white-space: normal !important;
margin-left: 1% !important;
margin-right: 1% !important;
padding-bottom: 0px !important;
}
#macrobar .macrobox {
margin: 1px 5px 1px 5px ;
}
#macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {
padding-right: 12px;
margin-right: -7px;
border-radius: 3px;
background-color: #999;
cursor: move;
}
/*ability tokens */
#secondary-toolbar {
width: 78% !important;
opacity:1 !important;
background-color: rgba(0, 0, 0, 0.44) !important;
}
#page-toolbar {
background-color: rgba(0,0,0,0.50) !important;
width: 80% !important;
height: 400px !important;
}
#page-toolbar .container {
width: 100% !important;
height: 400px !important;
white-space: normal !important;
padding-left: 5% !important;
padding-right: 5% !important;
}
.ui-dialog.dialog-collapsed {
opacity: .60 !important;
}
div[id="stats"]{
opacity: 0.3 !important;
}
.charsheet .sheet-pf-wrapper {
margin-top: 10px !important;
}
.nav-tabs {
z-index: 100000 !important;
position: fixed !important;
background-color: #f0f8ff !important;
margin:-10px 0 0 0 !important;
height: 2em !important;
}
.nav-tabs:hover {
opacity: 1.0 !important;
}
.nav-tabs>li>a {
padding-top: 6px !important;
font-size: 1.2em !important;
margin-top: -5px !important;
}
div.span6,
div.span12 {
margin-top:60px !important;
}
/* show mic with names only */
#textchat-notifier {
position: absolute !important;
top: -25px !important;
border: 2px solid #F00 !important;
opacity: .75 !important;
}
.namesonly .video {
display: inherit !important;
min-height: 0px !important;
height: 0px !important;
}
.namesonly .OT_widget-container {
display: none !important;
}
.namesonly #publisher_video {
top: -34px !important;
}
/* large cards */
#playerzone .deckhands .hand .handcontainer {
width: 600px !important;
}
.hand .handcontainer .cardinhand img {
max-width: 200px !important;
max-height: 400px !important;
}
/* status window */
#radial-menu .markermenu.open {
width: 280px !important;
height: 276px !important;
top: -38px;
overflow-y: auto;
}
/* API command buttons
.textchatcontainer a[href^="!"], .textchatcontainer a[href^="~"] {
padding: 1px 4px 1px 4px !important;
margin: 1px 1px 1px 1px !important;
border: none !important;
border-radius: 5px;
box-shadow: 2px 2px 3px darkslategrey;
}
*/
/*enlarge text input box for queries*/
.ui-dialog-content.ui-widget-content p{
display:flex;
flex-wrap:wrap;
}
.ui-dialog-content.ui-widget-content p > input{
flex-grow:1;
}
/*macro/query dialog*/
div[aria-labelledby="ui-id-14"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons {
min-width: 20% !important;
}
/*init dialog*/
div[aria-labelledby="ui-id-13"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons {
min-width: auto !important;
}
EDIT: Noon pointed out that labelledby is actually dynamically generated with each new window so you cannot actually use it to select an element. ;-( Solution below.
