web/resources/css/custom.css

   1 /**
   2  * Custom CSS file
   3  *
   4  * @deprecated
   5  */
   6 body {
   7         font-size: 0.9em !important;
   8         font-family: sans-serif !important;
   9         margin: 0px;
  10 }
  11
  12 .page-header > h1 {
  13         margin: 2px;
  14 }
  15
  16 a:link, a:visited {
  17         color: #045491;
  18         text-decoration: none;
  19 }
  20
  21 a:link:hover, a:visited:hover {
  22         color: #045491;
  23         text-decoration : underline;
  24 }
  25
  26 .page-header {
  27         background-color: steelblue;
  28         color: white;
  29         padding: 5px;
  30 }
  31
  32 .page-content-gap {
  33         height: 0.35em;
  34         background-image: linear-gradient(steelblue, white);
  35 }
  36
  37 .page-footer {
  38         background-color: lightblue;
  39         overflow: auto;
  40 }
  41
  42 .page-header a:link, .page-header a:visited {
  43         color: white;
  44         font-weight : bold;
  45         text-decoration: none;
  46 }
  47
  48 .page-header a:link:hover, .page-header a:visited:hover  {
  49         color: black;
  50         font-weight : bold;
  51         text-decoration : underline;
  52 }
  53
  54 .table-row {
  55         width: 100%;
  56         min-height: 20px;
  57         margin: 2px;
  58         overflow: auto;
  59 }
  60
  61 .para {
  62         padding: 5px;
  63 }
  64
  65 .table-header {
  66         text-align: center;
  67         font-weight: bold;
  68 }
  69
  70 .table-data-label, .table-data-field {
  71         display: block;
  72         border: 1px solid #aaaaaa;
  73         border-top-right-radius: 8px;
  74         border-bottom-left-radius: 8px;
  75 }
  76
  77 .table-data-label {
  78         font-weight: bold;
  79         background-image: linear-gradient(#eeeeee, #aaaaaa);
  80         height: 16px;
  81         padding-left: 4px;
  82 }
  83
  84 .table-data-field {
  85         background-color: #f5f5f5;
  86         vertical-align: top;
  87         padding-top: 1px;
  88         padding-bottom: 1px;
  89         padding-left: 2px;
  90         padding-right: 1px;
  91         margin-top: 2px;
  92         min-height: 15px;
  93 }
  94
  95 #content-header {
  96         border-color: grey;
  97         background-image: linear-gradient(#eeeeee, #aaaaaa);
  98         font-weight: bold;
  99         font-size: 18px;
 100         margin-bottom: 20px;
 101         padding-left: 5px;
 102         line-height: 20px;
 103 }
 104
 105 .table-header-column {
 106         width: 100px;
 107 }
 108
 109 .table-header-column25 {
 110         width: 25%;
 111 }
 112
 113 .table-data-column {
 114         width: 100px;
 115 }
 116
 117 .item_price, .item_total_price {
 118         text-align: right;
 119 }
 120
 121 .alert-danger {
 122         color: red;
 123 }
 124
 125 .alert-danger:hover {
 126         cursor: not-allowed;
 127 }
 128
 129 .alert-warning {
 130         color: orange;
 131 }
 132
 133 .alert-info {
 134         color: cornflowerblue;
 135 }
 136
 137 .message-container {
 138         border: 1px solid grey;
 139         border-top-right-radius: 8px;
 140         border-bottom-left-radius: 8px;
 141         background-color: ghostwhite;
 142 }
 143
 144 .message-medium {
 145         width: 400px;
 146 }
 147
 148 .message-auto {
 149         margin: auto 0px;
 150 }
 151
 152 .message-mini {
 153         width: 160px;
 154 }
 155
 156 .message-header {
 157         border-bottom: 1px solid grey;
 158         background-image: linear-gradient(#eeeeee, #aaaaaa);
 159         border-top-right-radius: 8px;
 160         line-height: 18px;
 161         text-align: center;
 162         font-weight: bold;
 163 }
 164
 165 .user-status-confirmed, .customer-status-confirmed {
 166         color: #00aa00;
 167 }
 168
 169 .user-status-unconfirmed, .customer-status-unconfirmed {
 170         color: #00aaaa;
 171 }
 172
 173 .user-status-locked, .customer-status-locked {
 174         color: #aa0000;
 175 }
 176
 177 .link-warning {
 178         color: #aaaa00;
 179 }
 180
 181 .link-danger {
 182         color: #aa0000;
 183 }
 184
 185 #content-header {
 186         border: 1px solid grey;
 187 }
 188
 189 #menu-content-wrapper {
 190         overflow: auto;
 191 }
 192
 193 .button-danger {
 194         border-color: #ee0000;
 195         background-color: #880000;
 196         color: white;
 197 }
 198
 199 .button-warning {
 200         border-color: #eeee00;
 201         background-color: #aaaa00;
 202         color: white;
 203 }
 204
 205 .button-danger:hover {
 206         border-color: #dd0000;
 207         background-color: #aa0000;
 208         color: #eeeeee;
 209 }
 210
 211 .button-warning:hover {
 212         border-color: #dddd00;
 213         background-color: #cccc00;
 214         color: #eeeeee;
 215 }
 216
 217 #menu-content-wrapper::after {
 218         clear: both;
 219 }
 220
 221 .table-row::after {
 222         clear: both;
 223 }
 224
 225 #footer::after {
 226         clear: both;
 227 }
 228
 229 .column-selector {
 230         float: right;
 231 }
 232
 233 .ui-noborder {
 234         border: initial;
 235 }
 236
 237 .ui-transparent-widget > div {
 238         background-color: transparent;
 239         background-image: initial;
 240 }