Difference between revisions of "MediaWiki:Monobook.css"
From YTMND
(69 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/* <pre><nowiki> */ | /* <pre><nowiki> */ | ||
− | /* edit this file to customize the monobook skin | + | /* edit this file to customize the monobook skin to look similar to YTMND's site */ |
/* convert side boxes to YTMND style */ | /* convert side boxes to YTMND style */ | ||
− | /* take that retarded Monobook background */ | + | /* take out that retarded Monobook background */ |
− | body { | + | body { |
− | background: | + | background: url(http://wiki.ytmnd.com/images/b/b9/Back.png) repeat; |
} | } | ||
/* Colors the sidebar */ | /* Colors the sidebar */ | ||
.portlet { | .portlet { | ||
− | + | background-color: #f60; | |
− | + | border: 1px solid #ccc; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.pBody { | .pBody { | ||
− | background: | + | background-color: #f3efe5; |
− | + | } | |
+ | |||
+ | /* the icon in front of the user name, single quotes | ||
+ | in bg url to hide it from iemac */ | ||
+ | li#pt-userpage, | ||
+ | li#pt-anonuserpage, | ||
+ | li#pt-login { | ||
+ | background: url(/images/c/c2/Mail.gif) top left no-repeat; | ||
+ | padding-left: 20px; | ||
+ | background-position: 0 1px; | ||
} | } | ||
/* Set the fonts for the sidebar headers */ | /* Set the fonts for the sidebar headers */ | ||
.portlet h5 { | .portlet h5 { | ||
− | font- | + | font-face: "Arial", "Helvectica", sans-serif; |
− | font-size: | + | color: white; |
+ | font-size: 10pt; | ||
+ | text-transform: uppercase; | ||
} | } | ||
Line 37: | Line 42: | ||
background: transparent; | background: transparent; | ||
border: none; | border: none; | ||
+ | } | ||
+ | |||
+ | /* Use [[:Image:Wiki.gif]] as logo for all modern browsers */ | ||
+ | #p-logo a { | ||
+ | background-image: url('http://wiki.ytmnd.com/images/3/38/Wiki.gif') !important; | ||
} | } | ||
Line 42: | Line 52: | ||
#p-cactions { | #p-cactions { | ||
border: none; | border: none; | ||
+ | background: transparent; | ||
} | } | ||
/* Color tabs */ | /* Color tabs */ | ||
#p-cactions li { | #p-cactions li { | ||
− | background: # | + | background: #e6dfcb !important; |
+ | border: solid 2px #C0C7C0 !important; | ||
+ | -moz-border-radius-topleft: 4px; | ||
+ | -moz-border-radius-topright: 4px; | ||
+ | } | ||
+ | |||
+ | #p-cactions li:hover { | ||
+ | background-color: #e6dfcb !important; | ||
} | } | ||
#p-cactions li.selected { | #p-cactions li.selected { | ||
− | border-color: # | + | border: solid 2px #CFC8CF !important; |
− | + | background-color: #F0F7F0 !important; | |
+ | border-bottom: solid 1px #f0f7f0 !important; | ||
+ | } | ||
+ | |||
+ | #p-cactions li.selected a { | ||
+ | background-color: transparent !important; | ||
+ | font-weight: normal !important; | ||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
− | background-color: transparent; | + | background-color: transparent !important; |
+ | font-family: "Trebuchet MS", "Helvectica", sans-serif !important; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #p-cactions li a:hover { | ||
+ | background-color: transparent !important; | ||
+ | color: #000 !important; | ||
} | } | ||
/* colors the main section */ | /* colors the main section */ | ||
#content { | #content { | ||
− | + | background-color: #e6dfcb; | |
− | + | background-image: none; | |
− | + | border: 1px solid #ccc; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | /* styles for the headers */ | ||
+ | h1 { | ||
+ | background-color: #ff5720; height: 26px; color: white; padding-left: 15px; | ||
+ | margin-left: -13px; margin-right: -13px; | ||
+ | font-size: 10pt; | ||
+ | font-weight: bold; | ||
+ | font-family: "Arial", "Helvectica" sans-serif; | ||
+ | text-align: center; | ||
+ | border-top: 3px solid #ff9900; | ||
+ | border-bottom: 3px solid #ff9900; | ||
} | } | ||
− | + | h2 { | |
+ | font: bold 16px 'Verdana', 'Arial', 'Helvetica', sans-serif; | ||
+ | border: none; | ||
+ | } | ||
− | + | h3 { | |
− | + | font: bold italic 14px 'Verdana', 'Arial', 'Helvetica', sans-serif; | |
− | + | border: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h4 { | |
− | + | font: bold 12px 'Verdana', 'Arial', 'Helvectica', sans-serif; | |
− | + | border: none; | |
− | + | ||
− | + | ||
} | } | ||
− | + | /* Styles for the footer */ | |
− | + | #footer { | |
− | + | background-color: transparent; | |
− | + | color: #AEAEAE; | |
− | + | border-color: #AEAEAE; | |
− | + | border-width: 1px 0 0 0; | |
− | + | margin: auto; | |
− | + | width: 80%; | |
− | + | clear: both; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #footer a { | |
− | + | color: #aeaeae; | |
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | /* Remove white margins from thumbnails */ | ||
+ | div.thumb { | ||
+ | border: none; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | div.tleft { border: none; } | ||
+ | div.tright { margin-left: 13px; } | ||
+ | |||
+ | /* Uppercase the search buttons */ | ||
+ | .searchButton { | ||
+ | text-transform: Uppercase; | ||
+ | } | ||
+ | |||
+ | /* Style site and anon notices */ | ||
+ | #siteNotice { | ||
+ | text-align: right; font-size: x-small; | ||
+ | background-color: #ff9900; | ||
+ | margin-left: -13px; margin-right: -13px; | ||
+ | } | ||
+ | |||
+ | /* "pre" box colors" */ | ||
+ | pre { background: rgb(243, 239, 229); } | ||
/* </nowiki></pre> */ | /* </nowiki></pre> */ |
Latest revision as of 21:05, April 2, 2010
/* <pre><nowiki> */ /* edit this file to customize the monobook skin to look similar to YTMND's site */ /* convert side boxes to YTMND style */ /* take out that retarded Monobook background */ body { background: url(http://wiki.ytmnd.com/images/b/b9/Back.png) repeat; } /* Colors the sidebar */ .portlet { background-color: #f60; border: 1px solid #ccc; } .pBody { background-color: #f3efe5; } /* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(/images/c/c2/Mail.gif) top left no-repeat; padding-left: 20px; background-position: 0 1px; } /* Set the fonts for the sidebar headers */ .portlet h5 { font-face: "Arial", "Helvectica", sans-serif; color: white; font-size: 10pt; text-transform: uppercase; } /* Remove sidebar styling to logo */ #p-logo { background: transparent; border: none; } /* Use [[:Image:Wiki.gif]] as logo for all modern browsers */ #p-logo a { background-image: url('http://wiki.ytmnd.com/images/3/38/Wiki.gif') !important; } /* Remove sidebar styling to tab bar */ #p-cactions { border: none; background: transparent; } /* Color tabs */ #p-cactions li { background: #e6dfcb !important; border: solid 2px #C0C7C0 !important; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } #p-cactions li:hover { background-color: #e6dfcb !important; } #p-cactions li.selected { border: solid 2px #CFC8CF !important; background-color: #F0F7F0 !important; border-bottom: solid 1px #f0f7f0 !important; } #p-cactions li.selected a { background-color: transparent !important; font-weight: normal !important; } #p-cactions li a { background-color: transparent !important; font-family: "Trebuchet MS", "Helvectica", sans-serif !important; color: #000; } #p-cactions li a:hover { background-color: transparent !important; color: #000 !important; } /* colors the main section */ #content { background-color: #e6dfcb; background-image: none; border: 1px solid #ccc; } /* styles for the headers */ h1 { background-color: #ff5720; height: 26px; color: white; padding-left: 15px; margin-left: -13px; margin-right: -13px; font-size: 10pt; font-weight: bold; font-family: "Arial", "Helvectica" sans-serif; text-align: center; border-top: 3px solid #ff9900; border-bottom: 3px solid #ff9900; } h2 { font: bold 16px 'Verdana', 'Arial', 'Helvetica', sans-serif; border: none; } h3 { font: bold italic 14px 'Verdana', 'Arial', 'Helvetica', sans-serif; border: none; } h4 { font: bold 12px 'Verdana', 'Arial', 'Helvectica', sans-serif; border: none; } /* Styles for the footer */ #footer { background-color: transparent; color: #AEAEAE; border-color: #AEAEAE; border-width: 1px 0 0 0; margin: auto; width: 80%; clear: both; } #footer a { color: #aeaeae; } /* Remove white margins from thumbnails */ div.thumb { border: none; margin-top: 10px; margin-bottom: 0px; } div.tleft { border: none; } div.tright { margin-left: 13px; } /* Uppercase the search buttons */ .searchButton { text-transform: Uppercase; } /* Style site and anon notices */ #siteNotice { text-align: right; font-size: x-small; background-color: #ff9900; margin-left: -13px; margin-right: -13px; } /* "pre" box colors" */ pre { background: rgb(243, 239, 229); } /* </nowiki></pre> */