isite/apps/client-side/site_files/css/theme_paper.css

Create High Level Multi-Language Web Site [Fast and Easy]

:root {
  --theme-color: #317cb9;
  --theme-color2: #2f8033;
  --theme-color3: #3f51b5;
  --font-family: 'Arabic', 'English', sans-serif, Tahoma, serif;
  --bs-body-font-family: 'Arabic', 'English', sans-serif, Tahoma, serif;
  --font-weight: normal;
  --font-size: 14px;
  --line-height: 1.5;
  --float: left;
  --direction: ltr;
  --text-align: left;
  --color: #030303;
  --background-color: #ffffff;
  --box-shadow-color: #272727;
  --border: 1px solid #353535;
  --zoom: 90%;
  --user-select: none;

  --body-background: #ffffff;
  --body-margin-top: 70px;
  --body-margin-bottom: 300px;

  --h-font-weight: normal;

  --navbar-color: #fff;
  --navbar-span-color: #fff;
  --navbar-background-color: var(--theme-color);
  --navbar-box-shadow-color: #272727;
  --navbar-li-border-radius: 15px;
  --navbar-li-border: none;

  --tabs-color: #fff;
  --tabs-background-color: var(--theme-color);
  --tabs-background-color2: var(--theme-color);
  --tabs-header-width: 20%;
  --tabs-content-width: 80%;

  --tabs-header-link-font-size: 18px;
  --tabs-header-link-font-weight: 700;
  --tabs-header-link-color: #272727;
  --tabs-header-link-color2: #ffffff;
  --tabs-header-link-background: none;
  --tabs-header-link-border: none;
  --tabs-header-link-border-bottom: 1px solid var(--theme-color);
  --tabs-header-link-radius: 0px;

  --tab-animation-name: animateleft;
  --tab-animation-duration: 1s;

  --treeview-color: #000000;
  --treeview-color2: #ffffff;
  --treeview-background-color: none;
  --treeview-border-color: #000000;
  --treeview-background-color2: #404040;
  --treeview-display-color: #0000ff;

  --form-color: #000000;
  --form-background-color: none;

  --label-color: #000;
  --label-font-size: 16px;
  --label-font-weight: normal;
  --label-text-align: var(--text-align);
  --label-background: none;

  --input-color: #0000ff;
  --input-background-color: #ffffff;
  --input-height: 35px;
  --input-padding: 6px 12px;
  --input-font-size: 14px;
  --input-font-wight: normal;
  --input-border-radius: 0px;
  --input-border-width: 0 0 1px;
  --input-border-color: rgba(211, 211, 211, 0.91);
  --input-focus-border-width: 0 0 2px;
  --input-focus-border-color: var(--theme-color);

  --dropdown-color: green;
  --dropdown-background: #fff;
  --dropdown-font-size: 14px;
  --dropdown-color2: #000;
  --dropdown-font-size2: 12px;

  --textarea-border-width: 1px;
  --select-appearance: none;
  --select-font-size: var(--input-font-size);
  --select-color: #ffffff;
  --select-height: 35px;

  --btn-color: #000;
  --btn-background: #ffffff;
  --btn-box-shadow: none;
  --btn-box-shadow-color: #272727;
  --btn-border-radius: 5px;
  --btn-border: 1px solid #ddd;

  --btn-display: inline-block;
  --btn-cursor: pointer;
  --btn-min-width: 90px;
  --btn-min-height: 36px;
  --btn-font-weight: 400;

  --btn-text-decoration: none;
  --btn-text-align: center;
  --btn-vertical-align: middle;
  --btn-margin: 10px;
  --btn-padding: 7px 9px;
  --btn-font-size: 14px;
  --btn-user-select: none;

  --btn-add-color: #000;
  --btn-add-background-color: #ffffff;
  --btn-update-color: #000;
  --btn-update-background-color: #ffffff;
  --btn-save-color: #000;
  --btn-save-background-color: #ffffff;
  --btn-delete-color: #000;
  --btn-delete-background-color: #ffffff;
  --btn-view-color: #000;
  --btn-view-background-color: #ffffff;
  --btn-exit-color: #000;
  --btn-exit-background-color: #ffffff;
  --btn-search-color: #000;
  --btn-search-background-color: #ffffff;
  --btn-print-color: #000;
  --btn-print-background-color: #ffffff;
  --btn-export-color: #000000;
  --btn-export-background-color: #ffffff;
  --btn-sgin-color: #000000;
  --btn-sgin-background-color: #ffffff;

  --i-image-border: 3px dashed var(--theme-color);
  --i-image-view-border: 2px solid var(--theme-color);

  --fieldset-border: none;
  --fieldset-border-radius : 10px;
  --fieldset-background: #e9ecef;
  --fieldset-margin : 1%;
  --fieldset-padding: 5px;
  --legend-color: #5a5a5a;
  --legend-text-shadow: none;
  --legend-font-size: 24px;
  --legend-font-weight: bold;
  --legend-border: none;

  --modal-background: var(--theme-color);
  --modal-content-background: #ffffff;
  --modal-content-border: 3px solid var(--theme-color);
  --modal-color: #000;
  --modal-animation-name: animateleft;
  --modal-animation-duration: 0.4s;
  --modal-header-color: #fff;
  --modal-footer-color: #fff;
  --modal-header-background-color: var(--theme-color);
  --modal-footer-background-color: #ffffff;
  --modal-box-shadow-color: #272727;

  --table-color: #030303;
  --table-background-color: #ffffff;
  --table-border: 1px solid #bbb;
  --table-hover-background-color: #eee;
  --table-th-color: #fff;

  --help-height: 110px;
  --help-border: 1px solid #272727;
  --help-border-radius: 0px;
  --help-background-color: #3f51b5;
  --help-opacity: 1;
  --help-content-color: #ffffff;

  --main-menu-item-padding: 5px;
  --main-menu-item-border: 3px solid var(--theme-color);
  --main-menu-item-border-radius: 15px;
  --main-menu-item-background-color: #fff;
  --main-menu-h2-color: #000;
  --main-menu-p-color: #000;

  --scrollbar-width: 10px;
  --scrollbar-color: #ffeb3b;
  --scrollbar-outline: 1px solid var(--scrollbar-color);
  --scrollbar-background-color: #272727;
  --scrollbar-box-shadow: inset 0 0 6px #4caf50;
}