home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 November / Chip_2004-11_cd1.bin / software / slunec / css / sl_global.css next >
Cascading Style Sheet File  |  2004-07-11  |  12KB  |  274 lines
  1. html {margin:0;padding:0}
  2. body {color:#000;background-color:#FFF;text-align:center;min-width:760px;margin:8px;padding:0}
  3. body.sl-print {text-align:left}
  4. body,td,th {font-size:12px;font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif}
  5. h1,h2,h3,h4,h5 {font-weight:bold;line-height:1.25em;display:block;margin:0;color:#000;clear:left;background-color:transparent}
  6. h1 {font-size:20px}
  7. h2 {font-size:16px}
  8. h3 {font-size:13px}
  9. h4 {font-size:11px}
  10. h5 {font-size:10px}
  11. img {display:block;border:0}
  12. img.sl-in {display:inline}
  13. hr {display:none}
  14. pre {text-align:left}
  15. abbr {cursor:help}
  16. label {cursor:default}
  17. /* lista II */
  18. #sl-gsc-1 {color:#FFF;background:#000;width:153px;text-align:center}
  19. #sl-gsc-2 {padding:2px 4px;word-spacing:.2em;text-align:center}
  20. #sl-gsc-2 map {display:none}
  21. #sl-webstats {position:absolute;width:10px;bottom:1px;left:1px}
  22. #sl-webstats * {width:1px;height:1px}
  23. .sl-oldpa p {padding:0;margin:0;color:#000}
  24. .sl-oldpa-1 {padding:5px 10px 1px}
  25. #sl-pa {min-height:59px;color:#000;border:1px solid #363;border-top:none;clear:both;
  26. background:#CFC url("http://i.iinfo.cz/s2/iis.gif") no-repeat 10px 6px}
  27. #sl-pa-2 {color:#000}
  28. #sl-pa-con {margin:0 5px 5px 95px;padding-top:5px;position:relative}
  29. #sl-pa-spacer {height:52px;width:90px;float:left}
  30. #sl-pa-spacer a {display:block;height:100%}
  31. .sl-nlay-navi h2,
  32. .sl-nlay-link h2 {display:none}
  33. /* horni menu */
  34. #sl-mtop {color:#CFC;background:#363;height:100px;min-height:100px}
  35. div[class] #sl-mtop {height:auto}
  36. #sl-mtop-1 {width:205px;height:93px;margin:0;padding:0;vertical-align:top;text-align:left;float:left}
  37. #sl-mtop-2 {width:470px;height:79px;padding:2px 2px 0 0;float:right}
  38. #sl-mtop-3 {clear:right;line-height:1.3em;text-align:right;padding:2px 4px;word-spacing:.2em;vertical-align:bottom;font-weight:bold}
  39. #sl-mtop-3 .sl-usr-known {color:#FFF}
  40. #sl-mtop-3 .sl-usr-logged {color:#FFF}
  41. /* hlavni kontejner */
  42. .sl-page {width:760px;margin:auto;text-align:left}
  43. .sl-page-print {width:650px;text-align:left}
  44. /* odkazy */
  45. a:link {color:#363}
  46. a:visited {color:#030}
  47. a:hover {color:#393;text-decoration:none}
  48. a:active {color:#6C6}
  49. .sl-rev a:link,
  50. .sl-rev a:visited {color:#CFC;text-decoration:none}
  51. .sl-rev a:hover {color:#FFF}
  52. .sl-rev a:active {color:#6C6}
  53. /* obecne inline */
  54. .sl-dd {color:#999}
  55. .sl-error {color:#F00}
  56. /* message box */
  57. .msg {clear:both;margin:1em 0;padding:8px 8px 8px 40px;border:1px solid #363;text-align:left;
  58. background:#EFE none no-repeat 9px 8px}
  59. .msg-in {min-height:20px;height:20px}
  60. div[class] .msg-in {height:auto}
  61. .msg-war {background-image:url("http://i.iinfo.cz/s2/exclamation.gif")}
  62. .msg-que {background-image:url("http://i.iinfo.cz/s2/question.gif")}
  63. .msg-inf {background-image:url("http://i.iinfo.cz/s2/information.gif")}
  64. /* odkazy na clanky */
  65. .sl-outart,
  66. .sl-inart {border-bottom:1px solid #363;margin-bottom:.5em}
  67. .sl-outart ul,
  68. .sl-inart ul {margin:0;padding:3px 1px}
  69. .sl-outart li,
  70. .sl-inart li {padding:2px 3px;margin-bottom:.2em;list-style-type:none}
  71. form {padding:0;margin:0}
  72. input,select,textarea {padding:1px;margin:0}
  73. .sl-but-img {padding:0;border:0;background-color:transparent;font-weight:bold;text-transform:capitalize;color:#000}
  74. .sl-but-area {text-align:right;vertical-align:middle;padding-top:1ex}
  75. .sl-but-area .sl-but-img {margin-left:5px;display:inline}
  76. /* obecne blokove */
  77. .cb {clear:both;visibility:hidden;height:1px;line-height:1px}
  78. .sl-dp {float:right}
  79. .sl-dn {display:none}
  80. .sl-row,
  81. .sl-cbo {clear:both}
  82. .sl-cell {float:left}
  83. .sl-l {text-align:left !important}
  84. .sl-r {text-align:right !important}
  85. /* fonty */
  86. .sl-v,.sl-v td,.sl-v th,.sl-v select,#ad-in-text,.sl-links,.sl-pa div
  87. {font-family:"Verdana",sans-serif;font-size:10px;line-height:120%}
  88. /* navigacni lista */
  89. .sl-nav-1,
  90. .sl-nav-2 {padding:2px 4px;vertical-align:top;text-align:left}
  91. .sl-nav-2 {text-align:right}
  92. .sl-nav-1 strong {color:#000;font-size:110%}
  93. /* RAMECKY */
  94. /* okraje */
  95. .sl-b1r {background-color:#363;padding:1px 0}
  96. .sl-b2r,
  97. .sl-bir {background-color:#000;padding:1px 0}
  98. .sl-bdr {background-color:#363;padding:0 0 1px}
  99. .sl-bdr2 {background-color:#363;padding:1px 0}
  100. /* layout */
  101. .sl-lay-only {vertical-align:top;text-align:left;background-color:#FFF}
  102. /* paddingy */
  103. .sl-bpn {padding-top:0}
  104. /* marginy dole */
  105. .sl-bms {margin-bottom:5px}
  106. .sl-bmm {margin-bottom:10px}
  107. .sl-bmb {margin-bottom:15px}
  108. /* obsahy */
  109. .sl-b1o {background-color:#CFC;color:#000;margin:0 1px}
  110. .sl-b2o {background-color:#CFC;color:#000;margin:0;padding:0}
  111. .sl-b3o {background-color:#FFF;margin:0}
  112. .sl-b4o {background-color:#F8FFF8;color:#000;margin:0 1px;padding:3px}
  113. .sl-bio {background-color:#FFF;margin:0 1px}
  114. /* zpravicky */
  115. .sl-ns {padding:2px}
  116. .sl-ns h5 {font-weight:bold;color:#000;margin:3px 0 0 0;font-size:11px;line-height:115%}
  117. .sl-ns span {display:block;margin-bottom:3px;color:#393}
  118. .sl-ns div {margin-bottom:4px}
  119. /* styly reklam */
  120. .sl-a-shop {padding:3px}
  121. .sl-a-shop div.pn {margin:2px 0 3px}
  122. .sl-a-shop div.pn strong a {color:#000}
  123. .sl-a-shop img {display:block;float:right;margin:3px}
  124. .sl-a-shop strong {display:block;clear:both;font-weight:bold}
  125. .sl-a-desc {margin-bottom:0;padding-bottom:0}
  126. /* Nove reklamy */
  127. .ad {text-align:center}
  128. .ad-marker {display:none}
  129. .ad-ad {margin:0 auto;text-align:left}
  130. .ad-holder-tl,
  131. .ad-holder-tr {padding-top:9px}
  132. .ad-holder-br,
  133. .ad-holder-tl,
  134. .ad-holder-tr {background-repeat:no-repeat;background-image:url("http://i.iinfo.cz/s2/cs-ad-marker.gif")}
  135. .ad-holder-tl {background-position:0% 0%}
  136. .ad-holder-tr {background-position:100% 0%}
  137. .ad-holder-br {background-position:100% 100%;padding-bottom:9px}
  138. #ad-250 {margin:.5em 0}
  139. #ad-250 .ad-ad {width:250px}
  140. #ad-ahead {width:760px;position:relative}
  141. #ad-skyscraper,
  142. #ad-profil1,
  143. #ad-profil2 {margin:.3em 0}
  144. #ad-skyscraper .ad-ad,
  145. #ad-profil1 .ad-ad,
  146. #ad-profil2 .ad-ad {width:120px}
  147. #ad-text,
  148. #ad-textbox {border:1px solid #060;border-width:1px 0;margin:.5em 0}
  149. #ad-text .ad-ad {padding:.2em .3em}
  150. #ad-textbox {background-color:#F8FFF8;}
  151. #ad-arbo-125 {margin:.5em 0}
  152. #ad-arbo-125 .ad-ad {width:125px}
  153. #ad-banner-top {margin:0;text-align:center;line-height:15px}
  154. #ad-banner-bottom .ad-ad {width:468px}
  155. /* box se stinem */
  156. .sl-shadow,
  157. #sl-menu-dyn {background-color:transparent;background-image:url("http://i.iinfo.cz/s2/shadow2.gif");background-repeat:repeat}
  158. .sl-shadow-in {position:relative;top:-3px;left:-3px}
  159. /* main menu */
  160. .sl-menu {position:static;margin:0;padding:1px 2px 1px;background-color:#FFF;text-align:left}
  161. .sl-menu li {padding:0;margin:1px 0;list-style-type:none;display:block}
  162. .sl-menu a {display:block}
  163. .sl-menu a:link,
  164. .sl-menu a:visited {background-color:#EFE;color:#363;border:1px solid #CDC;display:block;padding:1px 3px;font-weight:bold;text-decoration:none;font-size:11px}
  165. .sl-menu a:hover {background-color:#363;color:#FFF;font-weight:bold;text-decoration:none;border:1px solid #000}
  166. /* menu dyn */
  167. #sl-menu-dyn {position:absolute;z-index:2550;left:60px;top:100px;width:158px;visibility:hidden}
  168. #sl-menu-dyn .sl-shadow-in {border:1px solid #000;padding:1px;margin:0;background-color:#FFF}
  169. /* boxik pro odkazy a abecedu */
  170. .sl-links {word-spacing:.3em;padding:3px 1em 4px;background-color:#EFE;border:1px solid #363;color:#000;margin-bottom:.5em;clear:both}
  171. .sl-links a {word-spacing:0}
  172. /* zahlavi boxiku */ 
  173. .sl-b-h {padding:2px 4px;color:#CFC;background:#363;font-weight:bold;font-size:12px;margin:0}
  174. /* nadpis v prostrednim sloupci */
  175. .sl-header {clear:both;margin:15px 0 10px;padding:3px 5px 1px;background-color:#EFE;color:#000;border:1px solid #363}
  176. h2.sl-header {font-size:16px}
  177. h3.sl-header {font-size:14px}
  178. /* nahled pro tipy dne */
  179. .sl-pro-prev {float:right;margin:0 0 1ex 1ex}
  180. div.pn {margin:0 0 2px;display:block} 
  181. div.pn strong {font-size:12px;color:#000}
  182. div.pn strong a:link {color:#000;text-decoration:underline}
  183. div.pn strong a:visited {color:#131}
  184. div.pn strong a:hover {color:#000;text-decoration:none}
  185. div.pn strong a:active {color:#6C6}
  186. div.pn img.sl-in {vertical-align:middle;margin:0 2px}
  187. .bt,
  188. .next {clear:both;font-weight:bold;margin:1em 0;word-spacing:.3em}
  189. .next {margin:.5ex 0 0;text-align:right}
  190. .bt a,
  191. .next a {word-spacing:0}
  192. ul.sl-rel {list-style:none;margin:0 0 1em 1.5em;padding:0}
  193. ul.sl-rel li {padding:0 0 1px;margin:0}
  194. ul.sl-rel em {color:#999}
  195. /* how many we have */
  196. .sl-hmwh,
  197. .sl-in-ms,
  198. .sl-today {border:1px solid #696;border-width:1px 0;background-color:#EFE;color:#333;padding:5px;margin:1ex 0;text-align:center;font-size:10px}
  199. /* login form normal */
  200. .sl-usr-lfn {margin-bottom:0;margin-left:auto;margin-right:auto;width:250px;border:1px solid #363;background-color:#CFC;text-align:left}
  201. .sl-usr-lfn h2 {padding:3px .5em !important;margin:0 !important;text-align:left}
  202. .sl-usr-lfn form {margin:.5em}
  203. .sl-usr-lfn div.sl-cell {width:130px;line-height:22px;text-align:left;vertical-align:middle}
  204. .sl-usr-lfn div.sl-row {text-align:center}
  205. .sl-usr-lfn p {text-align:left;padding:0;margin:.5em}
  206. .sl-usr-lfn .sl-but-img {margin-top:.5em}
  207. .sl-usr-lfn-holder {text-align:center}
  208. .sl-usr-lfs {background-color:#CFC;border:1px solid #363;border-width:1px 0;color:#363;margin:0 0 5px}
  209. .sl-usr-lfs div {padding:2px 3px;text-align:left}
  210. .sl-usr-lfs input.input {width:143px;margin-top:2px}
  211. .sl-usr-lfs div.sl-row {padding:1px 0 0;text-align:right}
  212. /* zebricky */
  213. .sl-chart {background-color:#F8FFF8;color:#363;border-width:1px 0;border-style: solid;border-color:#363;margin-bottom:5px;clear:both}
  214. .sl-chart h2 {padding:2px 4px;margin:0}
  215. .sl-chart .sl-chart-desc {background-color:#E8FFE8;border-bottom:1px dotted #696;padding:2px;font-size:10px;text-align:left}
  216. .sl-chart .sl-chart-desc a:link,
  217. .sl-chart .sl-chart-desc a:visited {text-decoration:none}
  218. .sl-chart ol {margin:.2em .3em 0 32px;padding:0 0 .3em}
  219. .sl-chart ol li {margin-bottom:.1em}
  220. /* searchbox */
  221. .sl-sb {padding:5px;color:#000;background-color:#EFE;vertical-align:middle;text-align:center;border:1px solid #EEE;margin-left:auto;margin-right:0}
  222. .sl-sb input,
  223. .sl-sb select {vertical-align:middle;margin:0 1ex}
  224. .sl-html {font-weight:normal;color:#090}
  225. .sl-wronghtml {font-weight:bold;color:#F00;text-decoration:underline}
  226. .sl-errorlist {padding:0;margin:0}
  227. .sl-errorlist h2 {color:red;font-weight:bold;margin:0 0 .5ex 0 !important;padding:0}
  228. .sl-errorlist ul {padding:0 0 0 1.5em;margin:.5ex 0}
  229. .sl-errorlist li {padding:0 0 1px}
  230. #sl-linkstolists {text-align:center;font-weight:bold;border-width:0;background-color:transparent;margin-bottom:1ex}
  231. /* searchbox right bar */
  232. .sl-sbrb {margin-bottom:1ex}
  233. .sl-sbrb div {text-align:center;padding:2px 0;margin:0;background-color:#EFE}
  234. .sl-sbrb-sub {width:151px;height:12px;border:none;padding:0;margin:0}
  235. .sl-cs-b-add {width:65px;height:26px}
  236. .sl-cs-b-answer {width:86px;height:26px}
  237. .sl-cs-b-chart {width:79px;height:26px}
  238. .sl-cs-b-confirm {width:77px;height:26px}
  239. .sl-cs-b-continue {width:93px;height:26px}
  240. .sl-cs-b-correct-more {width:104px;height:26px}
  241. .sl-cs-b-delete-watchdog {width:120px;height:26px}
  242. .sl-cs-b-dislike {width:63px;height:26px}
  243. .sl-cs-b-filter {width:81px;height:26px}
  244. .sl-cs-b-finish {width:73px;height:26px}
  245. .sl-cs-b-like {width:51px;height:26px}
  246. .sl-cs-b-login {width:81px;height:26px}
  247. .sl-cs-b-reset-off {width:73px;height:26px}
  248. .sl-cs-b-save {width:66px;height:26px}
  249. .sl-cs-b-search {width:67px;height:26px}
  250. .sl-cs-b-send {width:74px;height:26px}
  251. .sl-cs-b-showall {width:101px;height:26px}
  252. .sl-cs-b-showmarked {width:135px;height:26px}
  253. .sl-cs-b-subscribe {width:67px;height:26px}
  254. .sl-cs-b-subscribe-opinions {width:70px;height:26px}
  255. .sl-cs-b-terminate {width:73px;height:26px}
  256. .sl-cs-b-unsubscribe-opinions {width:83px;height:26px}
  257. .sl-cs-b-update-opinions {width:74px;height:26px}
  258. .sl-cs-b-vote {width:70px;height:26px}
  259. .sl-cs-b-withoutsave-off {width:95px;height:26px}
  260. .sl-cs-b-watchit {width:69px;height:26px}
  261. #sl-et {margin:.8em 0;background-color:#EFE;border-bottom:1px solid #363;text-align:left}
  262. .sl-et-h {background-color:#363;padding:.15em .5em;position:relative;border-bottom:1px solid #FC0}
  263. .sl-et-h h2 {color:#FFF;font-size:10px}
  264. .sl-et-h a {position:absolute;top:.15em;right:.5em}
  265. #sl-et .ad-ad {padding:.2em .5em;border-top:1px solid #FC0}
  266. #sl-et .ad-ad p {margin:.2em 0 0;padding:0}
  267. .sl-html-den-tag {color:#966}
  268. .sl-html-syn-err {color:#F00}
  269. .sl-html-cro-tag {color:#C6C}
  270. .sl-html-unc-tag {color:#009}
  271. .sl-html-den-var {color:#09C}
  272. .sl-html-den-val {color:#F0C}
  273. .sl-html-req-var {color:#990}
  274.