home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 April / PCWorld_2004-04_cd.bin / software / komercni / software602 / html / styles.css < prev    next >
Cascading Style Sheet File  |  2004-02-19  |  5KB  |  213 lines
  1.  
  2.   @font-face {
  3.     font-family: "Arial Narrow";
  4.     src: url(ARIALNA0.eot);
  5.   }
  6.  
  7. /*------------------------------------------------------------------- GENERAL ---*/
  8. body {
  9.     margin: 0;
  10.     padding: 0;
  11.     font-family: sans-serif;
  12.     font-size: 65%;
  13.     color : #000;
  14.     background : #292E2E url(images/back.gif) repeat;
  15.     text-align: center; /* IE5.X workaround */
  16. }
  17. a:link, a:visited {
  18.     color : black;
  19.     text-decoration : underline;
  20. }
  21. a:hover {
  22.     color : #FFF;
  23.     text-decoration : none;
  24. }
  25. ul, ol, li, h1, h2, h3, h4, h5, p, form, input, label, img, big {
  26.     margin: 0; padding: 0;
  27. }
  28. img {
  29.     border: none;
  30. }
  31. h1, h2, h3, big {
  32.     font-family:  "Arial Narrow";
  33.     font-weight: bold;
  34.     color : #000;
  35. }
  36. h1 {
  37.     font-size: 260%;
  38.     margin-bottom: 18px;
  39.     font-weight: bolder;
  40. }
  41. h2 {
  42.     font-size: 220%;
  43.     margin-bottom: 16px;
  44. }
  45. h3, h4, h5 {
  46.     font-size: 110%;
  47.     margin-bottom: 16px;
  48. }
  49. h4, h5 { font-family:   sans-serif; }
  50. h5 { margin-bottom: 4px }
  51. big { font-size: 110% }
  52. strong { font-size: 110% }
  53. p {    padding-bottom: 12px }
  54. ul { margin-bottom:15px }
  55. li {
  56.     list-style : none;
  57.     margin-bottom:5px;
  58. }
  59. /*---------------------------------------------------------------------------- TABULKY -----*/
  60. table {
  61.     border:1px solid #666;
  62.     margin:0; padding:0; margin-bottom:5px;
  63.     border-collapse : collapse;
  64.     table-layout : auto;
  65.     font-size: 100%;
  66. }
  67. tr.back, .back { background:#A4A68C }
  68. th, td {
  69.     border-right:1px solid #666;
  70.     border-bottom:1px solid #666;
  71.     padding:3px;
  72.     text-align:center;
  73. }
  74. th { font-size: 110%; background: #E6D3B5}
  75.  
  76. table.soutez { border:none; }
  77. table.soutez th, table.soutez td {
  78.     border:none;
  79.     text-align:left;
  80.     padding:2px 15px 2px 2px;
  81. }
  82. table.soutez th {
  83.     font-size: 110%;
  84.     background: none;
  85.     border-bottom:1px solid #666;
  86. }
  87. /*----------------------------------------------------------------------------------- LAYOUT---*/
  88. #all {
  89.     width: 750px;
  90.     margin-left: auto;
  91.     margin-right: auto;
  92.     text-align: left; /*IE5.X workaround */
  93. }
  94. #sidebar {
  95.     float: left;
  96.     width: 265px;
  97.     font-size: 110%;
  98. }
  99. #main {
  100.     padding: 0px;
  101.     width:485px;
  102.     float : right;
  103. }
  104. #footer {
  105.     clear: both;
  106.     padding: 2px;
  107.     margin-top: 3px;
  108.     text-align : right;
  109.     /*border-top: 1px solid #545858;*/
  110. }
  111. /*----------------------------------------------------------------------------------- SIDEBAR---*/
  112. #boxtext {
  113.     background : url(images/back_sidebar.gif) repeat-y;
  114. }
  115. #firstpart {
  116.     background : url(images/back_sidebar1.gif) no-repeat;
  117.     padding: 20px 40px 0 40px;
  118. }
  119. #secondpart {
  120.     height:87px;
  121.     background : url(images/back_sidebar2.gif) no-repeat;
  122.     padding: 10px 55px 10px 40px;
  123. }
  124. /*----------------------------------------------------------------------------------- MAIN---*/
  125. #header{
  126.     height: 72px;
  127.     background : url(images/back_header.gif) no-repeat;
  128.     color : Silver;
  129.     text-align : right;
  130.      font-family: "Arial Narrow";
  131.     font-size: 110%;
  132.     font-weight:bold;
  133. }
  134. #header p {padding-top:10px;padding-right:6px;}
  135. #header a:link, #header a:visited {    color : Silver;    text-decoration : none;}
  136. #header a:hover {    color : #FFF;    text-decoration : none;}
  137. #menu {
  138.     height: 21px;    
  139.     background : url(images/back_menu.gif) no-repeat;
  140.     color : Silver;
  141.     text-align : center;
  142.     font-family:"Arial Narrow", sans-serif;
  143.     font-size: 110%;
  144.     letter-spacing : 0px;
  145.     text-transform : uppercase; 
  146.      font-weight:bold;
  147. }
  148. #menu p {padding:0; margin:0; padding-top:3px;}
  149. #menu a:link, #menu a:visited {    color : Silver;    text-decoration : none;}
  150. #menu a:hover {    color : #FFF;    text-decoration : none;}
  151. .lista, .lista2 {
  152.     background : url(images/lista1.gif) no-repeat;
  153.     height : 11px;
  154.     padding:0; margin:0; 
  155.     font-size: 50%;
  156. }
  157. .lista2 { background : url(images/lista2.gif) no-repeat; }
  158. #content{
  159.     background : url(images/back_content.gif) repeat-y;
  160.     padding: 16px;
  161.     color: #373F29;
  162.     /*font-size: 90%;*/
  163. }
  164. .col0 { padding-left:23px }
  165. .col1 {
  166.     float:left;
  167.     width: 200px;
  168. }
  169. .col2 {
  170.     float:right;
  171.     width: 240px;
  172. }
  173. #navigace{ height:15px }
  174. #navigace p { padding:0 }
  175. .img01 { margin: 30px 0 0 5px }
  176. .smallflash { margin: 30px 0 0 15px }
  177. /*--------------------------------------------------------- OBRAZKOVE DOLNI MENU ----- */
  178. #menuimg img { margin: 9px 2px }
  179. /*--------------------------------------------------------------------- HOME PAGE----- */
  180. ul.stars li {
  181.     background : url(images/dot.gif) no-repeat 0 4px;    
  182.     padding-left:15px;
  183. }
  184. .nolink a:link, .nolink a:visited {    text-decoration : none;}
  185. .nolink a:hover {text-decoration : none;}
  186. /*------------------------------------------------------------------------- ZAHAJIT MISI----- */
  187. ul.mise li {
  188.     text-indent : -20px;
  189.     margin-left:20px;
  190. }
  191. .krok {    font-size : 160%;}
  192. /*------------------------------------------------------------------------- SOUTEZ----- */
  193. ul.soutez li {    margin-left:10px;}
  194. /*------------------------------------------------------------------------- FOOTER----- */
  195. #footer a:link, #footer a:visited {
  196.     color : #6A6D6D;
  197.     text-decoration : none;
  198. }
  199. #footer a:hover {
  200.     color : gray;
  201.     text-decoration : none;
  202. }
  203. /*-------------------------------------------------------------------------------- CLASSES ---*/
  204. .color { color: #DE1111}
  205. .color2 { color: #197C12}
  206. .right { float: right }
  207. .left{ float: left }
  208. .textright { text-align : right }
  209. .textleft { text-align : left }
  210. .middle { vertical-align : middle }
  211. .margintop { margin-top:15px }
  212. .clear { clear: both }
  213. .border  { border:1px solid red }