Visual – CSS files & classes

Last Updated on September 6, 2023 by Neil Murray

Visual – CSS files & classes #

  • src_visual_AddOns_Multi_index.css
    • .tabs
    • .tabs > ul
    • .tabs > ul::-webkit-scrollbar
    • tabs > ul > li
    • .tabs > ul > li:hover
    • .tabs > ul > li.active
    • .tabs > ul > li:last-child
    • .tabs > ul > li.dragging
    • .tabs button
    • .tabs li > button:first-child
    • .tabs button:focus
    • .tabs :global .dashicons + lots of hovers
    • .add, .remove
    • .name, .name:active, .name:hover
    • .editOptions > div
    • .scroll
    • .scroll > .next
    • .scroll > .prev
    • .scroll > .next:hover, .scroll > .prev:hover
    • .tabs .scroll > span > span
    • .tabHandle
    • .tabHandle :global .dashicons
    • .tabEdit
  • src_visual_index.css
    • .cf7s-visual-root – image
    • .top-level-container
    • [data-balloon]:after
    • :global .cf7s #tab-visual .dashicons
  • src_visual_Form_Edit_index.css
    • .edit
    • .edit h3
    • .attribute
    • .label
    • .label > label
    • .value
    • .value select
    • .value :global input[type=”text”], .value :global input[type=”date”], .value :global input[type=”number”], .value :global textarea
    • .value :global .dashicons
    • .row
    • .row :global input[type=radio], .row :global input[type=checkbox], .row :global .dashicons-no
    • .row .control
    • .row .default
    • .row .range
    • .row .option
    • .description
    • .fieldChangeSelect
    • .visualTextarea
    • .visualTextarea textarea
  • src_visual_Form_Items_index.css
  • src_visual_Form_Items_InputItem_index.css
    • RST Default Styles – put in separate file?
    • Custom CF7 Skins RST Styles
      • .rowWrapper – not used
      • .row – not used
      • .row > * – not used
      • .rowLandingPad, .rowCancelPad – not used
      • .rowLandingPad::before, .rowCancelPad::before – not used
      • .rowContents – image
      • .rowContentsStart – image
      • .rowContentsEnd – image
      • .rowToolbar – not used
      • .moveHandle, .loadingHandle
      • .collapseButton, .expandButton – not used
      • .lineChildren – not used
      • .lineChildren::after – not used
      • .InputItemType – image
      • .ItemName – image
      • .ItemLabel – image
      • .ItemIcon
      • .toolbarButton
      • .cf7Tag
      • .cf7sItem
      • .edited .moveHandle,
      • .edited .cf7Tag
      • .edited .cf7sItem
      • .edited .rowContents
      • unused media query
  • src_visual_Form_Items_InputItemMenu_index.css
    • .InputItemOptions – image
    • .InputItemButtons – not used
    • .InputItemButton
    • .InputItemButtonDisabled
    • .InputItemButton:hover – not used
    • .InputItemMenu – not used
    • .rc-menu
    • .rc-menu :global .rc-menu-submenu
    • .rc-menu :global .rc-menu-submenu > .rc-menu-submenu-title
    • .rc-menu :global .rc-menu-submenu-selected
    • .rc-menu :global .rc-menu-submenu-active
    • :global .rc-menu-vertical > .rc-menu-submenu > .rc-menu-submenu-title
    • :global .rc-menu-vertical > .rc-menu-item
    • :global .rc-menu-submenu
    • :global .rc-menu > .rc-menu-submenu-selected
    • :global .rc-menu-item, :global .rc-menu-submenu-title
    • select.fieldChangeSelect
  • src_visual_Form_Items_InputItemMenu_rc-menu.scss
  • src_visual_Form_Select_index.css
    • .select – image
    • .select :global h3 >> CHANGE TO .selectHeading
    • .cf7tagsContainer, .cf7skinsItemsContainer >> CHANGE TO .selectContainer
    • .cf7tagsEven, .cf7tagsOdd, .cf7skinsItemsEven, .cf7skinsItemsOdd >> CHANGE TO .selectEven & .selectOdd
    • .elemContainer – image >> CHANGE TO .selectItemContainer
    • .select :global .help
    • .select :global .help:after
    • .select :global .help:hover
    • src_visual_Form_Select_SelectItem_index.css
      • .node >> CHANGE TO .selectItem
      • .node:hover
      • .node :global span.typcn, .node :global span.dashicons
    • src_visual_Form_Select_Tip_index.css
      • .tipsContainer
      • .tipsContainer > .tipIcon
      • .tipIcon:hover
      • .tipsContainer a

Further Reading: