home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 January / Chip_2004-01_cd1.bin / tema / vema / css / vema_home.css < prev    next >
Cascading Style Sheet File  |  2003-09-04  |  10KB  |  526 lines
  1. @import url(vema_basic.css);
  2.  
  3. /* ---------------------------- */
  4.  
  5. table.layoutTable
  6. {
  7.   width: 100%;
  8.   border-width: 0; 
  9.   border-collapse: collapse;            /* CSS2 */
  10.   border-spacing: 0;                    /* CSS2 */
  11. }
  12.  
  13. .layoutTable td
  14. {
  15.   padding: 4px;
  16. }  
  17.  
  18. .layoutTable .contentContainer
  19. {
  20. }
  21.  
  22. .layoutTable .foot
  23. {
  24.   font-size: 82%; /* MSIE fix */
  25. }
  26.  
  27. /* - HEAD --------------------------------------------------------------- */
  28.  
  29. /* HEAD.HEAD_TOP */
  30.  
  31. .headTop
  32. {
  33.   font-size: 82%;                       /* MSIE fallback */
  34.   background: rgb(89,122,141); 
  35.   color: white;
  36. }
  37.  
  38. .headTop a.topLink
  39. {
  40.   font-size: 82%;
  41.   color: white; 
  42.   font-weight: normal;
  43.   padding-right: 2ex;
  44. }
  45.  
  46. .headTop a.topLinkEmphasized
  47. {
  48.   font-size: 82%;
  49.   color: white; 
  50.   font-weight: bold;
  51.   padding-right: 2ex;
  52. }
  53.  
  54. .headTop .languageSwitch
  55. {
  56.   float: right; 
  57.   font-size: 82%;
  58.   font-weight: bold;
  59. }
  60.  
  61. .headTop .languageSwitch img
  62. {
  63.   margin: 0;
  64.   vertical-align: middle;
  65.   border-width: 0.5px 1.5px 1.5px 0.5px;
  66.   border-style: solid;
  67. }
  68.  
  69. .headTop .languageSwitch a.languageSelected
  70. {
  71.   color: white;
  72.   padding: 0px 2px 0px 2px;
  73. }
  74.  
  75. .headTop .languageSwitch a.language
  76. {
  77.   color: rgb(178,193,202); 
  78.   padding: 0px 2px 0px 2px;
  79. }
  80.  
  81. /* HEAD.HEAD_MIDDLE */
  82.  
  83. .headMiddle
  84. {
  85.   font-size: 82%;
  86.   height: 75px;
  87.   background: url(../images/vema_hlavni.gif) white no-repeat;
  88. }
  89.  
  90. /* HEAD.HEAD_BOTTOM */
  91.  
  92. .headBottom
  93. {
  94.   font-size: 82%;
  95.   text-align: left;
  96.   background: rgb(0,50,80); 
  97.   color: white;
  98. }
  99.  
  100. .navigationMenu 
  101. {
  102.   float: left;
  103.   font-size: 82%;
  104.   font-weight: bold;
  105.   padding-top: 0.5ex;
  106. }
  107.   
  108. .navigationMenu a
  109. {
  110.   color: white;
  111. }
  112.  
  113. .navigationMenu a:hover
  114. {
  115.   color: rgb(255,127,0);
  116.   /* TEST
  117.   color: rgb(186,204,255); 
  118.   */
  119. }
  120.  
  121. .navigationMenu .listItem
  122. {
  123.   border: 1px none;
  124.   margin-right: 1.0em;
  125. }
  126.  
  127. .fastNavigation
  128. {
  129.   float: right;
  130.   font-size: 82%;
  131. }
  132.  
  133. .fastNavigation label
  134. {
  135.   float: left;
  136.   padding-top: 0.5ex;
  137. }
  138. .fastNavigationlabel
  139. {
  140.   float: left;
  141.   padding-top: 0.2ex;
  142. }
  143.  
  144. .fastNavigationForm
  145. {
  146.   margin: 0px;
  147.   vertical-align: bottom;
  148. }
  149.  
  150. .fastNavigationForm select,
  151. .fastNavigationForm input
  152. {
  153.   font-size: 92%;
  154.   margin: 0px;
  155.   border: 0px;
  156.   vertical-align: middle;
  157. }
  158.  
  159. /* - NAVIGATION SIDEBAR ------------------------------------------------- */
  160.  
  161. .navigationSidebar
  162. {
  163.   background: white;
  164.   width: 20%;
  165.   vertical-align: top;
  166.   text-align: left;
  167. }
  168.  
  169. /* --- sitemap path --- */
  170.  
  171. .navigationSidebar .sitemapPath
  172. {
  173.   font-size: 82%;
  174.   width: 100%;
  175.   border-collapse: collapse;            /* CSS2 */
  176.   border-spacing: 0;                    /* CSS2 */
  177.   margin-bottom: 5px;
  178. }
  179.  
  180. .navigationSidebar .sitemapPath .listItem
  181. {
  182.   margin: 0px;
  183.   vertical-align: top; 
  184.   color: rgb(255,127,0);
  185.   padding-left: 0px;
  186.   padding-bottom: 10px;
  187.   background: url(../images/sipka_dolu_oranz.gif) bottom left no-repeat;
  188. }
  189.  
  190. .navigationSidebar .sitemapPath a
  191. {
  192.   color: rgb(255,127,0);
  193.   /* TEST
  194.   color: rgb(46,84,165); 
  195.   */
  196. }
  197.  
  198. .navigationSidebar .sitemapPath a:hover
  199. {
  200.   font-weight: bold;
  201. }
  202.  
  203. /* --- navigation links --- */
  204.  
  205. .navigationSidebar .navigationLinks
  206. {
  207.   font-size: 82%;
  208.   width: 100%;
  209.   border-width: 1px;
  210.   border-style: solid;
  211.   border-color: rgb(0,50,80);
  212.   background: rgb(217,217,217);
  213.   /* TEST
  214.   background-color: rgb(166,184,225); 
  215.   */
  216. }
  217.  
  218. .navigationSidebar .navigationLinks .listItem,
  219. .navigationSidebar .navigationLinks .listItemSelected
  220. {
  221.   margin: 2px;
  222.   vertical-align: bottom; 
  223.   padding-left: 17px;
  224.   background: url(../images/sipka_vpravo_seda.gif) center left no-repeat;
  225. }
  226.  
  227. .navigationSidebar .navigationLinks .listItem a
  228. {
  229.   color: rgb(80,80,80);
  230.   /* TEST
  231.   color: rgb(0,0,0);
  232.   */
  233. }
  234.  
  235. .navigationSidebar .navigationLinks .listItemSelected a
  236. {
  237.   font-style: italic;
  238.   color: rgb(80,80,80);
  239.   /* TEST
  240.   color: rgb(0,0,0);
  241.   text-decoration: underline;
  242.   */
  243. }
  244.  
  245. .navigationSidebar .navigationLinks .listItem a:hover,
  246. .navigationSidebar .navigationLinks .listItemSelected a:hover
  247. {
  248.   color: rgb(255,127,0);
  249.   /* TEST
  250.   color: rgb(255,255,255);
  251.   */
  252. }
  253.  
  254. /* --- utility links --- */
  255.  
  256. .navigationSidebar .utilityLinks
  257. {
  258.   font-size: 82%;
  259.   width: 100%;
  260.   border-width: 1px;
  261.   border-style: solid;
  262.   border-color: rgb(0,50,80);
  263.   margin-top: 50px;
  264.   margin-bottom: 50px;
  265. }
  266.  
  267. .navigationSidebar .utilityLinks td
  268. {
  269.   margin: 2px;
  270.   vertical-align: top; 
  271.   padding-left: 35px;
  272. }
  273.  
  274. .navigationSidebar .utilityLinks .listItemNews
  275. {
  276.   background: url(../images/ik_news.gif) center left no-repeat;
  277. }
  278.  
  279. .navigationSidebar .utilityLinks .listItemMailUs
  280. {
  281.   background: url(../images/ik_napiste.gif) center left no-repeat;
  282. }
  283.  
  284. .navigationSidebar .utilityLinks .listItemSiteMap
  285. {
  286.   background: url(../images/ik_mapa.gif) center left no-repeat;
  287. }
  288.  
  289. .navigationSidebar .utilityLinks td a
  290. {
  291.   color: rgb(80,80,80);
  292. }
  293.  
  294. .navigationSidebar .utilityLinks td a:hover
  295. {
  296.   font-weight: bold;
  297.   color: rgb(255,127,0);
  298. }
  299.  
  300. /* - MAIN VIEW ---------------------------------------------------------- */
  301.  
  302. .mainView
  303. {
  304.   font-size: 82%;
  305.   width: 60%;
  306.   vertical-align: top;
  307.   background: url(../images/vema_spodni.gif) white no-repeat;
  308. }
  309.  
  310. .mainView h1
  311. {
  312.   font-size: 144%;
  313. }
  314.  
  315. /* zatim nutno vypnout MSIE na to kasle
  316. .article > h1:first-child
  317. { 
  318.   margin-top: 0.25em;
  319.   margin-bottom: 1.0em;
  320. }
  321. */
  322.  
  323. .mainView .articleButtons
  324. {
  325.   border-width: 0px;
  326.   border-collapse: collapse;            /* CSS2 */
  327.   border-spacing: 0px;                  /* CSS2 */
  328.   background: rgb(217,217,217);
  329.   margin-top: 0.5em;
  330. }
  331.   
  332. .mainView .articleButtons td
  333. {
  334.   text-align: left;
  335.   padding-right: 1em; 
  336.   border: 0px;
  337.   margin: 0px;
  338.   font-size: 75%;
  339.   padding-left: 27px;
  340. }
  341.  
  342. .articleButtons a
  343. {
  344.   color: rgb(80,80,80);
  345. }
  346.  
  347. .articleButtons a:hover
  348. {
  349.   color: rgb(255,127,0);
  350. }
  351.  
  352. .articleButtons .printPage
  353. {
  354.   background: url(../images/ik_tisk.gif) center left no-repeat;
  355. }
  356.  
  357. .articleButtons .recommendPage
  358. {
  359.   background: url(../images/ik_kolega.gif) center left no-repeat;
  360. }
  361.  
  362. .articleButtons .ratePage
  363. {
  364.   background: url(../images/ik_hodnot.gif) center left no-repeat;
  365. }
  366.  
  367. .mainView  table
  368. {
  369.   font-size: 90%;                       /* MSIE fallback */
  370.   border-width: 1px; 
  371.   border-style: solid; 
  372.   border-color: black;
  373.   border-collapse: collapse;            /* CSS2 */
  374.   border-spacing: 0px;                  /* CSS2 */
  375. }
  376.  
  377. .mainView table td 
  378. {
  379.   border-width: 1px; 
  380.   border-style: solid; 
  381.   border-color: black;
  382.   padding: 4px;
  383. } 
  384.  
  385. /* zatim nutno vypnout MSIE na to kasle
  386. .mainView table tr:first-child
  387. {
  388.   font-weight: bold;
  389. }
  390. */
  391.  
  392. .mainView table.barevna
  393. {
  394.   font-size: 90%;
  395.   border: 0px; 
  396.   border-collapse: collapse;            /* CSS2 */
  397.   border-spacing: 0px;                  /* CSS2 */
  398.   /* TEST
  399.   */
  400.   width: 90%;
  401. }
  402.  
  403. table.barevna td 
  404. {
  405.   padding: 4px;
  406.   padding-left: 15px;
  407.   background: url(../images/sipka_vpravo_oranz.gif) rgb(255,229,204) center left no-repeat;
  408.   border-width: 0px 0px 0px 6px;
  409.   border-style: solid;
  410.   border-color: rgb(255,229,204);
  411.   /* TEST
  412.   background: url(../images/sipka_vpravo_oranz.gif) rgb(245,225,134) center left no-repeat;
  413.   background: url(../images/sipka_vpravo_oranz.gif) rgb(255,242,169) center left no-repeat;
  414.   background: url(../images/sipka_vpravo_oranz.gif) rgb(253,232,154) center left no-repeat;
  415.   border-color: rgb(255,127,0);
  416.   */
  417. } 
  418.  
  419. /* zatim nutno vypnout MSIE na to kasle
  420. table.barevna tr:first-child td
  421. {
  422.   font-size: 85%;
  423.   text-align: left;
  424.   background: rgb(0,50,80); 
  425.   color: white;
  426.   border-width: 0px 0px 0px 6px;
  427.   border-style: solid;
  428.   border-color: rgb(0,50,80); 
  429. }
  430. */
  431.  
  432. .mainView table.bezramecku
  433. {
  434.   font-size: 90%;
  435.   border: 0px; 
  436.   border-collapse: collapse;            /* CSS2 */
  437.   border-spacing: 0px;                  /* CSS2 */
  438. }
  439.  
  440. table.bezramecku td 
  441. {
  442.   padding: 4px;
  443.   border-width: 0px;
  444. } 
  445.  
  446. ul.subCategories
  447. {
  448.   display: none;
  449. }
  450.  
  451. /* - CONTEXT SIDEBAR ---------------------------------------------------- */
  452.  
  453. .contextSidebar
  454. {
  455.   font-size: 82%;
  456.   width: 20%;
  457.   vertical-align: top;
  458.   background: rgb(178,193,202); 
  459.   /* TEST
  460.   background-color: rgb(156,184,215);
  461.   background-color: rgb(156,184,215);
  462.   */
  463. }
  464.  
  465. .contextSidebar hr
  466. {
  467.   width: 100%; 
  468.   height: 1px;
  469.   border-width: 0px; 
  470.   margin: 0px;
  471.   padding: 0px;
  472.   background: rgb(80,80,80);
  473. }
  474.  
  475. .contextSidebar .navigationLinks
  476. {
  477.   font-size: 90%;
  478.   width: 100%;
  479. }
  480.  
  481. .contextSidebar .navigationLinks .listItem
  482. {
  483.   margin: 2px;
  484.   vertical-align: top; 
  485.   padding-left: 20px;
  486.   background: url(../images/sipka_vpravo_seda.gif) center left no-repeat;
  487. }
  488.  
  489. .contextSidebar .navigationLinks .listCategoryTop
  490. {
  491.   margin: 2px;
  492.   vertical-align: top; 
  493.   color: rgb(0,50,80); 
  494.   font-weight: bold;
  495.   padding-left: 0px;
  496.   padding-bottom: 10px;
  497.   background: url(../images/sipka_dolu_seda.gif) bottom left no-repeat;
  498. }
  499.  
  500. .contextSidebar .navigationLinks .listCategory
  501. {
  502.   margin: 2px;
  503.   vertical-align: top; 
  504.   color: rgb(80,80,80);
  505.   font-size: medium;
  506.   font-weight: bold;
  507.   padding-left: 0px;
  508.   padding-bottom: 10px;
  509.   background: url(../images/sipka_dolu_seda.gif) bottom  left no-repeat;
  510. }
  511.  
  512. .contextSidebar .navigationLinks .listItem a
  513. {
  514.   color: rgb(80,80,80);
  515.   /* TEST
  516.   */
  517.   color: rgb(30,30,30);
  518. }
  519.  
  520. .contextSidebar .navigationLinks .listItem a:hover
  521. {
  522.   font-weight: bold;
  523.   color: white;
  524. }
  525.  
  526.