home *** CD-ROM | disk | FTP | other *** search
/ PC World 2005 May / PCWorld_2005-05_cd.bin / novinky / Interval / __services / styles / interval-display.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-01-30  |  25.6 KB  |  390 lines
  1. /* */
  2. /* Interval specific document rules (media display). */
  3. /* */
  4.  
  5. /**/
  6. /* Colors: blue(#003366; #3366CC; #66CCFF), gray(#33333; #666666; #999999; #CCCCCC) */
  7. /**/
  8.  
  9.  
  10.  
  11. /* */
  12. /* All pages... */
  13.  
  14. /* General settings - general */
  15. body, tr, th, td, pre, tt, code, kbd, samp {font-size: x-small}
  16. html>body, tr>th, tr>td, div>pre, p>pre, li>pre, td>pre, div>tt, p>tt, li>tt, td>tt, div>code, p>code, li>code, td>code, div>kbd, p>kbd, li>kbd, td>kbd, div>samp, p>samp, li>samp, td>samp {font-size: small}
  17. body {background-color: #EEEEEE; margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; color: #000000; text-align: center}
  18.  
  19. a:link, a:visited {background-color: transparent; color: #3366CC}
  20. a:active, a:link:hover {background-color: transparent; color: #FF0000}
  21.  
  22. h1, h2, h3, h4, h5, h6, b, strong {font-weight: bold}
  23. div {text-align: left}
  24. img {border: 0}
  25.  
  26. div.page-maker {border: 0; clear: both; font-size: 0px; margin: 0; padding: 0}
  27. div.page-maker-white {border: 1px solid #FFFFFF; clear: both; font-size: 0px; margin: 0; padding: 0}
  28.  
  29. .textversion {display: none}
  30. .otheritems {padding-right: 1em; text-align: right}
  31. .audits {display: inline}
  32. .submit {cursor: pointer}
  33.  
  34. /* General settings - basic page structures */
  35. #page-header {width: 750px; border: 5px solid #EEEEEE; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 0}
  36. #interval-logo {float: left; height: 60px; width: 190px; margin: 0; padding: 0}
  37. #interval-logo h1 {display: inline}
  38. #interval-logo a {background-color: transparent; display: block; position: relative; height: 60px; width: 190px; margin: 0; padding: 0; color: #3366CC}
  39. #interval-logo span {background: url('../icons/logo.png') top left no-repeat; cursor: pointer; display: block; position: absolute; height: 60px; width: 190px; margin: 0; padding: 0; left: 0; top: 0; z-index: 1}
  40. #page-topmenu {background-color: #EEEEEE; width: 750px; border-left: 5px solid #3366CC; border-right: 5px solid #3366CC; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; color: #000000}
  41. #page-body {background-color: #FFFFFF; width: 750px; border-left: 5px solid #3366CC; border-right: 5px solid #3366CC; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; color: #000000}
  42. #page-left {clear: both; float: left; width: 560px}
  43. #page-right {background-color: transparent; float: right; width: 180px; margin-bottom: 1em; padding: 0; color: #666666}
  44.  
  45. /* General settings - page foot */
  46. #page-foot {background-color: #3366CC; border: 5px solid #3366CC; width: 750px; font-size: 0.9em; font-weight: bold; margin-bottom: 5px; margin-left: auto; margin-right: auto; padding: 0; color: #FFFFFF}
  47. #page-foot-menu {float: left; padding-bottom: 2px; padding-left: 3px; padding-top: 2px}
  48. #page-foot-menu a, #page-foot-menu a:link, #page-foot-menu a:visited {background-color: transparent; color: #FFFFFF; text-decoration: none}
  49. #page-foot-menu a:active, #page-foot-menu a:link:hover {text-decoration: underline}
  50. #issn {float: right; padding-bottom: 2px; padding-right: 3px; padding-top: 2px}
  51. #page-foot-zoner {background-color: #000000; clear: both; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; padding-top: 2px; color: #FFFFFF}
  52. #page-foot-zoner a:link, #page-foot-zoner a:link:active, #page-foot-zoner a:link:visited, #page-foot-zoner a:link:hover {background-color: transparent; color: #FFFFFF; text-decoration: underline}
  53.  
  54. /* General settings - advertising */
  55. #advertising-page-header {float: right; height: 60px; width: 468px; margin: 0; padding: 0; overflow: hidden}
  56. #advertising-page-bottom {background-color: #FFFFFF; width: 750px; border-left: 5px solid #3366CC; border-right: 5px solid #3366CC; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding-bottom: 1em; color: #000000}
  57. #advertising-page-bottom-left {float: left; width: 557px; text-align: center}
  58. #advertising-page-bottom-left div {height: 60px; width: 468px; margin: auto}
  59. #advertising-page-bottom-right {float: right; width: 180px; text-align: center}
  60. #advertising-page-bottom-right div {height: 60px; width: 120px; margin: auto}
  61. .advertising-alert {margin-left: 1em; margin-right: 1em}
  62. div.advertising-box {border: 0}
  63. div.advertising-box div {text-align: center}
  64. div.advertising-box div.advertising-inner {width: 125px; height: 125px; margin: 0px auto; text-align: center}
  65. div.advertising-bigsquare-outer {text-align: center; clear: both}
  66. div.advertising-bigsquare-inner {width: 250px; margin-top: 25px; overflow: hidden; margin-left: auto; margin-right: auto}
  67. div.advertising-vertical-banner-outer {border: 0; text-align: center}
  68. div.advertising-vertical-banner-inner {width: 120px; border: 0; margin-top: 1em; margin-left: auto; margin-right: auto}
  69.  
  70. /* General settings - mainmenu */
  71. #page-mainmenu ul {background-color: #EEEEEE; font-weight: bold; list-style-type: none; margin: 0; padding: 0; color: #000000}
  72. #page-mainmenu ul li {border-top: 1px solid #999999; border-right: 1px solid #999999; float: left; margin-bottom: 0; margin-left: 4px; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; padding-top: 0; line-height: 1.4em}
  73. #page-mainmenu ul li.right {border-left: 1px solid #666666; border-right: 0; float: right}
  74. #page-mainmenu a, #page-mainmenu a:link, #page-mainmenu a:visited {background-color: transparent; color: #3366CC; text-decoration: none}
  75. #page-mainmenu a:active, #page-mainmenu a:link:hover {background-color: transparent; color: #FF0000; text-decoration: none}
  76. #page-mainmenu li.selected {background-color: #3366CC; border-right: 1px solid #3366CC; border-top: 1px solid #3366CC; color: #FFFFFF}
  77. #page-mainmenu .selected a, #page-mainmenu .selected a:link, #page-mainmenu .selected a:visited {background-color: transparent; color: #FFFFFF; text-decoration: none}
  78. #page-mainmenu li.first {margin-left: 0}
  79. #page-mainmenu-maker {border-bottom: 3px solid #3366CC; margin-top: 2px}
  80.  
  81. /* General settings - mainsubmenu */
  82. div#page-mainsubmenu {background-color: #3366CC; clear: both; font-size: 0.9em; color: #FFFFFF}
  83. #page-mainsubmenu ul {background-color: #3366CC; font-weight: bold; list-style-type: none; margin: 0; padding: 0; color: #FFFFFF}
  84. #page-mainsubmenu ul li {border: 0; float: left; margin-bottom: 0; margin-left: 4px; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 2px; padding-top: 0; line-height: 1.35em}
  85. #page-mainsubmenu ul li.right {border: 0; float: right}
  86. #page-mainsubmenu a, #page-mainsubmenu a:link, #page-mainsubmenu a:visited {background-color: transparent; color: #FFFFFF; text-decoration: none}
  87. #page-mainsubmenu a:active, #page-mainsubmenu a:hover {background-color: transparent; color: #FFCC00; text-decoration: none}
  88. #page-mainsubmenu li.selected {background-color: #FFFFFF; color: #3366CC}
  89. #page-mainsubmenu .selected a, #page-mainsubmenu .selected a:link, #page-mainsubmenu .selected a:visited {background-color: transparent; color: #3366CC; text-decoration: none}
  90. #page-mainsubmenu li.first {margin-left: 0}
  91. #page-mainsubmenu-maker {}
  92.  
  93.  
  94.  
  95. /* */
  96. /* Right column boxes... */
  97.  
  98. /* Right column boxes - general */
  99. div.page-right-box {border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-top: 1px solid #999999; margin-top: 30px; position: relative}
  100. div.page-right-box h3 {background-color: #FFFFFF; height: 33px; width: 130px; font-size: 1.25em; margin: 0; padding-left: 40px; position: relative; top: -20px; left: 3px; color: #3366CC; white-space: nowrap}
  101. div.page-right-box-in {position: relative; padding-right: 5px; top: -15px}
  102. div.page-right-box-in ul {padding: 0; margin: 0 0 0 20px}
  103. div.page-right-box-in ul li {padding: 0; margin: 1px 0 0 2px; list-style-image: url('../icons/arrow.png')}
  104. div.page-right-box div.image {margin-top: 5px; margin-bottom: 5px; text-align: center}
  105. div.page-right-box a, div.page-right-box a:link, div.page-right-box a:visited {background-color: transparent; color: #666666; text-decoration: none}
  106. div.page-right-box a:active, div.page-right-box a:link:hover {text-decoration: underline}
  107.  
  108. /* Right column boxes - Czechia */
  109. div.czechia-box {border: 0}
  110. div.czechia-box form {display: inline}
  111. #czechia-content {background-color: #81B5E2; border: 1px solid #000000; margin-left: 10px; margin-right: 10px; font-weight: bold; padding: 10px; color: #000000; text-align: center}
  112. #czechia-inner {margin: 0; padding: 0; text-align: center}
  113. div.czechia-box h3 {background-color: transparent; height: 33px; width: 100px; font-size: 2em; margin: 0px auto; padding: 0; position: relative; top: auto; left: auto; color: #000000; text-transform: uppercase}
  114. div.czechia-box a, div.czechia-box a:link, div.czechia-box a:visited, div.czechia-box a:active, div.czechia-box a:link:hover {background-color: transparent; color: #000000}
  115. .czechia-box input.text {margin: 2px; width: 122px}
  116. .czechia-box input.image {height: 22px; width: 112px}
  117.  
  118. /* Right column boxes - inMail */
  119. div.inmail-box {border: 0}
  120. div.inmail-box form {display: inline}
  121. #inmail-content {background-color: #F6F3DA; border: 1px solid #000000; margin-left: 10px; margin-right: 10px; font-weight: bold; padding: 10px; color: #000000; text-align: center}
  122. #inmail-inner {margin: 0; padding: 0; text-align: center}
  123. div.inmail-box h3 {background-color: transparent; height: 33px; width: 100px; font-size: 2em; margin: 0px auto; padding: 0; position: relative; top: auto; left: auto; color: #000000; text-transform: uppercase}
  124. div.inmail-box a, div.inmail-box a:link, div.inmail-box a:visited, div.inmail-box a:active, div.inmail-box a:link:hover {background-color: transparent; color: #000000}
  125. .inmail-box input.text {margin: 2px; width: 122px}
  126. .inmail-box input.image {height: 20px; width: 95px}
  127.  
  128. /* Right column boxes - content from other servers */
  129. div.outservers h3 {background-image: url('../icons/info.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  130. div.outservers h4 {margin-bottom: 0; margin-left: 20px; margin-right: 0; margin-top: 1em; font-size: 1em}
  131.  
  132. /* Right column boxes - search */
  133. #search {background-color: #FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; margin: 0; padding: 3px; color: #666666; text-align: center}
  134. #search form {display: inline}
  135. #search form div {display: inline}
  136. #search form input.text {background-color: #FFFFFF; border: 1px solid #999999; margin-bottom: 2px; padding: 1px; height: 17px; width: 150px; color: #666666}
  137. #search form select {background-color: #FFFFFF; border: 1px solid #999999; height: 22px; margin: 0; padding: 0; color: #666666}
  138. #search form option {background-color: #FFFFFF; border: 0; height: 22px; margin: 0; padding: 0; color: #666666}
  139. #search form input.submit {border: 1px solid #999999; background-color: #F9F9F9; height: 22px; font-weight: bold; margin: 0; padding: 0; color: #666666}
  140. #search div {text-align: center}
  141.  
  142. /* Right column boxes - books (news & tips) */
  143. div.book h3 {background-image: url('../icons/book.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  144. div.book div.book-top {text-align: center; margin: 0px 5px}
  145. div.book h4 {font-size: 1em; margin: 0px auto}
  146. div.book img {width: 100px}
  147. div.book div.book-bottom {text-align: center}
  148. div.book span.book-price-old {text-decoration: line-through}
  149. div.book span.book-price-new {font-weight: bold}
  150.  
  151. /* Right column boxes - inquiry */
  152. div.inquiry h3 {background-image: url('../icons/inquiry.png'); background-position: top left; background-repeat: no-repeat; width: 100px; padding-top: 10px}
  153. div.inquiry p {margin: 0.5em 0; padding-left: 10px}
  154. div.inquiry h4 {margin: 0.5em 0; padding-left: 10px; font-weight: bold; font-size: 1em}
  155. div.inquiry a:link {background-color: transparent; color: #3366CC}
  156. div.inquiry .answer {border: 0px; margin: 0; padding-left: 15px; padding-bottom: 1px; padding-top: 1px}
  157. div.inquiry .answer-image {padding-left: 15px}
  158.  
  159. /* Right column boxes - reading */
  160. div.reading h3 {background-image: url('../icons/reading.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  161.  
  162. /* Right column boxes - cauldron */
  163. div.cauldron h3 {background-image: url('../icons/cauldron.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  164.  
  165. /* Right column boxes - e-mail services */
  166. div.emailserv h3 {background-image: url('../icons/emailserv.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  167. div.emailserv form {display: inline}
  168. div.emailserv form div {margin-left: 10px; margin-right: 10px}
  169. div.emailserv form input.text {background-color: #FFFFFF; border: 1px solid #999999; margin-bottom: 2px; padding: 1px; height: 17px; width: 150px; color: #3366CC}
  170. div.emailserv form input.submit {border: 1px solid #999999; background-color: #F9F9F9; height: 22px; font-weight: bold; margin-top: 3px; padding: 0; color: #666666}
  171.  
  172. /* Right column boxes - opinion */
  173. div.opinion h3 {background-image: url('../icons/opinion.png'); background-position: top left; background-repeat: no-repeat; padding-top: 10px}
  174.  
  175.  
  176.  
  177. /* */
  178. /* Catalogues... */
  179.  
  180. /* Catalogues - general */
  181. div.articles {padding-bottom: 3em}
  182. #articles-pseudohead {background-color: transparent; font-size: 1.5em; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; color: #3366CC}
  183.  
  184. /* Catalogues - topbox settings */
  185. a.topbox-slot-link, a.topbox-slot-link:visited {background-color: transparent; font-weight: bold; color: #666666; text-decoration: none}
  186. a:active.topbox-slot-link, a:hover.topbox-slot-link {background-color: transparent; color: #666666; text-decoration: underline}
  187. #topbox-mags {padding-top: 10px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px}
  188. #topbox-mags img {float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 5px; margin-top: 0px; width: 63px; height: 80px}
  189. #topbox-mags-head {float: left; width: 390px}
  190. #topbox-mags-head h2 {display: inline}
  191. #topbox-mags-cathegory {float: right; font-weight: bold; margin-bottom: 1em}
  192. #topbox-mags-cathegory a {text-decoration: none}
  193. #topbox-mags-cathegory a:active, #topbox-mags-cathegory a:hover {text-decoration: underline}
  194. div.topbox-mags-page-maker {clear: right}
  195. #topbox-mags p {margin-top: 1em; margin-bottom: 0.3em; text-align: justify}
  196. #topbox-critics {clear: both; margin: 10px}
  197. #topbox-critics h2 {font-size: 1.3em}
  198. #topbox-critics-outer {text-align: center}
  199. #topbox-critics-inner {width: 510px; margin-left: auto; margin-right: auto}
  200. .topbox-critics-box {width: 33%; float: left; text-align: center}
  201. .topbox-critics-box img {width: 83px; height: 62px}
  202. div.topbox-critics-box a, div.topbox-critics-box a:link, div.topbox-critics-box a:visited {background-color: transparent; color: #666666; text-decoration: none}
  203. div.topbox-critics-box a:active, div.topbox-critics-box a:link:hover {text-decoration: underline}
  204. .topbox-critics-head {margin-bottom: 5px; text-align: center}
  205. .topbox-critics-box h3 {display: inline}
  206. .topbox-critics-comment-box {margin-top: 5px; text-align: center}
  207.  
  208. /* Catalogues - articles settings */
  209. .anotation {padding-top: 10px; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; clear: both}
  210. .anotation-head {float: left; width: 425px}
  211. .cathegory {float: right; font-weight: bold}
  212. .cathegory a {text-decoration: none}
  213. .cathegory a:active, .cathegory a:hover {text-decoration: underline}
  214. .anotation-note {float: left; font-size: 0.9em}
  215. .anotation-comment {float: right; font-size: 0.9em}
  216. .today {background-color: transparent; color: #FF0000; font-weight: bold; text-transform: lowercase}
  217. .yesterday {background-color: transparent; color: #FF9900; font-weight: bold; text-transform: lowercase}
  218. .anotation h2 {background-color: transparent; font-size: 1.3em; display: inline; color: #666666}
  219. .anotation-serial h2 {background-color: transparent; font-size: 1.5em; color: #3366CC}
  220. .anotation p {clear: both; margin: 0; text-align: justify}
  221. .cathegory a.cathegory14 {background-color: transparent; color: #660066}
  222. .cathegory a.cathegory15 {background-color: transparent; color: #CC9900}
  223. .cathegory a.cathegory16 {background-color: transparent; color: #003399}
  224. .cathegory a.cathegory17 {background-color: transparent; color: #FF9900}
  225. .cathegory a.cathegory18 {background-color: transparent; color: #009900}
  226. .cathegory a.cathegory100 {background-color: transparent; color: #000000}
  227.  
  228. /* Catalogues - articles paging settings */
  229. #articles-paging {clear: both; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px}
  230. #articles-paging-box {border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 0; padding-top: 2px; padding-bottom: 2px}
  231. #articles-paging-form {float: left; margin: 0; padding: 0; width: 45%}
  232. #articles-paging-form form {display: inline; margin: 0; padding: 0}
  233. #articles-paging-form div {display: inline; margin: 0; padding: 0}
  234. #articles-paging-form input.submit {border: 1px solid #999999; background-color: #F9F9F9; margin: 0; padding: 0; width: 9em; color: #666666; font-size: 0.9em}
  235. #articles-paging-form input.text {background-color: #FFFFFF; border: 1px solid #999999; margin: 0; padding: 0; color: #3366CC; font-size: 0.8em; height: 1.8em}
  236. #articles-paging-anchors {float: right}
  237. #articles-paging-anchors a.current {background-color: transparent; color: #000000; text-decoration: none}
  238.  
  239. /* Catalogues - titlepage press settings */
  240. #press-body {margin: 0; padding: 10px}
  241. #press-box {border: 0; margin: 0; padding: 5px}
  242. #press-box h2 {margin: 0}
  243. #press-box li {list-style-image: url('../icons/arrow.png')}
  244. #press-box a {text-decoration: none}
  245. #press-box a:active, #press-box a:link:hover {text-decoration: underline}
  246. #press-box ul a {background-color: transparent; color: #000000; text-decoration: none}
  247. #press-box ul a:active, #press-box ul a:link:hover {background-color: transparent; color: #000000; text-decoration: underline}
  248.  
  249.  
  250.  
  251. /* */
  252. /* Articles... */
  253.  
  254. /* Articles - general */
  255. #article {margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 0px}
  256. #article acronym {border-bottom-color: #3366CC; border-bottom-style: dashed; border-bottom-width: 1px}
  257. #article blockquote {font-style: italic}
  258. #article q {font-style: italic}
  259. #article br {}
  260. #article cite {font-style: italic}
  261. #article cite.author {font-style: italic}
  262. #article div.image {margin-bottom: 1.5em; margin-top: 1.5em; text-align: center}
  263. #article div.definition {margin-bottom: 1em; margin-top: 1em}
  264. #article div.sample {background-color: #FFFFCC; border-color: #3366CC; border-style: dashed; border-width: 1px; margin-bottom: 1em; margin-top: 1em; font-family: monospace; margin: 1em; padding: 0.25em; color: #000000; text-align: left}
  265. #article em {}
  266. #article h2 {background-color: transparent; color: #3366CC}
  267. #article h3 {background-color: transparent; font-size: 1.25em; margin-top: 2em; color: #3366CC}
  268. #article h4 {background-color: transparent; font-size: 1em; color: #3366CC; margin-top: 2em}
  269. #article hr {}
  270. #article img {}
  271. #article kbd.mouse {border-color: #3366CC; border-style: dotted; border-width: 1px; padding: 1px}
  272. #article kbd.board {}
  273. #article kbd.text {}
  274. #article p {margin-bottom: 0.75em; margin-top: 0.75em; text-align: justify; text-indent: 1em}
  275. #article p.noindent {text-indent: 0}
  276. #article p.prepend {}
  277. #article p.question {font-weight: bold}
  278. #article p.answer {}
  279. #article samp {background-color: #FFFFCC; border-color: #3366CC; border-style: dashed; border-width: 0px; padding: 1px; color: #000000}
  280. #article span.comment {font-size: 0.9em}
  281. #article .sample span.comment {background-color: transparent; color: #666666}
  282. #article span.note-author {background-color: transparent; font-style: italic; color: #666666}
  283. #article span.annex {}
  284. #article strong {}
  285. #article sub {}
  286. #article sup {}
  287.  
  288.  
  289. /* Articles - lists */
  290. #article div.list {margin-bottom: 1.5em; margin-top: 1.5em}
  291. #article ul {margin-bottom: 0em; margin-top: 0em}
  292. #article ol {margin-bottom: 0em; margin-top: 0em}
  293. #article li {}
  294. #article dl {margin-bottom: 0em; margin-top: 0em}
  295. #article dt {font-weight: bold; margin-top: 0.5em}
  296. #article dd {text-align: justify}
  297.  
  298.  
  299. /* Articles - tables */
  300. #article div.table {margin-bottom: 1.5em; margin-top: 1.5em; text-align: center}
  301. #article caption {font-weight: bold; text-align: left}
  302. #article table {border-color: #333333; border-style: solid; border-width: 1px; margin-left: auto; margin-right: auto; text-align: left}
  303. #article thead {background-color: #666666; color: #000000}
  304. #article tfoot {background-color: #999999; color: #000000}
  305. #article tbody {}
  306. #article th {background-color: #CCCCCC; border-color: #333333; border-style: solid; border-width: 1px; font-weight: bold; padding: 0.2em; vertical-align: top; color: #000000; text-align: left}
  307. #article td {border-color: #333333; border-style: solid; border-width: 1px; padding: 0.2em; vertical-align: top}
  308. #article td.extra {background-color: #FFFFCC; color: #000000}
  309. #article tr {}
  310.  
  311.  
  312. /* Articles - redaction */
  313. #article span.note-redactor {background-color: transparent; font-style: italic; font-weight: bold; color: #666666}
  314. #article div.refer {border-top-color: #3366CC; border-top-style: solid; border-top-width: 1px; margin-top: 1em; clear: both}
  315. #article div.refer h3 {}
  316. #article div.refer div {margin-top: 1em}
  317.  
  318.  
  319. /* Articles - addings */
  320. #article-foot {border-top: #3366CC solid 1px; clear: both; margin-bottom: 2em; margin-top: 2em; padding-top: 1em}
  321. #article-author {float: right; margin-top: 1em; text-align: right}
  322. #article-about-author {text-align: right}
  323. #article-rating {width: 45%; float: left}
  324. #article-operation {width: 45%; float: right; text-align: right}
  325. #article-operation div {text-align: right}
  326. .article-rating-imagebar {margin-bottom: 0.5em; margin-top: 0.5em}
  327.  
  328.  
  329. /* Articles - critics */
  330. #critics-rating {text-align: center}
  331. #critics-rating-boxes {width: 75%; margin: auto}
  332. .critics-rating-box {margin-bottom: 1.5em; margin-top: 1.5em}
  333. .critics-rating-box-left {float: left}
  334. .critics-rating-box-right {float: right}
  335. #critics-rating-final {background-color: transparent; font-size: 1.5em; font-weight: bold; color: #FF0000}
  336.  
  337.  
  338. /* Articles - discussions */
  339. #article-discussion {clear: both; margin-top: 1em}
  340. #article-discussion-index {border-top-color: #3366CC; border-top-style: solid; border-top-width: 1px; text-align: center}
  341. #article-discussion-index img.line {border: 0; width: 10px; margin: 0}
  342. #article-discussion-index form {}
  343. #article-discussion-index form input.submit {background-color: #3366CC; border: 1px solid #003366; margin: 0; font-size: 0.9em; padding: 0; color: #FFFFFF}
  344. #article-discussion-index table {background-color: #3366CC; border-color: #3366CC; border-style: solid; border-width: 1px; width: 95%; margin-right: auto; margin-left: auto; color: #000000}
  345. #article-discussion-index th {background-color: #3366CC; border-left: 0; border-top: 0; border-right: 0; border-bottom-color: #3366CC; border-bottom-style: solid; border-bottom-width: 1px; color: #FFFFFF; text-align: left}
  346. #article-discussion-index td {background-color: #EEEEF8; border: 0; padding: 0em 0.25em; vertical-align: top; color: #000000; text-align: left}
  347. #article-discussion-index td.checkbox {}
  348. #article-discussion-index td.date {white-space: nowrap}
  349. #article-discussion-index td.sender {border-left-color: #3366CC; border-left-style: solid; border-left-width: 1px; white-space: nowrap}
  350. #article-discussion-index td.subject {border-left-color: #3366CC; border-left-style: solid; border-left-width: 1px}
  351. #article-discussion-index td#foot {border-top-color: #3366CC; border-top-style: solid; border-top-width: 1px; padding: 0.25em 0.25em; text-align: right}
  352.  
  353. #article-discussion-index th a, #article-discussion-index th a:visited {background-color: transparent; text-decoration: none; color: #FFFFFF}
  354. #article-discussion-index th a:active, #article-discussion-index th a:hover {background-color: transparent; text-decoration: underline; color: #FFFFFF}
  355.  
  356. #article-discussion-stories {background-color: #EEEEF8; border-width: 2px; border-style: solid; border-color: #3366CC; width: 99%; margin-bottom: 2em; margin-top: 2em; color: #000000}
  357. #article-discussion-stories div.story {border-top-width: 1px; border-top-style: solid; border-top-color: #3366CC; margin-bottom: 0.5em}
  358. #article-discussion-stories div.story-content {margin-left: 12em}
  359. #article-discussion-stories div.story-head {background-color: #e7e7e7; padding: 0.25em 0.5em; color: #000000}
  360. #article-discussion-stories div.story-body {padding: 0.25em 0.5em}
  361. #article-discussion-stories div.story-answer {padding: 0.25em 0.5em; text-align: right}
  362.  
  363. #article-discussion-stories div.story-head a, #article-discussion-stories div.story-head a:visited {text-decoration: none}
  364. #article-discussion-stories div.story-head a:active, #article-discussion-stories div.story-head a:hover {text-decoration: underline}
  365.  
  366. #article-discussion-stories div.story-answer a, #article-discussion-stories div.story-answer a:visited {text-decoration: none}
  367. #article-discussion-stories div.story-answer a:active, #article-discussion-stories div.story-answer a:hover {text-decoration: underline}
  368.  
  369. #article-discussion-stories div.level0 {margin-left: 0}
  370. #article-discussion-stories div.level1 {margin-left: 2em}
  371. #article-discussion-stories div.level2 {margin-left: 4em}
  372. #article-discussion-stories div.level3 {margin-left: 6em}
  373. #article-discussion-stories div.level4 {margin-left: 8em}
  374. #article-discussion-stories div.level5 {margin-left: 10em}
  375.  
  376.  
  377.  
  378. /* */
  379. /* Special pages (class interval-homepage)... */
  380.  
  381. /* Special pages - page redakce.asp */
  382. #article .redaction-position {background-color: #3366CC; color: #FFFFFF}
  383. #article .redaction-position h3 {background-color: transparent; margin-left: 0.5em; color: #FFFFFF}
  384.  
  385.  
  386.  
  387. /* Page problem solved by Yuhuu */
  388. #page-left, #page-right {overflow: hidden}
  389.  
  390. /* div {border: 1px solid red}