MediaWiki:Monobook.css
From Wiki.cyring.fr
(Difference between revisions)
(77 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | /* | + | /* Monobook's child theme by CyrIng. */ |
+ | |||
body { | body { | ||
- | background: # | + | background-color: #aa4400; |
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div#header { | ||
+ | background-color: #ffffff; | ||
+ | height: 4.5em; | ||
+ | margin: 1% 1% 0 1%; | ||
+ | padding: 0 0 0.8em; | ||
+ | } | ||
+ | |||
+ | div#globalWrapper { | ||
+ | background-color: #ffffff; | ||
+ | border-top: 1px solid #aa4400; | ||
+ | height: auto; | ||
+ | margin: 0 1% 0; | ||
+ | position: absolute; | ||
+ | width: 98%; | ||
+ | } | ||
+ | |||
+ | div#shadow { | ||
+ | background-color: rgba(255, 255, 255, 1.0); | ||
+ | min-height: 95%; | ||
+ | min-width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#footer { | ||
+ | border-bottom: 1px solid #aa4400; | ||
+ | border-top: 1px solid #aa4400; | ||
+ | } | ||
+ | |||
+ | div#column-content { | ||
+ | margin: 0 0 0.6em 0; | ||
+ | width: 85% | ||
+ | } | ||
+ | |||
+ | div#column-one { | ||
+ | max-width: 15%; | ||
+ | padding-top: 1.5em; | ||
+ | } | ||
+ | |||
+ | div#content { | ||
+ | margin: 2.8em 0 0 0; | ||
} | } | ||
Line 14: | Line 59: | ||
color: #fff0f0; | color: #fff0f0; | ||
border-radius: 0.3em 0.3em 0.3em 0.3em; | border-radius: 0.3em 0.3em 0.3em 0.3em; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#p-cactions { | #p-cactions { | ||
- | left: | + | left: 15%; |
} | } | ||
Line 34: | Line 71: | ||
.portlet { | .portlet { | ||
- | width: | + | padding: 0 0.5em; |
+ | width: auto; | ||
} | } | ||
.portlet li { | .portlet li { | ||
white-space: nowrap; | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | float: none; | ||
+ | height: auto; | ||
+ | padding: 0.5em 0 0 1em; | ||
+ | position: relative; | ||
+ | width: auto; | ||
} | } | ||
Line 47: | Line 93: | ||
#p-logo a:hover { | #p-logo a:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | div#site-description { | ||
+ | color: #444444; | ||
+ | float: right; | ||
+ | font: 78%/130% "Verdana","Arial","Helvetica",sans-serif; | ||
+ | margin: 0 20px 0 0; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | div#access { | ||
+ | margin: 0 0 0 8px; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | div#access a { | ||
+ | border: 1px solid #624740; | ||
+ | border-radius: 0.3em 0.3em 0.3em 0.3em; | ||
+ | color: #624740; | ||
+ | font-size: 13px; | ||
+ | line-height: 22px; | ||
+ | margin: 0px 8px 0px 0px; | ||
+ | padding: 0 12px; | ||
+ | } | ||
+ | |||
+ | div#access a:hover { | ||
+ | background: #aa4400; | ||
+ | color: #fff0f0; | ||
+ | } | ||
+ | |||
+ | div#shareButtons { | ||
+ | float: right; | ||
+ | min-width: 20%; | ||
+ | } | ||
+ | |||
+ | div#shareButtons a { | ||
background-color: #FFF0F0; | background-color: #FFF0F0; | ||
+ | border: 1px solid #BBBBBB; | ||
+ | border-radius: 4px 4px 4px 4px; | ||
+ | float: left; | ||
+ | height: 18px; | ||
+ | margin-right: 4px; | ||
+ | opacity: 0.7; | ||
+ | width: 24px; | ||
+ | } | ||
+ | |||
+ | div#shareButtons a:hover { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | div#shareButtons a img { | ||
+ | margin-left: 16%; | ||
} | } |
Latest revision as of 14:45, 17 April 2014
/* Monobook's child theme by CyrIng. */ body { background-color: #aa4400; background-image: none; } div#header { background-color: #ffffff; height: 4.5em; margin: 1% 1% 0 1%; padding: 0 0 0.8em; } div#globalWrapper { background-color: #ffffff; border-top: 1px solid #aa4400; height: auto; margin: 0 1% 0; position: absolute; width: 98%; } div#shadow { background-color: rgba(255, 255, 255, 1.0); min-height: 95%; min-width: 100%; margin: 0; padding: 0; } div#footer { border-bottom: 1px solid #aa4400; border-top: 1px solid #aa4400; } div#column-content { margin: 0 0 0.6em 0; width: 85% } div#column-one { max-width: 15%; padding-top: 1.5em; } div#content { margin: 2.8em 0 0 0; } a:hover { background-color: #aa4400; text-decoration: none; color: #fff0f0; } #p-personal li a:hover { background-color: #aa4400; color: #fff0f0; border-radius: 0.3em 0.3em 0.3em 0.3em; } #p-cactions { left: 15%; } #p-cactions li a:hover { background-color: #aa4400; color: #fff0f0; } .portlet { padding: 0 0.5em; width: auto; } .portlet li { white-space: nowrap; } #p-logo { float: none; height: auto; padding: 0.5em 0 0 1em; position: relative; width: auto; } #p-logo a, #p-logo a:hover { height: 45px; width: 135px; } #p-logo a:hover { background-color: transparent; } div#site-description { color: #444444; float: right; font: 78%/130% "Verdana","Arial","Helvetica",sans-serif; margin: 0 20px 0 0; width: auto; } div#access { margin: 0 0 0 8px; position: absolute; z-index: 1; } div#access a { border: 1px solid #624740; border-radius: 0.3em 0.3em 0.3em 0.3em; color: #624740; font-size: 13px; line-height: 22px; margin: 0px 8px 0px 0px; padding: 0 12px; } div#access a:hover { background: #aa4400; color: #fff0f0; } div#shareButtons { float: right; min-width: 20%; } div#shareButtons a { background-color: #FFF0F0; border: 1px solid #BBBBBB; border-radius: 4px 4px 4px 4px; float: left; height: 18px; margin-right: 4px; opacity: 0.7; width: 24px; } div#shareButtons a:hover { opacity: 1.0; } div#shareButtons a img { margin-left: 16%; }