MediaWiki:Monobook.css/Full - Revision history

ThePlaz: fix comments stacking

2009-07-01T04:57:14Z

fix comments stacking

ThePlaz: remove space at bottom

2009-04-26T16:50:55Z

remove space at bottom

ThePlaz: add link

2009-04-26T16:38:07Z

add link

ThePlaz: remove background color

2009-04-26T16:37:08Z

remove background color

ThePlaz: add friend feed

2009-04-26T16:12:43Z

add friend feed

ThePlaz: paste in full code

2009-01-24T23:18:40Z

paste in full code

New page

/* this is not not optimized version of Monobook.css additions
**Fancy Homepage
**Hide Jump-to-nav
**Horzontal SiteNotice List (???)
**Mediawiki Show-Hidden
**Drop Downs
*/

/* CSS for testing new Main Page design, */

#EnWpMainPage { width: 100%; margin-top: 1em; }
#EnWpMainPage h2 { font-size: 130%; font-weight: bold; margin: 0; padding: 0; border: 0; }
#EnWpMpMargin { margin-right: 13.8em; }
#EnWpMpCol1 { float: left; clear: left; width: 50%; }
#EnWpMpCol2 { width: 49.9%; float: left; }
#EnWpMpBrowse { background: #f8fcff url(http://theplaz.com/wiki/images/MP-three-books.png) no-repeat 180% 9%; border: 1px solid #c7c7c7; }
#EnWpMpBrowseCats li { font-size: 85%; margin-left: 1em; line-height: 1.5; }
#EnWpMpBrowseCats h3 { font-size: 120%; margin: .2em 0 .1em -.8em; padding: 0; font-weight: normal; }
#EnWpMpBrowseCats h3 a { font-weight: bold; }
#EnWpMpBook { background-image: url(http://theplaz.com/wiki/images/MP-open-book.png); }
#EnWpMpFeaturedPic { text-align: center; margin: 0 0 .5em; font-size: 85%; font-weight: bold; }
#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%; margin: 0; line-height: normal; }
.EnWpMpBrowseBottom #EnWpMpBrowseCats h3 { margin-left: 0; }
#EnWpMpUsefulLinks { clear: left; }
#EnWpMpSearch { background: url(http://theplaz.com/wiki/images/MP-magnifying-glass.png) no-repeat top right; }
#EnWpMpSearch input { vertical-align: middle; }
#EnWpMpSearchInner { float: right; width: 20em; text-align: center; }
#bodySearchMP { margin: 0; padding: 0; }
#bodySearchMP .bodySearchWrap { float: right; width: 17.5em; text-align: left; padding: .8em 0; }
#bodySearchMP label { display: block; font-size: 95%; font-weight: bold; margin-bottom: -.2em; }
#bodySearchMP .bodySearchBtnGo { font-weight: bold; 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; }
.EnWpMpImage img { position: relative; z-index: 3; }
#EnWpMpSisterProjects { float: left; width: 49%; }
.EnWpMpSisterProject { float: left; width: 17em; margin: 0; height: 5.5em; margin: 0; }
.EnWpMpSisterImg { float: left; width: 40px; height: 100%; }
#EnWpMpOtherLangs { margin-left: 50%; }
#EnWpMainPageNoCSS { display: none; }
#EnWpMpBook2 { background-image: url(http://theplaz.com/wiki/images/MP-open-book2.png); }
#EnWpMpSearch2 { background: url(http://theplaz.com/wiki/images/MP-magnifying-glass2.png) no-repeat top right; }

#jump-to-nav {
display: none;
}

/*Navbar */

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

/* Standard Navigationsleisten, aka box hiding thingy from Wikipedia */

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;
top:-20px;
right:5px;
font-weight:normal;
font-size:smaller;
}

/* Site notices */
div#siteNotice {
width:100%; /* makes the div full width */
float:left; /*makes the div enclose the list */
font-size:.8em; /* SET FONT-SIZE HERE */
margin:1px 0 1em 0;
padding:0;
}

div#siteNotice ul {
margin-left:0px; /* reset */
}

