|
|
Línea 1: |
Línea 1: |
| /* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
| |
|
| |
|
| /*menu*/
| |
|
| |
| #menu {
| |
| background: #FFF; /*#0099CC;*/
| |
| height: 45px;
| |
| padding-left: 18px;
| |
| border-radius: 3px;
| |
| }
| |
| #menu ul, #menu li {
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| list-style: none
| |
| }
| |
| #menu ul {
| |
| width: 100%;
| |
| text-align: center;
| |
| }
| |
| #menu li {
| |
| display: inline-block;
| |
| position: relative;
| |
| width:200px;
| |
| }
| |
| #menu li.menu_movil {
| |
| display:none;
| |
| }
| |
| #menu a {
| |
| display: block;
| |
| line-height: 45px;
| |
| padding: 0 14px;
| |
| text-decoration: none;
| |
| color: #000;
| |
| font-size: 16px;
| |
| }
| |
| #menu a.dropdown-arrow:after {
| |
| content: "\25BE";
| |
| margin-left: 5px;
| |
| }
| |
| #menu li a:hover {
| |
| color: #0099CC;
| |
| background: #F2F2F2;
| |
| }
| |
| #menu input {
| |
| display: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| height: 45px;
| |
| width: 100%;
| |
| opacity: 0;
| |
| cursor: pointer
| |
| }
| |
| #menu label {
| |
| display: none;
| |
| line-height: 45px;
| |
| text-align: center;
| |
| position: absolute;
| |
| left: 35px
| |
| }
| |
| #menu label:before {
| |
| font-size: 1.6em;
| |
| color: #FFFFFF;
| |
| content: "\2261";
| |
| margin-left: 20px;
| |
| }
| |
| #menu ul.sub-menus-movil {
| |
|
| |
| }
| |
|
| |
| #menu ul.sub-menus{
| |
| height: auto;
| |
| overflow: hidden;
| |
| width: 200px;
| |
| background: #EAECF0;
| |
| position: absolute;
| |
| z-index: 99;
| |
| display: none;
| |
| }
| |
| #menu ul.sub-menus li {
| |
| display: block;
| |
| text-align: left;
| |
| width: 100%;
| |
| }
| |
| #menu ul.sub-menus a {
| |
| color: #000000;
| |
| font-size: 16px;
| |
| }
| |
| #menu li:hover ul.sub-menus {
| |
| display: block
| |
| }
| |
| #menu ul.sub-menus a:hover{
| |
| background: #0099CC;
| |
| color: #FFFFFF;
| |
| }
| |
| @media screen and (max-width: 800px){
| |
| #menu {position:relative}
| |
| #menu a {color:#000;}
| |
| #menu ul {background:#EAECF0;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
| |
| #menu ul.sub-menus-movil {width:100%;position:static;}
| |
| #menu ul.sub-menus-movil a {padding-left:30px;}
| |
| #menu ul.sub-menus {width:100%;position:static;}
| |
| #menu ul.sub-menus a {padding-left:30px;}
| |
| #menu li {display:block;float:none;width:auto;}
| |
| #menu input, #menu label {position:absolute;top:0;left:0;display:block}
| |
| #menu input {z-index:4}
| |
| #menu input:checked + label {color:#FFFFFF}
| |
| #menu input:checked + label:before {content:"\00d7"}
| |
| #menu input:checked ~ ul {display:block}
| |
| }
| |