home *** CD-ROM | disk | FTP | other *** search
/ PC Welt 2003 August / PCWELT_8_2003.ISO / browser / Opera / ow32dede711j.exe / HELP.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-03-14  |  9.9 KB  |  576 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. /*
  325. tr.cool th:before {
  326.     content: "⇒ ";
  327.     font-weight: bold;
  328.     color: maroon;
  329. }
  330.  
  331. tr.cool td {font-weight: bold;}
  332. */
  333.  
  334. td.ui, table.nice td.ui {
  335.     background-color: ThreeDFace;
  336.     color: MenuText;
  337.     padding: 0px;
  338.     padding-left: 0.5em;
  339.     padding-right: 0.5em;
  340.     font: menu;
  341.     text-align: left;
  342.     white-space: nowrap;
  343. }
  344.  
  345. td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  346.     color: MenuText;
  347.     text-decoration: none;
  348. }
  349.  
  350. td.ui a:hover, .mainmenu a:hover {
  351.     color: HighlightText;
  352.     background-color: ActiveCaption;
  353.     text-decoration: none;
  354. }
  355.  
  356.  
  357. /* input styles *****************************************************/
  358.  
  359. input.button {
  360.     min-width: 75px;
  361.     min-height: 24px;
  362. }
  363.  
  364.  
  365. /* style for start page *********************************************/
  366.  
  367. body.startpage h1 {
  368.     text-align: center;
  369.     letter-spacing: 3px;
  370.     margin: 0em 0em 0.5em 0em;
  371.     padding: 0em 1em 0em 0em;
  372.     font-weight: bold;
  373. }
  374.  
  375. body.startpage h2 {
  376.     margin-top: 0.5em;
  377.     margin-bottom: 0em;
  378.     border-bottom: none;
  379.     page-break-before: avoid;
  380.     font-weight: normal;
  381. }
  382.  
  383. body.startpage h3 {
  384.     margin-top: 0.5em;
  385.     margin-bottom: 0em;
  386. }
  387.  
  388. body.startpage p {clear: both;}
  389.  
  390. div.section {
  391.     float: left;
  392.     margin-left: 4%;
  393.     margin-right: 0.5em;
  394.     padding-left: 1em;
  395.     padding-right: 1em;
  396.     font-weight: normal;
  397. }
  398.  
  399. div.section p {max-width: 20em;}
  400.  
  401.  
  402. body.toc a:link, body.toc a:visited, body.startpage a:link, body.startpage a:visited {
  403.     text-decoration: none;
  404.     color: black;
  405. }
  406.  
  407. body.toc a:hover, body.startpage a:hover {
  408.     text-decoration: none;
  409.     color: white;
  410.     background-color: black;
  411. }
  412.  
  413. body.startpage ul {
  414.     list-style: none;
  415.     margin: 0.5em 0em 0.5em 0em;
  416.     padding: 0em;
  417. }
  418.  
  419. body.startpage li {
  420.     margin: 0;
  421.     padding: 0;
  422. }
  423.  
  424. form.search {
  425.     padding-right: 15%;
  426.     text-align: right;
  427. }
  428.  
  429. form.search input[type="submit"] {font-size: 0.9em;}
  430.  
  431.  
  432. /* styles for toc **********************************************/
  433.  
  434. body.toc {
  435.     font-family: "Verdana", serif;
  436.     font-size: 11px;
  437.     padding-left: 10px;
  438. }
  439.  
  440. body.toc form.search {
  441.     padding-right: 0em;
  442.     text-align: center;
  443. }
  444.  
  445. body.toc ul { 
  446.     list-style: none;
  447.     margin: 0;
  448.     margin-left: 0em;
  449.     font-size: 1.2em;
  450.     font-weight: bold;
  451. }
  452.  
  453. body.toc ul ul {
  454.     font-size: 0.9em;
  455.     margin-left: 0em;
  456.     border-top: none;
  457.     font-weight: normal;
  458.     border-top: 1px dotted black;
  459.     margin-bottom: 1em;
  460. }
  461.  
  462. body.toc ul ul ul {
  463.     font-size: 0.9em;
  464.     margin-top: 0;
  465.     margin-left: 1em;
  466.     border-top: none;
  467.     margin-bottom: 0;
  468. }
  469.  
  470. body.toc li {margin: 0;}
  471.  
  472.  
  473. /* styles for treeview **********************************************/
  474.  
  475. table.tree {border-spacing: 0;}
  476.  
  477. table.tree th, table.tree td {
  478.     text-align: left;
  479.     font-weight: normal;
  480.     vertical-align: top;
  481. /*    white-space: nowrap;*/
  482. }
  483.  
  484. table.tree th {
  485.     font: menu;
  486.     color: MenuText;
  487.     padding: 0.15em;
  488.     padding-left: 1em;
  489.     padding-right: 1em;
  490.     white-space: nowrap;
  491. }
  492.  
  493. table.tree td {
  494.     font-family: "Arial", "Tahoma", sans-serif;
  495.     font-size: 11px;
  496.     padding-left: 0.5em;
  497.     padding-right: 0.5em;
  498.     vertical-align: middle;
  499. }
  500.  
  501. table.tree th.tsub {padding-left: 3em;}
  502.  
  503. table.tree th.tsub2 {padding-left: 4.5em;}
  504.  
  505. tr.parent td, tr.parent th {font-weight: bold;}
  506.  
  507.  
  508.  
  509. /* styles for media **********************************************/
  510.  
  511. @media screen, projection, tv {
  512.  
  513. body, table {
  514.     font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  515.     margin-left: auto;
  516.     margin-right: auto;
  517.     max-width: 60em;
  518. }
  519.  
  520. }
  521.  
  522.  
  523. @media screen, tv {
  524.  
  525. html {
  526.     padding: 1em;
  527.     border-top: thin solid black;
  528.     background-color: #3b5f8a;
  529.     background-image: url(background.png);
  530.     background-repeat: repeat;
  531. }
  532.  
  533. body {font-size: 0.9em;}
  534.  
  535. }
  536.  
  537.  
  538. @media projection {
  539.  
  540. body {font-size: 1.2em;}
  541.  
  542. h1 {
  543.     margin-top: 20%;
  544.     text-align: center;
  545.     font-size: 3em;
  546. }
  547.  
  548.  
  549. h2 {
  550.     margin-top: 0em;
  551.     padding: 1em 0.5em 0.5em 0.5em;
  552.     background-color: #355382;
  553.     color: white;
  554.     border: none;
  555.     page-break-before: always;
  556. }
  557.  
  558. .nobreak {page-break-before: avoid;}
  559.  
  560. p.copyright {display: none;}
  561.  
  562. }
  563.  
  564.  
  565. @media print {
  566.  
  567. body, table {
  568.     font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  569.     font-size: 1em;
  570. }
  571.  
  572. }
  573.  
  574.  
  575. /* end of styles ****************************************************/
  576.