MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will | /* CSS placed here will affect users of the Common interface */ | ||
body.page-TTA h1.firstHeading, body.page-TheFiddlersCompanion h1.firstHeading, body.page-Main_Page h1.firstHeading { display:none; } | body.page-TTA h1.firstHeading, body.page-TheFiddlersCompanion h1.firstHeading, body.page-Main_Page h1.firstHeading { display:none; } | ||
Line 12: | Line 12: | ||
.page-Main_Page #ca-main { display: none !important; } | .page-Main_Page #ca-main { display: none !important; } | ||
.page-Main_Page #ca-talk { display: none !important; } | .page-Main_Page #ca-talk { display: none !important; } | ||
. | |||
/* rounded corners for webkit browsers: works on Chrome v5.0.307.11 beta and Safari v4.0.4 */ | |||
#p-cactions ul li, #p-cactions ul li a { | |||
-webkit-border-top-left-radius: 8px; | |||
-webkit-border-top-right-radius: 8px; | |||
} | |||
#content { | |||
-webkit-border-top-left-radius: 8px; | |||
-webkit-border-bottom-left-radius: 8px; | |||
} | |||
div.pBody { | |||
-webkit-border-top-right-radius: 8px; | |||
-webkit-border-bottom-right-radius: 8px; | |||
} | |||
/* Fix sidebar */ | |||
div#mw-panel { position: fixed; | |||
overflow: auto; | |||
top: 0px; | |||
bottom: 0px; | |||
height: 100%; | |||
/* Prevent content overlay when sidewards scrolling */ | |||
background-color: #F6F6F6; | |||
border-right: 1px solid #A7D7F9; | |||
} | |||
/* Prevent sidewards scrolling in pre elements */ | |||
pre { | |||
overflow: auto; | |||
max-height: 25em; | |||
} | |||
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ | |||
#p-cactions ul li, #p-cactions ul li a { | |||
-moz-border-radius-topleft: 1em; | |||
-moz-border-radius-topright: 1em; | |||
} | |||
#content { | |||
-moz-border-radius-topleft: 1em; | |||
-moz-border-radius-bottomleft: 1em; | |||
} | |||
div.pBody { | |||
-moz-border-radius-topright: 1em; | |||
-moz-border-radius-bottomright: 1em; | |||
} | |||
/* same following the css3 draft specs, any browsers supporting this? */ | |||
#p-cactions ul li, #p-cactions ul li a { | |||
border-top-left-radius: 1em; | |||
border-top-right-radius: 1em; | |||
} | |||
#content { | |||
border-top-left-radius: 1em; | |||
border-bottom-left-radius: 1em; | |||
} | |||
div.pBody { | |||
border-top-right-radius: 1em; | |||
border-bottom-right-radius: 1em; | |||
} |
Revision as of 17:03, 9 March 2012
/* CSS placed here will affect users of the Common interface */
body.page-TTA h1.firstHeading, body.page-TheFiddlersCompanion h1.firstHeading, body.page-Main_Page h1.firstHeading { display:none; }
.portlet h5, .portlet h6 {
text-transform:none;
}
/*#f-poweredbyico { display: none; }*/
.page-TTA #ca-main { display: none !important; }
.page-TheFiddlersCompanion #ca-main { display: none !important; }
.page-Main_Page #ca-main { display: none !important; }
.page-Main_Page #ca-talk { display: none !important; }
/* rounded corners for webkit browsers: works on Chrome v5.0.307.11 beta and Safari v4.0.4 */
#p-cactions ul li, #p-cactions ul li a {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
#content {
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}
div.pBody {
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
/* Fix sidebar */
div#mw-panel { position: fixed;
overflow: auto;
top: 0px;
bottom: 0px;
height: 100%;
/* Prevent content overlay when sidewards scrolling */
background-color: #F6F6F6;
border-right: 1px solid #A7D7F9;
}
/* Prevent sidewards scrolling in pre elements */
pre {
overflow: auto;
max-height: 25em;
}
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
#content {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
div.pBody {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}