div#siteNotice li {
float:left; /* causes the list to align horizontally instead of stack */
position:relative; /* positioning context for the absolutely positioned drop-down */
list-style-type:none; /* removes the bullet off each list item */
list-style-image: none;
background-color:#F1F1CB; /*sets the background of the menu items */
border-right:1px solid #002bb8; /* creates dividing lines between the li elements */
border-top:1px solid #002bb8;
border-bottom:1px solid #002bb8;
margin: -4px 0 -5px 0; /*Brings the menu items up */
padding:0 6px; /*creates space each side of menu item's text */
}
div#siteNotice li:first-child {
-moz-border-radius-topleft: .5em;
padding-bottom:0px; /*to fix from rounded edge */
border-left:1px solid #002bb8; /*the first vertical line on the menu */
}
div#siteNotice li:last-child {
-moz-border-radius-topright: .5em;
padding-bottom:0px; /*to fix from rounded edge */
}
div#siteNotice li:hover {
background-color:#FFF; /*sets the background of the menu items */
}
div#siteNotice a {
display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
color:#002bb8; /* sets the font color */
}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#siteNotice ul li ul {
margin:0; /* prevents the TEMP value inheriting from the horiz menu */
position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
left:-1px; /*aligns the drop exactly under the menu */
}
div#siteNotice ul li ul li {
margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up */
width:100%; /* makes the list items fill the list container (ul) */
border-left:1px solid #069; /* three sides of each drop-down item */
list-style-type:none; /* removes the bullet off each list item */
list-style-image:none; /* removes the bullet off each list item */
padding:0 0 1px;
}
div#siteNotice ul li ul li:first-child {
-moz-border-radius-topleft: 0; /* needed to hide curve */
}
div#siteNotice ul li ul li:last-child {
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-topright: 0;
padding-right:1px; /*to move over right side rounded edge */
}

/* make the drop-down display as the menu is rolled over */
div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#siteNotice ul li ul li ul {
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:10em;
}
div#siteNotice ul li ul li:hover ul {visibility:visible; } /* same effect as display:block in this situation */
div#siteNotice ul li ul li:hover ul li {padding-right:1px; -moz-border-radius-topright: 0;}
div#siteNotice ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* second level popouts */
div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;}
div#siteNotice ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */
div#siteNotice ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* third level popouts */
div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */
div#siteNotice ul li ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#siteNotice ul {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
}

/* and the "be nice to Opera" rule */
html>body div#siteNotice ul li ul li ul {
left:10em;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works

Not Tested!! */
@media all and (min-width: 0px){
body div#siteNotice ul li ul {padding-bottom:200px;}
body div#siteNotice ul li ul li ul {padding-bottom:22px;}
body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
}

/*end Opera hack */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
/* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("
Not Tested!!*/
@import("/wiki/skins/common/dropdown/ie51_menu_hack.css");
/* END OF DROP DOWN MENUS */

@@ Line 291: / Line 291: @@
+}
-.friendfeed .comment {
+.friendfeed .comments {
 		margin:0 !important;
 		margin-top:-.5em !important;

@@ Line 259: / Line 259: @@
 /* friendfeed box */
 /* must add !important after every rule so it takes effect*/
-.friendfeed, .friendfeed .feed, .friendfeed .body, .friendfeed .summary, .friendfeed .info, .friendfeed .title, .friendfeed .cluster, .friendfeed .entry, .friendfeed .comments, .friendfeed .published, .friendfeed .quote, .friendfeed .comment, .friendfeed .content {
+.friendfeed {
 		border:none !important;
+}
@@ Line 312: / Line 312: @@
 .friendfeed .cluster:first-child {
 		margin-top:0 !important;
+}

@@ Line 6: / Line 6: @@
 **Drop Downs
 **FriendFeed
 */

@@ Line 259: / Line 259: @@
 /* must add !important after every rule so it takes effect*/
 .friendfeed, .friendfeed .feed, .friendfeed .body, .friendfeed .summary, .friendfeed .info, .friendfeed .title, .friendfeed .cluster, .friendfeed .entry, .friendfeed .comments, .friendfeed .published, .friendfeed .quote, .friendfeed .comment, .friendfeed .content {
 		border:none !important;
+}
@@ Line 316: / Line 315: @@
 .friendfeed .comment .content:after { /* a really big hack to remove - at end of comment */
 		content:".   .";
-		color: #FFFFD5 !important;
+		color: #FFFFFF !important;
 		position:static;
 		margin-left:-1em !important;
+}

@@ Line 5: / Line 5: @@
 **Mediawiki Show-Hidden
 **Drop Downs
 */
@@ Line 254: / Line 255: @@
 @import("/wiki/skins/common/dropdown/ie51_menu_hack.css");
 /* END OF DROP DOWN MENUS */