MediaWiki:Common.css — различия между версиями

Материал из Энциклопедия EverQuest II
Перейти к: навигация, поиск
м
 
(не показано 19 промежуточных версий этого же участника)
Строка 1: Строка 1:
/*
+
.RSSReader-head
* 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;
 
   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;
+
{
font-weight:bold;
+
font-size:11px;
 
}
 
}
div.rss-postinfo {
+
div.rss-postinfo
 +
{
 
text-align:right;
 
text-align:right;
 
font-style:italic;
 
font-style:italic;
 
}
 
}
#content .rss h3 a { color: #194FA4 }
 
  
/*
+
#security-info-toggle {
* MenuSidebar
+
    display:none;
*/
+
}
/* this has to be overridden for every menu */
+
 
#p-treemenu_1,
+
 
#p-Another_Menu {
+
/* 2015 */
overflow: visible;  
+
 
 +
/* Standard Navigationsleisten, aka  box hiding thingy
 +
  from .de.  Documentation at  [[Wikipedia:NavFrame]]. */
 +
div.NavFrame {
 +
    margin: 0;
 +
    padding: 4px;
 +
    border: 1px solid #aaa;
 +
    text-align: center;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 +
}
 +
div.NavFrame + div.NavFrame {
 +
    border-top-style: none;
 +
    border-top-style: hidden;
 +
}
 +
div.NavPic  {
 +
    background-color: #fff;
 +
    margin: 0;
 +
    padding: 2px;
 +
    float: left;
 +
}
 +
div.NavFrame  div.NavHead {
 +
    height: 1.6em;
 +
    font-weight: bold;
 +
 
 +
    background-color: rgba(0,102,153,0.2);
 +
    position: relative;
 +
}
 +
div.NavFrame  p,
 +
div.NavFrame div.NavContent,
 +
div.NavFrame div.NavContent  p {
 +
    font-size: 100%;
 
}
 
}
+
div.NavEnd {
/* this has to be overridden for every menu */
+
    margin: 0;
#p-treemenu_1 div,
+
    padding: 0;
#p-Another_Menu div {
+
    line-height: 1px;
margin: 0;
+
    clear: both;
padding: 0;
 
 
}
 
}
+
a.NavToggle {
#p-treemenu_1 h5,
+
    position: absolute;
#p-Another_Menu h5 {
+
    top: 0;
background-color: #D7D1BF;
+
    right: 3px;
-moz-border-radius-topright:1em;
+
    font-weight: normal;
-webkit-border-top-right-radius:1em;
+
    font-size: 90%;
border-radius-topright:1em;
 
 
}
 
}
  
/* 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
+
/* End of Navigation */
#p-Menu_1 ul li.item2 ul {
+
 
width: 16em;
+
.mw-editsection {
 +
float: right;
 
}
 
}
 +
 +
 +
/*
 +
* Dynamic menus
 
*/
 
*/
 +
.dmenu { width: 146px; }
 
   
 
   
/* this an example to change the background color of every second list item
+
#p-navigation p {display: none;}
li.item2 even {
+
 
background-color: #eeeeee;
+
.dmenu, .dmenu ul { /* all lists */
 +
padding: 0;
 +
margin: 0;
 +
margin-bottom: 6px;
 +
/* list-style: none; */
 +
list-style-position: inside;
 
}
 
}
*/
+
.dmenu .selflink { font-weight: bold; }
  
 +
.dmenu li { /* all list items */
 +
position: relative;
 +
float: left;
 +
width: 132px;
 +
padding: 5px;
 +
}
 
   
 
   
.menuSidebar ul { /* remove bullets and list indents */
+
.dmenu li,
 
+
.dmenu li.even a,
/*margin: 0;*/
+
.dmenu li.odd a,
padding-left: 4px;
+
.dmenu li li,
 +
.dmenu li li a,
 +
.dmenu li li li,
 +
.dmenu li li li a {
 +
    color: #43BCC6;
 
}
 
}
 
   
 
   
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
+
.dmenu li li { margin: 0; }
.menuSidebar ul div {  
 
position: absolute;
 
top: -6px;
 
left: 100%; /* to position them to the right of their containing block */
 
width: 100%; /* width is based on the containing block */
 
z-index: 100; /* show ul on top */
 
}
 
 
   
 
   
