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