Gracias, Wikipedia.
ShareCode
Permalink: http://www.treeweb.es/u/974/ 01/02/2011

ShareCode

1 HTML {2  background:lightblue;3  }4 5 #pcm {6  display: none;7 }8 ul.cssMenu ul {9  display: none;10 }11 ul.cssMenu li:hover > ul {12  display: block;13 }14 ul.cssMenu ul {15  left: -1px;16  position: absolute;17  top: 98%;18 }19 ul.cssMenu ul ul {20  left: 98%;21  position: absolute;22  top: -2px;23 }24 ul.cssMenu, ul.cssMenu ul {25  background-color: #A5A5A5;26  background-repeat: repeat;27  border: 0 solid #A6A6A6;28  list-style: none outside none;29  margin: 0;30  padding: 0 1px 1px 0;31 }32 ul.cssMenu table {33  border-collapse: collapse;34 }35 ul.cssMenu {36  display: block;37  float: left;38 }39 ul.cssMenu ul {40  width: 140.7px;41 }42 ul.cssMenu li {43  display: block;44  font-size: 0;45  margin: 1px 0 0 1px;46 }47 ul.cssMenu a:active, ul.cssMenu a:focus {48  outline-style: none;49 }50 ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {51  background-color: #FFFFFF;52  border: 0 solid #FCEEB0;53  color: #000000;54  cursor: pointer;55  display: block;56  font: 11px Arial;57  padding: 5px;58  text-align: left;59  text-decoration: none;60  vertical-align: middle;61 }62 ul.cssMenu span {63  overflow: hidden;64 }65 ul.cssMenu li {66  float: left;67 }68 ul.cssMenu ul li {69  float: none;70 }71 ul.cssMenu ul a {72  text-align: left;73  white-space: nowrap;74 }75 ul.cssMenu li.sep {76  height: 100%;77  line-height: 0;78  padding: 0;79  text-align: left;80 }81 ul.cssMenu li.sep span {82  background-color: #A6A6A6;83  background-image: none;84  display: inline-block;85  float: none;86  height: 100%;87  padding-right: 0;88 }89 ul.cssMenu ul li.sep span {90  width: 100%;91 }92 ul.cssMenu li:hover {93  position: relative;94 }95 ul.cssMenu li:hover > a {96  background-color: #FF1C1C;97  border-color: #4C99AB;98  border-style: solid;99  color: #FFFFFF;100  font: 11px Arial;101  text-decoration: none;102 }103 ul.cssMenu li a:hover {104  background-color: #FF1C1C;105  border-color: #4C99AB;106  border-style: solid;107  color: #FFFFFF;108  font: 11px Arial;109  position: relative;110  text-decoration: none;111 }112 ul.cssMenu li.dis a {113  color: #AAAAAA !important;114 }115 ul.cssMenu img {116  border: medium none;117  float: left;118  height: 16px;119  margin-right: 5px;120  width: 16px;121 }122 ul.cssMenu ul img {123  height: 16px;124  width: 16px;125 }126 ul.cssMenu img.over {127  display: none;128 }129 ul.cssMenu li.dis a:hover img.over {130  display: none !important;131 }132 ul.cssMenu li.dis a:hover img.def {133  display: inline !important;134 }135 ul.cssMenu li:hover > a img.def {136  display: none;137 }138 ul.cssMenu li:hover > a img.over {139  display: inline;140 }141 ul.cssMenu a:hover img.over, ul.cssMenu a:hover ul img.def, ul.cssMenu a:hover a:hover ul img.def, ul.cssMenu a:hover a:hover a:hover ul img.def, ul.cssMenu a:hover a:hover img.over, ul.cssMenu a:hover a:hover a:hover img.over, ul.cssMenu a:hover a:hover a:hover a:hover img.over {142  display: inline;143 }144 ul.cssMenu a:hover img.def, ul.cssMenu a:hover ul img.over, ul.cssMenu a:hover a:hover ul img.over, ul.cssMenu a:hover a:hover a:hover ul img.over, ul.cssMenu a:hover a:hover img.def, ul.cssMenu a:hover a:hover a:hover img.def, ul.cssMenu a:hover a:hover a:hover a:hover img.def {145  display: none;146 }147 ul.cssMenu a:hover ul, ul.cssMenu a:hover a:hover ul, ul.cssMenu a:hover a:hover a:hover ul {148  display: block;149 }150 ul.cssMenu a:hover ul ul, ul.cssMenu a:hover a:hover ul ul {151  display: none;152 }153 154 ul.cssMenu table a:hover span, ul.cssMenu table a:hover a:hover span, ul.cssMenu table a:hover a:hover a:hover span {155  background-image: url("http://purecssmenu.com/ssc-data/templates/clear-2/images/arr_white_2.gif");156 }157 ul.cssMenu table a:hover table span, ul.cssMenu table a:hover a:hover table span {158  background-image: url("http://purecssmenu.com/ssc-data/templates/clear-2/images/arr_blue_2.gif");159 }160 ul.cssMenu li a.cssMenui0 {161 }162 ul.cssMenu li a.cssMenui0:hover {163 }164 
Enlace
El enlace para compartir es: