div.display-settings-block { /* @embed */ background: transparent url('../images/display.png') no-repeat left top; /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/display.svg'); /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/display.svg'); background-size: 20px auto; color: #252525; padding-left: 26px; cursor: pointer; } .uls-display-settings-tab-switcher { text-align: center; } .uls-button-group { display: inline-block; position: relative; padding: 0 0 0 0; left: -20px; z-index: 1; } .uls-button-group > button.button { border-radius: 0; float: left; padding: 8px 10px; min-width: 80px; margin: 0; } .uls-button-group > button.button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .uls-button-group > button.button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .ext-uls-sub-panel { border-top: 1px solid #EEEEEE; padding-top: 25px; top: -20px; position: relative; min-height: 150px; } .uls-display-settings-font-selectors { margin: 5px 0 15px 0; border-top: 1px solid #EEEEEE; } .uls-font-item { border-bottom: 1px solid #EEEEEE; background: #FBFBFB; margin: 0; padding: 10px 0; } .uls-font-label, .uls-font-select { font-size: 10pt; } .uls-font-select { min-height: 16pt; } .uls-content-fonts:hover, .uls-ui-fonts:hover { background-color: #F6F6F6; } .uls-font-label strong { color: #252525; } .uls-font-label { color: #555555; font-size: 10pt; } .uls-display-settings-anon-label { font-weight: bold; } #uls-display-settings-anon-log-in-cta { font-size: 10pt; }