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"] {
  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 {
  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 {
  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 input[type="reset"], input[type="submit"], input[type="button"] {
  44   background-color: #dddddd;
  45   border: 1px solid #666666;
  46          -moz-border-radius: 4px;
  47          -webkit-border-radius: 4px;
  48          border-radius: 4px;
  49   -moz-box-shadow: #666666 1px 1px 2px;
  50   -webkit-box-shadow: #666666 1px 1px 2px;
  51   box-shadow: #666666 1px 1px 2px;
  52   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  53 }
  54
  55 input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  56   background-color: #e4e4e4;
  57   border: 1px solid #7e0079;
  58   color: #7e0079;
  59          -moz-border-radius: 4px;
  60          -webkit-border-radius: 4px;
  61          border-radius: 4px;
  62   -moz-box-shadow: #7e0079 1px 1px 2px;
  63   -webkit-box-shadow: #7e0079 1px 1px 2px;
  64   box-shadow: #7e0079 1px 1px 2px;
  65   filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
  66 }
  67
  68 /*input[type="select"] {
  69   background-color: #eeeeee;
  70   border: 1px solid #666666;
  71          -moz-border-radius: 4px;
  72          -webkit-border-radius: 4px;
  73          border-radius: 4px;
  74 }
  75
  76 input[type="select"]:hover {
  77   background-color: #eeeeee;
  78   border: 1px solid #7e0079;
  79   color: #7e0079;
  80          -moz-border-radius: 4px;
  81          -webkit-border-radius: 4px;
  82          border-radius: 4px;
  83 }
  84 */
  85
  86
  87 /* a:focus { background-color: #ccccee } */
  88
  89 a.fstab {
  90          background-color:#cccccc;
  91          color: #666666;
  92          border:1px solid;
  93          border-top-color:#666666;
  94          border-left-color:#666666;
  95          border-right-color:#666666;
  96          border-bottom-color:#7e0079;
  97          -moz-border-radius-topleft:8px;
  98          -moz-border-radius-topright:8px;
  99          -webkit-border-radius-topleft:8px;
 100          -webkit-border-radius-topright:8px;
 101          border-radius-topleft:8px;
 102          border-radius-topright:8px;
 103          /*font-weight:bold;*/
 104          /*padding-left:12px;
 105          padding-right:12px;*/
 106          padding-left:4px;
 107          padding-right:4px;
 108          font-size:16px;
 109          font-weight:bold;
 110          text-decoration:none;
 111          overflow:visible;
 112     margin-left:6px;
 113     margin-right:6px;
 114 }
 115 a.fstab:hover {
 116   text-decoration:none;
 117   border-color:#7e0079;
 118 }
 119
 120 /* a:link:hover.fsblackbutton,
 121 a:visited:hover.fsblackbutton
 122 */
 123 a.fstabselected {
 124          background-color:#ffffff;
 125          color: #000000;
 126          border-top:1px solid #7e0079;
 127          border-left:1px solid #7e0079;
 128          border-right:1px solid #7e0079;
 129          border-bottom:1px solid #ffffff;
 130          -moz-border-radius-topleft:8px;
 131          -moz-border-radius-topright:8px;
 132          -webkit-border-radius-topleft:8px;
 133          -webkit-border-radius-topright:8px;
 134          border-radius-topleft:8px;
 135          border-radius-topright:8px;
 136          /*font-weight:bold;*/
 137          /*padding-left:12px;
 138          padding-right:12px;*/
 139          padding-left:4px;
 140          padding-right:4px;
 141          font-size:16px;
 142          font-weight:bold;
 143          text-decoration:none;
 144          overflow:visible;
 145     margin-left:6px;
 146     margin-right:6px;
 147 }
 148 a.fstabselected:hover {
 149   text-decoration:none;
 150   color: #000000;
 151 }
 152
 153 div.fstabs {
 154   padding-left:8px;
 155   border-bottom:1px solid #7e0079;
 156 }
 157
 158 div.fstabcontainer {
 159   background-color:#ffffff;
 160   padding:8px;
 161   border-left:1px solid #7e0079;
 162   border-right:1px solid #7e0079;
 163   border-bottom:1px solid #7e0079;
 164          -moz-border-radius-bottomleft:8px;
 165          -moz-border-radius-bottomright:8px;
 166          -webkit-border-radius-bottomleft:8px;
 167          -webkit-border-radius-bottomright:8px;
 168          border-radius-bottomleft:8px;
 169          border-radius-bottomright:8px;
 170   -moz-box-shadow: #666666 1px 1px 2px;
 171   -webkit-box-shadow: #666666 1px 1px 2px;
 172   box-shadow: #666666 1px 1px 2px;
 173   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
 174 }
 175
 176 .background {
 177   background-color:#f8f8f8;
 178 }