httemplate/elements/freeside.css

   1 * {
   2   font-family: Arial, Verdana, Helvetica, sans-serif;
   3   /* font-family: Verdana, Arial, Helvetica, sans-serif; */
   4 }
   5
   6 h1 {
   7   margin: 0;
   8   padding: 0;
   9   font-weight: normal;
  10 }
  11
  12 pre {
  13   font-family: monospace;
  14 }
  15
  16 A:link IMG, A:visited { border-style: none }
  17 /* A:focus {text-decoration: underline } */
  18
  19 a:link, a:visited {
  20   /* text-decoration: none; */
  21   color: #000000;
  22 }
  23
  24 a[href]:hover {
  25   text-decoration: underline;
  26   color: #7e0079;
  27 }
  28
  29 textarea, input[type="text"], input[type="password"] {
  30   border: 1px solid #666666;
  31   padding: 1px;
  32          -moz-border-radius: 2px;
  33          -webkit-border-radius: 2px;
  34          border-radius: 2px;
  35 }
  36
  37 textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) {
  38   border: 1px solid #7e0079;
  39   padding: 1px;
  40          -moz-border-radius: 2px;
  41          -webkit-border-radius: 2px;
  42          border-radius: 2px;
  43 }
  44
  45 textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  46   background-color: #ffffdd;
  47   border: 1px solid #7e0079;
  48          -moz-border-radius: 2px;
  49          -webkit-border-radius: 2px;
  50          border-radius: 2px;
  51 }
  52
  53 .fsdisabled {
  54   background-color: #dddddd;
  55   color: #666666;
  56   border: 1px solid #999999;
  57   padding: 1px;
  58          -moz-border-radius: 2px;
  59          -webkit-border-radius: 2px;
  60          border-radius: 2px;
  61 }
  62
  63 input[type="reset"], input[type="submit"], input[type="button"] {
  64   background-color: #dddddd;
  65   border: 1px solid #666666;
  66          -moz-border-radius: 4px;
  67          -webkit-border-radius: 4px;
  68          border-radius: 4px;
  69   -moz-box-shadow: #666666 1px 1px 2px;
  70   -webkit-box-shadow: #666666 1px 1px 2px;
  71   box-shadow: #666666 1px 1px 2px;
  72   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  73 }
  74
  75 input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  76   background-color: #e4e4e4;
  77   border: 1px solid #7e0079;
  78   color: #7e0079;
  79          -moz-border-radius: 4px;
  80          -webkit-border-radius: 4px;
  81          border-radius: 4px;
  82   -moz-box-shadow: #7e0079 1px 1px 2px;
  83   -webkit-box-shadow: #7e0079 1px 1px 2px;
  84   box-shadow: #7e0079 1px 1px 2px;
  85   filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
  86 }
  87
  88 /*input[type="select"] {
  89   background-color: #eeeeee;
  90   border: 1px solid #666666;
  91          -moz-border-radius: 4px;
  92          -webkit-border-radius: 4px;
  93          border-radius: 4px;
  94 }
  95
  96 input[type="select"]:hover {
  97   background-color: #eeeeee;
  98   border: 1px solid #7e0079;
  99   color: #7e0079;
 100          -moz-border-radius: 4px;
 101          -webkit-border-radius: 4px;
 102          border-radius: 4px;
 103 }
 104 */
 105
 106
 107 /* a:focus { background-color: #ccccee } */
 108
 109 a.fstab {
 110          background-color:#cccccc;
 111          color: #666666;
 112          border:1px solid;
 113          border-top-color:#666666;
 114          border-left-color:#666666;
 115          border-right-color:#666666;
 116          border-bottom-color:#7e0079;
 117          -moz-border-radius-topleft:8px;
 118          -moz-border-radius-topright:8px;
 119          -webkit-border-radius-topleft:8px;
 120          -webkit-border-radius-topright:8px;
 121          border-top-left-radius:8px;
 122          border-top-right-radius:8px;
 123          /*font-weight:bold;*/
 124          /*padding-left:12px;
 125          padding-right:12px;*/
 126          padding-left:3px;
 127          padding-right:3px;
 128          font-size:17px;
 129          font-weight:bold;
 130          text-decoration:none;
 131          overflow:visible;
 132     margin-left:6px;
 133     margin-right:6px;
 134 }
 135 a.fstab:hover {
 136   text-decoration:none;
 137   border-color:#7e0079;
 138 }
 139
 140 /* a:link:hover.fsblackbutton,
 141 a:visited:hover.fsblackbutton
 142 */
 143 a.fstabselected {
 144          background-color:#ffffff;
 145          color: #000000;
 146          border-top:1px solid #7e0079;
 147          border-left:1px solid #7e0079;
 148          border-right:1px solid #7e0079;
 149          border-bottom:1px solid #ffffff;
 150          -moz-border-radius-topleft:8px;
 151          -moz-border-radius-topright:8px;
 152          -webkit-border-radius-topleft:8px;
 153          -webkit-border-radius-topright:8px;
 154          border-top-left-radius:8px;
 155          border-top-right-radius:8px;
 156          /*font-weight:bold;*/
 157          /*padding-left:12px;
 158          padding-right:12px;*/
 159          padding-left:3px;
 160          padding-right:3px;
 161          font-size:17px;
 162          font-weight:bold;
 163          text-decoration:none;
 164          overflow:visible;
 165     margin-left:6px;
 166     margin-right:6px;
 167 }
 168 a.fstabselected:hover {
 169   text-decoration:none;
 170   color: #000000;
 171 }
 172
 173 div.fstabs {
 174   padding-left:8px;
 175   border-bottom:1px solid #7e0079;
 176 }
 177
 178 div.fstabcontainer {
 179   background-color:#ffffff;
 180   padding:8px;
 181   clear: left;
 182   border-left: thin solid #7e0079;
 183   border-right: thin solid #7e0079;
 184   border-bottom: thin solid #7e0079;
 185   border-top: thin solid #7e0079;
 186 /*
 187   border-top:1px solid #7e0079;
 188 */
 189 }
 190
 191 .fscontainer {
 192   overflow:hidden;
 193   display:inline-block;
 194 }
 195 .fscontainer {
 196   display:block;
 197 }
 198
 199 .fsbox {
 200
 201   float:left;
 202
 203   background-color:#ffffff;
 204
 205   padding:8px;
 206   border-top:1px solid #7e0079;
 207   border-left:1px solid #7e0079;
 208   border-right:1px solid #7e0079;
 209   border-bottom:1px solid #7e0079;
 210          -moz-border-radius-bottomleft:8px;
 211          -moz-border-radius-bottomright:8px;
 212          -webkit-border-radius-bottomleft:8px;
 213          -webkit-border-radius-bottomright:8px;
 214          border-bottom-left-radius:8px;
 215          border-bottom-right-radius:8px;
 216   -moz-box-shadow: #666666 1px 1px 2px;
 217   -webkit-box-shadow: #666666 1px 1px 2px;
 218   box-shadow: #666666 1px 1px 2px;
 219   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
 220 }
 221
 222 .fsbox .fsbox-title {
 223   /*float:left;*/
 224   font-size:150%;
 225   font-weight:bold;
 226 }
 227
 228 .fsinnerbox {
 229   /* background-color:#cccccc; */
 230   padding:2px;
 231   border: thin solid #999999;
 232   border-radius: .25em;
 233 }
 234
 235 .fsinnerbox th,
 236 .fsinnerbox label {
 237   font-weight:normal;
 238   font-size:80%;
 239   vertical-align: top;
 240   padding-top: 3px;
 241   color: #666666;
 242 }
 243
 244 .fsinnerbox-title {
 245   font-size:110%;
 246   font-weight:bold;
 247   color: #333333;
 248 }
 249
 250 .background {
 251   background-color:#f8f8f8;
 252 }
 253
 254 table.grid {
 255   border: 1px solid #999999;
 256   border-radius: 2px;
 257 }
 258
 259 tr.row0 {
 260   background-color: #eeeeee;
 261 }
 262
 263 tr.row1 {
 264   background-color: #ffffff;
 265 }
 266
 267 .grid tfoot tr {
 268   background-color: #dddddd;
 269   font-style: italic;
 270 }
 271
 272 /* border at the top of the footer, but not between footer rows */
 273 .grid tfoot tr:first-child td {
 274   border-top: 1px dashed black;
 275 }
 276
 277 th, td {
 278   vertical-align: top;
 279 }
 280
 281 thead th.grid {
 282   padding-left: 3px;
 283   padding-right: 3px;
 284   padding-bottom: 2px;
 285   border: none;
 286   empty-cells: show;
 287 /*  font-weight:normal; */
 288   font-size:90%;
 289   valign: bottom;
 290 /*  color: #666666; */
 291   border-bottom: 1px solid #999999;
 292 }
 293
 294 td.grid {
 295   padding-left: 3px;
 296   padding-right: 3px;
 297   padding-bottom: 2px;
 298   border: none;
 299   empty-cells: show;
 300 }
 301
 302 table.inv { border: none }
 303 th.inv { border: none }
 304 td.inv { border: none }
 305
 306 td.label {
 307   text-align: right;
 308 }
 309
 310 .required {
 311   font-weight: bold;
 312 }
 313
 314 .required::before {
 315   content: "* ";
 316   color: #ff0000;
 317 }
 318
 319 .error {
 320   font-size: large;
 321   color: #ff0000;
 322 }
 323
 324 table .error {
 325   font-weight: bold;
 326   font-size: medium;
 327   color: #ff0000;
 328 }
 329
 330 div#overDiv {
 331   box-shadow: #333333 1px 1px 2px;
 332 }
 333
 334 /* view/cust_main/packages/package.html */
 335 div.package-marker-supplemental {
 336   height: 100%;
 337   border-left: solid #bbbbff 30px;
 338   display: inline-block;
 339 }
 340
 341 div.package-marker-change_from {
 342   height: 100%;
 343   border-left: solid #bbffbb 30px;
 344   display: inline-block;
 345 }
 346
 347