.menuSidebar ul ul {  
+
.dmenu li ul { /* second-level lists */
background-color: #FAF6EC;
+
position: absolute;
border: 1px solid #aaaaaa;
+
left: -999em;
margin-left: -3px;
+
z-index: 501;
margin-top: 5px; /* make navigation easier*/
+
border: 1px solid #002D3F;
margin-bottom: 5px; /* make navigation easier*/
 
z-index: 101;  /* show on top; Needed for IE 7 */
 
width: 16em; /* width of inner menu, Needed for IE 7 */
 
padding-left: 16px;
 
 
}
 
}
 
   
 
   
.menuSidebar li {
+
.dmenu li ul ul { /* third-and-above-level lists */
position: relative; /* make li a container for inner elements */
+
position: absolute;
margin: 1px;
+
left: -999em;
z-index: 102; /* show on top; Needed for IE 7 */
+
margin: 0 0 0 0;
color: #336633;
+
z-index: 502;
 
}
 
}
 
   
 
   
/* style, color and size links and headings to suit */
+
.dmenu li.odd .submenu {
.menuSidebar a {
+
width: 12px;
font-weight: normal;
+
height: 15px;
display: block;
+
float: right;
margin: 0px;
+
/* background: url(/common/images/rarr-lt.png) 0 3px no-repeat; */
padding: 0px;
 
padding-left: px;
 
color: #336633 !important;
 
 
}
 
}
 +
.dmenu li.even .submenu {
 +
width: 12px;
 +
height: 15px;
 +
float: right;
 +
/* background: url(/common/images/rarr-dk.png) 0 3px no-repeat; */
  
/* move the > to the right */
 
.menuSidebar a em {
 
position: absolute;
 
right: 4px;
 
 
}
 
}
+
.dmenu li.odd {
.menuSidebar li:hover, /* Needed for IE 7 */
+
        background: #D8E2D4;
.menuSidebar a:hover {
+
        border: 2px solid #D8E2D4;
background: transparent;
+
}
 +
.dmenu li.even {
 +
        background: #D8E2D4;
 +
        border: 2px solid #D8E2D4;
 
}
 
}
 
   
 
   
.menuSidebar li.separator a:hover {
+
.dmenu li:hover, .dmenu li.sfhover {
background: #FAF6EC;
+
        border: 2px solid #DABA4C;
 +
}
 +
 
 +
.dmenu li:hover ul ul,
 +
.dmenu li:hover ul ul ul,
 +
.dmenu li.sfhover ul ul,
 +
.dmenu li.sfhover ul ul ul {
 +
left: -999em;
 
}
 
}
 
   
 
   
/* Needed for IE 7 */
+
.dmenu li:hover ul,
.menuSidebar li.separator a,
+
.dmenu li li:hover ul,
.menuSidebar li.separator {
+
.dmenu li li li:hover ul,
line-height: 0px;
+
.dmenu li.sfhover ul,
height: 0px;
+
.dmenu li li.sfhover ul,
font-size: 0px;
+
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
 +
left: 144px;
 +
top: -3px;
 
}
 
}
+
 
.menuSidebar ul li:last-Child a {
+
.dmenu a {
  border-width: 0px 0px 0px 0px; // remove the last bottom line
+
text-decoration: none;
 +
font-size: 11px;
 +
  padding-top: 0px;
 
  padding-bottom: 0px;
 
  padding-bottom: 0px;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.dmenu a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
.dmenu li {
 +
font-size: 11px;
 +
line-height: 120%;
 +
padding-top: 1px;
 +
padding-bottom: 1px;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 +
div.place_mob {
 +
  font-size: 11px;
 +
  font-family: verdana;
 +
  /* float: left; */
 +
  color: black;
 +
  background: #ff3333;
 +
  padding: 0px;
 +
  spacing: 0px;
 +
  margin: 2px;
 +
  width: 16px;
 +
  text-align: center;
 +
  font-weight: bold;
 
}
 
}
 
/* 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 */
+
span.place_mob {
 +
  font-size: 11px;
 +
  font-family: verdana;
 +
  /* float: left; */
 +
  color: black;
 +
  background: #ff3333;
 +
  padding: 3px 4px 3px 4px;
 +
  spacing: 0px;
 +
  margin: 2px;
 +
  width: 16px;
 +
  text-align: center;
 +
  font-weight: bold;
 +
}
 +
 
 +
/*
 +
Для рецептов
 +
*/
 +
 
 +
.dtree {
 +
        white-space: nowrap;
 +
}
 +
.dtree img {
 +
        border: 0px;
 +
        vertical-align: middle;
 +
}
 +
.dtree a.node, .dtree a.nodeSel {
 +
        white-space: nowrap;
 +
        padding: 1px 2px 1px 2px;
 +
}
 +
.dtree a.node:hover, .dtree a.nodeSel:hover {
 +
        color: #26A4AF;
 +
        text-decoration: underline;
 +
}
 +
.dtree a.nodeSel {
 +
        background-color: #c0d2ec;
 +
}
 +
.dtree .clip {
 +
        overflow: hidden;
 +
}

Текущая версия на 17:41, 2 августа 2017

.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
 {
font-size:11px;
}
div.rss-postinfo
 {
text-align:right;
font-style:italic;
}

#security-info-toggle {
    display:none;
}


/* 2015 */

/* Standard Navigationsleisten, aka  box hiding thingy
   from .de.  Documentation at  [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
     text-align: center;
    border-collapse: collapse;
     font-size: 95%;
}
div.NavFrame + div.NavFrame {
     border-top-style: none;
    border-top-style: hidden;
}
div.NavPic  {
    background-color: #fff;
    margin: 0;
     padding: 2px;
    float: left;
}
div.NavFrame  div.NavHead {
    height: 1.6em;
    font-weight: bold;

    background-color: rgba(0,102,153,0.2);
    position: relative;
}
div.NavFrame  p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent  p {
    font-size: 100%;
}
div.NavEnd {
     margin: 0;
    padding: 0;
    line-height: 1px;
     clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
     font-size: 90%;
}

/* End of Navigation */

.mw-editsection {
float: right;
}


/*
* Dynamic menus
*/
.dmenu { width: 146px; }
 
#p-navigation p {display: none;}

.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
margin-bottom: 6px;
/* list-style: none; */
list-style-position: inside;
}
.dmenu .selflink { font-weight: bold; }

