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

Материал из Энциклопедия EverQuest II
Перейти к: навигация, поиск
 
(не показано 11 промежуточных версий этого же участника)
Строка 18: Строка 18:
 
div.rss-title
 
div.rss-title
 
  {
 
  {
−
padding:8px 0px 0px 12px;
+
font-size:11px;
−
font-weight:bold;
 
 
}
 
}
 
div.rss-postinfo
 
div.rss-postinfo
Строка 26: Строка 25:
 
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,
+
/* 2015 */
−
#p-Another_Menu
+
 
−
{
+
/* Standard Navigationsleisten, aka  box hiding thingy
−
overflow: visible;  
+
  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 {
−
/* this has to be
+
    position: absolute;
−
overridden for every menu */
+
    top: 0;
−
#p-treemenu_1 div,
+
    right: 3px;
−
#p-Another_Menu
+
    font-weight: normal;
−
div {
+
    font-size: 90%;
−
font-size: 14px;
 
 
}
 
}
−
+
 
−
/* this is an
+
/* End of Navigation */
−
example to make the list of the second entry bigger e.g. when ther is a
+
 
−
longer text in a list item
+
.mw-editsection {
−
#p-Menu_1 ul li.item2 ul {
+
float: right;
−
 
−
width: 16em;
 
 
}
 
}
 +
 +
 +
/*
 +
* Dynamic menus
 
*/
 
*/
 +
.dmenu { width: 146px; }
 
   
 
   
−
/* this an example to change
+
#p-navigation p {display: none;}
−
the background color of every second list item
 
−
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;
 +
}
 
   
 
   
−
/*
+
.dmenu li,
−
this div is only for better handling and navigation  ... could also be
+
.dmenu li.even a,
−
done in inner ul*/
+
.dmenu li.odd a,
−
.menuSidebar ul div {
+
.dmenu li li,
−
position:
+
.dmenu li li a,
−
absolute;
+
.dmenu li li li,
−
left: 95%; /* to position them to the right of their
+
.dmenu li li li a {
−
containing block */
+
    color: #43BCC6;
−
width: 115%; /* width is based on the
 
−
containing block */
 
−
z-index: 100; /* show ul on top */
 
−
 
−
margin-top: -1em !important; /* make navigation easier*/
 
 
}
 
}
 
   
 
   
−
.menuSidebar
+
.dmenu li li { margin: 0; }
−
ul ul {  
 
−
background-color: #FAF6EC;
 
−
border: 1px solid
 
−
#aaaaaa;
 
−
 
 
−
padding: 0.5em !important;
 
 
   
 
   
 +
.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 */
−
z-index: 101;  /* show on top; Needed for IE 7 */
+
position: absolute;
−
border-left:
+
left: -999em;
−
1px dotted #aaaaaa;
+
margin: 0 0 0 0;
−
-moz-border-radius-topright:6px;
+
z-index: 502;
−
-webkit-border-top-right-radius:6px;
 
−
border-radius-topright:1em;
 
−
-moz-border-radius-bottomright:6px;
 
−
-webkit-border-bottom-right-radius:6px;
 
−
border-radius-bottomright:1em;
 
 
}
 
}
−
 
 
   
 
   
−
.menuSidebar li {
+
.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; */
  
−
margin: 1px;
 
−
z-index:
 
−
102; /* show on top; Needed for IE 7 */
 
−
color: #336633;
 
 
}
 
}
−
 
+
.dmenu li.odd {
 +
        background: #D8E2D4;
 +
        border: 2px solid #D8E2D4;
 +
}
 +
.dmenu li.even {
 +
        background: #D8E2D4;
 +
        border: 2px solid #D8E2D4;
 +
}
 
   
 
   
−
/* style, color and size links and headings to suit */
+
.dmenu li:hover, .dmenu li.sfhover {
−
.menuSidebar
+
        border: 2px solid #DABA4C;
−
a {
+
}  
−
font-weight: normal;
 
−
display: block;
 
−
margin:
 
−
0px;
 
−
padding: 0px;
 
−
padding-left: px;
 
−
color: #336633
 
−
!important;
 
−
}
 
  
−
/* move the > to the right
+
.dmenu li:hover ul ul,
−
*/
+
.dmenu li:hover ul ul ul,
−
.menuSidebar a em {
+
.dmenu li.sfhover ul ul,
−
position: absolute;
+
.dmenu li.sfhover ul ul ul {
−
right:
+
left: -999em;
−
4px;
 
 
}
 
}
 
   
 
   
−
.menuSidebar li:hover, /* Needed for IE 7 */
+
.dmenu li:hover ul,
−
.menuSidebar
+
.dmenu li li:hover ul,
−
a:hover {
+
.dmenu li li li:hover ul,
−
background: transparent;
+
.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;
 
}
 
}
−
   
+
 
−
.menuSidebar
+
.dmenu a {
−
  li.separator a:hover {
+
text-decoration: none;
−
  background: #FAF6EC;
+
font-size: 11px;
 +
  padding-top: 0px;
 +
padding-bottom: 0px;
 +
  margin-top: 0px;
 +
  margin-bottom: 0px;
 
}
 
}
−
+
 
−
/*
+
.dmenu a:hover {
−
Needed for IE 7 */
+
  text-decoration: underline;
−
.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  
+
.dmenu li {
−
   
+
  font-size: 11px;
−
padding-bottom: 0px;
+
line-height: 120%;
 +
  padding-top: 1px;
 +
padding-bottom: 1px;
 +
margin-top: 0px;
 +
margin-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:  
+
div.place_mob {
−
8pt !important; }  /* hide the next level */
+
  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;
 +
}
  
 +
/*
 +
Для рецептов
 +
*/
  
−
.lqt-read-button
+
.dtree {
−
{
+
        white-space: nowrap;
−
margin-top:10px;
+
}
 +
.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;
}

.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 {

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

  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;

}

  • /


/* 

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

padding: 0.5em !important; 


z-index: 101;  /* show on top; Needed for IE 7 */

border-left: 1px dotted #aaaaaa; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; border-radius-topright:1em; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; 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;

}

Источник — «https://norrath.ru/index.php?title=MediaWiki:Common.css&oldid=353390»