Альтернативная История
Регистрация
Альтернативная История
Нет описания правки
Нет описания правки
 
(не показано 58 промежуточных версий этого же участника)
Строка 19: Строка 19:
 
background-color: #660000;
 
background-color: #660000;
 
background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
 
background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
font: bold 16px Verdana,sans-serif;
+
font: bold 16px Comfortaa, sans-serif;
 
text-align:center;
 
text-align:center;
 
color: white;
 
color: white;
text-shadow: 2px 2px 2px black;
+
text-shadow: none;
 
}
 
}
 
/*tabs*/
 
/*tabs*/
Строка 52: Строка 52:
 
}
 
}
   
 
 
.tabberlive .tabbertab {
 
.tabberlive .tabbertab {
 
border: 3px;
 
border: 3px;
Строка 59: Строка 58:
 
font-size: 16px !important;
 
font-size: 16px !important;
 
font-weight:bold;
 
font-weight:bold;
background-color: #660000;
+
background-color: #ffffff;
 
background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
 
background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
  +
font: bold 16px Comfortaa, sans-serif;
text-shadow: 3px 3px 3px black;
+
text-shadow: none;
 
margin:-5px 0 0 !important;
 
margin:-5px 0 0 !important;
 
padding-bottom:5px !important;
 
padding-bottom:5px !important;
Строка 70: Строка 70:
 
background: none !important;
 
background: none !important;
 
border:none !important;
 
border:none !important;
  +
color:#660000 !important;
 
}
 
}
 
ul.tabbernav li a:link /*цвет текста закладок*/ {
 
ul.tabbernav li a:link /*цвет текста закладок*/ {
color:#FFFFFF !important;
+
color:#660000 !important;
 
}
 
}
 
ul.tabbernav li a:hover /*при наведении на закладку*/ {
 
ul.tabbernav li a:hover /*при наведении на закладку*/ {
Строка 78: Строка 79:
 
}
 
}
 
ul.tabbernav li.tabberactive a /*активная закладка*/ {
 
ul.tabbernav li.tabberactive a /*активная закладка*/ {
background-color:rgba(229, 229, 229, 0.6) !important;
+
background-color:rgba(229, 229, 229, 0.7) !important;
 
border-bottom:2px solid #000 !important;
 
border-bottom:2px solid #000 !important;
 
}
 
}
Строка 507: Строка 508:
 
.deep {
 
.deep {
 
overflow: hidden;
 
overflow: hidden;
height: 180px;
+
height: 155px;
width: 180px;
+
width: 155px;
 
box-shadow: 0 0 20px 0 black;
 
box-shadow: 0 0 20px 0 black;
 
position: relative;
 
position: relative;
Строка 535: Строка 536:
 
font-size: 10px;
 
font-size: 10px;
 
letter-spacing: 0.5px;
 
letter-spacing: 0.5px;
text-shadow: 1px 1px 1px #000;
+
text-shadow: 2px 2px 2px #000;
 
}
 
}
 