.dmenu li { /* all list items */
position: relative;
float: left;
width: 132px; 
padding: 5px;
}
 
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
     color: #43BCC6;
}
 
.dmenu li li { margin: 0; }
 
.dmenu li ul { /* second-level lists */
position: absolute;
left: -999em;
z-index: 501;
border: 1px solid #002D3F;
}
 
.dmenu li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin: 0 0 0 0;
z-index: 502;
}
 
.dmenu li.odd .submenu {
width: 12px;
height: 15px;
float: right;
/* background: url(/common/images/rarr-lt.png) 0 3px no-repeat; */
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
/* background: url(/common/images/rarr-dk.png) 0 3px no-repeat; */

}
.dmenu li.odd {
        background: #D8E2D4;
        border: 2px solid #D8E2D4;
}
.dmenu li.even {
        background: #D8E2D4;
        border: 2px solid #D8E2D4;
}
 
.dmenu li:hover, .dmenu li.sfhover {
        border: 2px solid #DABA4C;
} 

.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
left: -999em;
}
 
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
left: 144px;
top: -3px;
}

.dmenu a {
 text-decoration: none;
 font-size: 11px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.dmenu a:hover {
 text-decoration: underline;
}

.dmenu li {
 font-size: 11px;
 line-height: 120%;
 padding-top: 1px;
 padding-bottom: 1px;
 margin-top: 0px;
 margin-bottom: 0px;
}

div.place_mob {
  font-size: 11px;
  font-family: verdana;
  /* float: left; */
  color: black;
  background: #ff3333;
  padding: 0px;
  spacing: 0px;
  margin: 2px;
  width: 16px;
  text-align: center;
  font-weight: bold;
}

span.place_mob {
  font-size: 11px;
  font-family: verdana;
  /* float: left; */
  color: black;
  background: #ff3333;
  padding: 3px 4px 3px 4px;
  spacing: 0px;
  margin: 2px;
  width: 16px;
  text-align: center;
  font-weight: bold;
}

/*
Для рецептов
*/

.dtree {
        white-space: nowrap;
}
.dtree img {
        border: 0px;
        vertical-align: middle;
}
.dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
        color: #26A4AF;
        text-decoration: underline;
}
.dtree a.nodeSel {
        background-color: #c0d2ec;
}
.dtree .clip {
        overflow: hidden;
}

/*

* 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; }

  1. content .rss h3 a { color: #194FA4 }

/*

  • MenuSidebar
  • /

/* this has to be overridden for every menu */

  1. p-treemenu_1,
  2. p-Another_Menu {
overflow: visible; 

}

/* this has to be overridden for every menu */

  1. p-treemenu_1 div,
  2. p-Another_Menu div {
margin: 0;
padding: 0;

}

  1. p-treemenu_1 h5,
  2. p-Another_Menu h5 {

background-color: #D7D1BF; -moz-border-radius-topright:1em; -webkit-border-top-right-radius:1em; border-radius-topright:1em; }

/* 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

  1. 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;

}

  • /


.menuSidebar ul { /* remove bullets and list indents */

/*margin: 0;*/
padding-left: 4px;

}

/* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div {

position: absolute;
top: -6px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index: 100; /* show ul on top */

}

.menuSidebar ul ul {

background-color: #FAF6EC;
border: 1px solid #aaaaaa;
margin-left: -3px;
margin-top: 5px; /* make navigation easier*/
margin-bottom: 5px; /* make navigation easier*/
z-index: 101;  /* show on top; Needed for IE 7 */
width: 16em; /* width of inner menu, Needed for IE 7 */
padding-left: 16px;

}

.menuSidebar li {

position: relative; /* make li a container for inner elements */
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 */