| /*Your styles */ |
| |
| .references{ |
| background-color: #484043; |
| background-color: rgb(72, 64, 67); |
| background-color: #6E6568; |
| background-color: rgb(110, 101, 104); |
| background-color: #EAD3A8; |
| background-color: rgb(234, 211, 168); |
| background-color: #D23641; |
| background-color: rgb(210, 54, 65); |
| background-color: #FFFFFF; |
| background-color: rgb(255, 255, 255); |
| } |
| |
| body{ |
| overflow: auto; |
| min-width: 250px; |
| } |
| |
| body::-webkit-scrollbar { |
| width: .8em; |
| height: .8em; |
| } |
| |
| body::-webkit-scrollbar-track { |
| -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
| } |
| |
| body::-webkit-scrollbar-thumb { |
| background-color: #484043; |
| border: 1px solid #EAD3A8; |
| width: 10px; |
| border-radius: .4em; |
| } |
| |
| .rightFloat{ |
| float: right; |
| } |
| |
| #content { |
| margin-right:auto; |
| margin-left:auto; |
| vertical-align:middle; |
| width:100%; |
| padding: 0 10px; |
| } |
| |
| |
| #btn_test{ |
| width: 100%; |
| } |
| |
| button{ |
| border: none; |
| background-color: #FFFFFF; |
| } |
| |
| button.generalButton{ |
| color: #EAD3A8; |
| padding: 8px 12px 6px; |
| font-size: 12px; |
| background-color: #6E6568; |
| border-radius: 1px; |
| font-weight: bold; |
| font-variant: small-caps; |
| border-bottom: 2px solid #FFFFFF; |
| min-width: 80px; |
| } |
| |
| button.generalButton:hover{ |
| color: #FFFFFF; |
| /*border-bottom: 2px solid #D23641;*/ |
| } |
| |
| button.highlightButton{ |
| background-color: #484043; |
| color: #FFFFFF; |
| border-bottom: 2px solid #D23641; |
| } |
| |
| button.highlightButton:hover{ |
| background-color: #FFFFFF; |
| color: #D23641; |
| } |
| |
| button.disabled, button.disabled:hover{ |
| color: rgba(110, 101, 104, .3); |
| background-color: #FFFFFF; |
| border-bottom: 2px solid #FFFFFF; |
| cursor: default; |
| } |
| |
| div.checkboxCombo { |
| padding-top: 10px; |
| } |
| |
| div.checkboxCombo div.checkbox{ |
| display: inline-block; |
| width: 12px; |
| height: 12px; |
| padding: 3px; |
| background-color: #484043; |
| border-radius: 50%; |
| vertical-align: middle; |
| } |
| |
| div.checkboxCombo div.checkbox .circle{ |
| width: 100%; |
| height: 100%; |
| border-radius: 50%; |
| background-color: #D23641; |
| display: none; |
| } |
| |
| div.checkboxCombo div.checkbox.selected .circle{ |
| display: inherit; |
| vertical-align: top; |
| } |
| |
| div.checkboxCombo div.checkboxLabel{ |
| display: inline-block; |
| vertical-align: middle; |
| } |
| |
| .buttonSeparator{ |
| width: 10px; |
| height: 1px; |
| display: inline-block; |
| } |
| |
| .hideExtra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } |
| |
| /* |
| Those classes will be edited at runtime with values specified |
| by the settings of the CC application |
| */ |
| .hostFontColor{} |
| .hostFontFamily{} |
| .hostFontSize{} |
| |
| /*font family, color and size*/ |
| .hostFont{} |
| /*background color*/ |
| .hostBgd{} |
| /*lighter background color*/ |
| .hostBgdLight{} |
| /*darker background color*/ |
| .hostBgdDark{} |
| /*background color and font*/ |
| .hostElt{} |
| |
| |
| .hostButton{ |
| border:1px solid; |
| border-radius:2px; |
| height:20px; |
| vertical-align:bottom; |
| font-family:inherit; |
| color:inherit; |
| font-size:inherit; |
| } |