.deeparrow {
 
.deeparrow {
Строка 542: Строка 543:
 
width: 500px;
 
width: 500px;
 
height: 500px;
 
height: 500px;
top: 130px;
+
top: 95px;
left: 40px;
+
left: 15px;
 
-webkit-transform: rotate(45deg);
 
-webkit-transform: rotate(45deg);
 
-ms-transform: rotate(45deg);
 
-ms-transform: rotate(45deg);
Строка 552: Строка 553:
 
.deeparrowi {
 
.deeparrowi {
 
color: #fff;
 
color: #fff;
font-size: 30px;
+
font-size: 20px;
 
text-decoration: none;
 
text-decoration: none;
 
position: absolute;
 
position: absolute;
top: 170px;
+
top: 175px;
left: 10px;
+
left: 7px;
 
-webkit-transform: rotate(-45deg);
 
-webkit-transform: rotate(-45deg);
 
-ms-transform: rotate(-45deg);
 
-ms-transform: rotate(-45deg);
Строка 564: Строка 565:
 
}
 
}
 
.deepimg:hover {
 
.deepimg:hover {
background-size: 290px;
+
background-size: 90px;
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
-webkit-transform: translateZ(0) scale(1, 1);
 
-webkit-transform: translateZ(0) scale(1, 1);
 
}
 
}
 
.deep:hover .deeparrow {
 
.deep:hover .deeparrow {
top: -135px;
+
top: -155px;
left: -80px;
+
left: -90px;
 
}
 
}
 
.deep:hover .deeparrowi {
 
.deep:hover .deeparrowi {
font-size: 90px;
+
font-size: 80px;
 
top: 50%;
 
top: 50%;
 
left: 43%;
 
left: 43%;
Строка 580: Строка 581:
 
transform: rotate(-45deg) translateY(-50%) translateX(-50%);
 
transform: rotate(-45deg) translateY(-50%) translateX(-50%);
 
}
 
}
  +
  +
/*Интерактивное меню*/
  +
.oyd-marco {margin-bottom: 5px;font-size: 12px;padding-top: 25px;min-height: 380px;padding-bottom: 25px;}
  +
.oyd-lista {margin-left: 6px;}
 
  +
.oyd-lista li .oyd-descrip {margin-top: 10px;width: 535px; font-variant: normal; font-size:11px; height:100%}
  +
.oyd-descrip-tit {text-align: center; height: 22px;background: rgba(255,255,255,1);font-weight: bold; font-size:14px; color: #900020;}
  +
  +
.oyd-lista li .oyd-descript-marco {display: block; width: 535px; height: 250px; opacity:0;-khtml-opacity: 0;-moz-opacity: 0; visibility:hidden;position: absolute;padding-left: 10px;left: 250px;top: -15px;padding-left: 10px;background: rgba(113,19,15,0.85);border-left: 2px solid #A52A2A;border-bottom: 2px solid #A52A2A;
  +
transition: opacity 0.5s ease 0.5s;
  +
-moz-transition: opacity 0.5s ease 0.5s;
  +
-webkit-transition: opacity 0.5s ease 0.5s;
  +
-o-transition: opacity 0.5s ease 0.5s;
  +
-ms-transition: opacity 0.5s ease 0.5s;
  +
}
  +
.oyd-lista li:hover .oyd-descript-marco {display:block; opacity: 1; visibility:visible;-khtml-opacity: 1;-moz-opacity: 1;}
  +
  +
  +
.oyd-lista li .oyd-descript-marco:before {border-top: 2px solid #A52A2A;content: " ";height: 0;left: -2px;position: absolute;top: -2px;width: 250px;} /*150*/
  +
  +
.oyd-lista ul li .oyd-item-cust {list-style:none; padding-left:0px; font-size: 13px; color: #A52A2A;}
  +
.oyd-lista ol li .oyd-item-cust {list-style:none; padding-left:0px; font-size: 12px; color: #A52A2A;}
  +
.oyd-lista ol {list-style: none;margin: 0px;}
  +
.oyd-lista ul {list-style: none;margin: 0px;padding-top: 0;}
  +
  +
.oyd-descrip-des {bottom: 10px;font-size: 12px;line-height: 1.2;padding: 8px;position: absolute; vertical-align: bottom; width: 100%;}
  +
  +
.oyd-lista ul li .oyd-item-cust, .oyd-lista ol li .oyd-item-cust, .oyd-lista ul li:before, .oyd-lista ol li:before {
  +
transition: opacity 0.5s ease 0.5s;
  +
background: rgba(255,255,255,0.25);
  +
-moz-transition: opacity 0.5s ease 0.5s;
  +
-webkit-transition: all 0.5s ease 0.5s;
  +
-o-transition: all 0.5s ease 0.5s;
  +
-ms-transition: all 0.5s ease 0.5s;
  +
}
  +
  +
.oyd-lista ul li .oyd-item-cust, .oyd-lista ol li .oyd-item-cust {border-bottom:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);}
  +
.oyd-lista ul li:hover .oyd-item-cust, .oyd-lista ol li:hover .oyd-item-cust {border-bottom:2px solid #A52A2A;border-left:2px solid #A52A2A;}
  +
.oyd-lista ul li:hover:before, .oyd-lista ol li:hover:before {border-top: 2px solid #A52A2A;content: " ";height: 0;left: 0;position: absolute;top: 0;width: 50px;} /*50*/
  +
  +
.oyd-lista li div.it-2 {top: -15px;}
  +
.oyd-lista li div.it-3 {top: -30px;}
  +
.oyd-lista li div.it-4 {top: -45px;}
  +
.oyd-lista li div.it-5 {top: -60px;}
  +
.oyd-lista li div.it-6 {top: -75px;}
  +
.oyd-lista li div.it-7 {top: -90px;}
  +
.oyd-lista li div.it-8 {top: -105px;}
  +
.oyd-lista li div.it-9 {top: -120px;}
  +
.oyd-lista li div.it-10 {top: -135px;}
  +
.oyd-lista li div.it-11 {top: -150px;}
  +
.oyd-lista li div.it-12 {top: -165px;}
  +
.oyd-lista li div.it-13 {top: -180px;}
  +
.oyd-lista li div.it-14 {top: -195px;}
  +
.oyd-lista li div.it-15 {top: -210px;}
  +
  +
.WikiaArticle .oyd-lista ul li:hover .oyd-item-cust, .WikiaArticle .oyd-lista ol li:hover .oyd-item-cust {margin-bottom: -2px;padding-left: 6px;}
  +
  +
.oyd-lista ul li, .oyd-lista ol li {width: 250px;position: relative;padding-top: 2px;} /*150*/
  +
.oyd-lista ul {padding-left:0px;}

Текущая версия от 11:56, 25 февраля 2021

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:RecentChangesModern.css");

/*Скрытие заголовка*/
body.mainpage .page-header {
    display: none;
}
	
body.mainpage .WikiaPageHeader h1 {
display: none;
}
.inline {
    display: inline-block;
}
 
div#flytabs_library > ul {
 margin:-5px -6px 0 !important;
border-radius: 16px;
 border-style: none;
 background-color: #660000;
 background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
 font: bold 16px Comfortaa, sans-serif;
 text-align:center;
 color: white;
 text-shadow: none;
}
/*tabs*/
div#flytabs_library > ul > li {
 display:inline;
 float:none;
 color: white;
 line-height:20px;
 margin:-5px 0 0 !important;
}
 
/*internal tabs style + default border fix*/
div#flytabs_library > ul > li > a {
 color:white;
 margin:-5px 0 0 !important;
 padding:0px 0.5em;
 border-top-left-radius:0; /* удаление закруглений */
 border-top-right-radius:0;   /* верхних углов */
}
/* удаление подчеркивания ссылки при наведении мыши */
div#flytabs_library > ul > li > a:hover {
 text-decoration: none !important
}
/* стиль выбранной закладки */
div#flytabs_library > ul > li.selected > a {
 background-color:rgba(229, 229, 229, 0.6) !important;
 border-bottom:2px solid #000 !important;
 border-style: none;
}

.tabberlive .tabbertab {
 border: 3px;
}
ul.tabbernav {
 font-size: 16px !important;
 font-weight:bold;
 background-color: #ffffff;
 background-color:-webkit-gradient(center top, #000000 25%, #ffffff 99%);
 font: bold 16px Comfortaa, sans-serif;
 text-shadow: none;
 margin:-5px 0 0 !important;
 padding-bottom:5px !important;
 border:none !important;
 text-align:center;
}
ul.tabbernav li a /*поле закладок*/ {
 background: none !important;
 border:none !important;
 color:#660000 !important;
}
ul.tabbernav li a:link /*цвет текста закладок*/ {
 color:#660000 !important;
}
ul.tabbernav li a:hover /*при наведении на закладку*/ {
 border-bottom:2px solid #000 !important;
}
ul.tabbernav li.tabberactive a /*активная закладка*/ {
 background-color:rgba(229, 229, 229, 0.7) !important;
 border-bottom:2px solid #000 !important;
}
 
 
a.tag {
    color: inherit;
}
 
/*Размер текста*/
@import url('//dev.wikia.com/load.php?mode=articles&articles=u:dev:MediaWiki:AntiBigText.css&only=styles');
 
.Chat .message > img {
    height: auto !important;
    vertical-align: middle;
    width: auto !important;
}
 
/*Выделение просмотренных*/
.WikiaArticle a:visited  {
    font-weight: bold;
}
/*Титулы в комментариях*/
 
.Wall .edited-by > a.subtle[href$="Kostdanila"]:after, 
.comments li[data-user="Kostdanila"] 
.edited-by:after { color: rgb(0, 0, 0); 
background-color: rgb(255, 0, 0); 
content:'Кулхацкер'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}
 
.Wall .edited-by > a.subtle[href$="Stalin 2"]:after, 
.comments li[data-user="Stalin 2"] 
.edited-by:after { color: rgb(0, 0, 0); 
background-color: rgb(255, 0, 0); 
content:'Его Величество Брежнев'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}
 
.Wall .edited-by > a.subtle[href$="Артем ширинский"]:after, 
.comments li[data-user="Артем ширинский"] 
.edited-by:after { color: rgb(255, 255, 255); 
background-color: rgb(0, 255, 0); 
content:'Vozhd'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}
 
.Wall .edited-by > a.subtle[href$="MonsteRRomaN"]:after, 
.comments li[data-user="MonsteRRomaN"] 
.edited-by:after { color: rgb(139, 0, 255); 
background-color: rgb(0, 0, 0); 
content:'Ленивый победитель'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}
 
.Wall .edited-by > a.subtle[href$="Domitori98"]:after, 
.comments li[data-user="Domitori98"] 
.edited-by:after { color: rgb(255, 0, 0); 
background-color: rgb(0, 0, 255); 
content:'Хокаге'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}

.Wall .edited-by > a.subtle[href$="Георгий Вовк"]:after, 
.comments li[data-user="Георгий Вовк"] 
.edited-by:after { color: rgb(255, 255, 255); 
background-color: rgb(255, 0, 0); 
content:'Тот-Кого-Нельзя-Называть'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}
 
.Wall .edited-by > a.subtle[href$="ShiftNeru"]:after, 
.comments li[data-user="ShiftNeru"] 
.edited-by:after { color: rgb(255, 255, 255); 
background-color: rgb(255, 0, 0); 
content:'Котократ'; 
border-radius: 1em; padding: 0 5px; 
margin-left: 3px; 
}

 
/* Цветной коммент
.comments li[data-user="Артем ширинский"] blockquote {
    background: rgb(255, 215, 0) !important;
    color: rgb(0, 0, 0) !important;
}
.comments li[data-user="Артем ширинский"] blockquote:after {
    border-color: transparent rgb(255, 215, 0) rgb(255, 215, 0) transparent !important;
}
.comments li[data-user="Артем ширинский"] blockquote div {
    background: transparent rgb(255, 215, 0) !important;
    color: rgb(0, 0, 0) !important;
}
*/

 
#spoiler {
overflow: hidden;
border-radius: 20px;
box-shadow: 0 0 20px 0 black;
background-color: rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 0);
width: 200px;
height : 250px;
line-height: 95%;
-moz-transition: all 0.8s 0.001s ease-in;
-o-transition: all 0.8s 0.001s ease-in;
-webkit-transition: all 0.8s 0.001s ease-in;
}
 
#spoiler:hover {
border-radius: 20px;
box-shadow: 0 0 20px 0 black;
background-color: rgba(255, 255, 255, 0);
color: black;
width: 200px;
line-height: 95%;
height: 400px;
text-decoration: none;
}
 
