home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 September / Chip_2004-09_cd1.bin / program / asp / styl.css < prev    next >
Cascading Style Sheet File  |  2004-07-14  |  7KB  |  258 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. /* V²pisy k≤du */    
  129.     
  130. pre { background-color: #eeeeee;
  131.       padding: 5px;
  132.       font-size: 90%;}
  133.  
  134.  
  135.  
  136.  
  137. /* Tohle jsou t°φdy pro popis menu.
  138. Btnmenu je objekt, kter² reaguje na p°ejetφ myÜφ a menu naΦφtß
  139. Menu je obal pro polo₧ky menu, normßln∞ se schovßvß nad obrazovkou
  140. Menuitem je normßlnφ polo₧ka menu
  141. Menuitema je polo₧ka, na kterou se nedß kliknout a funguje pouze pro odd∞lenφ skupinek.
  142. Menuitemhover je polo₧ka, na kterΘ je momentßln∞ kurzor myÜi (je vysvφcenß atp.) */
  143.  
  144. .btnmenu { position: absolute;
  145.            top: 60px;
  146.            left: 250px;
  147.            width: 130px;
  148.            height: 20px;
  149.            background-color: #eeeeee;
  150.            border-style: solid;
  151.            border-color: black;
  152.            border-width: 1px;
  153.            z-index: 15;
  154.            text-align: center;
  155.            cursor: hand;
  156.            cursor: pointer; }
  157.  
  158. .menu { position: absolute;
  159.         top: -500px;
  160.         left: 250px;
  161.         z-index: 20;
  162.         border-width: 1px;
  163.         border-color: #000000;
  164.         border-style: solid;
  165.         background-color: ffffff;
  166.         padding: 2px; }
  167.  
  168. .menuitem { width: 230px;
  169.             height: 15px;
  170.             border-style: solid;
  171.             border-color: #ffffff;
  172.             border-width: 1px;
  173.             background-color: #ffffff;
  174.             padding: 3px;
  175.             padding-left: 25px;
  176.             font-weight: normal;
  177.             cursor: hand; 
  178.             cursor: pointer; }
  179.             
  180. .menuitema { width: 230px;
  181.             height: 15px;
  182.             border-style: solid;
  183.             border-color: #dddddd;
  184.             border-width: 1px;
  185.             background-color: #dddddd;
  186.             padding: 3px;
  187.             font-weight: bold;
  188.             cursor: default; }
  189.  
  190. .menuitemhover { width: 230px;
  191.                  height: 15px;
  192.                  border-style: solid;
  193.                  border-color: black;
  194.                  border-width: 1px;
  195.                  background-color: #eeeeee;
  196.                  padding: 3px;
  197.                  padding-left: 25px;
  198.                  font-weight: normal;
  199.                  cursor: hand; 
  200.                  cursor: pointer; }
  201.  
  202.  
  203. /* DIV urΦen² k umφst∞nφ nadpisu strßnky */
  204. .nadpisstr { position: absolute;
  205.              top: 5px;
  206.              left: 400px; }
  207.  
  208.  
  209.          
  210.  
  211. /* Nadpis (urΦen² do vlastnφch Φlßnk∙) */
  212. .tnadpis { font-weight: bold;
  213.            font-size: 125%;
  214.            color: black;
  215.            font-family: arial; }
  216.            
  217. /* Mal² nadpis (taky do Φlßnk∙) */              
  218. .tsubnadpis { font-weight: bold;
  219.               font-size: 110%`
  220.               color: black; 
  221.               font-family: arial;}
  222.               
  223.            
  224. /* Nadpis tmav²ch ploch (nap°. hlaviΦky sloupc∙ v index.html) */
  225.  
  226. .twnadpis {  font-weight: bold;
  227.              font-size: 125%;
  228.              color: white;
  229.              font-family: arial; }           
  230.  
  231.  
  232. /* Hlavnφ nadpis strßnky */           
  233. .tsupnadpis { font-weight: bold;
  234.               font-size: 165%;
  235.               color: black; 
  236.               font-family: arial;
  237.               text-decoration: underline; }
  238.               
  239. /* Hlavnφ podnadpis */
  240. .tsubsupnadpis { font-weight: bold;
  241.                  font-size: 130%;
  242.                  color: black;
  243.                  font-family: arial; }
  244.  
  245.       
  246.               
  247. /* Odkaz na dokumentaci SDK .NET Frameworku */
  248. .refsdk { padding-left: 17px;
  249.           background-image: url('refsdk.gif');
  250.           background-position: left middle;
  251.           background-repeat: no-repeat; }
  252.           
  253. /* Odkaz na MSDN Library */
  254. .refmsdn { padding-left: 36px;
  255.           background-image: url('refmsdn.gif');
  256.           background-position: left middle;
  257.           background-repeat: no-repeat; }
  258.