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