CSS   20

menu.css

Guest on 28th May 2021 03:28:53 AM

  1.  
  2. body.home #mainMenu a#home,
  3. body.archive #mainMenu a#archive,
  4. body.siteMap #smallNav a#siteMap,
  5. body.contacts #smallNav a#contacts,
  6. body.search #smallNav a#search,
  7. body.iss #mainMenu a#iss,
  8. body.history #mainMenu a#history,
  9. body.corporation #mainMenu a#corporation,
  10. body.automatic #mainMenu a#automatic,
  11. body.launchers #mainMenu a#launchers,
  12. body.conversion #mainMenu a#conversion {
  13.     color: #f33;
  14.     }
  15.  
  16. body.home #mainMenu a:hover#home,
  17. body.archive #mainMenu a:hover#archive,
  18. body.siteMap #smallNav a:hover#siteMap,
  19. body.contacts #smallNav a:hover#contacts,
  20. body.search #smallNav a:hover#search,
  21. body.iss #mainMenu a:hover#iss,
  22. body.history #mainMenu a:hover#history,
  23. body.corporation #mainMenu a:hover#corporation,
  24. body.automatic #mainMenu a:hover#automatic,
  25. body.launchers #mainMenu a:hover#launchers,
  26. body.conversion #mainMenu a:hover#conversion {
  27.     color: #f33;
  28.     }
  29.  
  30. #smallNav {
  31.     width: 20em;
  32.     float: right;
  33.     color: #cccccc;
  34.     }
  35. #smallNav a {
  36.     padding: 0 1em;
  37.     line-height: 0.8em;
  38.     font-size: 0.85em;
  39.     color: #cccccc;
  40.     }
  41. #smallNav a:hover {
  42.     color: #FFFFFF;
  43.     }
  44.  
  45.  
  46.  
  47. #mainNav, #mainNav ul {
  48.     margin: 0;
  49.     padding: 0;
  50.     float: left;
  51.     width: 100%;
  52.     background: url(/ru/images/bg_main_nav.gif) repeat-x;
  53.     list-style-type: none;
  54.    
  55.     }
  56.  
  57. #mainNav  li {
  58.     float: left;
  59.     background: url(/ru/images/divider.gif) no-repeat top right;
  60.  
  61.     }
  62. #mainNav li a {
  63.     display: block;
  64.     padding: 0 1em;
  65.     line-height: 2.1em;
  66.     text-decoration: none;
  67.     float: left;
  68.     color: #dddddd;
  69.     font-size: 1.1em;
  70.     }
  71.  
  72. #mainNav li a:hover {
  73.     color: #fff;
  74.     }
  75.  
  76.  
  77.  
  78.  
  79. #button {
  80.     float: left;
  81.       width: 210px;
  82.       border-top: 1px solid #ffffff;
  83.      
  84.       padding: 0 0 0 0;
  85.       margin-bottom: 0px;
  86.       background-color: #dddddd;
  87.       color: #333333;
  88.       }
  89.  
  90. #button ul {
  91.       list-style: none;
  92.       margin: 0;
  93.       padding: 0;
  94.       border: none;
  95.       }
  96.        
  97. #button li {
  98.       border-bottom: 1px solid #ffffff;
  99.       margin: 0;
  100.       }
  101.  
  102. #button li a {
  103.       display: block;
  104.       padding: 4px 5px 3px 0.5em;
  105.       background-color: #dddddd;
  106.       color: #333333;
  107.       text-decoration: none;
  108.       width: 100%;
  109.       }
  110.  
  111. html>body #button li a {
  112.       width: auto;
  113.       }
  114.  
  115. #button li a:hover {
  116.       background-color: #eeeeee;
  117.       color: #000000;
  118.       }
  119.  
  120.  
  121. #breadcrumbs{
  122.     color: #999999;
  123.     font-size: 0.8em;
  124.     line-height:1.5em;
  125.     padding-left: 10px;
  126.     margin-top:10px;
  127.     }
  128. #breadcrumbs a {
  129.     color: #999999;
  130.     }
  131. #breadcrumbs a:hover {
  132.     color: #666;
  133.     }

Raw Paste


Login or Register to edit or fork this paste. It's free.