home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 November / Chip_2004-11_cd1.bin / software / stahuj / screen.css < prev    next >
Cascading Style Sheet File  |  2004-05-19  |  3KB  |  265 lines
  1. body {
  2.     margin:0;
  3.     padding:0;
  4.     font: 0.75em Arial,Verdana,sans-serif;
  5.     line-height: 1.35em;
  6.     color: #444;
  7.     background: url("gf/bg-body.gif") left top repeat-x;
  8. }
  9.  
  10. a:link, a:visited { color: #BF0A0A; }
  11. a:hover, a:active { color: #008C18; text-decoration: none; }
  12.  
  13. p {
  14.     margin: 5px 0 15px 0;
  15. }
  16.  
  17. img {
  18.     border-color: #F3F3F3;
  19. }
  20.  
  21.  
  22.  
  23. h2 {
  24.     margin: 5px 0;
  25.     padding:0;
  26.     font: bold 160% Tahoma, Verdana, sans-serif;
  27.     color: #BF0A0A;
  28. }
  29.  
  30. h3 {
  31.     margin: 10px;
  32. }
  33.  
  34. h4 {
  35.     margin: 0 0 5px 0;
  36.     padding:0;
  37.     font: bold 100% Tahoma, Verdana, sans-serif;
  38.     color: #BF0A0A;
  39. }
  40.  
  41. h5 {
  42.     display: inline;
  43.     font-size: 160%;
  44.     color: #008C18;
  45. }
  46.  
  47. h6 {
  48.     margin:0;
  49.     padding:0;
  50.     font-size: 90%;
  51.     font-weight: normal;
  52.     color: #BF0A0A;
  53. }
  54.  
  55.  
  56.  
  57.  
  58. /****/
  59. #main {
  60.     position: absolute;
  61.     left: 50%;
  62.     top:0;
  63.     width: 750px;
  64.     margin: 0 0 0 -375px;
  65. }
  66.  
  67.  
  68. /**/
  69. #header {
  70.     height: 84px;
  71.     padding: 4px 0 0 0;
  72.     background: url("gf/bg-header.gif") 548px 37px no-repeat;
  73.     text-align: right;
  74.     font-size: 95%;
  75. }
  76.  
  77. #header a:link, #header a:visited {    color: #B9B9B9; }
  78. #header a:hover, #header a:active { color: #008C18; text-decoration: none; }
  79.  
  80.  
  81. #miton {
  82.     position: absolute;
  83.     left: 7px;
  84.     top: 0;
  85. }
  86.  
  87. #logo {
  88.     position: absolute;
  89.     left: -41px;
  90.     top: 28px;
  91. }
  92.  
  93. /**/
  94. #content {
  95.     padding: 11px 0 0 0;
  96. }
  97.  
  98.  
  99. /**/
  100. #perex {
  101.     padding: 10px;
  102.     border: 1px solid #FF9868;
  103.     font: bold 95% Tahoma,Verdana,sans-serif;
  104.     color: #A0A0A0;
  105. }
  106.  
  107. #perex b {
  108.     color: #008C18;
  109. }
  110.  
  111.  
  112. /**/
  113. #footer {
  114.     clear: both;
  115.     width: 100%;
  116.     margin: 30px 0 0 0;
  117.     padding: 0 0 0 10px;
  118.     border-top: 11px solid #F3F3F3;
  119. }
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130. /****/
  131. .block {
  132.     clear: both;
  133.     margin: 15px 0 0 0;
  134.     padding: 10px;
  135. }
  136.  
  137. .param {
  138.     float: left;
  139.     font-size: 85%;
  140. }
  141.  
  142. .param b {
  143.     font-size: 110%;
  144.     font-weight: normal;
  145. }
  146.  
  147. .kupon {
  148.     float: right;
  149.     width: 284px;
  150.     height: 85px;
  151.     padding: 28px 0 0 0;
  152.     background: url("gf/bg-kupon.gif") left top no-repeat;
  153.     font: 95% Tahoma,Verdana,sans-serif;
  154.     color: #A0A0A0;
  155.     text-align: center;
  156. }
  157.  
  158. .univerzal {
  159.     float: left;
  160.     width: 414px;
  161.     height: 85px;
  162.     padding: 28px 0 0 0;
  163.     background: url("gf/bg-univerzal.gif") left top no-repeat;
  164.     font: 95% Tahoma,Verdana,sans-serif;
  165.     color: #A0A0A0;
  166.     text-align: center;
  167. }
  168.  
  169. .kupon h4, .univerzal h4 {
  170.     padding: 10px 0 0 0;
  171.     font-size: 110%;
  172. }
  173.  
  174.  
  175. .row {
  176.     clear: both;
  177.     float: left;
  178.     width: 100%;
  179.     margin: 10px 0 0 0;
  180. }
  181.  
  182. .box {
  183.     float: left;
  184.     width: 450px;
  185.     background: url("gf/bg-box.gif") left bottom repeat-x;
  186. }
  187.  
  188. .box p {
  189.     margin: 10px 0 0 0;
  190. }
  191.  
  192. .box a {
  193.     text-decoration: none;
  194. }
  195.  
  196. .small {
  197.     font-size: 90%;
  198.     float: right;
  199. }
  200.  
  201. .postup {
  202.     float: right;
  203.     width: 240px;
  204.     margin: 10px 0 0 0;
  205.     font: 90% Tahoma,Verdana,sans-serif;
  206.     color: #A0A0A0;
  207. }
  208.  
  209. .postup ol {
  210.     margin: 5px 0 20px 23px;
  211. }
  212.  
  213. .postup ol li {
  214.     margin:0;
  215.     padding: 1px 0 0 0;
  216. }
  217.  
  218.  
  219.  
  220. .kontakt {
  221.     width: 240px;
  222.     padding: 10px 0;
  223.     border: 1px solid #FF9868;
  224.     text-align: center;
  225.     color: #008C18;
  226. }
  227.  
  228. .line {
  229.     width: 100%;
  230.     height: 1px;
  231.     margin: 10px 0 5px 0;
  232.     background: url("gf/bg-box.gif") left bottom repeat-x;
  233.     border: none;
  234. }
  235.  
  236. .prava {
  237.     clear: both;
  238.     float: right;
  239.     width: 240px;
  240.     padding: 0 0 0 10px;
  241.     font-size: 85%;
  242.     background-color: #FFF;
  243. }
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250. .toright {
  251.     clear: both;
  252.     float: right;
  253.     margin: 0 0 0 10px;
  254. }
  255.  
  256. .toleft {
  257.     clear: both;
  258.     float: left;
  259.     margin: 0 10px 0 0;
  260. }
  261.  
  262. .tocenter {
  263.     width: 100%;
  264.     text-align: center;
  265. }