MediaWiki:Common.css — различия между версиями
м |
м |
||
Строка 1: | Строка 1: | ||
/* | /* | ||
− | * This file contains all the skinning rules for the RSSReader extension | + | * This file contains all the skinning rules for the |
− | * if you want to change the look of the RSS feed to better suit your skin | + | RSSReader extension |
− | * then this is where you should make the changes. By default the reader | + | * if you want to change the look of the RSS |
− | * is coded to look good with monobook. | + | feed to better suit your skin |
− | * Alternatively to modifying the code in here, you could copy and paste it | + | * then this is where you should |
− | * into your wiki's [[MediaWiki:Common.css]] page and that way you can have | + | make the changes. By default the reader |
− | * different looks for different skins | + | * is coded to look good |
+ | with monobook. | ||
+ | * Alternatively to modifying the code in here, you | ||
+ | could copy and paste it | ||
+ | * into your wiki's | ||
+ | [[MediaWiki:Common.css]] page and that way you can have | ||
+ | * | ||
+ | different looks for different skins | ||
*/ | */ | ||
− | .RSSReader-head { | + | .RSSReader-head |
+ | { | ||
text-align: center; | text-align: center; | ||
padding: 0.2em; | padding: 0.2em; | ||
− | border-bottom: 0.1em solid #aaa; | + | |
+ | border-bottom: 0.1em solid #aaa; | ||
} | } | ||
/* | /* | ||
− | * Example CSS rules for use with the "text" parameter | + | * |
+ | Example CSS rules for use with the "text" parameter | ||
*/ | */ | ||
− | div.rss { | + | div.rss |
+ | { | ||
margin: 0; | margin: 0; | ||
font-size:8pt; | font-size:8pt; | ||
} | } | ||
− | div.rss-title { | + | div.rss-title |
+ | { | ||
padding:8px 0px 0px 12px; | padding:8px 0px 0px 12px; | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
− | div.rss-postinfo { | + | div.rss-postinfo |
+ | { | ||
text-align:right; | text-align:right; | ||
font-style:italic; | font-style:italic; | ||
} | } | ||
− | #content .rss h3 a { color: #194FA4 } | + | #content |
+ | .rss h3 a { color: #194FA4 } | ||
/* | /* | ||
* MenuSidebar | * MenuSidebar | ||
*/ | */ | ||
− | /* this has to be overridden for every menu */ | + | /* |
+ | this has to be overridden for every menu */ | ||
#p-treemenu_1, | #p-treemenu_1, | ||
− | #p-Another_Menu { | + | #p-Another_Menu |
+ | { | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
− | /* this has to be overridden for every menu */ | + | /* this has to be |
+ | overridden for every menu */ | ||
#p-treemenu_1 div, | #p-treemenu_1 div, | ||
− | #p-Another_Menu div { | + | #p-Another_Menu |
− | + | div { | |
− | + | font-size: 14px; | |
} | } | ||
− | + | /* this is an | |
− | + | example to make the list of the second entry bigger e.g. when ther is a | |
− | + | longer text in a list item | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item | ||
#p-Menu_1 ul li.item2 ul { | #p-Menu_1 ul li.item2 ul { | ||
− | width: 16em; | + | |
+ | width: 16em; | ||
} | } | ||
*/ | */ | ||
− | /* this an example to change the background color of every second list item | + | /* this an example to change |
+ | the background color of every second list item | ||
li.item2 even { | li.item2 even { | ||
+ | |||
background-color: #eeeeee; | background-color: #eeeeee; | ||
} | } | ||
Строка 69: | Строка 83: | ||
− | + | /* | |
− | + | this div is only for better handling and navigation ... could also be | |
− | + | done in inner ul*/ | |
− | |||
− | |||
− | |||
− | |||
.menuSidebar ul div { | .menuSidebar ul div { | ||
− | position: absolute | + | position: |
− | + | absolute; | |
− | left: | + | left: 95%; /* to position them to the right of their |
− | width: | + | containing block */ |
+ | width: 115%; /* width is based on the | ||
+ | containing block */ | ||
z-index: 100; /* show ul on top */ | z-index: 100; /* show ul on top */ | ||
+ | |||
+ | margin-top: -1em !important; /* make navigation easier*/ | ||
} | } | ||
− | .menuSidebar ul ul { | + | .menuSidebar |
+ | ul ul { | ||
background-color: #FAF6EC; | background-color: #FAF6EC; | ||
− | border: 1px solid #aaaaaa; | + | border: 1px solid |
− | + | #aaaaaa; | |
− | + | ||
− | + | padding: 0.5em !important; | |
+ | |||
+ | |||
+ | |||
z-index: 101; /* show on top; Needed for IE 7 */ | z-index: 101; /* show on top; Needed for IE 7 */ | ||
− | + | border-left: | |
− | + | 1px dotted #aaaaaa; | |
− | |||
-moz-border-radius-topright:1em; | -moz-border-radius-topright:1em; | ||
-webkit-border-top-right-radius:1em; | -webkit-border-top-right-radius:1em; | ||
Строка 101: | Строка 118: | ||
border-radius-bottomright:1em; | border-radius-bottomright:1em; | ||
} | } | ||
+ | |||
.menuSidebar li { | .menuSidebar li { | ||
− | + | ||
margin: 1px; | margin: 1px; | ||
− | z-index: 102; /* show on top; Needed for IE 7 */ | + | z-index: |
+ | 102; /* show on top; Needed for IE 7 */ | ||
color: #336633; | color: #336633; | ||
} | } | ||
+ | |||
/* style, color and size links and headings to suit */ | /* style, color and size links and headings to suit */ | ||
− | .menuSidebar a { | + | .menuSidebar |
+ | a { | ||
font-weight: normal; | font-weight: normal; | ||
display: block; | display: block; | ||
− | margin: 0px; | + | margin: |
+ | 0px; | ||
padding: 0px; | padding: 0px; | ||
padding-left: px; | padding-left: px; | ||
− | color: #336633 !important; | + | color: #336633 |
+ | !important; | ||
} | } | ||
− | /* move the > to the right */ | + | /* move the > to the right |
+ | */ | ||
.menuSidebar a em { | .menuSidebar a em { | ||
position: absolute; | position: absolute; | ||
− | right: 4px; | + | right: |
+ | 4px; | ||
} | } | ||
.menuSidebar li:hover, /* Needed for IE 7 */ | .menuSidebar li:hover, /* Needed for IE 7 */ | ||
− | .menuSidebar a:hover { | + | .menuSidebar |
+ | a:hover { | ||
background: transparent; | background: transparent; | ||
} | } | ||
− | .menuSidebar li.separator a:hover { | + | .menuSidebar |
+ | li.separator a:hover { | ||
background: #FAF6EC; | background: #FAF6EC; | ||
} | } | ||
− | /* Needed for IE 7 */ | + | /* |
+ | Needed for IE 7 */ | ||
.menuSidebar li.separator a, | .menuSidebar li.separator a, | ||
− | .menuSidebar li.separator { | + | .menuSidebar |
+ | li.separator { | ||
line-height: 0px; | line-height: 0px; | ||
height: 0px; | height: 0px; | ||
− | font-size: 0px; | + | |
+ | font-size: 0px; | ||
} | } | ||
.menuSidebar ul li:last-Child a { | .menuSidebar ul li:last-Child a { | ||
+ | |||
border-width: 0px 0px 0px 0px; // remove the last bottom line | border-width: 0px 0px 0px 0px; // remove the last bottom line | ||
− | padding-bottom: 0px; | + | |
+ | padding-bottom: 0px; | ||
} | } | ||
/* hides the first level */ | /* hides the first level */ | ||
− | .menuSidebar ul li div { display: none; } | + | .menuSidebar |
+ | ul li div { display: none; } | ||
− | /* shows the first level and hide the second */ | + | /* shows the first level and |
+ | hide the second */ | ||
.menuSidebar ul li:hover div, | .menuSidebar ul li:hover div, | ||
− | .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ | + | .menuSidebar |
− | .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ | + | ul li div:hover { display: block; } /* div is again used for easier |
+ | navigation*/ | ||
+ | .menuSidebar ul li:hover ul li div { display: none; } | ||
+ | /* hide the next level */ | ||
/* second level*/ | /* second level*/ | ||
− | .menuSidebar ul li ul li:hover div, | + | .menuSidebar |
− | .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ | + | ul li ul li:hover div, |
− | .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ | + | .menuSidebar ul li ul li div:hover { |
+ | display: block; } /* div is again used for easier navigation*/ | ||
+ | .menuSidebar | ||
+ | ul li ul li:hover ul li div { display: none; } /* hide the next level | ||
+ | */ | ||
/* third level */ | /* third level */ | ||
− | .menuSidebar ul li ul li ul li:hover div, | + | .menuSidebar ul li ul li ul |
− | .menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ | + | li:hover div, |
− | .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */ | + | .menuSidebar ul li ul li ul li div:hover { |
+ | display: block; } /* div is again used for easier navigation*/ | ||
+ | .menuSidebar | ||
+ | ul li ul li ul li:hover ul li div { display: none; } /* hide the next | ||
+ | level */ | ||
− | .menuSidebar ul li ul li ul li { font-size: 8pt !important; } /* hide the next level */ | + | .menuSidebar ul li ul li ul li { font-size: |
+ | 8pt !important; } /* hide the next level */ | ||
− | + | ||
− | + | ||
− | + | .lqt-read-button | |
− | + | { | |
− | + | margin-top:10px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Версия 16:54, 18 июля 2010
/* * This file contains all the skinning rules for the RSSReader extension * if you want to change the look of the RSS feed to better suit your skin * then this is where you should make the changes. By default the reader * is coded to look good with monobook. * Alternatively to modifying the code in here, you could copy and paste it * into your wiki's [[MediaWiki:Common.css]] page and that way you can have * different looks for different skins */ .RSSReader-head { text-align: center; padding: 0.2em; border-bottom: 0.1em solid #aaa; } /* * Example CSS rules for use with the "text" parameter */ div.rss { margin: 0; font-size:8pt; } div.rss-title { padding:8px 0px 0px 12px; font-weight:bold; } div.rss-postinfo { text-align:right; font-style:italic; } #content .rss h3 a { color: #194FA4 } /* * MenuSidebar */ /* this has to be overridden for every menu */ #p-treemenu_1, #p-Another_Menu { overflow: visible; } /* this has to be overridden for every menu */ #p-treemenu_1 div, #p-Another_Menu div { font-size: 14px; } /* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item #p-Menu_1 ul li.item2 ul { width: 16em; } */ /* this an example to change the background color of every second list item li.item2 even { background-color: #eeeeee; } */ /* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div { position: absolute; left: 95%; /* to position them to the right of their containing block */ width: 115%; /* width is based on the containing block */ z-index: 100; /* show ul on top */ margin-top: -1em !important; /* make navigation easier*/ } .menuSidebar ul ul { background-color: #FAF6EC; border: 1px solid #aaaaaa; padding: 0.5em !important; z-index: 101; /* show on top; Needed for IE 7 */ border-left: 1px dotted #aaaaaa; -moz-border-radius-topright:1em; -webkit-border-top-right-radius:1em; border-radius-topright:1em; -moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-radius-bottomright:1em; } .menuSidebar li { margin: 1px; z-index: 102; /* show on top; Needed for IE 7 */ color: #336633; } /* style, color and size links and headings to suit */ .menuSidebar a { font-weight: normal; display: block; margin: 0px; padding: 0px; padding-left: px; color: #336633 !important; } /* move the > to the right */ .menuSidebar a em { position: absolute; right: 4px; } .menuSidebar li:hover, /* Needed for IE 7 */ .menuSidebar a:hover { background: transparent; } .menuSidebar li.separator a:hover { background: #FAF6EC; } /* Needed for IE 7 */ .menuSidebar li.separator a, .menuSidebar li.separator { line-height: 0px; height: 0px; font-size: 0px; } .menuSidebar ul li:last-Child a { border-width: 0px 0px 0px 0px; // remove the last bottom line padding-bottom: 0px; } /* hides the first level */ .menuSidebar ul li div { display: none; } /* shows the first level and hide the second */ .menuSidebar ul li:hover div, .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ /* second level*/ .menuSidebar ul li ul li:hover div, .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* third level */ .menuSidebar ul li ul li ul li:hover div, .menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */ .menuSidebar ul li ul li ul li { font-size: 8pt !important; } /* hide the next level */ .lqt-read-button { margin-top:10px; }