home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 May / Chip_2003-05_cd1.bin / bonus / zme / off-line / www.zoner.cz / zoner_new.css
Encoding:
Cascading Style Sheet File  |  2003-04-09  |  15.3 KB  |  253 lines
  1.  
  2. /* *** *** ZAKLADNI TAGY DOKUMENTU *** *** */
  3.  
  4. body {font-size: 10px; font-family: Verdana, "Helvetica CE", "Arial CE", Helvetica, Arial, sans-serif;
  5.       background-color: #eff1f8; color: black; margin-left: auto; margin-right: auto; margin-top: 0px;
  6.       border: 0px solid magenta; text-align: center;}
  7.  
  8. .all {width: 760px; text-align: left; border: 0px solid green; margin-left: auto; margin-right: auto;
  9.       background-color: white; padding-left: 15px; padding-right: 15px;
  10. /* background-image: url(img/poc_logo.gif); background-repeat: no-repeat; background-position: right top */}
  11.  
  12. .main {width: 730px; border: 0px solid red; position: relative; margin-top: 15px;}
  13. .leftColumn {width: 150px; position: relative; border: 0px solid cyan; float: left;}
  14. .right {width: 580px; position: relative; border: 0px solid red; float: right;}
  15. .middleColumn {width: 430px; position: relative; border: 0px solid green; float: left; margin-right: 5px; margin-left: 0px; top: -6px;}
  16. .middleColumn1 {width: 560px; position: relative; border: 0px solid green; float: left; margin-right: 5px; margin-left: 0px; top: -6px;}
  17. .rightColumn {width: 140px; position: relative; border: 0px solid blue; float: right;}
  18. .bottom {width: 730px; position: relative; border-top: 1px solid #023077;; clear: both;
  19.          text-align: center; margin-top: 15px; padding-top: 10px; margin-bottom: 20px; margin-left: 0px;}
  20.  
  21.  
  22. .blackDeath {width: 760px; height: 15px; color: white; background-color: black; position: relative;
  23.             font-weight: bold; padding: 1px; text-align: left; margin-left: auto; margin-right: auto;}
  24.  
  25.  
  26.  
  27. /* *** *** ODKAZY *** *** */
  28.  
  29. a {color: #023077;}
  30. a.download1:hover {text-decoration: underline; color:#FFFFFF; font-size: 10px; font-weight: bold;}
  31.  
  32. .head a {text-decoration: none; color: #0d0d8e;}
  33. .head a:hover {color: #e8bc0c;}
  34.  
  35. .webItem a {text-decoration: none; color: white;}
  36. .webItem a:hover {color: black;}
  37.  
  38. .leftMenuItem a {font-weight: bold; color: #023077;}
  39. .leftMenuItem a:hover {color: black; text-decoration: none;}
  40.  
  41. .rightMenuItem a {font-weight: bold; color: #666666; text-decoration: underline;}
  42. .rightMenuItem a:hover {color: #023077; text-decoration: none;}
  43. .rightMenuTitle1 a {color: white; font-weight: bold; text-decoration: none;}
  44. .rightMenuTitle1 a:hover {color: #cccccc;}
  45. .rightMenuTitle2 a {color: black; font-weight: bold; text-decoration: none;}
  46. .rightMenuTitle2 a:hover {color: #666666;}
  47.  
  48. .blackDeath a {color: white; font-weight: bold; text-decoration: none;}
  49. .blackDeath a:hover {color: #e8bc0c;}
  50.  
  51. .registrace a {color: #666666;}
  52. .registrace a:hover {color: black; text-decoration: none;}
  53.  
  54. /* *** *** HLAVICKA - OBRAZKY A POLOZKY HEAD *** *** */
  55.  
  56. .head {width: 100%; height: 55px; position: relative; color: #023077; font-weight: bold; text-align: center; text-decoration: none;}
  57. .headLogo {width: 314px; height: 55px; position: absolute; top: 0px; left: 0px; border: 0px solid yellow; }
  58. .headTitle {width: 516px; height: 35px; position: absolute; top: 0px; left: 214px; border: 0px solid magenta;
  59.             color: #cccccc; font-size: 17px; font-weight: bold; padding: 9px; text-align: right;}
  60. .newLogo {position: relative; top: 14px; left: -104px;}
  61. .headItem1 {width: 53px; height: 12px; position: absolute; top: 35px; left: 254px; padding: 3px; background-color: #eff1f8;
  62.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  63. .headItem1Ins {width: 53px; height: 12px; position: absolute; top: 35px; left: 254px; padding: 3px; background-color: #A5C0E9;
  64.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  65. .headItem1In {width: 53px; height: 12px;}
  66. .headItem2 {width: 76px; height: 12px; position: absolute; top: 35px; left: 314px; padding: 3px; background-color: #eff1f8;
  67.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  68. .headItem2Ins {width: 76px; height: 12px; position: absolute; top: 35px; left: 314px; padding: 3px; background-color: #A5C0E9;
  69.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  70. .headItem2In {width: 76px; height: 12px;}
  71. .headItem3 {width: 63px; height: 12px; position: absolute; top: 35px; left: 396px; padding: 3px; background-color: #eff1f8;
  72.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  73. .headItem3Ins {width: 63px; height: 12px; position: absolute; top: 35px; left: 396px; padding: 3px; background-color: #A5C0E9;
  74.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  75. .headItem3In {width: 63px; height: 12px;}
  76. .headItem4 {width: 81px; height: 12px; position: absolute; top: 35px; left: 466px; padding: 3px;background-color: #eff1f8;
  77.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  78. .headItem4Ins {width: 81px; height: 12px; position: absolute; top: 35px; left: 466px; padding: 3px;background-color: #A5C0E9;
  79.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  80. .headItem4In {width: 81px; height: 12px;}
  81. .headItem5 {width: 89px; height: 12px; position: absolute; top: 35px; left: 554px; padding: 3px; background-color: #eff1f8;
  82.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  83. .headItem5Ins {width: 89px; height: 12px; position: absolute; top: 35px; left: 554px; padding: 3px; background-color: #A5C0E9;
  84.             border-top: 1px solid #023077; border-left: 1px solid #023077; border-bottom: 1px solid #023077;}
  85. .headItem5In {width: 89px; height: 12px;}
  86. .headItem6 {width: 72px; height: 12px; position: absolute; top: 35px; left: 650px; border: 1px solid #023077; padding: 3px; background-color: #eff1f8;}
  87. .headItem6Ins {width: 72px; height: 12px; position: absolute; top: 35px; left: 650px; border: 1px solid #023077; padding: 3px; background-color: #A5C0E9;}
  88. .headItem6In {width: 72px; height: 12px;}
  89.  
  90.  
  91. /* *** *** NOVY PROUZEK POD HLAVICKOU - PROVOZOVANE WEBY *** *** */
  92.  
  93. .web {width: 100%; height: 15px; position: relative; top: 0px;}
  94. .webItem {background-color: #e8bc0c; color: white; border: 0px solid white;
  95.           font-size: 9px; font-weight: bold; text-align: center; width: 100%; height: 13px;}
  96. .webItem1 {width: 146px; height: 13px; position: absolute; top: 2px; left: 0px;}
  97. .webItem2 {width: 164px; height: 13px; position: absolute; top: 2px; left: 148px;}
  98. .webItem3 {width: 213px; height: 13px; position: absolute; top: 2px; left: 314px;}
  99. .webItem4 {width: 109px; height: 13px; position: absolute; top: 2px; left: 529px;}
  100. .webItem5 {width: 90px; height: 13px; position: absolute; top: 2px; left: 640px;}
  101.  
  102.  
  103.  
  104. /* *** *** FORMATOVANI TEXTU *** *** */
  105.  
  106. p {font-size: 11px;}
  107. .navigace {position: relative; width: 100%; margin-top: 6px; border: 0px solid green; font-size: 11px;}
  108. .navigace1 {position: relative; width: 550px; margin-top: 6px; border: 0px solid green;}
  109. .prev {position: relative; float: left; text-align: left; margin-top: 20px; margin-left: 0px;}
  110. .objednat {position: relative; text-align: center; margin-top: 20px; margin-left: 0px;}
  111. .next {position: relative; float: right; text-align: right; margin-top: 20px; margin-right: 5px;}
  112. .gray {position: relative; width: 100%; margin-top: 5px; border: 0px solid #cccccc;
  113.        background-color: #eeeeee; clear: both; font-size: 11px; padding: 5px;}
  114. .blue {position: relative; width: 100%; margin-top: 5px; border: 0px solid #cccccc;
  115.        background-color: #eff1f8; clear: both; font-size: 11px; padding: 5px;}
  116. .yellow {position: relative; width: 100%; margin-top: 5px; border: 0px solid #cccccc;
  117.        background-color: #FBFBDA; clear: both; font-size: 11px; padding: 5px;}
  118.  
  119. .gold {position: relative; width: 100%; margin-top: 5px; border: 0px solid #cccccc;
  120.        background-color: #FBFBDA; clear: both; font-size: 11px;}
  121. .goldIn {position: relative; width: 100%; margin: 5px;}
  122. .gold01 {position: relative; width: 150px; border: 0px solid #cccccc; float: left; font-weight: bold;}
  123. .gold02 {position: relative; width: 260px; border: 0px solid #cccccc; float: left; font-weight: normal;}
  124. .goldLeft {position: relative; width: 30px; border: 0px solid #cccccc; float: left; font-weight: bold;}
  125. .goldRight {position: relative; width: 370px; border: 0px solid #cccccc; float: right;}
  126.  
  127. .alignRight {float: right; margin-left: 5px; margin-top: 8px; position: relative;}
  128. .alignLeft {float: left; margin-right: 5px; margin-top: 8px; position: relative;}
  129. ul {font-size: 11px; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}
  130. ol {font-size: 11px; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}
  131. li.space {margin-bottom: 5px;}
  132. h1 {font-size: 17px; margin-top: 5px; margin-bottom: 15px; font-weight: bold;}
  133. h2 {font-size: 15px; margin-top: 5px; margin-bottom: 15px; font-weight: bold;}
  134. h6 {font-size: 11px; margin-top: 0px; margin-bottom: 5px; font-weight: normal;}
  135. h5 {font-size: 11px; margin-top: 5px; margin-bottom: 5px; font-weight: bold;}
  136. td {font-size: 11px;}
  137. .posundoleva01 {position: relative; left: -25px; width: 360px; border: 1px solid red;}
  138. .border {border: 1px solid green;}
  139. form {margin: 0px;}
  140. form.blue1 {margin: 0px; background-color: #eff1f8;}
  141. .registrace {margin: 2px; position: relative; font-size: 10px; top: -4px; color: #666666;}
  142. .dateYel {color: #D8AD00;}
  143. .dateBlue {color: #023077;}
  144. .smallSize {font-size: 10px; color: #666666;}
  145. .svetleseda {color: #aaaaaa;}
  146. .tmaveseda {color: #333333;}
  147. .buyOnline {background-color: #0D0D8E; color: white; width: 100px; height: 15px; text-align: center;
  148.             font-size: 10px; position: relative; padding: 1px; font-weight: bold; margin-top: 5px;}
  149. .buyOnline a {background-color: #0D0D8E; color: white; text-align: center;
  150.               font-size: 10px; position: relative; padding: 1px; font-weight: bold; text-decoration: none;}
  151. .buyOnline a:hover {background-color: #0D0D8E; color: #cccccc; text-align: center;
  152.               font-size: 10px; font-weight: bold; text-decoration: none;}
  153. .calculate {background-color: #0D0D8E; color: white; width: 90px; height: 17px; text-align: center; border: 1px solid #0D0D8E;
  154.             font-size: 9px; position: relative; padding: 0px; font-weight: bold; margin-top: 1px; cursor: hand;}
  155. .pozn {color: #333333; font-size: 10px;}
  156. .pozn a {color: #333333; font-size: 10px;}
  157. .pozn1 {color: #333333; font-size: 10px;}
  158. .pozn1 a {color: #023077; font-size: 10px;}
  159. .blueText {color: #023077;}
  160. .blackText {color: black;}
  161. .normal {font-weight: normal;}
  162. .vstupnipole {border: 0px solid #666666; color: red; margin-right: 5px; margin-left: 5px; text-align: right;}
  163. .vstupnipole1 {border: 1px solid #666666; color: black; margin-right: 5px; margin-left: 5px; text-align: right;}
  164. .vstupnipole2 {border: 0px solid #666666; font-size: 10px; color: #333333; margin-right: 0px; margin-left: 0px; text-align: left;}
  165. .check {position: relative; left: -4px;}
  166.  
  167. /* *** *** FORMATOVANI OBRAZKU *** *** */
  168.  
  169.  
  170. .img01 {margin-left: 5px; margin-top: 27px; position: relative;}
  171. .img02 {margin-left: 5px; margin-top: 17px; position: relative;}
  172. .img03 {margin-left: 5px; margin-top: 7px; position: relative;}
  173. .img04 {top: 7px; position: relative;}
  174. .img05 {top: -30px; position: relative;}
  175. .img06 {left: 30px; position: relative;}
  176. .img07 {margin-right: 8px; margin-top: 3px; position: relative;}
  177. .img08 {margin-top: 23px; position: relative;}
  178. .img09 {margin-left: 5px; margin-top: 4px; position: relative;}
  179. .img10 {margin-left: 10px; position: relative;}
  180. .img11 {margin-right: 4px; margin-top: 0px; position: relative;}
  181.  
  182.  
  183.  
  184. /* *** *** FORMATOVANI TABULEK *** *** */
  185.  
  186.  
  187. .visible {border: 1px solid #cccccc; font-size: 11px; border-collapse: collapse; padding: 5px; background-color: white;}
  188. .visible2 {border: 1px solid #cccccc; font-size: 11px; border-collapse: collapse; padding: 5px; background-color: #eeeeee;}
  189. .visible1 {border: 0px solid #cccccc; font-size: 10px; border-collapse: collapse; padding: 2px; background-color: white;}
  190. thead {font-weight: bold; background-color: #dddddd;}
  191. thead.normal {font-weight: normal; background-color: #dddddd;}
  192. .tabulkaMultilicence .visible {border: 0px solid #cccccc; font-size: 11px; border-collapse: collapse; padding: 2px; background-color: white;}
  193. .multi td {padding: 3px;}
  194.  
  195. /* *** *** *** VZHLED MENU *** *** *** */
  196.  
  197.  
  198. .menuTitle {font-weight: bold; color: #FFFFFF; background-color: #023077; padding: 1px; font-size: 9px;
  199.             width: auto; height: auto; text-align: center; text-decoration: none; z-index: 2;}
  200. .menuTitle2 {font-weight: bold; color: #FFFFFF; background-color: #527CBD; padding: 1px; font-size: 9px;
  201.              width: auto; height: auto; text-align: center; text-decoration: none; z-index: 2;}
  202. .menuBoxW {background-color: white; width: auto; height: auto; z-index: 2;}
  203. .menuBoxB {background-color: #023077; width: 100%; height: 14px; z-index: 2;}
  204. .menuItem {font-size: 9px; font-weight: bold; color: #FFFFFF; background-color: #023077; padding: 0px 6px;
  205.            width: 100%; height: 14px; text-align: left; text-decoration: none; z-index: 2;}
  206. .menuItem2 {font-size: 9px; font-weight: bold; color: black; background-color: #e8bc0c; padding: 0px 6px;
  207.             width: 100%; height: 14px; text-align: left; text-decoration: none; z-index: 2;}
  208. #menuTableEx {position: relative; top: 2px; left: 0px; z-index: 2;}
  209.  
  210.  
  211.  
  212. /* *** *** *** VZHLED LEVEHO MENU *** *** *** */
  213.  
  214.  
  215. .leftMenu {font-weight: bold; color: black; font-size: 10px; margin-bottom: 15px; width: 145px; height: auto;
  216.            position: relative; border: 0px solid yellow;}
  217. .leftMenuTitle {color: black; margin-bottom: 5px;}
  218. .leftMenuItem {background-image: url(img/dice03.gif); background-repeat: no-repeat; background-position: top left;
  219.               width: 100%; height: 15px; margin-left: 0px; text-decoration: underline; position: relative; font-size: 10px;}
  220. .leftMenuItem p {margin-left: 10px; position: relative; font-size: 10px; margin-top: 0px; margin-bottom: 0px;}
  221.  
  222.  
  223.  
  224. /* *** *** *** VZHLED PRAVEHO MENU *** *** *** */
  225.  
  226.  
  227. .rightMenu {color: black; background-color: white; font-size: 10px; margin-bottom: 15px;
  228.             width: 140px; height: auto; text-align: left; position: relative;}
  229. .rightMenu2 {color: black; background-color: #eff1f8; font-size: 10px; margin-bottom: 15px;
  230.             width: 140px; height: auto; text-align: left; position: relative;}
  231. .rightMenuIn {width: 140px; height: auto; margin-bottom: 0px; margin-top: 5px; font-size: 10px;}
  232. .rightMenuTitle1 {color: white; background-color: #023077; text-align: center; height: 15px;
  233.                  padding: 1px; width: 140px; position: relative; font-size: 10px;}
  234. .rightMenuTitle2 {color: black; background-color: #e8bc0c; text-align: center; height: 15px;
  235.                  padding: 1px; width: 140px; position: relative; font-size: 10px;}
  236. .rightMenuTitleIn {width: 140px; position: relative;}
  237. .rightMenuBox {width: 100%; height: auto; border: 1px solid #aaaaaa; position: relative;}
  238. .rightMenuItem {background-image: url(img/dice03.gif); background-repeat: no-repeat; background-position: top left;
  239.                height: auto; width: 134px; margin-left: 5px; position: relative; border: 0px solid magenta;}
  240. .rightMenuItem p {margin-left: 10px; position: relative; font-size: 10px; margin-top: 0px; margin-bottom: 0px; color: #666666;}
  241. /* .rightMenuItem p.mini {font-size: 9px;} */
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.