#epigraph {
line-height: 85% !important;
font-size: 95% !important;
text-align:right;
}
 
#ramka {
    width: 100%;
    height: 200px;
}
 

/*Для виджета*/
/*Автор дизайна: Сибирский Смотритель*/
.discord-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
 
.discord-member {
  vertical-align: middle;
  width: 100%;
  line-height: 23px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
 
.discord-avatar {
  display: inline-flex;
}
 
.discord-avatar:after {
  display: block;
  background-color: #43b581;
  width: 6px;
  height: 6px;
  content: " ";
  border-radius: 100%;
  position: relative;
  top: 14px;
  right: 7px;
}
 
.discord-avatar.discord-idle:after {
  background-color: rgb(250, 166, 26);
}
 
.discord-avatar.discord-dnd:after {
  background-color: rgb(240, 71, 71);
}
 
.discord-avatar img {
  border-radius: 100%;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
 
.discord-chevron {
  border-color: transparent;
  border-top-color: black;
  border-style: solid;
  border-width: 7px;
  width: 0;
  vertical-align: middle;
  margin-top: 2px;
  cursor: pointer;
}
 
.discord-chevron.opened {
  border-top-color: transparent;
  border-bottom-color: black;
}
 
.discord-joined {
  border-color: #9b0909;
  background: #9b0909;
  color: white;
  border-radius: 4px;
  font-size: 12px;
  margin-top: 5px;
}
 
#discord-counter {
  display: inline;
  background-color: #9b0909;
  border-radius: 15px;
  color: white;
  padding: 1px 4px;
  font-size: 12px;
  line-height: 14px;
}
 
.discord-icon {
  width: 40px; 
  height: 40px; 
  display: block; 
  border-radius: 40px;
}
.discord-joined:hover {
    border-color: #ca0c0c;
    background: #ca0c0c;
}

.discord-bot {
    background: #9b0909;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    margin-left: 6px;
    padding: 1px 2px;
    border-radius: 3px;
    line-height: 15px;
}
/*fin*/

#mainpagediscord {
}
.kartochka { 
overflow: hidden; 
height: 255px; 
width: 255px; 
position: relative; 
} 

