"MediaWiki:Common.css" sayfasının sürümleri arasındaki fark

AmonRa Wiki sitesinden
Şuraya atla: kullan, ara
 
1. satır: 1. satır:
−
/*--------------------------------------------------|
+
/*
−
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
+
* MenuSidebar
−
|---------------------------------------------------|
+
*/
−
| Copyright (c) 2002-2003 Geir Landr�              |
+
/* this has to be overridden for every menu */
−
|--------------------------------------------------*/
+
#p-Menu,
 +
#p-Menu2,
 +
#p-Menu3 {
 +
overflow: visible;
 +
}
 
   
 
   
−
.dtree {
+
/* this has to be overridden for every menu */
−
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+
#p-Menu div,
−
        font-size: 11px;
+
#p-Menu2 div,
−
        color: #666;
+
#p-Menu3 div {
−
        white-space: nowrap;
+
margin: 0;
 +
padding: 0;
 
}
 
}
−
.dtree img {
+
−
        border: 0px;
+
/* 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
−
        vertical-align: middle;
+
#p-Menu ul li.item2 ul {
 +
width: 16em;
 
}
 
}
−
.dtree a {
+
*/
−
        color: #333;
+
−
        text-decoration: none;
+
/* this an example to change the background color of every second list item
 +
li.even {
 +
background-color: #eeeeee;
 
}
 
}
−
.dtree a.node, .dtree a.nodeSel {
 
−
        white-space: nowrap;
 
−
        padding: 1px 2px 1px 2px;
 
−
}
 
−
.dtree a.node:hover, .dtree a.nodeSel:hover {
 
−
        color: #333;
 
−
        text-decoration: underline;
 
−
}
 
−
.dtree a.nodeSel {
 
−
        background-color: #c0d2ec;
 
−
}
 
−
.dtree .clip {
 
−
        overflow: hidden;
 
−
        padding-bottom: 1px;
 
−
}
 
−
/*
 
−
* Dynamic menus
 
 
*/
 
*/
−
.dmenu { width: 180px }
 
 
   
 
   
−
.dmenu, .dmenu ul { /* all lists */
+
.menuSidebar ul { /* remove bullets and list indents */
−
padding: 0;
+
list-style: none;
−
margin: 0;
+
margin: 0;
−
list-style: none;
+
padding: 0;
 
}
 
}
−
.dmenu .selflink { font-weight: normal; }
 
 
   
 
   
−
.dmenu li { /* all list items */
+
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
−
position: relative;
+
.menuSidebar ul div {
−
float: left;
+
position: absolute;
−
width: 172px;
+
top: -6px;
−
padding: 4px;
+
left: 100%; /* to position them to the right of their containing block */
−
z-index: 100;
+
width: 100%; /* width is based on the containing block */
 +
z-index: 100; /* show ul on top */
 
}
 
}
 
   
 
   
−
.dmenu li,
+
.menuSidebar ul ul {
−
.dmenu li.even a,
+
background-color: white;
−
.dmenu li.odd a,
+
border: 1px solid #aaaaaa;
−
.dmenu li li,
+
margin-top: 5px; /* make navigation easier*/
−
.dmenu li li a,
+
margin-bottom: 5px; /* make navigation easier*/
−
.dmenu li li li,
+
z-index: 101; /* show on top; Needed for IE 7 */
−
.dmenu li li li a {
+
width: 12em; /* width of inner menu, Needed for IE 7 */
−
color : black;
 
 
}
 
}
 
   
 
   
−
.dmenu li li { margin: 0; }
+
.menuSidebar li {
 +
position: relative; /* make li a container for inner elements */
 +
margin: 1px;
 +
z-index: 102; /* show on top; Needed for IE 7 */
 +
}
 
   
 
   
−
.dmenu li ul { /* second-level lists */
+
/* style, color and size links and headings to suit */
−
position: absolute;
+
.menuSidebar a {
−
left: -999em;
+
font-weight: bold;
−
z-index: 101;
+
display: block;
−
border: 1px solid #ccc;
+
border-width: 0px 0px 1px 0px;
 +
border-style: solid;
 +
border-color: #aaaaaa;
 +
margin: 0px;
 +
padding: 1px;
 +
padding-left: 5px;
 +
color: #000000;
 +
text-decoration: none;
 
}
 
}
 
   
 
   
−
.dmenu li ul ul { /* third-and-above-level lists */
+
/* move the > to the right */
−
position: absolute;
+
.menuSidebar a em {
−
left: -999em;
+
position: absolute;
−
margin: 0 0 0 0;
+
right: 4px;
−
z-index: 102;
 
 
}
 
}
 
   
 
   
−
.dmenu li.odd .submenu {
+
.menuSidebar li:hover, /* Needed for IE 7 */
−
width: 12px;
+
.menuSidebar a:hover {
−
height: 15px;
+
background: #ccccff;
−
float: right;
 
−
background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
 
 
}
 
}
−
.dmenu li.even .submenu {
+
−
width: 12px;
+
.menuSidebar li.separator a:hover {
−
height: 15px;
+
background: white;
−
float: right;
 
−
background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
 
 
}
 
}
−
.dmenu li.odd {
+
−
        background: #E9EDF4;
+
/* Needed for IE 7 */
−
        border: 2px solid #E9EDF4;
+
.menuSidebar li.separator a,
 +
.menuSidebar li.separator {
 +
line-height: 0px;
 +
height: 0px;
 +
font-size: 0px;
 
}
 
}
−
.dmenu li.even {
+
−
        background: #D0D8E8;
+
.menuSidebar ul li:last-Child a {  
−
        border: 2px solid #D0D8E8;
+
border-width: 0px 0px 0px 0px; // remove the last bottom line
 +
padding-bottom: 0px;
 
}
 
}
 
   
 
   
−
.dmenu li:hover, .dmenu li.sfhover {
+
/* hides the first level */
−
        border: 2px solid #385D8A;
+
.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 */
 
   
 
   
−
.dmenu li:hover ul ul,
+
/* second level*/
−
.dmenu li:hover ul ul ul,
+
.menuSidebar ul li ul li:hover div,
−
.dmenu li.sfhover ul ul,
+
.menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/
−
.dmenu li.sfhover ul ul ul {
+
.menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
−
left: -999em;
 
−
}
 
 
   
 
   
−
.dmenu li:hover ul,
+
/* third level */
−
.dmenu li li:hover ul,
+
.menuSidebar ul li ul li ul li:hover div,
−
.dmenu li li li:hover ul,
+
.menuSidebar ul li ul li ul li div:hover   { display: block; } /* div is again used for easier navigation*/
−
.dmenu li.sfhover ul,
+
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */
−
.dmenu li li.sfhover ul,
 
−
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
 
−
left: 182px;
 
−
top: -3px;
 
−
}
 

06:39, 21 Şubat 2012 itibarı ile sayfanın şu anki hâli

/*
* MenuSidebar
*/
/* this has to be overridden for every menu */
#p-Menu,
#p-Menu2,
#p-Menu3 {
 overflow: visible; 
}
 
/* this has to be overridden for every menu */
#p-Menu div,
#p-Menu2 div,
#p-Menu3 div {
 margin: 0;
 padding: 0;
}
 
/* 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 ul li.item2 ul {
 width: 16em;
}
*/
 
/* this an example to change the background color of every second list item
li.even {
 background-color: #eeeeee;
}
*/
 
.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0;
 padding: 0;
}
 
/* 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: white;
 border: 1px solid #aaaaaa;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 12em; /* width of inner menu, Needed for IE 7 */
}
 
.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 1px;
 z-index: 102; /* show on top; Needed for IE 7 */
}
 
/* style, color and size links and headings to suit */
.menuSidebar a {
 font-weight: bold;
 display: block;
 border-width: 0px 0px 1px 0px;
 border-style: solid;
 border-color: #aaaaaa;
 margin: 0px;
 padding: 1px;
 padding-left: 5px;
 color: #000000;
 text-decoration: none;
}
 
/* move the > to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
}
 
.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
 background: #ccccff;
}
 
.menuSidebar li.separator a:hover {
 background: white;
}
 
/* 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 */
"https://wiki.amonra.com.tr/index.php?title=MediaWiki:Common.css&oldid=1228" adresinden alındı.