Difference between revisions of "MediaWiki:Common.css"

From FirebugWiki
Jump to: navigation, search
m (Fixed background color of selected tabs)
(Changed hover effect at tabs)
Line 49: Line 49:
  
 
#p-cactions li {
 
#p-cactions li {
     background: -moz-linear-gradient(center bottom , #EAF1FB, rgba(255, 255, 255, 0.3)) repeat scroll 0 0 transparent;
+
     background-image: -moz-linear-gradient(center bottom , #EAF1FB, rgba(255, 255, 255, 0.3));
 
     border-radius: 5px 5px 0 0;
 
     border-radius: 5px 5px 0 0;
 
     box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
 
     box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
Line 58: Line 58:
  
 
#p-cactions li:hover {
 
#p-cactions li:hover {
     background: -moz-linear-gradient(center bottom , #FFFFFF, rgba(255, 255, 255, 0.3)) repeat scroll 0 0 transparent;
+
     background-image: -moz-linear-gradient(center bottom , #EAF1FB, rgba(255, 255, 255, 0.6)), -moz-radial-gradient(bottom center, ellipse farthest-corner, #FFFFFF, rgba(255, 255, 255, 0));
 
}
 
}
  

Revision as of 05:27, 18 May 2011

/* CSS placed here will be applied to all skins */

@font-face {
    font-family: "TitilliumMaps";
    src: local("☺"), url("../../../fonts/TitilliumMaps26L002.woff") format("woff"), url("../../../fonts/TitilliumMaps26L002.ttf") format("truetype");
}

@font-face {
    font-family: "TitilliumMaps";
    font-weight: bold;
    src: local("☺"), url("../../../fonts/TitilliumMaps26L001.woff") format("woff"), url("../../../fonts/TitilliumMaps26L001.ttf") format("truetype");
}

body {
    background-image: url("/img/header-bg.png");
}

h1, h2, h3, h4, h5, h6 {
    font-family: "TitilliumMaps", Helvetica, sans-serif;
}

#p-search,
#p-Main,
#p-Panels,
#p-Extensions,
#p-Get_Involved,
#p-Wiki,
#p-tb {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 0 5px 5px 0;
}

#content {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
    border: none;
}

.pBody {
    border: none;
}

ul {
    margin: 0 0 0 1.5em;
}

.portlet ul {
    font-size: 100%;
}

#p-cactions li {
    background-image: -moz-linear-gradient(center bottom , #EAF1FB, rgba(255, 255, 255, 0.3));
    border-radius: 5px 5px 0 0;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
    margin: 0 0.3em 0 0;
    padding: 0.3em;
    border: none!important;
}

#p-cactions li:hover {
    background-image: -moz-linear-gradient(center bottom , #EAF1FB, rgba(255, 255, 255, 0.6)), -moz-radial-gradient(bottom center, ellipse farthest-corner, #FFFFFF, rgba(255, 255, 255, 0));
}

#p-cactions li.selected {
    background-image: -moz-linear-gradient(center bottom , #FBEEBE, rgba(255, 255, 255, 0.3));
    padding: 0.5em 0.3em;
}

#p-cactions li a, #p-cactions li a:hover {
    background-color: transparent!important;
}