.kartochkat 
{ 
position: absolute; 
z-index: 99; 
bottom: 0px; 
left: 0px; 
text-transform: none; 
font-weight: bold; 
font-family: Comfortaa, sans-serif; 
font-size: 12px; 
letter-spacing: 0.5px; 
text-shadow: 5px 5px 5px #808080; 
text-align:center; 
width:205px; 
background-color:rgba(0, 0, 0, 0.6); 
}

.portable-infobox .pi-title {
    font-size: 18px;
    padding: 6px;
    font-weight: bold;
    line-height: inherit;
    overflow: inherit;
}
.portable-infobox .pi-header {
    padding: 0;
    font-weight: bold;
    line-height: inherit;
    overflow: inherit;
    font-size: 13px;
}
.portable-infobox .pi-data {
    text-align: left;
    padding: 5px;
    border-bottom: 0;
}
.portable-infobox .pi-data-label {
    flex-basis: 145px;
}
.portable-infobox .pi-navigation {
    background-color: transparent;
}
 
 
 
 
/*** Основная тема ***/
.portable-infobox.pi-theme-classic {
    width: 240px;
    border: 1px solid #aaaaaa;
    margin: 5px;
    background-color: rgba(67, 55, 46, 0.1);
    color: #201b15;
    font-size: 13px;
    text-align: center;
}
.portable-infobox.pi-theme-classic .pi-title {
    font-size: 18px;
    padding: 6px;
    font-weight: bold;
    line-height: inherit;
    overflow: inherit;
}
.portable-infobox.pi-theme-classic .pi-image {
    display: inline-block;
    padding-top: 6px;
}
.portable-infobox.pi-theme-classic .pi-image img {
    max-height: 350px;
    width: auto;
}
.portable-infobox.pi-theme-classic .pi-header {
    padding: 0;
    font-weight: bold;
    line-height: inherit;
    overflow: inherit;
    font-size: 13px;
}
.portable-infobox.pi-theme-classic .pi-data {
    text-align: left;
    padding: 5px;
    border-bottom: 0;
}
.portable-infobox.pi-theme-classic .pi-data-label {
    flex-basis: 145px;
}
.portable-infobox.pi-theme-classic .pi-navigation {
    background-color: transparent;
}


