mod/data/styles.css

   1 .path-mod-data-field .c0,
   2 #page-mod-data-view #sortsearch .c0 {
   3     text-align: right;
   4 }
   5
   6 #page-mod-data-view .approve img.icon {
   7     width: 34px;
   8     height: 34px;
   9 }
  10
  11 .path-mod-data #id_entrieshdr div .alert.alert-danger {
  12     margin-bottom: 2rem;
  13 }
  14
  15 #page-mod-data-view img.list_picture {
  16     border: 0;
  17 }
  18
  19 #page-mod-data-view div.search_none {
  20     display: none;
  21 }
  22
  23 #page-mod-data-view div.search_inline,
  24 #page-mod-data-view form#latlongfieldbrowse {
  25     display: inline;
  26 }
  27
  28 #page-mod-data-view div#data_adv_form {
  29     margin-left: auto;
  30     margin-right: auto;
  31 }
  32
  33 #page-mod-data-edit .basefieldinput {
  34     width: 300px;
  35 }
  36
  37 /** Styles for preset.php **/
  38 #page-mod-data-preset .presetmapping table {
  39     text-align: left;
  40     margin-left: auto;
  41     margin-right: auto;
  42 }
  43
  44 #page-mod-data-preset .overwritesettings {
  45     margin-bottom: 1em;
  46 }
  47
  48 #page-mod-data-preset table.presets {
  49     margin-left: auto;
  50     margin-right: auto;
  51 }
  52
  53 /** Styles for the search form **/
  54 #page-mod-data-view .datapreferences label {
  55     display: inline-block;
  56 }
  57
  58 /** Styles for field.php **/
  59 .path-mod-data-field .sortdefault {
  60     margin: 1em 0;
  61 }
  62
  63 .path-mod-data-field .sortdefault select {
  64     margin-left: 1em;
  65 }
  66
  67 .path-mod-data-field .fieldname,
  68 .path-mod-data-field .fielddescription {
  69     width: 300px;
  70 }
  71
  72 .path-mod-data-field textarea.optionstextarea {
  73     width: 300px;
  74     height: 150px;
  75 }
  76
  77 .path-mod-data-field input.textareafieldsize {
  78     width: 50px;
  79 }
  80
  81 .path-mod-data-field input.picturefieldsize {
  82     width: 70px;
  83 }
  84
  85 .path-mod-data .action-icon img.portfolio-add-icon {
  86     margin-left: 0;
  87 }
  88
  89 /** UI Usability Hacks **/
  90 #page-mod-data-export #notice span {
  91     padding: 0 10px;
  92 }
  93 /*rtl:ignore*/
  94 #page-mod-data-edit input[id*="url"] {
  95     text-align: left;
  96     direction: ltr;
  97 }
  98
  99 .mod-data-default-template td {
 100     vertical-align: top;
 101 }
 102
 103 .mod-data-default-template .template-field {
 104     text-align: right;
 105 }
 106
 107 .mod-data-default-template .template-token {
 108     text-align: left;
 109 }
 110
 111 .mod-data-default-template .controls {
 112     text-align: center;
 113 }
 114
 115 .mod-data-default-template .searchcontrols {
 116     text-align: right;
 117 }
 118
 119 #page-mod-data-view .notapproved {
 120     background-color: #fff3cd;
 121     color: #856404;
 122     border-radius: 0.5em;
 123     padding: 0.5em 1em;
 124     gap: 1em;
 125 }
 126
 127 #page-mod-data-templates td.save_template,
 128 #page-mod-data-templates .template_heading {
 129     text-align: center;
 130 }
 131
 132 #page-mod-data-templates #availabletags_wrapper {
 133     max-width: 250px;
 134 }
 135
 136 #page-mod-data-edit .req {
 137     cursor: help;
 138 }
 139
 140 #page-mod-data-edit .inline-req .req {
 141     position: absolute;
 142 }
 143
 144 #page-mod-data-edit .inline-req {
 145     text-align: left;
 146 }
 147
 148 #page-mod-data-edit .datatagcontrol {
 149     padding-left: 10px;
 150 }
 151
 152 .preset_action_menu .dropdown-toggle::after,
 153 .entry-actionsmenu .dropdown-toggle::after,
 154 .fields-actions .dropdown-toggle::after {
 155     display: none;
 156 }
 157
 158 .defaulttemplate-single-body img.list_picture {
 159     max-width: 100%;
 160 }
 161
 162 .defaulttemplate-list-body img.list_picture {
 163     max-width: 100%;
 164 }
 165
 166 /* Date information displayed in templates/presets */
 167 .data-timeinfo {
 168     color: var(–gray);
 169 }
 170
 171 /* Legacy icons */
 172 .dataicon,
 173 .portfolio-add-icon {
 174     color: var(--dark);
 175 }
 176
 177 /* Preset preview styles */
 178 #page-mod-data-preset .nopreview {
 179     border: 1px solid var(--secondary);
 180     padding: 0.2rem;
 181     border-radius: 5px;
 182 }
 183 /* Disable links and buttons in the preset preview */
 184 .template-preview-content .preview-disabled,
 185 .template-preview-content .action-icon,
 186 .template-preview-content .dropdown-menu a,
 187 .template-preview-content .data-field-link,
 188 .template-preview-content .data-field-html a,
 189 .template-preview-content .data-field-html button {
 190     pointer-events: none;
 191 }
 192
 193 /* Actions menu */
 194 .presetsactions .dropdown-toggle,
 195 .presetsactions .dropdown-toggle:hover,
 196 .presetsactions .show > .btn-secondary.dropdown-toggle,
 197 .entriesactions .dropdown-toggle,
 198 .entriesactions .dropdown-toggle:hover,
 199 .entriesactions .show > .btn-secondary.dropdown-toggle,
 200 #page-mod-data-view .whitebutton .btn-secondary,
 201 #page-mod-data-preset .whitebutton .btn-secondary,
 202 #page-mod-data-field- .whitebutton .btn-secondary,
 203 #page-mod-data-templates .whitebutton .btn-secondary {
 204     background: white;
 205     border-color: var(--primary);
 206     color: var(--primary);
 207 }