httemplate/elements/freeside.css

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