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