home *** CD-ROM | disk | FTP | other *** search
/ Mikrobitti Huvi & Hyöty 2006 / MBHH2006Disc1.bin / tyylit.css < prev   
Encoding:
Cascading Style Sheet File  |  2005-12-20  |  4.8 KB  |  292 lines
  1. @media all {
  2.  
  3. /*********************************************************** Yleiset tyylit */
  4.  
  5. body {
  6.   background-color: #ffffff;
  7.   background-image: url(huvikuvat/huvitausta.gif);
  8.   margin: 0;
  9.   padding: 0;
  10.   text-align: center;
  11. }
  12.  
  13. #container {
  14.   margin-bottom: auto;
  15.   margin-left: auto;
  16.   margin-right: auto;
  17.   width: 640px;
  18. }
  19.  
  20. #valikko {  
  21.   margin: 15px 0 0 0;
  22.   padding: 0;
  23.   text-align: left;
  24.   width: 640px;
  25. }
  26.  
  27. #sisalto {
  28.   background: url(huvikuvat/laatikkotausta.gif) repeat-y;
  29.   margin: 0;
  30.   padding: 0;
  31.   text-align: left;
  32.   width: 640px;
  33. }
  34.  
  35. #footer {
  36.   clear: both;
  37.   margin: 0 0 25px 0;
  38.   padding: 0;
  39. }
  40.  
  41. #footer p {
  42.   font-family: Verdana, Arial, sans-serif;
  43.   font-size: 7pt;
  44. }
  45.  
  46. h2 {
  47.   border-bottom: 1px solid #2100b2;
  48.   color: #2100b2;
  49.   font-family: Verdana, Arial, sans-serif;
  50.   font-size: 13pt;
  51.   font-weight: bold;
  52.   margin: 10px 0 20px 0;
  53.   padding: 0;
  54. }
  55.  
  56. h3 {
  57.   color: #2100b2;
  58.   font-family: Verdana, Arial, sans-serif;
  59.   font-size: 11pt;  
  60.   font-weight: bold;
  61.   margin: 10px 0;
  62.   padding: 0;
  63. }
  64.  
  65. a {
  66.   color: #2100b2;
  67. }
  68.  
  69. a:hover {
  70.   text-decoration: none;
  71. }
  72.  
  73. /****************************************************************** Etusivu */
  74.  
  75. #nostot {
  76.   background-color: #eeccee; 
  77.   margin: 0 0 0 1px;
  78.   padding: 10px 0 0 20px; 
  79.   width: 570px;
  80. }
  81.  
  82. #nostot h3 {
  83.   color: #2100b2;
  84.   font-family: Verdana, Arial, sans-serif;
  85.   font-size: 9pt;  
  86.   font-weight: bold;
  87.   margin: 0;
  88.   padding: 0;
  89. }
  90.  
  91. #nostot h3 a {
  92.   text-decoration: none;
  93. }
  94.  
  95. #nostot h3 a:hover {
  96.   text-decoration: underline;
  97. }
  98.  
  99. #nostot p {
  100.   font-family: Verdana, Arial, sans-serif;
  101.   font-size: 8pt;
  102.   margin-top: 5px;
  103. }
  104.  
  105. .nostokuva {
  106.   border: 1px solid #008000;
  107.   margin-bottom: 20px; 
  108.   margin-right: 10px;
  109. }
  110.  
  111. /************************************************************* Ohjelmasivut */
  112.  
  113. h1 {
  114.   color: #a050e0;
  115.   font-family: Verdana, Arial, sans-serif;
  116.   font-size: 12px;
  117.   text-align: center;
  118.   letter-spacing: 4px;
  119.   margin: 0;
  120.   padding: 0;
  121. }
  122.  
  123. #leipis {
  124.   background-color: #eeccee; 
  125.   margin: 0 10px 0 1px;
  126.   padding: 10px 0 0 20px; 
  127.   width: 560px;
  128.   font-family: Verdana, Arial, sans-serif;
  129.   font-size: 9pt;
  130. }
  131.  
  132. #leipis p {
  133.   font-family: Verdana, Arial, sans-serif;
  134.   font-size: 9pt;
  135.   margin-bottom: 0px;
  136. }
  137.  
  138. #leipis a.linkki {
  139.   text-decoration: underline;
  140. }
  141.  
  142. #leipis a.linkki:hover {
  143.   text-decoration: none;
  144. }
  145.  
  146. #leipis ol li {
  147.   padding-top: 5px;
  148. }
  149.  
  150. div.sivunumero {
  151.   color: #000000;
  152.   font-size: 11px;
  153.   font-weight: bold;
  154.   padding-top: 10px;
  155.   text-align: right;
  156. }
  157.  
  158. div.sivunumero a {
  159.   color: #2100b2;
  160.   font-weight: bold;
  161.   text-decoration: none;
  162. }
  163.  
  164. div.sivunumero a:hover {
  165.   text-decoration: underline;
  166. }
  167.  
  168. span.valittu_sivu {
  169.   color: #2100b2;
  170.   font-size: 14px;
  171. }
  172.  
  173. div.asennuslaatikko {
  174.   background: url(huvikuvat/ohjelmalaatikko_tausta.gif) repeat-y;
  175.   font-family: Arial, sans-serif;
  176.   padding: 5px 10px 10px 10px;
  177.   width: 570px;
  178. }
  179.  
  180. div.asennusrivi {
  181.   clear: both;
  182. }
  183.  
  184. div.asennusrivi span.asennuslinkki {
  185.   float: left;
  186.   width: 220px;
  187.   text-align: left;
  188. }
  189.  
  190. div.asennusrivi span.asennuslinkki_levea {
  191.   float: left;
  192.   width: 280px;
  193.   text-align: left;
  194. }
  195.  
  196. div.asennusrivi a {
  197.   color: #000060;
  198. }
  199.  
  200. div.asennusrivi a:hover {
  201.   background-color: #EFF1BE;
  202. }
  203.  
  204. div.asennusrivi span.tiedoston_koko {
  205.   font-size: 8pt;
  206.   float: left;
  207.   width: 50px;
  208. }
  209.  
  210. div.asennusrivi span.kayttis {
  211.   width: 220px;
  212.   text-align: left;
  213. }
  214.  
  215. div.asennusrivi span.kayttis_kapea {
  216.   width: 180px;
  217.   text-align: left;
  218. }
  219.  
  220. .ohjelman_kuva, .ohjekuva {
  221.   border: 1px solid #800080;
  222.   margin-left: 10px;
  223. }
  224.  
  225. div.valmistaja {
  226.   font-family: Verdana, Arial, sans-serif;
  227.   font-size: 10px;
  228.   padding-bottom: 5px;
  229.   padding-top: 5px;
  230.   text-align: right;
  231. }
  232.  
  233. a.valmistaja {
  234.   font-family: Verdana, Arial, sans-serif;
  235.   font-size: 10px;
  236.   text-decoration: none;
  237. }
  238.  
  239. a.valmistaja:hover {
  240.   text-decoration: underline;
  241. }
  242.  
  243. #leipis p.lisatieto {
  244.   border-left: 1px solid #a050e0;
  245.   font-family: Verdana, Arial, sans-serif;
  246.   font-size: 11px;
  247.   margin-left: 12px;
  248.   padding-left: 7px;
  249. }
  250.  
  251. a.lisatieto {
  252.   font-size: 10px;
  253. }
  254.  
  255. div.navigointilinkit {
  256.   color: #000000;
  257.   font-size: 11px;
  258.   font-weight: bold;
  259.   padding-bottom: 15px;
  260.   padding-top: 15px;
  261.   text-align: center;
  262. }
  263.  
  264. div.navigointilinkit_mbi {
  265.   color: #000000;
  266.   font-size: 10px;
  267.   font-weight: bold;
  268.   padding-bottom: 15px;
  269.   padding-top: 15px;
  270.   text-align: center;
  271. }
  272.  
  273. div.navigointilinkit a, div.navigointilinkit_mbi a {
  274.   text-decoration: none;
  275. }
  276.  
  277. div.navigointilinkit a:hover, div.navigointilinkit_mbi a:hover {
  278.   text-decoration: underline;
  279. }
  280.  
  281. div.navigointilinkit_valittu {
  282.   color: #2100b2;
  283.   font-size: 14px;
  284.  
  285. }
  286.  
  287. .kotimainen {
  288.   margin-left: 7px;
  289. }
  290.  
  291. }
  292.