home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 March / Chip_2004-03_cd1.bin / program / asp / styl.css < prev    next >
Cascading Style Sheet File  |  2004-01-12  |  7KB  |  227 lines
  1. body { color: navy;
  2.        background-color: #EEEEEE;
  3.        font-family: arial; }
  4.  
  5.  
  6. /* Hornφ °ßdek s obrßzkem, nadpisem a menu. */
  7. .nadpis { position: absolute;
  8.           left: 10px;
  9.           top: 10px;
  10.           z-index: 10;
  11.           width: 100%;
  12.           height: 70px;
  13.           background: #ffffff;
  14.           margin: 0px;
  15.           padding: 5px;
  16.           border-width: 1px;
  17.           border-style: solid;
  18.           border-color: black;
  19.           background-image: url('logo.gif');
  20.           background-position: left top;
  21.           background-repeat: no-repeat; }
  22.  
  23.  
  24. /* Zapouzd°uje vÜechno krom∞ nadpisu. */
  25. .hlavni { position: absolute;
  26.           top: 95px;
  27.           left: 5px;
  28.           padding: 10px;
  29.           width: 100%;
  30.           text-align: center; }
  31.           
  32.  
  33.  
  34. /* Nßsledujφcφ t°φdy jsou urΦeny pro ·vodnφ strßnku a sekci FAQ
  35. Uvod-hlavicka tvo°φ hlaviΦku levΘho sloupce
  36. Uvod tvo°φ obsah levΘho sloupce
  37. Analogicky obsah-hlavicka a hlavicka pro prav² sloupec */
  38.  
  39. .uvod-hlavicka  { position: absolute;
  40.                   top: 5px;
  41.                   left: 5px;
  42.                   width: 45%;
  43.                   height: 30px;
  44.                   padding: 3px;
  45.                   border-style: solid;
  46.                   border-color: black;
  47.                   border-width: 1px;
  48.                   background-color: navy;
  49.                   text-align: left; }
  50.  
  51. .uvod  { position: absolute;
  52.          top: 34px;
  53.          left: 5px;
  54.          width: 45%;
  55.          height: 95%;
  56.          padding: 10px;
  57.          border-style: solid;
  58.          border-color: black;
  59.          border-width: 1px;
  60.          background-color: #FFFFFF;
  61.          text-align: left; }
  62.  
  63. .obsah-hlavicka { position: absolute;
  64.                   top: 5px;
  65.                   right: -6px;
  66.                   width: 45%;
  67.                   height: 30px;
  68.                   padding: 3px;
  69.                   border-style: solid;
  70.                   border-color: black;
  71.                   border-width: 1px;
  72.                   background-color: navy;
  73.                   text-align: left; }
  74.  
  75. .obsah { position: absolute;
  76.          top: 34px;
  77.          right: -6px;
  78.          width: 45%;
  79.          height: 95%;
  80.          padding: 10px;
  81.          border-style: solid;
  82.          border-color: black;
  83.          border-width: 1px;
  84.          background-color: #FFFFFF;
  85.          text-align: left; }
  86.  
  87.  
  88.  
  89. /* T°φdy pro texty poznßmek v Φlßncφch
  90. Poznamka-obal zapouzd°uje oba dalÜφ a centruje je
  91. Poznamka-hlavicka tvo°φ nadpis poznßmky
  92. Poznamka je vlastni obal pro text */         
  93.  
  94. .poznamka-obal { width: 100%;
  95.                  text-align: center;
  96.                  padding: 10px; }
  97.  
  98. .poznamka-hlavicka { width: 80%;
  99.                      height: 30px;
  100.                      border-style: solid;
  101.                      border-color: black;
  102.                      border-width: 1px;
  103.                      padding: 3px;
  104.                      background-color: #eeeeee;
  105.                      text-align: center; }
  106.                      
  107. .poznamka { width: 80%;
  108.             border-style: solid;
  109.             border-color: black;
  110.             border-width: 1px;
  111.             padding: 5px;
  112.             margin: 10px;
  113.             background-color: #ffffff;
  114.             text-align: left; }
  115.  
  116.  
  117.  
  118. /* Obal pro dlouh² text Φlßnku, divnß polo₧ka pro width simuluje max-width v IE */
  119. .text { max-width:800px;
  120.         width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
  121.         text-align: left;
  122.         font-family: arial;
  123.         font-size: 95%; }
  124.  
  125. a { color: navy;
  126.     font-weight: bold; }
  127.  
  128.  
  129.  
  130.  
  131. /* Tohle jsou t°φdy pro popis menu.
  132. Btnmenu je objekt, kter² reaguje na p°ejetφ myÜφ a menu naΦφtß
  133. Menu je obal pro polo₧ky menu, normßln∞ se schovßvß nad obrazovkou
  134. Menuitem je normßlnφ polo₧ka menu
  135. Menuitema je polo₧ka, na kterou se nedß kliknout a funguje pouze pro odd∞lenφ skupinek.
  136. Menuitemhover je polo₧ka, na kterΘ je momentßln∞ kurzor myÜi (je vysvφcenß atp.) */
  137.  
  138. .btnmenu { position: absolute;
  139.            top: 60px;
  140.            left: 250px;
  141.            width: 130px;
  142.            height: 20px;
  143.            background-color: #eeeeee;
  144.            border-style: solid;
  145.            border-color: black;
  146.            border-width: 1px;
  147.            z-index: 15;
  148.            text-align: center;
  149.            cursor: hand;
  150.            cursor: pointer; }
  151.  
  152. .menu { position: absolute;
  153.         top: -500px;
  154.         left: 250px;
  155.         z-index: 20;
  156.         border-width: 1px;
  157.         border-color: #000000;
  158.         border-style: solid;
  159.         background-color: ffffff;
  160.         padding: 2px; }
  161.  
  162. .menuitem { width: 230px;
  163.             height: 15px;
  164.             border-style: solid;
  165.             border-color: #ffffff;
  166.             border-width: 1px;
  167.             background-color: #ffffff;
  168.             padding: 3px;
  169.             font-weight: normal;
  170.             cursor: hand; 
  171.             cursor: pointer; }
  172.             
  173. .menuitema { width: 230px;
  174.             height: 15px;
  175.             border-style: solid;
  176.             border-color: #dddddd;
  177.             border-width: 1px;
  178.             background-color: #dddddd;
  179.             padding: 3px;
  180.             font-weight: bold;
  181.             cursor: default; }
  182.  
  183. .menuitemhover { width: 230px;
  184.                  height: 15px;
  185.                  border-style: solid;
  186.                  border-color: black;
  187.                  border-width: 1px;
  188.                  background-color: #eeeeee;
  189.                  padding: 3px;
  190.                  font-weight: normal;
  191.                  cursor: hand; 
  192.                  cursor: pointer; }
  193.  
  194.  
  195. /* DIV urΦen² k umφst∞nφ nadpisu strßnky */
  196. .nadpisstr { position: absolute;
  197.              top: 5px;
  198.              left: 400px; }
  199.  
  200.  
  201.          
  202.  
  203. /* Nadpis */
  204. .tnadpis { font-weight: bold;
  205.            font-size: 125%;
  206.            color: white;
  207.            font-family: arial; }
  208.  
  209. /* Hlavnφ nadpis strßnky */           
  210. .tsupnadpis { font-weight: bold;
  211.               font-size: 165%;
  212.               color: #000000; 
  213.               font-family: arial;
  214.               text-decoration: underline; }
  215.               
  216. /* Hlavnφ podnadpis */
  217. .tsubsupnadpis { font-weight: bold;
  218.                  font-size: 130%;
  219.                  color: #000000;
  220.                  font-family: arial; }
  221.  
  222. /* Mal² nadpis */              
  223. .tsubnadpis { font-weight: bold;
  224.               font-size: 110%`
  225.               color: black; 
  226.               font-family: arial;}
  227.