3dmol/src/ui/defaultValues.js

JavaScript/TypeScript molecular visualization library

$3Dmol.labelStyles = {
  purple : {
    backgroundColor: 0x800080, 
    backgroundOpacity: 0.8
  },

  milk : {
    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['black'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['azure'],
    backgroundColor: $3Dmol.htmlColors['aliceblue'],
    backgroundOpacity: 0.9
  },

  blue : {
    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['aliceblue'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['darkviolet'],
    backgroundColor: $3Dmol.htmlColors['darkblue'],
    backgroundOpacity: 0.9
  },

  chocolate : {
    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['aliceblue'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['brown'],
    backgroundColor: $3Dmol.htmlColors['chocolate'],
    backgroundOpacity: 0.9
  },

  lime : {
    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['black'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['lightgreen'],
    backgroundColor: $3Dmol.htmlColors['lime'],
    backgroundOpacity: 0.9
  },

  rose : {
    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['black'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['mintcream'],
    backgroundColor: $3Dmol.htmlColors['mistyrose'],
    backgroundOpacity: 0.9
  },

  yellow : {

    font : 'Arial',
    fontSize: 12,
    fontColor: $3Dmol.htmlColors['black'],
    borderThickness: 1,
    borderColor: $3Dmol.htmlColors['orange'],
    backgroundColor: $3Dmol.htmlColors['yellow'],
    backgroundOpacity: 0.9
  },

};

$3Dmol.longPressDuration = 1500;

$3Dmol.defaultCSS = {
  ListInput : {
    select : {
      'width' : 'auto',
      'border' : 'none',
      'margin' : '0px',
      'font-family' : 'Arial',
      'padding' : '0px',
      'height' : '20px',
      'border-radius' : '4px',
      'box-sizing' : 'border-box'
    }
  },
  Input : {
    input : {
      'margin-bottom' : '0px',
      'padding' : '0px',
      'border-radius' : '4px',
      'font-family' : 'Arial',
      'width' : '96%'
    },

    boundingBox : {
      'margin-left' : '4px',
      'margin-right' : '',
    }
  },
  Checkbox : {},
  Slider : {},
  Color : {},
  TextDefault : {
    'font-family' : 'Arial',
    'margin-left' : '4px'
  },

  LinkBreak : {
    'height' : '3px',
    'border-bottom' : '1px solid #687193'
  }

}