home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2004 September / Gamestar_65_2004-09_dvd.iso / Programy / Opera / cestina753.exe / cestina753 / Help / help.css < prev    next >
Cascading Style Sheet File  |  2004-06-04  |  9KB  |  573 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. table.keytable {
  132.     width: 100%;
  133.     border-collapse: collapse;
  134.     border-style: hidden;
  135.     border-spacing: 0;
  136. }
  137.  
  138. table.keytable th, table.keytable td {
  139.     border: 1px dotted black;
  140.     padding: 0.25em;
  141. }
  142.  
  143. table.keytable th {
  144.     font-weight: normal;
  145.     padding-left: 0em;
  146. }
  147.  
  148. table.keytable td {
  149.         width: 25%;
  150.     white-space: nowrap;
  151.     padding-left: 0.5em;
  152. }
  153.  
  154. table.keytable h3 {
  155.     margin-bottom: 0;
  156.     margin-top: 0.75em;
  157. }
  158.  
  159. table.keytable ul,
  160. table.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. div.section td {
  320.   padding-right: 2em;
  321. }
  322.  
  323. body.toc a:link, body.toc a:visited, ul.prefslist li a:link, ul.prefslist li a:visited {
  324.     text-decoration: none;
  325.     color: black;
  326. }
  327.  
  328. body.toc a:hover, ul.prefslist li a:hover {
  329.     text-decoration: none;
  330.         color: white;
  331.     background-color: black;
  332. }
  333.  
  334. body.startpage ul {
  335.     list-style: none;
  336.     margin: 0.5em 0em 0.5em 0em;
  337.     padding: 0em;
  338. }
  339.  
  340. body.startpage li {
  341.     margin: 0;
  342.     padding: 0;
  343. }
  344.  
  345. body.startpage form.search {
  346.     padding-right: 1em;
  347.     text-align: right;
  348.     float: right;
  349. }
  350.  
  351. form.search input[type="submit"] {font-size: 0.9em;}
  352.  
  353.  
  354. /* styles for toc **********************************************/
  355.  
  356. body.toc {
  357.     font-family: "Verdana", serif;
  358.     font-size: 11px;
  359.     padding-left: 10px;
  360. }
  361.  
  362. body.toc form.search {
  363. }
  364.  
  365. ol.toc { 
  366.     display: table;
  367. }
  368.  
  369. body.toc ul, ol.toc { 
  370.     list-style: none;
  371.     margin: 0;
  372.     margin-left: 0em;
  373.     font-size: 1.2em;
  374.     font-weight: bold;
  375. }
  376.  
  377. ol.toc ul {
  378.     font-size: 0.9em;
  379.     margin-left: 0em;
  380.     border-top: none;
  381.     font-weight: normal;
  382.     border-top: 1px dotted black;
  383.     margin-bottom: 1em;
  384. }
  385.  
  386. ol.toc ul ul {
  387.     font-size: 0.9em;
  388.     margin-top: 0;
  389.     margin-left: 1em;
  390.     border-top: none;
  391.     margin-bottom: 0;
  392. }
  393.  
  394. body.toc li {margin: 0;}
  395.  
  396.  
  397. /* styles for prefslist *********************************************/
  398.  
  399. ul.prefslist { 
  400.     list-style: none;
  401.     display: table;
  402. }
  403.  
  404. .prefslist li {
  405.     margin: 0;
  406. }
  407.  
  408. .prefsdiv { 
  409.     border-top: dotted 1px black;
  410.     padding: 0;
  411.     line-height: 0;
  412. }
  413.  
  414. /* styles for treeview **********************************************/
  415.  
  416. table.tree {border-spacing: 0;}
  417.  
  418. table.tree th, table.tree td {
  419.     text-align: left;
  420.     font-weight: normal;
  421.     vertical-align: top;
  422. /*    white-space: nowrap;*/
  423. }
  424.  
  425. table.tree th {
  426.     font: menu;
  427. /*  */    color: MenuText;
  428.     padding: 0.15em;
  429.     padding-left: 1em;
  430.     padding-right: 1em;
  431.     white-space: nowrap;
  432. }
  433.  
  434. table.tree td {
  435.     font-family: "Arial", "Tahoma", sans-serif;
  436.     font-size: 11px;
  437.     padding-left: 0.5em;
  438.     padding-right: 0.5em;
  439.     vertical-align: middle;
  440. }
  441.  
  442. table.tree th.tsub {padding-left: 3em;}
  443.  
  444. table.tree th.tsub2 {padding-left: 4.5em;}
  445.  
  446. tr.parent td, tr.parent th {font-weight: bold;}
  447.  
  448.  
  449.  
  450. /* styles for media **********************************************/
  451.  
  452. @media screen, projection, tv {
  453.  
  454. body, table {
  455.     max-width: 60em;
  456. }
  457.  
  458. body {
  459.     margin-left: auto;
  460.     margin-right: auto;
  461. }
  462.  
  463. kbd {
  464.     color: #333333;
  465.     background-color: #EFEFEF;
  466.     font-family: "Verdana";
  467.     font-weight: normal;
  468.     font-size: 80%;
  469.     text-align: center;
  470.     border-top: 2px double #CFCFCF;
  471.     border-left: 3px solid #BABABA;
  472.     border-right: 4px solid #AAAAAA;
  473.     border-bottom: 6px solid #909090;
  474.     padding-left: 0.2em;
  475.     padding-top: 0em;
  476.     padding-right: 0.2em;
  477.     padding-bottom: 0em;
  478.     line-height: 1.6em;
  479.     vertical-align: top;
  480. }
  481.  
  482. a[target="_blank"]:after {
  483.     content: " \bb\bb";
  484.     color: green;
  485. }
  486.  
  487. p.projection-note {display: none;}
  488.  
  489. }
  490.  
  491.  
  492. @media screen, tv {
  493.  
  494. html {
  495.     padding: 1em;
  496.     border-top: thin solid black;
  497.     background-color: #3b5f8a;
  498.     background-image: url(background.png);
  499.     background-repeat: repeat;
  500. }
  501.  
  502. body {font-size: 0.9em;}
  503.  
  504. }
  505.  
  506.  
  507. @media projection {
  508.  
  509. body {font-size: 1.2em;}
  510.  
  511. h1 {
  512.     margin-top: 20%;
  513.     text-align: center;
  514.     font-size: 3em;
  515. }
  516.  
  517.  
  518. h2 {
  519.     margin-top: 0em;
  520.     padding: 1em 0.5em 0.5em 0.5em;
  521.     background-color: #355382;
  522.     color: white;
  523.     border: none;
  524.     page-break-before: always;
  525. }
  526.  
  527. p.projection-note {
  528.   display: block;
  529.   position: absolute;
  530.   text-align: right;
  531.   right: 1em;
  532.   left: 1em;
  533.   bottom: 1em;
  534. }
  535.  
  536. .nobreak {page-break-before: avoid;}
  537.  
  538. p.copyright {display: none;}
  539.  
  540. }
  541.  
  542.  
  543. @media print {
  544.  
  545. body, table {
  546.     font-size: 11pt;
  547. }
  548.  
  549. * {
  550.     color: black !important;
  551. }
  552.  
  553. kbd:before {
  554.     content: "[";
  555. }
  556.  
  557. kbd:after {
  558.     content: "]";
  559. }
  560.  
  561. form.search {
  562.     display: none;
  563. }
  564.  
  565. }
  566.  
  567. .nice div {
  568.   width: -o-skin; height: -o-skin;
  569.   display: inline-block;
  570. }
  571.  
  572. /* end of styles ****************************************************/
  573.