Rafi862 Wiki
Advertisement
/* Categorías */
/*** Modificando aspecto ***/
.special-categories {display:none}
.CategorySelect.articlePage {border: 0px !important;}

.CategorySelect.articlePage .category {border-right: 0; 
    margin-top: 0; 
    padding-right: 0; }
#articleCategories > div.container > ul > li > span > a {    
float:left;
   margin:0 0 7px 20px;
   position:relative;
   font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size:.9em;
   font-weight:bold;
   text-decoration:none;
   color:#fff;
   padding:0.417em 0.617em 0.417em 0.917em;
   border-top:0px solid #000;
   border-right:0px solid #000;
   border-bottom:0px solid #000;
   -webkit-border-radius:0 0.25em 0.25em 0;
   -moz-border-radius:0 0.25em 0.25em 0;
   border-radius:0 0.25em 0.25em 0;
   background: #000; 
   z-index:100;
   }

#articleCategories > div.container > ul > li > span > a:before {
content:;
   width:1.30em;
   height:1.39em;
   background-image: -webkit-linear-gradient(left top, #000, #000);
   background-image: -moz-linear-gradient(left top, #000, #000);
   background-image: -o-linear-gradient(left top, #000, #000);
   background-image: -ms-linear-gradient(left top, #000, #000);
   background-image: linear-gradient(left top, #000, #000);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#000', EndColorStr='#000');
   position:absolute;
   left:-0.69em;
   top:.2em;
   -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
   -o-transform:rotate(45deg);
   transform:rotate(45deg);
   border-left:1px solid #000;
   border-bottom:1px solid #000;
   -webkit-border-radius:0 0 0 0.25em;
   -moz-border-radius:0 0 0 0.25em;
   border-radius:0 0 0 0.25em;
   z-index:1;       
   }
#articleCategories > div.container > ul > li > span > a:after {
  content:;
   width:0.5em;
   height:0.5em;
   background:#fff;
   -webkit-border-radius:4.167em;
   -moz-border-radius:4.167em;
   border-radius:4.167em;
   border:1px solid #000;
   position:absolute;
   top:0.667em;
   left:-0.083em;
   z-index:9999;
   }

#articleCategories > div.container > ul > li > span > a:hover {
   background: #323232;
   border:0px;}

#articleCategories > div.container > ul > li > span > a:hover:before {
   background: #323232;
   border-color:#323232;
}
Advertisement