/documentation/talks/vistacenter_5-22-2010/w3c-blue2.css

http://eyes-free.googlecode.com/ · CSS · 435 lines · 355 code · 60 blank · 20 comment · 0 complexity · c6798479640788db75e01cd79282fe0b MD5 · raw file

  1. /* w3c-ac.css
  2. Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
  3. W3C liability, trademark, document use and software licensing
  4. rules apply, see:
  5. http://www.w3.org/Consortium/Legal/copyright-documents
  6. http://www.w3.org/Consortium/Legal/copyright-software
  7. */
  8. body
  9. {
  10. margin: 0 0 0 0;
  11. padding: 0 0 0 0;
  12. width: 100%;
  13. height: 100%;
  14. color: black;
  15. background-color: white;
  16. font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
  17. font-size: 14pt;
  18. }
  19. .hidden { display: none; visible: hidden }
  20. div.toolbar {
  21. position: fixed; z-index: 200;
  22. top: auto; bottom: 0; left: 0; right: 0;
  23. height: 1.2em; text-align: right;
  24. padding-left: 1em;
  25. padding-right: 1em;
  26. font-size: 60%;
  27. color: red; background: rgb(240,240,240);
  28. }
  29. div.background {
  30. display: none;
  31. }
  32. div.handout {
  33. margin-left: 20px;
  34. margin-right: 20px;
  35. }
  36. div.slide.titlepage {
  37. text-align: center;
  38. }
  39. div.slide.titlepage.h1 {
  40. padding-top: 40%;
  41. }
  42. div.slide {
  43. z-index: 20;
  44. margin: 0 0 0 0;
  45. padding-top: 0;
  46. padding-bottom: 0;
  47. padding-left: 20px;
  48. padding-right: 20px;
  49. border-width: 0;
  50. top: 0;
  51. bottom: 0;
  52. left: 0;
  53. right: 0;
  54. line-height: 120%;
  55. background-color: transparent;
  56. }
  57. /* this rule is hidden from IE6 which doesn't support + selector */
  58. div.slide + div[class].slide { page-break-before: always;}
  59. div.slide h1 {
  60. padding-left: 1em;
  61. padding-right: 1em;
  62. padding-top: 0.3em;
  63. padding-bottom: 0.3em;
  64. margin-top: 0;
  65. margin-left: 0;
  66. margin-right: 0;
  67. margin-bottom: 0.8em;
  68. display: block;
  69. font-size: 300%;
  70. line-height: 1.2em;
  71. color: white;
  72. background-color: #005A9C;
  73. }
  74. pre {
  75. color: rgb(0,128,0); font-size: 80%;
  76. font-weight: bold; line-height: 120%;
  77. padding-top: 0.2em;
  78. padding-bottom: 0.2em;
  79. padding-left: 2em;
  80. padding-right: 1em;
  81. border-style: solid;
  82. border-left-width: 1em;
  83. border-top-width: thin;
  84. border-right-width: thin;
  85. border-bottom-width: thin;
  86. border-color: #95ABD0;
  87. color: #00428C;
  88. }
  89. li pre { margin-left: 0; }
  90. @media print { pre { font-size: 60% } }
  91. blockquote { font-style: italic }
  92. img { background-color: transparent }
  93. p.copyright { font-size: smaller }
  94. .center { text-align: center }
  95. .footnote { font-size: smaller; margin-left: 2em; }
  96. a img { border-width: 0; border-style: none }
  97. a:visited { color: navy }
  98. a:link { color: navy }
  99. a:hover { color: red; text-decoration: underline }
  100. a:active { color: red; text-decoration: underline }
  101. a {text-decoration: none}
  102. .navbar a:link {color: white}
  103. .navbar a:visited {color: yellow}
  104. .navbar a:active {color: red}
  105. .navbar a:hover {color: red}
  106. ul { list-style-type: square; }
  107. ul ul { list-style-type: disc; }
  108. ul ul ul { list-style-type: circle; }
  109. ul ul ul ul { list-style-type: disc; }
  110. li { margin-left: 0.5em; margin-top: 0.5em; font-size: 200%;}
  111. li li { font-size: 85%; font-style: italic }
  112. li li li { font-size: 85%; font-style: normal }
  113. div dt
  114. {
  115. margin-left: 0;
  116. margin-top: 1em;
  117. margin-bottom: 0.5em;
  118. font-weight: bold;
  119. }
  120. div dd
  121. {
  122. margin-left: 2em;
  123. margin-bottom: 0.5em;
  124. }
  125. p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6 {
  126. margin-left: 1em;
  127. margin-right: 1em;
  128. }
  129. p.subhead { font-weight: bold; margin-top: 2em; }
  130. .smaller { font-size: 80%; }
  131. td,th { padding: 0.2em }
  132. ul {
  133. margin: 0.5em 1.5em 0.5em 1.5em;
  134. padding: 0;
  135. }
  136. ol {
  137. margin: 0.5em 1.5em 0.5em 1.5em;
  138. padding: 0;
  139. }
  140. ul { list-style-type: square; }
  141. ul ul { list-style-type: disc; }
  142. ul ul ul { list-style-type: circle; }
  143. ul ul ul ul { list-style-type: disc; }
  144. ul li {
  145. list-style: none;
  146. margin: 0.1em 0em 0.6em 0;
  147. padding: 0 0 0 40px;
  148. background: transparent url(bullet.png) no-repeat 5px 8px;
  149. line-height: 140%;
  150. }
  151. /* workaround IE's failure to support background on li for print media */
  152. @media print { ul li { list-style: disc; padding-left: 0; background: none; } }
  153. ol li {
  154. margin: 0.1em 0em 0.6em 1.5em;
  155. padding: 0 0 0 0px;
  156. line-height: 140%;
  157. }
  158. li li {
  159. font-size: 85%;
  160. font-style: italic;
  161. list-style-type: disc;
  162. background: transparent;
  163. padding: 0 0 0 0;
  164. }
  165. li li li {
  166. font-size: 85%;
  167. font-style: normal;
  168. list-style-type: circle;
  169. background: transparent;
  170. padding: 0 0 0 0;
  171. }
  172. li li li li {
  173. list-style-type: disc;
  174. background: transparent;
  175. padding: 0 0 0 0;
  176. }
  177. img.withBorder {
  178. border: 2px solid #c60;
  179. padding: 4px;
  180. }
  181. div.header {
  182. position: absolute;
  183. z-index: 2;
  184. left: 0;
  185. right: 0;
  186. top: 0;
  187. bottom: auto;
  188. height: 5.95em;
  189. width: 100%;
  190. padding: 0 0 0 0;
  191. margin: 0 0 0 0;
  192. border-width: 0;
  193. border-style: solid;
  194. background-color: #005A9C;
  195. border-bottom-width: thick;
  196. border-bottom-color: #95ABD0;
  197. }
  198. div.footer {
  199. position: absolute;
  200. z-index: 80;
  201. left: 0;
  202. right: 0;
  203. top: auto;
  204. bottom: 0;
  205. height: 3.5em;
  206. margin: 0;
  207. font-size: 80%;
  208. font-weight: bold;
  209. padding-left: 1em;
  210. padding-right: 0;
  211. padding-top: 0.3em;
  212. padding-bottom: 0;
  213. color: #003366;
  214. background-color: #95ABD0;
  215. }
  216. /* this is a hack to hide property from IE6 and below */
  217. div[class="footer"] {
  218. position: fixed;
  219. }
  220. #w3c-logo {
  221. margin: 0;
  222. margin-top: 0.3em;
  223. margin-right: 0.75em;
  224. padding-top: 0;
  225. padding-bottom: 0;
  226. padding-left: 0;
  227. padding-right: 0;
  228. height: 2em;
  229. width: 4.1em;
  230. float: right;
  231. z-index: 3;
  232. background: #90A7D0;
  233. }
  234. #w3c-logo-fallback {
  235. margin: 0;
  236. margin-top: -0.5em;
  237. margin-right: 0.75em;
  238. padding-top: 0;
  239. padding-bottom: 0;
  240. padding-left: 0;
  241. padding-right: 0;
  242. height: 3em;
  243. width: 4.1em;
  244. float: right;
  245. z-index: 3;
  246. background: #90A7D0;
  247. }
  248. div.cover {
  249. margin: 0;
  250. padding: 0;
  251. background-color: #90A7D0;
  252. overflow: hidden;
  253. width: 100%;
  254. height: 100%;
  255. }
  256. div.cover div.header
  257. {
  258. position: absolute;
  259. z-index: 0;
  260. left: 0;
  261. right: 0;
  262. top: 0;
  263. bottom: auto;
  264. height: auto;
  265. margin: 0;
  266. width: 100%;
  267. padding: 0.5em 0.5em 1em 0.5em;
  268. color: #FFFFFF;
  269. border-width: 0;
  270. border-style: solid;
  271. background-color: #005A9C;
  272. border-bottom-width: thick;
  273. border-bottom-color: #95ABD0;
  274. }
  275. div.slide.cover h1
  276. {
  277. margin-bottom: 0;
  278. background-color: #005A9C;
  279. }
  280. div.slide.cover img.cover
  281. {
  282. margin-top: 5em;
  283. float: right;
  284. width: 60%;
  285. }
  286. div.slide h1 a:link {color: white}
  287. div.slide h1 a:visited {color: white}
  288. div.slide h1 a:active {
  289. color: red;
  290. text-decoration: underline;
  291. }
  292. div.slide h1 a:hover {
  293. color: yellow;
  294. text-decoration: underline;
  295. }
  296. div.slide h1 a { text-decoration: none }
  297. div.slide.cover h2 {
  298. clear: both;
  299. color: white;
  300. padding-top: 4em;
  301. }
  302. div.cover div.header p
  303. {
  304. clear: both;
  305. margin-top: 0.5em;
  306. margin-left: 1.5em;
  307. margin-bottom: 0;
  308. }
  309. div.header p.explanation {
  310. font-style: italic;
  311. }
  312. div.slide.cover a {
  313. color: white;
  314. }
  315. div.slide.cover a:hover, div.slide.cover a:active {
  316. color: yellow; text-decoration: underline;
  317. }
  318. /* for Bert as an ardent user of the old W3C slidemaker tool */
  319. div.comment { display: none; visibility: hidden }
  320. @media print { div.comment { display: block; visibility: visible } }
  321. /*
  322. setting class="outline on ol or ul makes it behave as an
  323. ouline list where blocklevel content in li elements is
  324. hidden by default and can be expanded or collapsed with
  325. mouse click. Set class="expand" on li to override default
  326. */
  327. ol.outline li:hover { cursor: pointer }
  328. ol.outline li.nofold:hover { cursor: default }
  329. ul.outline li:hover { cursor: pointer }
  330. ul.outline li.nofold:hover { cursor: default }
  331. ol.outline { list-style:decimal; }
  332. ol.outline ol { list-style-type:lower-alpha }
  333. ol.outline li.nofold {
  334. padding: 0 0 0 20px;
  335. background: transparent url(nofold-dim.bmp) no-repeat 0px 0.5em;
  336. }
  337. ol.outline li.unfolded {
  338. padding: 0 0 0 20px;
  339. background: transparent url(fold-dim.bmp) no-repeat 0px 0.5em;
  340. }
  341. ol.outline li.folded {
  342. padding: 0 0 0 20px;
  343. background: transparent url(unfold-dim.bmp) no-repeat 0px 0.5em;
  344. }
  345. ol.outline li.unfolded:hover {
  346. padding: 0 0 0 20px;
  347. background: transparent url(fold.bmp) no-repeat 0px 0.5em;
  348. }
  349. ol.outline li.folded:hover {
  350. padding: 0 0 0 20px;
  351. background: transparent url(unfold.bmp) no-repeat 0px 0.5em;
  352. }
  353. /* rectangular blue bullet + unfold/nofold/fold widget */
  354. ul.outline li.nofold {
  355. padding: 0 0 0 52px;
  356. background: transparent url(bullet-nofold-dim.gif) no-repeat 5px 8px;
  357. }
  358. ul.outline li.unfolded {
  359. padding: 0 0 0 52px;
  360. background: transparent url(bullet-fold-dim.gif) no-repeat 5px 8px;
  361. }
  362. ul.outline li.folded {
  363. padding: 0 0 0 52px;
  364. background: transparent url(bullet-unfold-dim.gif) no-repeat 5px 8px;
  365. }
  366. ul.outline li.unfolded:hover {
  367. padding: 0 0 0 52px;
  368. background: transparent url(bullet-fold.gif) no-repeat 5px 8px;
  369. }
  370. ul.outline li.folded:hover {
  371. padding: 0 0 0 52px;
  372. background: transparent url(bullet-unfold.gif) no-repeat 5px 8px;
  373. }