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