.spoiler1 {
position:absolute;
bottom: 0px;
overflow: hidden;
width: 205px;
height : 205px;
-moz-transition: all 0.5s 0.001s ease-in;
-o-transition: all 0.5s 0.001s ease-in;
-webkit-transition: all 0.5s 0.001s ease-in;
}
 
.spoiler1:hover {
position:absolute;
bottom: 0px;
width: 205px;
height: 388px;
}
 
.hideover {
box-shadow: 0 0 20px 0 black;
position:relative;
width: 205px !important;
height : 205px !important;
overflow: hidden !important;
}
 
.kartochka {
    overflow: hidden;
    height: 205px;
    width: 205px;
    position: relative;
}
.kartochkat1
{
    color:white !important;
}

.ratio {
    width: 100%; /* здесь можно установить любую нужную ширину */
}

.ratio-inner {
    position: relative;
    height: 0;
    border: none;
}

.ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
}

.ratio-1 {
    padding-top: 100%; /* 100% ширины делим на 4 и умножаем на 3 */
}

.WikiaSiteWrapper {
    background: url("https://vignette.wikia.nocookie.net/althistory/images/5/50/Wiki-background/revision/latest?cb=20160808182553&path-prefix=ru") !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: top center !important;
	background-size: cover !important;
}

/* Кнопки-линии на заглавной странице */
.linebottom {
 margin:-1.5px;
 border-bottom: 5px solid grey;
}

