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

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 59: Строка 59:
  
 
/*Менюшка вторая*/
 
/*Менюшка вторая*/
 +
 +
ul.menu {
 +
    list-style-type:none;
 +
    margin:0;
 +
    padding:6px 0 0 6px;
 +
    position:relative;
 +
    float: right;
 +
}
 +
 +
ul.menu li {
 +
    display:block;
 +
    height: 30px;
 +
    float:left;
 +
    position:relative;
 +
    margin:0 9px 0 0;
 +
    padding:0;
 +
    filter: alpha(opacity=75); /* internet explorer */
 +
    -khtml-opacity: 0.75;      /* khtml, old safari */
 +
    -moz-opacity: 0.75;      /* mozilla, netscape */
 +
    opacity: 0.75;          /* fx, safari, opera */
 +
}
 +
ul.menu li.current {
 +
    background:#000000;
 +
    -moz-border-radius:4px;
 +
    -webkit-border-radius:4px;
 +
}
 +
ul.menu li:hover {
 +
    background:#000000;
 +
    -moz-border-radius:4px;
 +
    -webkit-border-radius:4px;
 +
}
 +
 +
ul.menu li.drop span.toggle {
 +
    display:block;
 +
    float:left;
 +
    width:21px;
 +
    height:26px;
 +
    background:transparent url("images/toggle.png") no-repeat 0 -20px;
 +
    padding:0;
 +
    margin:0 7px 0 0;
 +
}
 +
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
 +
    background-position:1px 5px;
 +
}
 +
 +
ul.menu li.drop:hover, ul.menu li.current:hover {
 +
    -moz-border-radius:0;
 +
    -webkit-border-radius:0;
 +
    -moz-border-radius-topleft:4px;
 +
    -moz-border-radius-topright:4px;
 +
    -webkit-border-top-left-radius:4px;
 +
    -webkit-border-top-right-radius:4px;
 +
}
 +
ul.menu li.drop:hover ul {
 +
    display:block;
 +
    z-index:1;
 +
    padding-bottom:8px;
 +
}
 +
 +
ul.menu li ul {
 +
    display:none;
 +
    position:absolute;
 +
    width: 100%;
 +
    top:30px;
 +
    left:0;
 +
    list-style-type:none;
 +
    margin:0;
 +
    padding:9px 0 0 0;
 +
    background:#000000;
 +
    filter: alpha(opacity=75); /* internet explorer */
 +
}
 +
ul.menu li ul li {
 +
    float:none;
 +
    height: auto;
 +
    margin:0;
 +
    padding:0;
 +
    border:none;
 +
    filter: alpha(opacity=100); /* internet explorer */
 +
}

Версия 16:57, 23 сентября 2013

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}

h1 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 2em; /* Размер надписи */
}

h2 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 1em; /* Размер надписи */
}

h3 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 0,5em; /* Размер надписи */
}


/*Менюшка*/

/* Fixed Positioned AddThis Toolbox */ 
.addthis_toolbox { 
position: fixed; z-index: 1000;
top: -10px;
right: 80%;
padding: 5px 5px 4px; 
width: 32px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
} 

.addthis_toolbox .custom_images a { 
width: 32px; 
height: 32px; 
cursor: pointer; 
} 
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; } 
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }

/*Менюшка вторая*/

ul.menu {
    list-style-type:none;
    margin:0;
    padding:6px 0 0 6px;
    position:relative;
    float: right;
}

ul.menu li {
    display:block;
    height: 30px;
    float:left;
    position:relative;
    margin:0 9px 0 0;
    padding:0;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
}
ul.menu li.current {
    background:#000000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
ul.menu li:hover {
    background:#000000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

ul.menu li.drop span.toggle {
    display:block;
    float:left;
    width:21px;
    height:26px;
    background:transparent url("images/toggle.png") no-repeat 0 -20px;
    padding:0;
    margin:0 7px 0 0;
}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
    background-position:1px 5px;
}

ul.menu li.drop:hover, ul.menu li.current:hover {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}
ul.menu li.drop:hover ul {
    display:block;
    z-index:1;
    padding-bottom:8px;
}

ul.menu li ul {
    display:none;
    position:absolute;
    width: 100%;
    top:30px;
    left:0;
    list-style-type:none;
    margin:0;
    padding:9px 0 0 0;
    background:#000000;
    filter: alpha(opacity=75); /* internet explorer */
}
ul.menu li ul li {
    float:none;
    height: auto;
    margin:0;
    padding:0;
    border:none;
    filter: alpha(opacity=100); /* internet explorer */
}