httemplate/elements/freeside.css

   1 * {
   2   font-family: Arial, Verdana, Helvetica, sans-serif;
   3   /* font-family: Verdana, Arial, Helvetica, sans-serif; */
   4 }
   5
   6 A:link IMG, A:visited { border-style: none }
   7 /* A:focus {text-decoration: underline } */
   8
   9 a:link, a:visited {
  10   /* text-decoration: none; */
  11   color: #000000;
  12 }
  13
  14 a[href]:hover {
  15   text-decoration: underline;
  16   color: #7e0079;
  17 }
  18
  19 textarea, input[type="text"], input[type="password"] {
  20   border: 1px solid #666666;
  21   padding: 1px;
  22          -moz-border-radius: 2px;
  23          -webkit-border-radius: 2px;
  24          border-radius: 2px;
  25 }
  26
  27 textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) {
  28   border: 1px solid #7e0079;
  29   padding: 1px;
  30          -moz-border-radius: 2px;
  31          -webkit-border-radius: 2px;
  32          border-radius: 2px;
  33 }
  34
  35 textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  36   background-color: #ffffdd;
  37   border: 1px solid #7e0079;
  38          -moz-border-radius: 2px;
  39          -webkit-border-radius: 2px;
  40          border-radius: 2px;
  41 }
  42
  43 .fsdisabled {
  44   background-color: #dddddd;
  45   color: #666666;
  46   border: 1px solid #999999;
  47   padding: 1px;
  48          -moz-border-radius: 2px;
  49          -webkit-border-radius: 2px;
  50          border-radius: 2px;
  51 }
  52
  53 input[type="reset"], input[type="submit"], input[type="button"] {
  54   background-color: #dddddd;
  55   border: 1px solid #666666;
  56          -moz-border-radius: 4px;
  57          -webkit-border-radius: 4px;
  58          border-radius: 4px;
  59   -moz-box-shadow: #666666 1px 1px 2px;
  60   -webkit-box-shadow: #666666 1px 1px 2px;
  61   box-shadow: #666666 1px 1px 2px;
  62   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  63 }
  64
  65 input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  66   background-color: #e4e4e4;
  67   border: 1px solid #7e0079;
  68   color: #7e0079;
  69          -moz-border-radius: 4px;
  70          -webkit-border-radius: 4px;
  71          border-radius: 4px;
  72   -moz-box-shadow: #7e0079 1px 1px 2px;
  73   -webkit-box-shadow: #7e0079 1px 1px 2px;
  74   box-shadow: #7e0079 1px 1px 2px;
  75   filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
  76 }
  77
  78 /*input[type="select"] {
  79   background-color: #eeeeee;
  80   border: 1px solid #666666;
  81          -moz-border-radius: 4px;
  82          -webkit-border-radius: 4px;
  83          border-radius: 4px;
  84 }
  85
  86 input[type="select"]:hover {
  87   background-color: #eeeeee;
  88   border: 1px solid #7e0079;
  89   color: #7e0079;
  90          -moz-border-radius: 4px;
  91          -webkit-border-radius: 4px;
  92          border-radius: 4px;
  93 }
  94 */
  95
  96
  97 /* a:focus { background-color: #ccccee } */
  98
  99 a.fstab {
 100          background-color:#cccccc;
 101          color: #666666;
 102          border:1px solid;
 103          border-top-color:#666666;
 104          border-left-color:#666666;
 105          border-right-color:#666666;
 106          border-bottom-color:#7e0079;
 107          -moz-border-radius-topleft:8px;
 108          -moz-border-radius-topright:8px;
 109          -webkit-border-radius-topleft:8px;
 110          -webkit-border-radius-topright:8px;
 111          border-radius-topleft:8px;
 112          border-radius-topright:8px;
 113          /*font-weight:bold;*/
 114          /*padding-left:12px;
 115          padding-right:12px;*/
 116          padding-left:4px;
 117          padding-right:4px;
 118          font-size:16px;
 119          font-weight:bold;
 120          text-decoration:none;
 121          overflow:visible;
 122     margin-left:6px;
 123     margin-right:6px;
 124 }
 125 a.fstab:hover {
 126   text-decoration:none;
 127   border-color:#7e0079;
 128 }
 129
 130 /* a:link:hover.fsblackbutton,
 131 a:visited:hover.fsblackbutton
 132 */
 133 a.fstabselected {
 134          background-color:#ffffff;
 135          color: #000000;
 136          border-top:1px solid #7e0079;
 137          border-left:1px solid #7e0079;
 138          border-right:1px solid #7e0079;
 139          border-bottom:1px solid #ffffff;
 140          -moz-border-radius-topleft:8px;
 141          -moz-border-radius-topright:8px;
 142          -webkit-border-radius-topleft:8px;
 143          -webkit-border-radius-topright:8px;
 144          border-radius-topleft:8px;
 145          border-radius-topright:8px;
 146          /*font-weight:bold;*/
 147          /*padding-left:12px;
 148          padding-right:12px;*/
 149          padding-left:4px;
 150          padding-right:4px;
 151          font-size:16px;
 152          font-weight:bold;
 153          text-decoration:none;
 154          overflow:visible;
 155     margin-left:6px;
 156     margin-right:6px;
 157 }
 158 a.fstabselected:hover {
 159   text-decoration:none;
 160   color: #000000;
 161 }
 162
 163 div.fstabs {
 164   padding-left:8px;
 165   border-bottom:1px solid #7e0079;
 166 }
 167
 168 div.fstabcontainer {
 169   background-color:#ffffff;
 170   padding:8px;
 171   border-left:1px solid #7e0079;
 172   border-right:1px solid #7e0079;
 173   border-bottom:1px solid #7e0079;
 174          -moz-border-radius-bottomleft:8px;
 175          -moz-border-radius-bottomright:8px;
 176          -webkit-border-radius-bottomleft:8px;
 177          -webkit-border-radius-bottomright:8px;
 178          border-radius-bottomleft:8px;
 179          border-radius-bottomright:8px;
 180   -moz-box-shadow: #666666 1px 1px 2px;
 181   -webkit-box-shadow: #666666 1px 1px 2px;
 182   box-shadow: #666666 1px 1px 2px;
 183   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
 184 }
 185
 186 .fscontainer {
 187   overflow:hidden;
 188   display:inline-block;
 189 }
 190 .fscontainer {
 191   display:block;
 192 }
 193
 194 .fsbox {
 195
 196   float:left;
 197
 198   background-color:#ffffff;
 199
 200   padding:8px;
 201   border-top:1px solid #7e0079;
 202   border-left:1px solid #7e0079;
 203   border-right:1px solid #7e0079;
 204   border-bottom:1px solid #7e0079;
 205          -moz-border-radius-bottomleft:8px;
 206          -moz-border-radius-bottomright:8px;
 207          -webkit-border-radius-bottomleft:8px;
 208          -webkit-border-radius-bottomright:8px;
 209          border-radius-bottomleft:8px;
 210          border-radius-bottomright:8px;
 211   -moz-box-shadow: #666666 1px 1px 2px;
 212   -webkit-box-shadow: #666666 1px 1px 2px;
 213   box-shadow: #666666 1px 1px 2px;
 214   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
 215 }
 216
 217 .fsbox .fsbox-title {
 218   /*float:left;*/
 219   font-size:150%;
 220   font-weight:bold;
 221 }
 222
 223 .background {
 224   background-color:#f8f8f8;
 225 }