MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

/*  CSS placed here will be applied to all skins 
**Fancy Homepage
**Hide Jump-to-nav
**Mediawiki Show-Hidden
**FriendFeed
**Delicious Extension
*/
 
 
/* CSS for ThePlaz.com Main Page design,  */
body.page-Main_Page h1.firstHeading, body.page-Main_Page #sitesBar {display:none} /* remove "main page" title h1 */
#EnWpMainPage{width:100%;margin-top:1em;}
#EnWpMainPage h2{font-size:130%;font-weight:700;border:0;margin:0;padding:0;}
#EnWpMpMargin{margin-right:13.8em;}
#EnWpMpCol1{float:left;clear:left;width:50%;}
#EnWpMpCol2{width:49.9%;float:left;}
#EnWpMpBrowseCats li{font-size:85%;margin-left:1em;line-height:1.5;}
#EnWpMpBrowseCats h3{font-size:120%;font-weight:400;margin:.2em 0 .1em -.8em;padding:0;}
#EnWpMpBook{background-image:url(http://wiki.theplaz.com/w/images/MP-open-book.png);}
#EnWpMpFeaturedPic{text-align:center;font-size:85%;font-weight:700;margin:0 0 .5em;}
#EnWpMpFeaturedPic h2{font-size:145%;text-align:left;}
.EnWpMpBrowseRight{float:right;width:12.7em;}
.EnWpMpBrowseBottom{margin:1em 0;}
.EnWpMpBrowseBottom #EnWpMpBrowseCats li,.EnWpMpBrowseBottom #EnWpMpUsefulLinks,.EnWpMpBrowseBottom #EnWpMpFeaturedPic{float:left;width:24%;line-height:normal;margin:0;}
.EnWpMpBrowseBottom #EnWpMpBrowseCats h3{margin-left:0;}
#EnWpMpUsefulLinks{clear:left;}
#EnWpMpSearch{background:url(http://wiki.theplaz.com/w/images/MP-magnifying-glass.png) no-repeat top right}
#EnWpMpSearchInner{float:right;width:20em;text-align:center;}
#bodySearchMP .bodySearchWrap{float:right;width:17.5em;text-align:left;padding:.8em 0;}
#bodySearchMP label{display:block;font-size:95%;font-weight:700;margin-bottom:-.2em;}
#bodySearchMP .bodySearchBtnGo{font-weight:700;padding-left:.3em;padding-right:.3em;margin-left:.5em;}
.EnWpMpContentBox{border:1px solid;margin-bottom:.9em;}
#EnWpMpCol2 .EnWpMpContentBox{margin-left:.9em;}
.EnWpMpImage{float:right;margin:0 0 .2em .2em;}
#EnWpMpSisterProjects{float:left;width:49%;}
.EnWpMpSisterProject{float:left;width:17em;height:5.5em;margin:0;}
.EnWpMpSisterImg{float:left;width:40px;height:100%;}
#EnWpMpOtherLangs{margin-left:50%;}
 
 
#jump-to-nav {
  display: none;
}
 
/*Navbar */
 
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
 
/*Show/Hide */
 
div.NavFrame {
	font-size: 100%;
	text-align: left; 
        padding: 2px .25px;
	margin:0px -8px;
	/*width=55%;*/
	vertical-align: middle;
	-moz-border-radius-topright:1em;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomright:1em;
	-moz-border-radius-bottomleft: 1em;
	/*border: 1px solid #FFA0A0; border color*/
	border-spacing:4px;
        border-collapse: collapse;
	/*background-color: #f8fff8; lower part color*/
	vertical-align:top;
	margin:-2px 0 0 0
 
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        margin: 0px;
        padding: 1px;
        float: left;
}
div.NavFrame h3.NavHead {
	margin:-2px;
	padding:4px 6px;
	border: none;
        font-weight: bold;
        /*font-size: 1.05em;*/
        position:relative;
	-moz-border-radius-topright:1em;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-bottomright:1em;
	-moz-border-radius-bottomleft:1em;
 	/*background-color:#FFA0A0; top-part color */
 
}
div.NavFrame div.NavContent {
        font-size: 100%;
	padding:6px;
	text-align:left;
	border: none;
	/*font-size:.85em*/
}
 
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:relative;
        float:right;
        right:5px;
        font-weight:normal;
        font-size:smaller;
}
 
/* friendfeed box */
/* must add !important after every rule so it takes effect*/
.friendfeed {
		border:none !important;
}
 
.friendfeed .body .entry .info { /* link to comment on friend feed*/
		visibility:hidden !important;
}
 
.friendfeed .body .entry .info .published { /* restore date time*/
		visibility:visible !important;
}
 
.friendfeed  a.l_person {
		display:none;
}
 
.friendfeed .title {
		margin:0 !important;
		display:inline !important;
		position:relative;
		top:-1.75em;
		left:5em;
}
 
.friendfeed .published {
		margin:0 !important;
		display:inline !important;
		position:relative;
		top:-1.75em;
		left:5em;
}
 
.friendfeed .comments {
		margin:0 !important;
		margin-top:-.5em !important;
		position:relative;
		top:-1.75em;
		left:2.75em;
}
 
.friendfeed .comment .content {
		overflow: visible;
    white-space: normal;
}
 
.friendfeed.widget .feed .entry .media {margin:-15px 0px 25px 55px;}
 
/* remove extra spacing */
.friendfeed .cluster {
		margin-top:-3em !important;
}
 
.friendfeed .cluster:first-child {
		margin-top:0 !important;
}
 
.friendfeed .cluster:last-child { /* remove space at bottom */
		margin-bottom:-2.5em !important;
}
 
.friendfeed .comment .content:after { /* a really big hack to remove - at end of comment */
		content:".   .";
		color: #FFFFFF !important;
		background-color: #FFFFFF !important;
		position:static;
		margin-left:-1em !important;	
}
 
/* Delicious Extension by ThePlaz 2010-7-22 */
 
#delicious .date {
	font-size:smaller;
	color:gray;
	position:relative;
	float:left;
}
 
#delicious img {
	padding-right:5px;
	padding-left:5px;
	float:left;
}
 
#delicious .deliciousitem {
	padding-top:10px;
	clear:both;
}
 
#delicious .info {
	padding-left:150px
}
 
#delicious .title {
	font-weight:bold;
}
#delicious .description {
	background:url("http://friendfeed.com/static/images/comment-lighter.png?v=2") no-repeat scroll 0 5px transparent;
	padding-left:18px;
}