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

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 63: Строка 63:
 
/*Менюшка вторая*/
 
/*Менюшка вторая*/
  
.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
+
.dd-bar {
background: #dbcbad;
+
    min-width: 1080px;
 +
    max-width: 100%;
 +
    left: 0;
 +
    right: 0;
 +
    color: #73503a;
 +
    background: url(images/bg_line.png) repeat-x scroll 0 0 transparent;
 +
    z-index: 9999;
 +
}
 +
 
 +
.dd-nav-logo .dd-logo {
 +
    background: url(images/bg_light.png) no-repeat scroll 0 0;
 +
}
 +
 
 +
.dd-nav-logo .dd-games {
 +
    background: url(images/bg_light.png) no-repeat scroll 0 0;
 +
}
 +
 
 +
.dd-nav-stats {
 +
    color: #80624d;
 +
    background: url(images/bg_light.png) no-repeat scroll right top;
 +
}
 +
 
 +
.dd-nav-stats span {
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-nav-auth {
 +
    color: #80624d;
 +
}
 +
 
 +
.dd-nav-auth a {
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-nav-auth a:hover {
 +
    border-bottom: 1px dashed #73503a;
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-nav-auth a:active {
 +
    color: #73503a;
 +
    border-bottom: 1px dashed #73503a;
 +
}
 +
 
 +
.dd-nav-logo .dd-games .dd-games-btn {
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-nav-logo .dd-logo i {
 +
    background-image: url(images/logo_destiny.png);
 +
    background-position: 0 -30px;
 +
}
 +
 
 +
.dd-nav-logo .dd-logo i:hover {
 +
    background-position: 0 -60px;
 +
    opacity: 0.7;
 +
}
 +
 
 +
.dd-menu-opener-link:hover {
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-menu-opener-link:hover {
 +
    color: #9c8164 !important;
 +
}
 +
 
 +
.dd-menu-opener i {
 +
    background-image: url(images/icon_16px.png) !important;
 +
    background-position: 0 0;
 +
}
 +
 
 +
.dd-menu-opener span:hover i.dd-icon-down-arrow {
 +
    background-position: 0 0;
 +
    opacity: 0.7;
 +
}
 +
 
 +
.dd-menu-opener.active i.dd-icon-down-arrow {
 +
    background-position: -16px 0 !important;
 +
}
 +
 
 +
.dd-menu {
 +
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
 +
    border-radius: 0 0 0 3px;
 +
}
 +
 
 +
.dd-menu-ul, .dd-menu-li:first-child, .dd-menu-li:last-child {
 +
    border-radius: 0 0 0 3px;
 +
}
 +
 
 +
.dd-menu-sub {
 +
    background: #E3D4B7;
 +
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
 +
    border-radius: 0 0 3px 0;
 +
}
 +
 
 +
.dd-menu ul.dd-menu-ul {
 +
    background: #dbcbad;
 
     color: #542f1b;
 
     color: #542f1b;
 
}
 
}
  
.vyp-menu:after { /* убираем после меню действие float */
+
.dd-menu ul.dd-menu-ul li.dd-menu-li-666:hover .dd-menu-item b, .dd-menu ul.dd-menu-ul li.dd-current .dd-menu-item b {
  clear: both;
+
    color: #73503a;
  content: "";}
+
}
 +
 
 +
.dd-menu ul.dd-menu-ul li.dd-menu-li-666:hover, .dd-menu ul.dd-menu-ul li.dd-current {
 +
    background: #E3D4B7;
 +
}
 +
 
 +
ul.dd-menu-ul i {
 +
    background-image: url(images/icon_16px.png);
 +
    background-position: -32px 0 !important;
 +
}
 +
 
 +
.dd-menu-sub .dd-menu-project-desc {
 +
    font-size: 11px;
 +
}
 +
 
 +
.dd-menu-sub .dd-menu-project-stats .label, .dd-menu-sub .dd-menu-project-stats td {
 +
    color: #6b5945;
 +
}
 +
 
 +
.dd-menu-sub button.dd-project-play {
 +
    padding-left: 15px;
 +
    background: #9c8164;
 +
    color: #eadec9;
 +
    border-radius: 3px;
 +
}
 +
 
 +
.dd-menu-sub button.dd-project-play i {
 +
    background-position: -32px -32px !important;
 +
}
 +
 
 +
.dd-menu-sub button {
 +
    background: #9c8164;
 +
    color: #eadec9;
 +
    border-radius: 3px;
 +
}
  
.vyp-menu > li { float: left; } /* горизонтальное размещение пунктов */
+
.dd-menu-sub button.dd-project-play:hover, .dd-menu-sub button:hover {
 +
    color: #eadec9;
 +
    background: #aa9075;
 +
}
  
.vyp-menu li {
+
.dd-menu-sub .dd-menu-project-stats {
width="300"; /* содержимое на одной строке */
+
    margin-top: 0;
  position: relative;
 
 
}
 
}
  
.vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li, .vyp-menu > li > ul > li > ul > li > ul > li {
+
.dd-nav-profile {
  height: 0px;
+
    color: #6b5945 !important;
  -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;
+
}
  overflow: hidden;}
 
  
.vyp-menu > li:hover > ul > li, .vyp-menu > li > ul > li:hover > ul > li, .vyp-menu > li > ul > li > ul > li:hover > ul > li {
+
.dd-menu-sub .dd-menu-link-account {
height: 30px;
+
    padding: 5px 0 0;
  overflow: visible;}
+
    float: none;
 +
    text-align: center;
 +
}
  
.vyp-menu li ul li, .vyp-menu li ul li a { width: 100%; } /* фон подпунктов равной ширины */
+
.dd-menu-sub .dd-menu-link-account a {
 +
    color: #73503a;
 +
}
  
.vyp-menu ul { position: absolute; }
+
.dd-menu-sub .dd-menu-link-account a:hover {
 +
    color: #73503a;
 +
    border-bottom: 1px dashed #73503a;
 +
}
  
.vyp-menu ul ul { left: 100%; top: 0; } /* третий и четвёртый список позиционируется не вниз, а вправо. Можно часть списков повернуть и влево, но тогда width должен быть задан в px */
+
.dd-bar .hl {
 +
    color: #73503a;
 +
}
  
.vyp-menu {
+
.dd-menu input[type="text"], .dd-menu input[type="password"] {
min-width: 1080px;
+
    border: 1px solid #cebb9e !important;
     max-width: 100%;
+
     box-shadow: none;
     left: 0;
+
     font-size: 11px;
     right: 0;
+
     padding: 3px 10px;
 
     color: #73503a;
 
     color: #73503a;
     background: url(https://i.botva.ru/css/modules/ddestinybar/images/bg_line.png) repeat-x scroll 0 0 transparent;
+
     border-radius: 3px
     z-index: 9999;
+
    -moz-border-radius: 3px;
 +
     -webkit-border-radius: 3px
 
}
 
}
  
.vyp-menu > li:first-child {border-radius: 5px 0 0 5px; border-left: none;}
+
.dd-menu input:focus {
 +
    border-color: #c0aa89 !important;
 +
    box-shadow: none;
 +
}
  
.vyp-menu > li {border-left: 1px solid #CDAA80;}
+
.dd-bar .chosen-container-single .chosen-single {
 +
    border: 1px solid #cebb9e;
 +
    box-shadow: none;
 +
    height: 23px;
 +
    line-height: 23px;
 +
    padding: 3px 10px;
 +
    color: #73503a;
 +
    border-radius: 3px;
 +
}
  
.vyp-menu > li:hover {background: #CDAA80;}
+
.dd-bar .chosen-container-single .chosen-single span {
 +
    font-size: 11px;
 +
}
  
.vyp-menu li li {background: #CDAA80 content-box; padding: 1px 1px 0px 0px; border-right: 1px solid #ccc;}
+
.dd-bar .chosen-container-single .chosen-drop {
 +
    margin-top: -3px;
 +
    border-radius: 0 0 3px 3px;
 +
    border-left: 1px solid #cebb9e;
 +
    border-right: 1px solid #cebb9e;
 +
    border-bottom: 1px solid #cebb9e;
 +
}
  
.vyp-menu li li:last-child {border-radius: 0 0 5px 5px;}
+
.dd-bar .chosen-container .chosen-results li {
 +
    font-size: 11px;
 +
    color: #73503a;
 +
}
 +
 
 +
.dd-bar .chosen-container .chosen-results li.highlighted {
 +
    border-radius: 3px;
 +
    background: #9c8164;
 +
    color: #fff;
 +
}
  
.vyp-menu li a {
+
.dd-bar .chosen-container-single .chosen-single div {
  line-height: 20px;
+
    background: #9c8164;
  padding: 0 14px;
 
  text-decoration: none;
 
 
}
 
}
  
.strelka:after {
+
.dd-bar .chosen-container-single .chosen-single div b {
  content: "\2b";
+
    background: url('images/icon_16px.png') no-repeat 0 -32px;
  position: absolute;
 
  right: 1px; bottom: -4px;
 
 
}
 
}
  
.strelka:hover:after {content: "\2d";}
+
.dd-menu-sub button.dd-project-play b {font-size: 11px; color: #eadec9;}
 +
.dd-menu-item.dd-exit i.dd-icon-right-arrow-gray {display: none;}

Версия 09:24, 24 сентября 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 { 
 cursor: pointer;
 text-shadow: 0.0em 0.0em 0.3em black;
 padding-left: 15px;
 background-image: url(http://forum.theabyss.ru/style_images/6/topic_unselected.gif);
 background-position: left center;
 background-repeat: no-repeat;

}

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

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

.dd-bar {
    min-width: 1080px;
    max-width: 100%;
    left: 0;
    right: 0;
    color: #73503a;
    background: url(images/bg_line.png) repeat-x scroll 0 0 transparent;
    z-index: 9999;
}

.dd-nav-logo .dd-logo {
    background: url(images/bg_light.png) no-repeat scroll 0 0;
}

.dd-nav-logo .dd-games {
    background: url(images/bg_light.png) no-repeat scroll 0 0;
}

.dd-nav-stats {
    color: #80624d;
    background: url(images/bg_light.png) no-repeat scroll right top;
}

.dd-nav-stats span {
    color: #73503a;
}

.dd-nav-auth {
    color: #80624d;
}

.dd-nav-auth a {
    color: #73503a;
}

.dd-nav-auth a:hover {
    border-bottom: 1px dashed #73503a;
    color: #73503a;
}

.dd-nav-auth a:active {
    color: #73503a;
    border-bottom: 1px dashed #73503a;
}

.dd-nav-logo .dd-games .dd-games-btn {
    color: #73503a;
}

.dd-nav-logo .dd-logo i {
    background-image: url(images/logo_destiny.png);
    background-position: 0 -30px;
}

.dd-nav-logo .dd-logo i:hover {
    background-position: 0 -60px;
    opacity: 0.7;
}

.dd-menu-opener-link:hover {
    color: #73503a;
}

.dd-menu-opener-link:hover {
    color: #9c8164 !important;
}

.dd-menu-opener i {
    background-image: url(images/icon_16px.png) !important;
    background-position: 0 0;
}

.dd-menu-opener span:hover i.dd-icon-down-arrow {
    background-position: 0 0;
    opacity: 0.7;
}

.dd-menu-opener.active i.dd-icon-down-arrow {
    background-position: -16px 0 !important;
}

.dd-menu {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    border-radius: 0 0 0 3px;
}

.dd-menu-ul, .dd-menu-li:first-child, .dd-menu-li:last-child {
    border-radius: 0 0 0 3px;
}

.dd-menu-sub {
    background: #E3D4B7;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
    border-radius: 0 0 3px 0;
}

.dd-menu ul.dd-menu-ul {
    background: #dbcbad;
    color: #542f1b;
}

.dd-menu ul.dd-menu-ul li.dd-menu-li-666:hover .dd-menu-item b, .dd-menu ul.dd-menu-ul li.dd-current .dd-menu-item b {
    color: #73503a;
}

.dd-menu ul.dd-menu-ul li.dd-menu-li-666:hover, .dd-menu ul.dd-menu-ul li.dd-current {
    background: #E3D4B7;
}

ul.dd-menu-ul i {
    background-image: url(images/icon_16px.png);
    background-position: -32px 0 !important;
}

.dd-menu-sub .dd-menu-project-desc {
    font-size: 11px;
}

.dd-menu-sub .dd-menu-project-stats .label, .dd-menu-sub .dd-menu-project-stats td {
    color: #6b5945;
}

.dd-menu-sub button.dd-project-play {
    padding-left: 15px;
    background: #9c8164;
    color: #eadec9;
    border-radius: 3px;
}

.dd-menu-sub button.dd-project-play i {
    background-position: -32px -32px !important;
}

.dd-menu-sub button {
    background: #9c8164;
    color: #eadec9;
    border-radius: 3px;
}

.dd-menu-sub button.dd-project-play:hover, .dd-menu-sub button:hover {
    color: #eadec9;
    background: #aa9075;
}

.dd-menu-sub .dd-menu-project-stats {
    margin-top: 0;
}

.dd-nav-profile {
    color: #6b5945 !important;
}

.dd-menu-sub .dd-menu-link-account {
    padding: 5px 0 0;
    float: none;
    text-align: center;
}

.dd-menu-sub .dd-menu-link-account a {
    color: #73503a;
}

.dd-menu-sub .dd-menu-link-account a:hover {
    color: #73503a;
    border-bottom: 1px dashed #73503a;
}

.dd-bar .hl {
    color: #73503a;
}

.dd-menu input[type="text"], .dd-menu input[type="password"] {
    border: 1px solid #cebb9e !important;
    box-shadow: none;
    font-size: 11px;
    padding: 3px 10px;
    color: #73503a;
    border-radius: 3px
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.dd-menu input:focus {
    border-color: #c0aa89 !important;
    box-shadow: none;
}

.dd-bar .chosen-container-single .chosen-single {
    border: 1px solid #cebb9e;
    box-shadow: none;
    height: 23px;
    line-height: 23px;
    padding: 3px 10px;
    color: #73503a;
    border-radius: 3px;
}

.dd-bar .chosen-container-single .chosen-single span {
    font-size: 11px;
}

.dd-bar .chosen-container-single .chosen-drop {
    margin-top: -3px;
    border-radius: 0 0 3px 3px;
    border-left: 1px solid #cebb9e;
    border-right: 1px solid #cebb9e;
    border-bottom: 1px solid #cebb9e;
}

.dd-bar .chosen-container .chosen-results li {
    font-size: 11px;
    color: #73503a;
}

.dd-bar .chosen-container .chosen-results li.highlighted {
    border-radius: 3px;
    background: #9c8164;
    color: #fff;
}

.dd-bar .chosen-container-single .chosen-single div {
    background: #9c8164;
}

.dd-bar .chosen-container-single .chosen-single div b {
    background: url('images/icon_16px.png') no-repeat 0 -32px;
}

.dd-menu-sub button.dd-project-play b {font-size: 11px; color: #eadec9;}
.dd-menu-item.dd-exit i.dd-icon-right-arrow-gray {display: none;}