home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: 35 Internet / 35-Internet.zip / mozil06.zip / bin / res / html.css < prev    next >
Cascading Style Sheet File  |  2001-02-14  |  15KB  |  766 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is mozilla.org code.
  13.  *
  14.  * The Initial Developer of the Original Code is Netscape
  15.  * Communications Corporation.  Portions created by Netscape are
  16.  * Copyright (C) 1998 Netscape Communications Corporation. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s): 
  20.  *      Blake Ross <BlakeR1234@aol.com>
  21.  */
  22.  
  23. @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
  24.  
  25. /* blocks */
  26.  
  27. html, div, map, dt, :-moz-anonymous-block, :cell-content, :fieldset-content {
  28.   display: block;
  29. }
  30.  
  31. body {
  32.   display: block;
  33.   margin: 8px;
  34. }
  35.  
  36. p, dl, multicol {
  37.   display: block;
  38.   margin: 1em 0;
  39. }
  40.  
  41. dd {
  42.   display: block;
  43.   margin-left: 40px;
  44. }
  45.  
  46. blockquote {
  47.   display: block;
  48.   margin: 1em 40px;
  49. }
  50.  
  51. address {
  52.   display: block;
  53.   font-style: italic;
  54. }
  55.  
  56. center {
  57.   display: block;
  58.   text-align: -moz-center;
  59. }
  60.  
  61. blockquote[type=cite] {
  62.   display: block;
  63.   margin: 1em 0px;
  64.   padding-left: 1em;
  65.   border-left: solid;
  66.   border-color: blue;
  67.   border-width: thin;
  68. }
  69.  
  70. h1 {
  71.   display: block;
  72.   font-size: 2em;
  73.   font-weight: bold;
  74.   margin: .67em 0;
  75. }
  76.  
  77. h2 {
  78.   display: block;
  79.   font-size: 1.5em;
  80.   font-weight: bold;
  81.   margin: .83em 0;
  82. }
  83.  
  84. h3 {
  85.   display: block;
  86.   font-size: 1.17em;
  87.   font-weight: bold;
  88.   margin: 1em 0;
  89. }
  90.  
  91. h4 {
  92.   display: block;
  93.   font-weight: bold;
  94.   margin: 1.33em 0;
  95. }
  96.  
  97. h5 {
  98.   display: block;
  99.   font-size: 0.83em;
  100.   font-weight: bold;
  101.   margin: 1.67em 0;
  102. }
  103.  
  104. h6 {
  105.   display: block;
  106.   font-size: 0.67em;
  107.   font-weight: bold;
  108.   margin: 2.33em 0;
  109. }
  110.  
  111. listing {
  112.   display: block;
  113.   font-family: -moz-fixed;
  114.   font-size: medium;
  115.   white-space: pre;
  116.   margin: 1em 0;
  117. }
  118.  
  119. plaintext, xmp, pre {
  120.   display: block;
  121.   font-family: -moz-fixed;
  122.   white-space: pre;
  123.   margin: 1em 0;
  124. }
  125.  
  126.  
  127. /* tables */
  128.  
  129. table, :table {
  130.   display: table;
  131.   border-spacing: 2px; 
  132.   border-collapse: separate;
  133.   margin-top: 0;
  134.   margin-bottom: 0;
  135.   -moz-box-sizing: border-box;
  136. }
  137.  
  138. :table-outer {
  139.   display: table;
  140.   margin: 0;
  141.   border: none;
  142.   padding: 0;
  143.   width: 0;
  144.   height: 0;
  145.   float: inherit;
  146.   clear: inherit;
  147.   position: inherit;
  148.   top: inherit;
  149.   right: inherit;
  150.   bottom: inherit;
  151.   left: inherit;
  152.   z-index: inherit;
  153.   clip: inherit;
  154.   -moz-opacity: inherit;
  155. }
  156.    
  157. caption {
  158.   display: table-caption;
  159.   text-align: center;
  160.   -moz-box-sizing: border-box;
  161. }
  162.  
  163. tr {
  164.   display: table-row;
  165.   vertical-align: inherit;
  166. }
  167.  
  168. :table-row {
  169.   display: table-row;
  170. }
  171.  
  172. col, :table-column {
  173.   display: table-column;
  174. }
  175.  
  176. colgroup, :table-column-group {
  177.   display: table-column-group;
  178. }
  179.  
  180. tbody {
  181.   display: table-row-group;
  182.   vertical-align: middle;
  183. }
  184.  
  185. thead {
  186.   display: table-header-group;
  187.   vertical-align: middle;
  188. }
  189.  
  190. tfoot {
  191.   display: table-footer-group;
  192.   vertical-align: middle;
  193. }
  194.  
  195. :table-row-group {
  196.   display: table-row-group;
  197. }
  198.  
  199. td { /* must never set padding on TD */
  200.   display: table-cell;
  201.   vertical-align: inherit;
  202.   text-align: inherit; 
  203. }
  204.  
  205. th { /* must never set padding on TH */
  206.   display: table-cell;
  207.   vertical-align: inherit;
  208.   font-weight: bold;
  209. }
  210.  
  211. :table-cell {
  212.   display: table-cell;
  213. }
  214.  
  215.  
  216. /* inlines */
  217.  
  218. q:before {
  219.   content: open-quote;
  220. }
  221.  
  222. q:after {
  223.   content: close-quote;
  224. }
  225.  
  226. b, strong {
  227.   font-weight: bolder;
  228. }
  229.  
  230. i, cite, em, var, dfn {
  231.   font-style: italic;
  232. }
  233.  
  234. tt, code, kbd, samp {
  235.   font-family: -moz-fixed;
  236. }
  237.  
  238. u, ins {
  239.   text-decoration: underline;
  240. }
  241.  
  242. s, strike, del {
  243.   text-decoration: line-through;
  244. }
  245.  
  246. blink {
  247.   text-decoration: blink;
  248. }
  249.  
  250. big {
  251.   font-size: larger;
  252. }
  253.  
  254. small {
  255.   font-size: smaller;
  256. }
  257.  
  258. sub {
  259.   vertical-align: sub;
  260.   font-size: smaller;
  261.   line-height: normal;
  262. }
  263.  
  264. sup {
  265.   vertical-align: super;
  266.   font-size: smaller;
  267.   line-height: normal;
  268. }
  269.  
  270. nobr {
  271.   white-space: nowrap;
  272. }
  273.  
  274.  
  275. /* lists */
  276.  
  277. :-moz-list-bullet {
  278.   display: inline;
  279.   vertical-align: baseline;
  280.   margin-right: 8px;
  281. }
  282.  
  283. ul, menu, dir {
  284.   display: block;
  285.   list-style-type: disc;
  286.   margin: 1em 0;
  287.   padding-left: 40px;
  288.   counter-reset: -html-counter 0;
  289. }
  290.  
  291. ol {
  292.   display: block;
  293.   list-style-type: decimal;
  294.   margin: 1em 0;
  295.   padding-left: 40px;
  296.   counter-reset: -html-counter 0;
  297. }
  298.  
  299. li {
  300.   display: list-item;
  301.   -moz-float-edge: margin-box;
  302. }
  303.  
  304. /* nested lists have no top/bottom margins */
  305. ul ul,   ul ol,   ul dir,   ul menu,   ul dl
  306. ol ul,   ol ol,   ol dir,   ol menu,   ol dl
  307. dir ul,  dir ol,  dir dir,  dir menu,  dir dl
  308. menu ul, menu ol, menu dir, menu menu, menu dl
  309. dl ul,   dl ol,   dl dir,   dl menu,   dl dl {
  310.   margin-top: 0;
  311.   margin-bottom: 0;
  312. }
  313.  
  314. /* 2 deep unordered lists use a circle */
  315. ol ul,   ul ul,   menu ul,   dir ul,
  316. ol menu, ul menu, menu menu, dir menu,
  317. ol dir,  ul dir,  menu dir,  dir dir {
  318.   list-style-type: circle;
  319. }
  320.  
  321. /* 3 deep (or more) unordered lists use a square */
  322. ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
  323. ol ol menu,   ol ul menu,   ol menu menu,   ol dir menu,
  324. ol ol dir,    ol ul dir,    ol menu dir,    ol dir dir,
  325. ul ol ul,     ul ul ul,     ul menu ul,     ul dir ul,
  326. ul ol menu,   ul ul menu,   ul menu menu,   ul dir menu,
  327. ul ol dir,    ul ul dir,    ul menu dir,    ul dir dir,
  328. menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
  329. menu ol menu, menu ul menu, menu menu menu, menu dir menu,
  330. menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
  331. dir ol ul,    dir ul ul,    dir menu ul,    dir dir ul,
  332. dir ol menu,  dir ul menu,  dir menu menu,  dir dir menu,
  333. dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
  334.   list-style-type: square;
  335. }
  336.  
  337.  
  338. /* leafs */
  339.  
  340. hr {
  341.   display: block;
  342.   border: 1px -moz-bg-inset;
  343.   margin: 0 auto 0 auto;
  344. }
  345.  
  346. :link img, :visited img, img[usemap], object[usemap] {
  347.   border: 2px solid;
  348.   cursor: pointer;
  349. }
  350.  
  351. img[usemap], object[usemap] {
  352.   color: blue;
  353.   -moz-user-focus: normal;
  354. }
  355.  
  356. object, embed, applet {
  357.   -moz-user-focus: normal;
  358. }
  359.  
  360. frameset {
  361.   display: block ! important;
  362.   overflow: hidden;
  363. }
  364.  
  365. frame {
  366.   background-color: transparent ! important; /* (b=49779) */
  367. }
  368.  
  369. iframe {
  370.   background-color: transparent ! important; /* (b=49779) */
  371.   border: 2px inset;
  372. }
  373.  
  374. form {
  375.   display: block;
  376.   margin: 0 0 1em 0;
  377. }
  378.  
  379.  
  380. /* miscellaneous form elements */
  381.  
  382. label {
  383.   /* our <label> support is badly broken. (b=47149) */
  384.   vertical-align: bottom;
  385.   padding-left: 3px;
  386.   padding-right: 3px;
  387. }
  388.  
  389. legend {
  390.   padding-left: 2px;
  391.   padding-right: 2px;
  392.   border: none;
  393. }
  394.  
  395. fieldset {
  396.   display: block;
  397.   border: 2px solid black;
  398.   padding: 4px 4px 4px 4px;
  399.   margin-left: 2px;
  400.   margin-right: 2px;
  401. }
  402.  
  403.  
  404. /* focusable content */
  405.  
  406. /* links */
  407. :link {
  408.   cursor: pointer;
  409.   -moz-user-focus: normal;
  410. }
  411.  
  412. :visited {
  413.   cursor: pointer;
  414.   -moz-user-focus: normal;
  415. }
  416.  
  417. :link:active, :visited:active {
  418.   color: red;
  419. }
  420.  
  421. :link:focus, :visited:focus {
  422.   -moz-outline: 1px dotted WindowText;
  423. }
  424.  
  425. /* default inputs, text inputs, and selects */
  426. input {
  427.   background-color: -moz-field;
  428.   border: 2px inset ThreeDFace;
  429.   color: WindowText;
  430.   cursor: text;
  431.   font: field;
  432.   text-align: start;
  433.   vertical-align: bottom;
  434.   -moz-box-sizing: border-box;
  435.   -moz-user-focus: normal;
  436.   -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
  437. }
  438.  
  439. textarea {
  440.   background-color: -moz-field;
  441.   border: 2px inset ThreeDFace;
  442.   color: WindowText;
  443.   font: field;
  444.   margin: 1px 0 1px 0;
  445.   text-align: start;
  446.   vertical-align: bottom;
  447.   -moz-box-sizing: border-box;
  448.   -moz-user-focus: normal;
  449.   -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#textAreas");
  450. }
  451.  
  452. :-moz-singleline-textcontrol-frame {
  453.   overflow: hidden;
  454.   white-space: nowrap;
  455.   background-color: inherit;
  456.   text-align: inherit;
  457. }
  458.  
  459. select {
  460.   font: list;
  461.   background-color: -moz-field;
  462.   border: 2px inset ThreeDFace;
  463.   margin: 1px 0 1px 0;
  464.   vertical-align: bottom;
  465.   color: WindowText;
  466.   white-space: nowrap;
  467.   text-align: start; 
  468.   cursor: default;
  469.   -moz-user-select: none;
  470.   -moz-user-focus: normal;
  471.   -moz-box-sizing: border-box;
  472. }
  473.  
  474. select > input[type="button"] {
  475.   position: static ! important;
  476.   white-space: nowrap;
  477.   background-image: url("arrow.gif");
  478.   background-repeat: no-repeat;
  479.   background-position: center;
  480.   width: 12px;
  481.   height: 12px;
  482.   -moz-user-focus: none;
  483. }
  484.  
  485. select > input[type="button"]:active {
  486.   background-image: url("arrowd.gif");
  487. }
  488.  
  489. select[size], :-moz-select-scrolled-content {
  490.   overflow: -moz-scrollbars-vertical;
  491. }
  492.  
  493. select:-moz-dummy-option { 
  494.   visibility: hidden; 
  495.   content: "XX"; /* demo 8, edge case test 1 */
  496. }
  497.  
  498. :-moz-display-comboboxcontrol-frame {
  499.   overflow: hidden;
  500.   white-space: nowrap;
  501.   background-color: inherit;
  502.   color: inherit;
  503.   text-align: inherit;
  504.   padding: 1px 0 1px 4px;
  505.   -moz-user-select: none;
  506. }
  507.  
  508. option {
  509.   min-height: 1em;
  510.   display: block;
  511.   -moz-user-select: none;
  512.   -moz-user-focus: none;
  513. }
  514.  
  515. select[size] > option {
  516.   padding: 0 5px 0 5px;
  517. }
  518.  
  519. select > option, select[size="1"] > option {
  520.   padding: 0 5px 0 3px;
  521. }
  522.  
  523. option[-moz-option-selected] {
  524.   color: HighlightText ! important;
  525.   background-color: Highlight ! important;
  526. }
  527.  
  528. optgroup {
  529.   display: block;
  530.   font: list;
  531.   font-style: italic;
  532.   font-weight: bold;
  533. }
  534.  
  535. optgroup > option {
  536.   padding-left: 20px;
  537.   font-style: normal;
  538.   font-weight: normal;
  539. }
  540.  
  541. optgroup:before {
  542.   display: block;
  543.   content: attr(label);
  544. }
  545.  
  546. :-moz-dropdown-list {
  547.   background-color: inherit;
  548.   border: 1px outset ThreeDFace; 
  549.   border-top-style: none;
  550.   z-index: 2147483647;
  551.   -moz-user-select: none;
  552. } 
  553.  
  554. input[disabled],
  555. textarea[disabled],
  556. option[disabled],
  557. select[disabled],
  558. select[disabled] > :-moz-display-comboboxcontrol-frame {
  559.   color: GrayText;
  560.   cursor: default;
  561. }
  562.  
  563. /* hidden inputs */
  564. input[type="hidden"] {
  565.   border: none;
  566.   visibility: hidden;
  567.   -moz-binding: none;
  568. }
  569.  
  570. /* image buttons */
  571. input[type="image"] {
  572.   border: none;
  573.   vertical-align: baseline;
  574.   background-color: transparent;
  575.   cursor: pointer;
  576.   font-family: sans-serif;
  577.   font-size: small;
  578.   -moz-binding: none;
  579. }
  580.  
  581. input[type="image"][disabled] {
  582.   cursor: default;
  583. }
  584.  
  585. /* file selector */
  586. input[type="file"] {
  587.   white-space: nowrap;
  588.   border: none;
  589.   cursor: default;
  590.   -moz-binding: none;
  591. }
  592.  
  593. /* button part of file selector */
  594. input[type="file"] > input[type="button"] {
  595.   height: inherit;
  596. }
  597.  
  598. /* radio buttons */
  599. input[type="radio"] {
  600.   border: 2px inset ThreeDFace;
  601.   background-color: -moz-field;
  602.   color: WindowText;
  603.   width: 12px;
  604.   height: 12px;
  605.   cursor: default;
  606.   vertical-align: baseline;
  607.   -moz-border-radius: 100%;
  608.   -moz-binding: none;
  609. }
  610.  
  611. /* check boxes */
  612. input[type="checkbox"] {
  613.   border: 2px inset ThreeDFace;
  614.   background-color: -moz-field;
  615.   color: WindowText;
  616.   width: 13px;
  617.   height: 13px;
  618.   cursor: default;
  619.   vertical-align: baseline;
  620.   -moz-binding: none;
  621. }
  622.  
  623. /* common features of radio buttons and check boxes */
  624. input[type="radio"][disabled],
  625. input[type="radio"][disabled]:active,
  626. input[type="radio"][disabled]:hover,
  627. input[type="radio"][disabled]:hover:active,
  628. input[type="checkbox"][disabled],
  629. input[type="checkbox"][disabled]:active,
  630. input[type="checkbox"][disabled]:hover,
  631. input[type="checkbox"][disabled]:hover:active {
  632.   padding: 1px;
  633.   border: 1px inset ThreeDShadow;
  634.   background-color: GrayText;
  635. }
  636.  
  637. input[type="checkbox"]:focus,
  638. input[type="radio"]:focus {
  639.   border-style: groove;
  640. }
  641.  
  642. input[type="checkbox"]:hover:active,
  643. input[type="radio"]:hover:active {
  644.   border-style: inset;
  645.   background-color: ThreeDHighlight;
  646. }
  647.  
  648. :-moz-radio {
  649.   background-color: WindowText;
  650.   width: 4px;
  651.   height: 4px;
  652.   left: 6px;
  653.   top: 6px;
  654.   -moz-border-radius: 3px;
  655. }
  656.  
  657. /* buttons */
  658. button, 
  659. input[type="reset"],
  660. input[type="button"],
  661. input[type="submit"] { 
  662.   border: 2px outset ButtonFace;
  663.   background-color: ButtonFace;
  664.   color: ButtonText; 
  665.   padding: 1px 1px 1px 1px;
  666.   font: button;
  667.   cursor: default;
  668.   white-space: pre;
  669.   -moz-box-sizing: border-box;
  670.   -moz-user-select: none;
  671.   -moz-binding: none;
  672. }
  673.  
  674. :button-content {
  675.   display: block;
  676.   text-align: center;
  677. }
  678.  
  679. button:active:hover,
  680. input[type="reset"]:active:hover,
  681. input[type="button"]:active:hover,
  682. input[type="submit"]:active:hover {
  683.   border-style: inset;
  684.   padding: 2px 0 0 2px;
  685. }
  686.  
  687. button:-moz-focus-inner,
  688. input[type="reset"]:-moz-focus-inner,
  689. input[type="button"]:-moz-focus-inner,
  690. input[type="submit"]:-moz-focus-inner {
  691.   padding: 1px 2px 1px 2px;
  692.   border: 1px dotted transparent;
  693. }
  694.  
  695. button:focus:-moz-focus-inner,
  696. input[type="reset"]:focus:-moz-focus-inner,
  697. input[type="button"]:focus:-moz-focus-inner,
  698. input[type="submit"]:focus:-moz-focus-inner {
  699.   border-color: ButtonText;
  700. }
  701.  
  702. button[disabled]:active, button[disabled],
  703. input[type="reset"][disabled]:active,
  704. input[type="reset"][disabled],
  705. input[type="button"][disabled]:active,
  706. input[type="button"][disabled],
  707. input[type="file"][disabled] > input[type="button"],
  708. input[type="file"][disabled] > input[type="button"]:active,
  709. select[disabled] > input[type="button"],
  710. select[disabled] > input[type="button"]:active,
  711. input[type="submit"][disabled]:active,
  712. input[type="submit"][disabled] {
  713.   border: 1px outset ButtonShadow;
  714.   padding: 1px 1px 1px 1px;
  715.   color: GrayText;
  716. }
  717.  
  718.  
  719. /* hidden elements */
  720. area, base, basefont, head, meta, script, style, title, noembed,
  721. noscript, noframes, param, :-moz-comment, :-moz-pi {
  722.   display: none;
  723. }
  724.  
  725.  
  726. /* magic */
  727.  
  728. :viewport, :viewport-scroll, :canvas {
  729.   display: block;
  730.   background-color: inherit;
  731. }
  732.  
  733. :scrolled-content { 
  734.   /* e.g., text inputs, select boxes */
  735.   background: inherit;
  736.   padding: inherit;
  737.   display: inherit;
  738. }
  739.  
  740. :wrapped-frame {
  741.   display: inherit;
  742. }
  743.  
  744. :placeholder-frame {
  745.   display: inline;
  746.   width: 0;
  747.   height: 0;
  748. }
  749.  
  750. :-moz-page, :-moz-page-sequence {
  751.   display: block;
  752.   background: transparent;
  753. }
  754.  
  755. :-moz-anonymous-positioned-block {
  756.   display: block;
  757.   position: relative;
  758.   top: inherit; 
  759.   left: inherit;
  760.   bottom: inherit;
  761.   right: inherit;
  762.   z-index: inherit;
  763.   clip: inherit;
  764.   -moz-opacity: inherit;
  765. }
  766.