.linebottom:hover {
 border-bottom: 5px solid #660000;
}

/* ShadowPicture © 2015 Szynka013 - шаблоны-плитки */
.deep {
    overflow: hidden;
    height: 155px;
    width: 155px;
    box-shadow: 0 0 20px 0 black;
    position: relative;
    left: 50%;
    top: 100px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.deepimg {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: background-size 0.2s ease-in;
    transition: background-size 0.2s ease-in;
}
.deeptext {
    position: absolute;
    z-index: 99;
    bottom: 10px;
    left: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: Rubik, sans-serif;
    font-weight: lighter;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-shadow: 2px 2px 2px #000;
}
.deeparrow {
    position: absolute;
    background: rgba(45, 45, 55, 0.5);
    width: 500px;
    height: 500px;
    top: 95px;
    left: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.deeparrowi {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    position: absolute;
    top: 175px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.deepimg:hover {
    background-size: 90px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.deep:hover .deeparrow {
    top: -155px;
    left: -90px;
}
.deep:hover .deeparrowi {
    font-size: 80px;
    top: 50%;
    left: 43%;
    -webkit-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
    transform: rotate(-45deg) translateY(-50%) translateX(-50%);
}

/*Интерактивное меню*/
.oyd-marco {margin-bottom: 5px;font-size: 12px;padding-top: 25px;min-height: 380px;padding-bottom: 25px;}
.oyd-lista {margin-left: 6px;}
 
.oyd-lista li .oyd-descrip {margin-top: 10px;width: 535px; font-variant: normal; font-size:11px; height:100%}
.oyd-descrip-tit {text-align: center; height: 22px;background: rgba(255,255,255,1);font-weight: bold; font-size:14px; color: #900020;}
 
.oyd-lista li .oyd-descript-marco {display: block; width: 535px; height: 250px; opacity:0;-khtml-opacity: 0;-moz-opacity: 0; visibility:hidden;position: absolute;padding-left: 10px;left: 250px;top: -15px;padding-left: 10px;background: rgba(113,19,15,0.85);border-left: 2px solid #A52A2A;border-bottom: 2px solid #A52A2A;
transition: opacity 0.5s ease 0.5s;
-moz-transition: opacity 0.5s ease 0.5s; 
-webkit-transition: opacity 0.5s ease 0.5s; 
-o-transition: opacity 0.5s ease 0.5s; 
-ms-transition: opacity 0.5s ease 0.5s; 
}
.oyd-lista li:hover .oyd-descript-marco {display:block; opacity: 1;  visibility:visible;-khtml-opacity: 1;-moz-opacity: 1;}
 
 
.oyd-lista li .oyd-descript-marco:before {border-top: 2px solid #A52A2A;content: " ";height: 0;left: -2px;position: absolute;top: -2px;width: 250px;} /*150*/
 
.oyd-lista ul li .oyd-item-cust {list-style:none; padding-left:0px; font-size: 13px; color: #A52A2A;}
.oyd-lista ol li .oyd-item-cust {list-style:none; padding-left:0px; font-size: 12px; color: #A52A2A;}
.oyd-lista ol {list-style: none;margin: 0px;}
.oyd-lista ul {list-style: none;margin: 0px;padding-top: 0;}
 
.oyd-descrip-des {bottom: 10px;font-size: 12px;line-height: 1.2;padding: 8px;position: absolute; vertical-align: bottom; width: 100%;}
 
.oyd-lista ul li .oyd-item-cust, .oyd-lista ol li .oyd-item-cust, .oyd-lista ul li:before, .oyd-lista ol li:before {
transition: opacity 0.5s ease 0.5s;
background: rgba(255,255,255,0.25);
-moz-transition: opacity 0.5s ease 0.5s; 
-webkit-transition: all 0.5s ease 0.5s; 
-o-transition: all 0.5s ease 0.5s; 
-ms-transition: all 0.5s ease 0.5s; 
}
 
.oyd-lista ul li .oyd-item-cust, .oyd-lista ol li .oyd-item-cust {border-bottom:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);}
.oyd-lista ul li:hover .oyd-item-cust, .oyd-lista ol li:hover .oyd-item-cust {border-bottom:2px solid #A52A2A;border-left:2px solid #A52A2A;}
.oyd-lista ul li:hover:before, .oyd-lista ol li:hover:before {border-top: 2px solid #A52A2A;content: " ";height: 0;left: 0;position: absolute;top: 0;width: 50px;} /*50*/
 
.oyd-lista li div.it-2 {top: -15px;}
.oyd-lista li div.it-3 {top: -30px;}
.oyd-lista li div.it-4 {top: -45px;}
.oyd-lista li div.it-5 {top: -60px;}
.oyd-lista li div.it-6 {top: -75px;}
.oyd-lista li div.it-7 {top: -90px;}
.oyd-lista li div.it-8 {top: -105px;}
.oyd-lista li div.it-9 {top: -120px;}
.oyd-lista li div.it-10 {top: -135px;}
.oyd-lista li div.it-11 {top: -150px;}
.oyd-lista li div.it-12 {top: -165px;}
.oyd-lista li div.it-13 {top: -180px;}
.oyd-lista li div.it-14 {top: -195px;}
.oyd-lista li div.it-15 {top: -210px;}

.WikiaArticle .oyd-lista ul li:hover .oyd-item-cust, .WikiaArticle .oyd-lista ol li:hover .oyd-item-cust {margin-bottom: -2px;padding-left: 6px;}
 
.oyd-lista ul li, .oyd-lista ol li {width: 250px;position: relative;padding-top: 2px;} /*150*/
.oyd-lista ul {padding-left:0px;}