User:Nyenyec/jsmenu.css
A Wikipédiából, a szabad lexikonból.
Megjegyzés: A beállítások elmentése után frissítened kell a böngésződ gyorsítótárát, hogy a változások érvénybe lépjenek. Mozilla / Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Reload / Frissítés gombra az eszköztáron, vagy használd a Ctrl–F5 billentyűkombinációt (Apple Mac-en Cmd–Shift–R); Internet Explorer: tartsd nyomva a Ctrl-t, és kattints a Reload / Frissítés gombra, vagy nyomj Ctrl–F5-öt; Konqueror: egyszerűen csak kattints a Reload / Frissítés gombra (vagy Ctrl–R vagy F5); Opera felhasználóknak teljesen ki kell üríteniük a gyorsítótárat a Tools→Preferences menüben.
/*
Menu related selectors
*/
.jsdomenudiv {
background-color: #FFFFFF;
background-image: url('http://upload.wikimedia.org/wikipedia/hu/e/ef/Office_xp_menu_left.png');
background-repeat: repeat-y;
border: 1px solid #8A867A;
cursor: default;
padding-bottom: 1px;
padding-top: 1px;
position: absolute; /* Do not alter this line! */
visibility: hidden;
z-index: 10;
}
.jsdomenuitem {
background: transparent;
border: none;
color: #000000;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 3px;
padding-left: 30px;
padding-right: 15px;
padding-top: 3px;
position: relative; /* Do not alter this line! */
}
.jsdomenuitemover {
background-color: #C1D2EE;
border: 1px solid #316AC5;
color: #000000;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
margin-left: 1px;
margin-right: 1px;
padding-bottom: 2px;
padding-left: 28px;
padding-right: 15px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenuarrow {
background-image: url('http://upload.wikimedia.org/wikipedia/hu/f/f9/Office_xp_arrow.png');
background-repeat: no-repeat; /* Do not alter this line! */
height: 7px;
position: absolute; /* Do not alter this line! */
right: 8px;
width: 4px;
}
.jsdomenuarrowover {
background-image: url('http://upload.wikimedia.org/wikipedia/hu/b/bf/Office_xp_arrow_o.png');
background-repeat: no-repeat; /* Do not alter this line! */
height: 7px;
position: absolute; /* Do not alter this line! */
right: 8px;
width: 4px;
}
.jsdomenusep {
padding-left: 28px;
}
.jsdomenusep hr {
}
/*
Menu bar related selectors
*/
.jsdomenubardiv {
background-color: #ECE9D8;
background-image: url('http://upload.wikimedia.org/wikipedia/hu/0/06/Office_xp_divider.png');
background-position: left;
background-repeat: no-repeat;
border: 1px outset;
cursor: default;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 1px;
padding-top: 3px;
position: absolute; /* Do not alter this line! */
visibility: visible;
}
.jsdomenubardragdiv {
cursor: move;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
visibility: hidden;
width: 9px;
}
.jsdomenubaritem {
background-color: #EFEDDE;
border: none;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 24px;
padding-right: 10px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenubaritemover {
background-color: #C1D2EE;
border: 1px solid #316AC5;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 23px;
padding-right: 9px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenubaritemclick {
background-color: #EFEDDE;
border: 1px solid #8A867A;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 23px;
padding-right: 9px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
/*
Example of selectors for icons. Change the height and width to match the actual
height and width of the icon image.
*/
.icon1 {
background-image: url(icon1.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}
.icon2 {
background-image: url(icon2.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}
.icon3 {
background-image: url(icon3.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}

