home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 May / CHIPCD200305.iso / soft / ow32enen.exe / HELP.CSS < prev    next >
Cascading Style Sheet File  |  2003-04-08  |  10KB  |  568 lines
  1. /* general help styles **********************************************/
  2.  
  3. body {
  4.     background-color: white;
  5.     color: black;
  6. }
  7.  
  8. h1 {
  9.     margin-top: 0.5em;
  10.     letter-spacing: 1px;
  11.     color: maroon;
  12.     font-weight: bold;
  13.     font-size: 2em;
  14. }
  15.  
  16. h2 {
  17.     margin-top: 2em;
  18.     border-bottom: thin solid #355382;
  19.     color: #355382;
  20.     font-weight: bold;
  21.     font-size: 1.5em;
  22. }
  23.  
  24. h3 {
  25.     font-size: 1.1em;
  26.     margin-bottom: 0em;
  27. }
  28.  
  29. h4 {font-size: 1em;}
  30.  
  31. p {margin-top: 0em;}
  32.  
  33.  
  34. ol.alfa {list-style: lower-alpha;}
  35.  
  36.  
  37. /* styles for links *************************************************/
  38.  
  39. a:link, .fakelink { 
  40.     text-decoration: underline;
  41.     color: blue;
  42. }
  43.  
  44. a:visited, a:hover { 
  45.     text-decoration: underline;
  46.     color: red;
  47. }
  48.  
  49. a[target="_blank"]:after {
  50.     content: " \bb\bb";
  51.     color: green;
  52. }
  53.  
  54.  
  55. /* styles for text types ********************************************/
  56.  
  57. span.url, span.mailaddress, span.html, span.mime, span.file { 
  58.     font-family: "Lucida Console", "Courier New", monospace;
  59.     color: green;
  60.     white-space: nowrap;
  61. }
  62.  
  63. span.html a {color: green;}
  64.  
  65. kbd {
  66.     color: #333333;
  67.     background-color: #EFEFEF;
  68.     font-family: "Verdana";
  69.     font-weight: normal;
  70.     font-size: 80%;
  71.     text-align: center;
  72.     border-top: 2px double #CFCFCF;
  73.     border-left: 3px solid #BABABA;
  74.     border-right: 4px solid #AAAAAA;
  75.     border-bottom: 6px solid #909090;
  76.     padding-left: 0.2em;
  77.     padding-top: 0em;
  78.     padding-right: 0.2em;
  79.     padding-bottom: 0em;
  80.     line-height: 1.6em;
  81.     vertical-align: top;
  82.     white-space: nowrap;
  83. }
  84.  
  85. table kbd {font-size: 90%;}
  86.  
  87. .bold {font-weight: bold;}
  88.  
  89. .red {color: red;}
  90.  
  91. .underline {text-decoration: underline !important;}
  92.  
  93. .nowrap {white-space: nowrap;}
  94.  
  95. span.note {
  96.     color: maroon;
  97.     font-weight: bold;
  98. }
  99.  
  100. p.copyright {
  101.     margin-top: 3em;
  102.     padding-top: 1em;
  103.     border-top: 1px solid gray;
  104.     color: gray;
  105.     font-size: 0.75em;
  106.     text-align: center;
  107. }
  108.  
  109.  
  110. /* styles for tables ************************************************/
  111.  
  112. table {margin-bottom: 1em;}
  113.  
  114. td, th { 
  115.     text-align: left; 
  116.     vertical-align: top; 
  117. }
  118.  
  119. /* nice tables */
  120.  
  121. table.nice {
  122.     border-collapse: collapse;
  123.     border-style: hidden;
  124.     border-spacing: 0;
  125. }
  126.  
  127. table.nice td, table.nice th {
  128.     border: 1px dotted black;
  129.     padding: 0.25em;
  130.     font-size: 0.9em;
  131.     color: black;
  132.     background-color: white;
  133. }
  134.  
  135. table.nice th {white-space: nowrap;}
  136.  
  137. /* keyboard tables */
  138.  
  139. body.keytable table {
  140.     width: 100%;
  141.     border-collapse: collapse;
  142.     border-style: hidden;
  143.     border-spacing: 0;
  144. }
  145.  
  146. body.keytable th, body.keytable td {
  147.     border: 1px dotted black;
  148.     padding: 0.25em;
  149. }
  150.  
  151. body.keytable th {
  152.     max-width: 80%;
  153.     font-weight: normal;
  154.     padding-left: 0em;
  155. }
  156.  
  157. body.keytable td {
  158.     min-width: 20%;
  159.     white-space: nowrap;
  160.     padding-left: 0.5em;
  161. }
  162.  
  163. body.keytable h3 {
  164.     margin-bottom: 0;
  165.     margin-top: 0.75em;
  166. }
  167.  
  168. /* gesture tables */
  169.  
  170. div.gestures table {
  171.     width: 100%;
  172.     border-collapse: collapse;
  173.     border-style: hidden;
  174.     border-spacing: 0;
  175. }
  176.  
  177. div.gestures td {
  178.     min-width: 50%;
  179. /*    white-space: nowrap;*/
  180.     border: 1px dotted black;
  181. }
  182.  
  183. div.gestures th {
  184.     max-width: 50%;
  185.     font-weight: bold;
  186.     border: 1px dotted black;
  187. }
  188.  
  189.  
  190. /* styles for prefs dialogs ***********************************************/
  191.  
  192. div.prefs {
  193.     background-color: ThreeDFace;
  194.     color: WindowText;
  195.     font-family: "MS Sans Serif", sans-serif;
  196.     font-size: 12px;
  197.     border-top: 2px solid ThreeDLightShadow;
  198.     border-right: 2px solid ThreeDShadow;
  199.     border-bottom: 2px solid ThreeDShadow;
  200.     border-left: 2px solid ThreeDLightShadow;
  201.     max-width: 500px;
  202.     padding: 0em;
  203.     margin-top: 0.5em;
  204.     margin-bottom: 1em;
  205.     margin-left: auto;
  206.     margin-right: auto;
  207.     white-space: nowrap;
  208. }
  209.  
  210. div.prefs p.titlebar {
  211.     font-family: "MS Sans Serif", sans-serif;
  212.     background-color: ActiveCaption;
  213.     font-size: 14px;
  214.     font-weight: bold;
  215.     color: CaptionText;
  216.     margin-bottom: 4px;
  217. }
  218.  
  219. table.groupbox {
  220.     font-family: "MS Sans Serif", sans-serif;
  221.     border: 2px groove ThreeDFace;
  222.     margin 2px 4px 2px 4px;
  223.     padding: 6px;
  224.  
  225. }
  226.  
  227. table.groupbox caption {
  228.     font-weight: bold;
  229.     padding: 4px 4px 0px 8px;
  230.     text-align: left;
  231. }
  232.  
  233. table.groupbox td {color: WindowText;}
  234.  
  235. table.groupbox ul,
  236. table.groupbox li,
  237. td.ui ul,
  238. td.ui li,
  239. body.keytable ul,
  240. body.keytable li,
  241. table.nice ul,
  242. table.nice li,
  243. ul.lean,
  244. ul.lean li { 
  245.     list-style: none;
  246.     margin: 1px 0px 1px 0px;
  247.     padding: 0px;
  248. }
  249.  
  250. ul.lean li + li {padding-top: 1em;}
  251.  
  252.  
  253. /* styles for menus *************************************************/
  254.  
  255. table.mainmenu, table.menu {
  256.     border-spacing: 0;
  257.     empty-cells: show;
  258. }
  259.  
  260. table.menu th, table.menu td, table.mainmenu th {
  261.     text-align: left;
  262.     font-weight: normal;
  263.     vertical-align: top;
  264.     white-space: nowrap;
  265. }
  266.  
  267. table.menu th {
  268.     font: menu;
  269.     color: MenuText;
  270.     background-color: ThreeDFace;
  271.     border-left: 2px outset ThreeDLightShadow;
  272.     border-right: 2px ridge ThreeDDarkShadow;
  273.     padding: 0.15em 1em 0.15em 1em;
  274.     white-space: nowrap;
  275. }
  276.  
  277. table.menu td {
  278.     color: black;
  279.     background-color: white;
  280.     font-family: "Arial", "Tahoma", sans-serif;
  281.     font-size: 0.8em;
  282.     padding: 0em 0.5em 0em 0.5em;
  283.     vertical-align: middle;
  284. }
  285.  
  286. table.mainmenu th {padding: 4px;}
  287.  
  288. .mainmenu {
  289.     font: menu;
  290.     color: MenuText;
  291.     background-color: ThreeDFace;
  292.     padding: 0em 0.5em 0em 0.5em;
  293. }
  294.  
  295. table.menu th.sub {padding-left: 3em;}
  296.  
  297. table.menu th.sub2 {padding-left: 4.5em;}
  298.  
  299. table.menu tr.maketop th {
  300.     border-top: 2px outset ThreeDLightShadow;
  301.     padding: 0;
  302.     line-height:0;
  303. }
  304.  
  305. table.menu tr.makebottom th {
  306.     border-bottom: 2px ridge ThreeDDarkShadow;
  307.     padding : 0;
  308.     line-height:0;
  309. }
  310.  
  311. table.menu tr.makesep th {
  312.     border-top: 2px groove ThreeDLightShadow;
  313.     padding : 0;
  314.     line-height:0;
  315. }
  316.  
  317. table.menu tr.makesep td {
  318.     border-top: 1px dotted black;
  319.     padding : 0;
  320.     line-height:0;
  321. }
  322.  
  323.  
  324. tr.cool td {color: maroon;}
  325.  
  326. td.ui, table.nice td.ui {
  327.     background-color: ThreeDFace;
  328.     color: MenuText;
  329.     padding: 0px;
  330.     padding-left: 0.5em;
  331.     padding-right: 0.5em;
  332.     font: menu;
  333.     text-align: left;
  334.     white-space: nowrap;
  335. }
  336.  
  337. td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  338.     color: MenuText;
  339.     text-decoration: none;
  340. }
  341.  
  342. td.ui a:hover, .mainmenu a:hover {
  343.     color: HighlightText;
  344.     background-color: ActiveCaption;
  345.     text-decoration: none;
  346. }
  347.  
  348.  
  349. /* input styles *****************************************************/
  350.  
  351. input.button {
  352.     min-width: 75px;
  353.     min-height: 24px;
  354. }
  355.  
  356.  
  357. /* style for start page *********************************************/
  358.  
  359. body.startpage h1 {
  360.     text-align: center;
  361.     letter-spacing: 3px;
  362.     margin: 0em 0em 0.5em 0em;
  363.     padding: 0em 1em 0em 0em;
  364.     font-weight: bold;
  365. }
  366.  
  367. body.startpage h2 {
  368.     margin-top: 0.5em;
  369.     margin-bottom: 0em;
  370.     border-bottom: none;
  371.     page-break-before: avoid;
  372.     font-weight: normal;
  373. }
  374.  
  375. body.startpage h3 {
  376.     margin-top: 0.5em;
  377.     margin-bottom: 0em;
  378. }
  379.  
  380. body.startpage p {clear: both;}
  381.  
  382. div.section {
  383.     float: left;
  384.     margin-left: 4%;
  385.     margin-right: 0.5em;
  386.     padding-left: 1em;
  387.     padding-right: 1em;
  388.     font-weight: normal;
  389. }
  390.  
  391. div.section p {max-width: 20em;}
  392.  
  393.  
  394. body.toc a:link, body.toc a:visited, body.startpage a:link, body.startpage a:visited {
  395.     text-decoration: none;
  396.     color: black;
  397. }
  398.  
  399. body.toc a:hover, body.startpage a:hover {
  400.     text-decoration: none;
  401.     color: white;
  402.     background-color: black;
  403. }
  404.  
  405. body.startpage ul {
  406.     list-style: none;
  407.     margin: 0.5em 0em 0.5em 0em;
  408.     padding: 0em;
  409. }
  410.  
  411. body.startpage li {
  412.     margin: 0;
  413.     padding: 0;
  414. }
  415.  
  416. form.search {
  417.     padding-right: 15%;
  418.     text-align: right;
  419. }
  420.  
  421. form.search input[type="submit"] {font-size: 0.9em;}
  422.  
  423.  
  424. /* styles for toc **********************************************/
  425.  
  426. body.toc {
  427.     font-family: "Verdana", serif;
  428.     font-size: 11px;
  429.     padding-left: 10px;
  430. }
  431.  
  432. body.toc form.search {
  433.     padding-right: 0em;
  434.     text-align: center;
  435. }
  436.  
  437. body.toc ul { 
  438.     list-style: none;
  439.     margin: 0;
  440.     margin-left: 0em;
  441.     font-size: 1.2em;
  442.     font-weight: bold;
  443. }
  444.  
  445. body.toc ul ul {
  446.     font-size: 0.9em;
  447.     margin-left: 0em;
  448.     border-top: none;
  449.     font-weight: normal;
  450.     border-top: 1px dotted black;
  451.     margin-bottom: 1em;
  452. }
  453.  
  454. body.toc ul ul ul {
  455.     font-size: 0.9em;
  456.     margin-top: 0;
  457.     margin-left: 1em;
  458.     border-top: none;
  459.     margin-bottom: 0;
  460. }
  461.  
  462. body.toc li {margin: 0;}
  463.  
  464.  
  465. /* styles for treeview **********************************************/
  466.  
  467. table.tree {border-spacing: 0;}
  468.  
  469. table.tree th, table.tree td {
  470.     text-align: left;
  471.     font-weight: normal;
  472.     vertical-align: top;
  473. /*    white-space: nowrap;*/
  474. }
  475.  
  476. table.tree th {
  477.     font: menu;
  478.     color: MenuText;
  479.     padding: 0.15em;
  480.     padding-left: 1em;
  481.     padding-right: 1em;
  482.     white-space: nowrap;
  483. }
  484.  
  485. table.tree td {
  486.     font-family: "Arial", "Tahoma", sans-serif;
  487.     font-size: 11px;
  488.     padding-left: 0.5em;
  489.     padding-right: 0.5em;
  490.     vertical-align: middle;
  491. }
  492.  
  493. table.tree th.tsub {padding-left: 3em;}
  494.  
  495. table.tree th.tsub2 {padding-left: 4.5em;}
  496.  
  497. tr.parent td, tr.parent th {font-weight: bold;}
  498.  
  499.  
  500.  
  501. /* styles for media **********************************************/
  502.  
  503. @media screen, projection, tv {
  504.  
  505. body, table {
  506.     font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  507.     margin-left: auto;
  508.     margin-right: auto;
  509.     max-width: 60em;
  510. }
  511.  
  512. }
  513.  
  514.  
  515. @media screen, tv {
  516.  
  517. html {
  518.     padding: 1em;
  519.     border-top: thin solid black;
  520.     background-color: #3b5f8a;
  521.     background-image: url(background.png);
  522.     background-repeat: repeat;
  523. }
  524.  
  525. body {font-size: 0.9em;}
  526.  
  527. }
  528.  
  529.  
  530. @media projection {
  531.  
  532. body {font-size: 1.2em;}
  533.  
  534. h1 {
  535.     margin-top: 20%;
  536.     text-align: center;
  537.     font-size: 3em;
  538. }
  539.  
  540.  
  541. h2 {
  542.     margin-top: 0em;
  543.     padding: 1em 0.5em 0.5em 0.5em;
  544.     background-color: #355382;
  545.     color: white;
  546.     border: none;
  547.     page-break-before: always;
  548. }
  549.  
  550. .nobreak {page-break-before: avoid;}
  551.  
  552. p.copyright {display: none;}
  553.  
  554. }
  555.  
  556.  
  557. @media print {
  558.  
  559. body, table {
  560.     font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  561.     font-size: 1em;
  562. }
  563.  
  564. }
  565.  
  566.  
  567. /* end of styles ****************************************************/
  568.