home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: 35 Internet / 35-Internet.zip / phoenx05.zip / phoenix / res / samples / mozform.css < prev    next >
Cascading Style Sheet File  |  2002-12-10  |  5KB  |  257 lines
  1.  
  2. input[type=checkbox] {
  3.   /* these margins are for NavQuirks, we need a Standard ua.css */  
  4.   margin-left:   3px;   
  5.   margin-right:  5px;  
  6.   margin-top:    3px; 
  7.   margin-bottom: 4px;
  8.   border: 1px outset rgb(153, 153, 153);
  9.   width:11px;
  10.   height:11px;
  11.   background-color:rgb(204, 204, 204);
  12.   color:black;
  13. /*  -moz-border-radius:1px; */
  14. }
  15.  
  16. input[type=radio] {
  17.   /* these margins are for NavQuirks, we need a Standard ua.css */  
  18.   margin-left:   3px;   
  19.   margin-right:  5px;  
  20.   margin-top:    3px; 
  21.   margin-bottom: 3px; 
  22.   border: 2px outset rgb(204, 204, 204);
  23.   background-color:rgb(204, 204, 204);
  24.   color:black;
  25.   width:12px;
  26.   height:12px;
  27.   -moz-border-radius:6px;
  28. }
  29.  
  30. input[type=radio]:active {
  31.   background-color:white;
  32.   border: 2px inset rgb(204, 204, 204);
  33. }
  34.  
  35. input[type=radio]:hover {
  36.   border : 2px solid black;
  37. }
  38.  
  39. :-moz-radio {
  40.   background-color:black;
  41.   width:6px;
  42.   height:6px;
  43.   left:6px;
  44.   top:6px;
  45.   -moz-border-radius:3px;
  46. }
  47.  
  48. input[type="button"] { 
  49.   border: 2px outset rgb(156, 154, 156);
  50.   background-color: rgb(206, 207, 206);
  51.   color:black; 
  52.  
  53.   padding: 1px;
  54. }
  55.  
  56. input[type="button"]:active {
  57.   border-style: inset;
  58.  
  59.   padding-left: 2px;
  60.   padding-right: 0px;
  61.   padding-top: 2px;
  62.   padding-bottom: 0px;
  63. }
  64.  
  65. input[type="button"]:active:-moz-outline {
  66.    border : 1px solid black;
  67. }
  68.  
  69. input[type="button"]:hover:-moz-outline {
  70.    border : 1px solid black;
  71. }
  72.  
  73. input[type="button"][disabled] {
  74.    border-style: solid;
  75. }
  76.  
  77. input[type="button"][disabled]:active {
  78.   padding: 1px;
  79. }
  80.  
  81. input[type="button"]:-moz-focus-inner {
  82.    padding-left  : 2px;
  83.    padding-right : 2px;
  84.    padding-top   : 1px;
  85.    padding-bottom: 1px;
  86.    margin: 0px;
  87. }
  88.  
  89. input[type="button"]:focus:-moz-focus-inner {
  90.    padding-left  : 1px;
  91.    padding-right : 1px;
  92.    padding-top   : 0px;
  93.    padding-bottom: 0px;
  94.  
  95.    margin: 0px;
  96.    border : 1px dotted black;
  97. }
  98.  
  99.  
  100. button { 
  101.   display: inline;
  102.   vertical-align: bottom;
  103.   cursor: default;
  104.  
  105.   border: 2px outset rgb(156, 154, 156);
  106.   background-color: rgb(206, 207, 206);
  107.   color:black; 
  108.  
  109.   padding: 1px;
  110. }
  111.  
  112. button:active {
  113.   border-style: inset;
  114.  
  115.   padding-left: 2px;
  116.   padding-right: 0px;
  117.   padding-top: 2px;
  118.   padding-bottom: 0px;
  119. }
  120.  
  121. button:hover {
  122. }
  123.  
  124. button:active:-moz-outline {
  125.    border : 1px solid black;
  126. }
  127.  
  128. button:hover:-moz-outline {
  129.    border : 1px solid black;
  130. }
  131.  
  132. button[disabled] {
  133.    border-style: solid;
  134. }
  135.  
  136. button[disabled]:active {
  137.   padding: 1px;
  138. }
  139.  
  140. button:-moz-focus-inner {
  141.    padding-left  : 2px;
  142.    padding-right : 2px;
  143.    padding-top   : 1px;
  144.    padding-bottom: 1px;
  145.    margin: 0px;
  146. }
  147.  
  148. button:focus:-moz-focus-inner {
  149.    padding-left  : 1px;
  150.    padding-right : 1px;
  151.    padding-top   : 0px;
  152.    padding-bottom: 0px;
  153.  
  154.    margin: 0px;
  155.    border : 1px dotted black;
  156. }
  157.  
  158. :-moz-dropdown-list {
  159.   border-color:black;
  160.   -moz-border-radius:4px;
  161.   background-color:rgb(200, 200, 200);
  162. }
  163.  
  164. /* Combo box style */
  165. select, select[size="1"] {
  166.   vertical-align: bottom;
  167.   border: none;
  168.   background-color:rgb(204, 204, 204);  
  169.   color:black;
  170.   white-space:nowrap;
  171.   text-align: left; 
  172. }
  173.  
  174.  
  175. /* combobox button */
  176. select input[type=button] {
  177.   border: outset 1px rgb(204, 204, 204);
  178.   background-image:url("arrow.gif");
  179.   background-repeat:no-repeat;
  180.   background-position:center;
  181.   width:12px;
  182.   height:12px;
  183.   -moz-border-radius:0px;
  184. }
  185.  
  186. /* combobox display area */
  187. select input#-moz-display {
  188.   border: inset 1px rgb(204, 204, 204);
  189.   background-color: white;
  190.   background-image: none;
  191.   -moz-border-radius:0px;
  192.   padding-left: 0px;
  193.   padding-right: 0px;
  194.   padding-top: 0px;
  195.   padding-bottom: 0px;
  196. }
  197.  
  198. /* combbox display area - active */
  199. select input#-moz-display:active {
  200.   border: inset 1px rgb(204, 204, 204);
  201.   background-color:white;
  202.   background-image: none;
  203.   -moz-border-radius:0px;
  204.   padding-left: 0px;
  205.   padding-right: 0px;
  206.   padding-top: 0px;
  207.   padding-bottom: 0px;
  208.   background-color:white;
  209. }
  210.  
  211. option {
  212.   display:block;
  213.   padding-left:3px;
  214.   padding-right:3px;
  215. }
  216.  
  217. /* Combobox item style */
  218. select option:checked {
  219.  color:black;
  220.  background-color:white; 
  221. }
  222.  
  223. /* List box item selected style */
  224. select[size] option:checked {
  225.  color:white;
  226.  background-color:rgb(51,51,102); 
  227. }
  228.  
  229. select[size="1"] option:checked {
  230.   color:black;
  231.   background-color:white;
  232. }
  233.  
  234. option.selectedfocus {
  235.   border:   1px dotted white;
  236.   background-color: rgb(0,0,128);
  237.   color: rgb(255,255,255);
  238. }
  239.  
  240. optgroup {
  241.   font-style:italic;
  242.   font-weight:bold;
  243. }
  244.  
  245. optgroup > option {
  246.   padding-left:20px;
  247.   font-style:normal;
  248.   font-weight:normal;
  249. }
  250.  
  251. textarea {
  252.   vertical-align: bottom;
  253.   border: 2px inset #c0c0c0;
  254.   background-color:white;
  255.   color:black;
  256. }
  257.