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

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 422: Строка 422:
 
margin-left: 5px;
 
margin-left: 5px;
 
}
 
}
 +
/////////////////////////////////////////////////////////////////////sdfgsdfg
 +
 +
 +
 +
 +
/** Вещи */
 +
TD.item, IMG.item{ width: 180px; height:180px;border-radius: 3px;}
 +
TD.item2, IMG.item2{ width: 60px; height:60px;border-radius: 3px;}
 +
 +
 +
 +
/** ховеры */
 +
.hover_menu{
 +
width:100px;
 +
height:75px;
 +
display:block;
 +
}
 +
.hover_active,
 +
.hover_menu:hover{
 +
background-position:-100px 0px;
 +
}
 +
 +
/** Внутренние меню */
 +
.in_menu {
 +
width:100px;
 +
height:75px;
 +
display:block;
 +
}
 +
 +
 +
 +
/** Попапы */
 +
#tooltip{
 +
padding: 5px;
 +
background: #e3d4b7;
 +
width: 300px;
 +
    z-index:10000;
 +
border: 1px solid #a89777;
 +
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
 +
border-radius: 3px;
 +
}
 +
#tooltip2{ /* for items */
 +
padding: 0px;
 +
background: #e3d4b7;
 +
/*width: 360px;*/
 +
    max-width: 360px;
 +
    z-index:100006;
 +
border: 1px solid #a89777;
 +
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
 +
border-radius: 3px;
 +
}
 +
 +
 +
TABLE.popup_item{ width: 100%; border-collapse: collapse; }
 +
TABLE.popup_item TD {padding: 10px 10px 10px 5px;}
 +
TABLE.popup_item TD.image{ width: 60px;vertical-align:top; padding: 10px 7px 10px 10px;}
 +
 +
TABLE.popup_item TH{ border-bottom: 0px solid #a89777; background: #d4c19d; border-radius: 3px 3px 0 0;}
 +
 +
 +
 +
 +
 +
DIV#moreGifts{
 +
/* margin-left:10px; */
 +
text-align:left !important;
 +
}
 +
DIV#moreGifts CENTER{
 +
padding:5px;
 +
}
 +
DIV#moreGifts IMG,
 +
DIV#moreGifts B{
 +
float:left;
 +
}
 +
 +
DIV#moreGifts P{
 +
padding-right:25px;
 +
}
 +
 +
DIV#moreGifts I{
 +
clear:both;
 +
display:block;
 +
}
 +
 +
 +
/** Листовое меню - деревня и тп */
 +
.list_menu .img{width:100px; }
 +
.list_menu .link{width:120px; text-align:Center; font-weight:bold;}
 +
.list_menu .text{font-size:10px;color:black; }
 +
 +
.list_menu2 .img{width:100px; }
 +
.list_menu2 .link{text-align:Center; font-weight:bold;}
 +
 +
.list_menu3 .img{width:100px; height:100px}
 +
.list_menu3 .link{text-align:Center; font-weight:bold;}
 +
.list_menu3 .hover_menu{height:85px;}
 +
 +
 +
 +
 +
 +
 +
/** Рейтинг */
 +
TR.place_1 TD{background:#f9c62d;}
 +
TR.place_2 TD{background:#c4c4c4;}
 +
TR.place_3 TD{background:#efba86;}
 +
 +
TR.place_me TD{background:#8bcc5b;}
 +
/*TR.place_odd TD{background:url(/images/k10.png);}*/
 +
 +
TR.place_clan TD{background:#a6ce78;}
 +
TR.place_war TD{background:#ed8a77;}
 +
TR.place_union TD{background:#caabbe;}
 +
 +
 +
 +
/** Вещи - инфо */
 +
.itemimg_info {
 +
position:absolute;
 +
width: 54px;
 +
display:block;
 +
text-align:right;
 +
padding:3px;
 +
}
 +
.itemimg_info B.level{
 +
color: #fff98f;
 +
display:block;
 +
}
 +
.itemimg_info B.magic{
 +
color: #a3ff6a;
 +
 +
position:absolute;
 +
width:54px;
 +
margin-top:40px;
 +
text-align:right;
 +
display:block;
 +
}
 +
 +
.itemimg_info_sells_free{
 +
display:block;
 +
margin:0px;
 +
margin-left: 1px;
 +
width: 56px; height:3px;
 +
border:1px solid #e8e0cb;
 +
background-color: #dfccac;
 +
 +
}
 +
 +
 +
.itemimg_info_sells{
 +
display:block;
 +
margin:0;
 +
width: 58px; height:3px;
 +
border:1px solid #4f301c;
 +
 +
}
 +
.itemimg_info_sells *{
 +
background:#399202;
 +
line-height:1px;
 +
height:3px;
 +
display:block;
 +
}
 +
 +
.itemimg_info_sells .sells_1,
 +
.itemimg_info_sells .sells_2,
 +
.itemimg_info_sells .sells_3 { background:#d00700}
 +
 +
.itemimg_info_sells .sells_4,
 +
.itemimg_info_sells .sells_5,
 +
.itemimg_info_sells .sells_7,
 +
.itemimg_info_sells .sells_6 { background:#ffd221}
 +
 +
 +
.itemimg_info.large {
 +
margin-top:5px;
 +
width:164px;
 +
font-size:12px;
 +
}
 +
.itemimg_info.large B.magic{
 +
width:164px;
 +
margin-top:150px;
 +
}
 +
 +
.itemimg_info_sells.large{
 +
width:178px;
 +
}
 +
 +
.count_sells{
 +
position:absolute;
 +
color:white;
 +
font-weight:bold;
 +
width: 56px;
 +
height:18px;
 +
display:block;
 +
margin-left:1px;
 +
margin-top:41px;
 +
padding:0px;
 +
text-align:right;
 +
}
 +
.count_sells.large{ width:154px; margin-top:141px; }
 +
 +
 +
.count_amount{
 +
position:absolute;
 +
color:white;
 +
font-weight:bold;
 +
width: 56px;
 +
height:18px;
 +
display:block;
 +
margin-left:5px;
 +
margin-top:5px;
 +
padding:0px;
 +
text-align:left;
 +
}
 +
 +
.count_black {
 +
color: black;
 +
}
 +
 +
.count_brown {
 +
color: #542F1B;
 +
}
 +
 +
 +
.premia, .premia2 {
 +
display:block;
 +
width: 190px !important;
 +
height: 130px !important;
 +
position:absolute;
 +
margin-top:50px;
 +
 +
}
 +
.premia:hover, .premia2:hover {
 +
background-position:0 -130px;
 +
}
 +
 +
/** Премия */
 +
 +
DIV#premia{
 +
width: 100%;
 +
background: url(/i/global/premia-c1.png);
 +
text-align:right;
 +
height: 25px;
 +
}
 +
DIV#premia DIV{
 +
width: 50%;
 +
 +
background: url(/i/global/premia-c2.png);
 +
height: 25px;
 +
float:right;
 +
 +
}
 +
DIV#premia3{position:absolute; width:100%;text-align:center;}
 +
DIV#premia3 * {padding:0 !important;}
 +
DIV#premia3 TABLE{
 +
margin: 0 auto 0;
 +
width: 985px;
 +
background: url(/i/global/premia-bg.png) repeat-y;
 +
height: 25px;
 +
border-collapse:collapse;
 +
}
 +
DIV#premia3 TD A, DIV#premia3 TD {color:white;;text-align:Center;}
 +
DIV#premia3  #b {background: url(/i/global/premia-1.png) 0px no-repeat; width: 230px;font-weight:bold}
 +
DIV#premia3  #e {width: 230px;font-weight:bold}
 +
DIV#premia3  #c span{color: #f8e7bb;font-weight:bold;}

Версия 12:11, 21 ноября 2013

/*test style */

.title {
width: 700px;
height: 38px;
position: absolute;
top: 10px;
right: 10px;
display: block;
text-align: center;
color: #836b50;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
overflow: hidden;
background-color: #f5ebd3;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ddcdb8;
}

.thankyou {
background-position: -300px -900px;
}

.top-2 {
top: -2px;
}

.relative {
position: relative !important;
}

.inlineb {
display: inline-block;
}

.ico_clan_level {
background-position: -280px -660px;
width: 17px;
height: 20px;
width: 20px;
height: 20px;
}


.icon, .iconsp, .gray_popup {
width: 18px;
height: 18px;
}

.icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button {
display: inline-block;
background-image: url(https://i.botva.ru/i/ico.png);
background-repeat: no-repeat;
vertical-align: middle;
background-color: transparent;
}

.profile_hud {
margin: 1px 5px 1px 28px;
height: 10px;
text-align: center;
background: #e9dcc9;
background: #EADEC9;
position: relative;
border: 1px solid #9C8164;
border: 1px solid #904928;
border-radius: 2px;
}

.w200 {
width: 200px !important;
}

.mr-2 {
margin-right: -2px !important;
}

.ml3 {
margin-left: 3px !important;
}
.mb-2 {
margin-bottom: -2px !important;
}
.inlineb {
display: inline-block;
}

.profile_hud div:first-child {
height: 10px;
top: 0px;
left: 0px;
position: relative;
background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px;
z-index: 4;
float: left;
}

.profile_hud .value1 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.7;
color: #000;
text-shadow: none;
display: block;
text-align: center;
}

.profile_hud div + div {
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 100%;
position: absolute;
z-index: 5;
color: #fff;
text-shadow: 0px 0px 3px #000;
}

.profile_hud .value1 span {
background: #fff;
background: rgba(255,255,255,0.7);
display: inline-block;
padding: 0 3px;
border-radius: 3px;
position: relative;
}


/* CSS @Invisible_man*/
 

table.collapsed tr.collapsible {
 display: none;
}
 
.collapseButton { 
 cursor: pointer;
}

h1 { /* Заголовок 1 */
 color: #8D673A; /*Цвет*/
 text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80, 
		     0 0 20px #CDAA80, 0 0 30px #CDAA80,
		     0 0 40px #CDAA80; /* Расплывающаяся тень */
}

h2 { 
 color: #8D673A; 
 text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
		     0 0 10px #CDAA80, 0 0 15px #CDAA80,
		     0 0 20px #CDAA80;
}



h3 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 5px #CDAA80, 0 0 7px #CDAA80,
		     0 0 10px #CDAA80;
}

h4 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 2px #CDAA80, 0 0 3px #CDAA80,
		     0 0 5px #CDAA80;
}

h5 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 3px #CDAA80;
}


/* Верхрнее меню */ 

.addthis_toolbox { 
 position: absolute; /*Фиксированно на экране*/
 z-index: 1000; /*Окошко всегда будет на переднем плане*/
 top: 2px; /*Отступы*/
 left: 15%;
 padding: 5px; 
 width: 600px; 
 height: 90px;
 opacity: 0.8; /*Прозрачность*/
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/
 -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
 html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
 background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/
 background-position: 0px 0px;
 background-size: 600px;
 background-repeat: no-repeat;
} 

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


/*Меню*/

/*************************** Основные пункты */
#mainmenu{
    position:relative;
    height:47px;
    width:100%;
    z-index:10; 
    text-align:left;
    color: #8D673A; 
    text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
       0 0 10px #CDAA80, 0 0 15px #CDAA80,
       0 0 20px #CDAA80;
}

#mainmenu ul, /* сбрасываем поля и отступы у списков */
#mainmenu ul ul {
    color: #8D673A;
    list-style:none;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-size: 20px;
    font-weight: bold;
}

#mainmenu ul {    
color: #8D673A;
    clear:left;
    position:relative;
    right:50%;
    height:20px;
    float:right;
    text-align:center;
    font:16px Arial, Helvetica, sans-serif;  
    vertical-align:middle;
    font-weight: bold;

}
#mainmenu ul li {
   
    position:relative;
    left:50%;
    float:left;
    height:47px;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-weight: bold;
    opacity: 1.0;
}

#mainmenu ul li:last-child {
    border:none;
    box-shadow:none;
    position: relative;
}    
#mainmenu ul li a {
    display:block;
    color: #8D673A;
    text-decoration: none;
    padding:13px 20px;
}
#mainmenu ul li a:hover {
    opacity: 0.8;
    border:0px solid #8D653A;
    position:relative;
    border-radius: 6px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;     


}
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
    background: #F4DDB3; 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    opacity: 0.9;
    text-transform:none;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    left:0;
    top:48px;
    font-size:12px;
    height:auto;
    width:150px;
    z-index: 1;
}

#mainmenu ul li ul li {
    border:none;
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding:10px 8px;
    border:none;
}
 
/*************************** Выпадающие пункты второго уровня */
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 40px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*********************** Стрелочки на подпунктах */
#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;    
}
#mainmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #8D653A;
}
#mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#mainmenu ul ul li:first-child a:hover:after {
	border-bottom-color: #8D653A;
}
 
#mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;     
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}


/*Внимание!!!!!*/

.warning-box
{
	background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */
        background-color: rgb(244, 221, 179); /* Цвет фона */
    background-position: 15px 5px;
    background-repeat: no-repeat;
	border: 1px #CDAA80 solid;
	padding: 6px;
	text-align: left;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px;
       border-radius: 9px;
}

.warning-box h3 { 
color: #AB230D;
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80;
padding-left: 50px;
}

.warning-box p
{
padding: 0px;
margin: 0px;
margin-left: 5px;
}
/////////////////////////////////////////////////////////////////////sdfgsdfg




/** Вещи */
TD.item, IMG.item{	width: 180px;	height:180px;border-radius: 3px;}
TD.item2, IMG.item2{	width: 60px;	height:60px;border-radius: 3px;}



/** ховеры */
.hover_menu{
	width:100px;
	height:75px;
	display:block;
}
.hover_active,
.hover_menu:hover{
	background-position:-100px 0px;
}

/** Внутренние меню */
.in_menu {
	width:100px;
	height:75px;
	display:block;
}



/** Попапы */
#tooltip{
	padding: 5px;
	background: #e3d4b7;
	width: 300px;
    z-index:10000;
	border: 1px solid #a89777;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
}
#tooltip2{	/* for items */
	padding: 0px;
	background: #e3d4b7;
	/*width: 360px;*/
    max-width: 360px;
    z-index:100006;
	border: 1px solid #a89777;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
}


TABLE.popup_item{		width: 100%; border-collapse: collapse; }
TABLE.popup_item TD {padding: 10px 10px 10px 5px;}
TABLE.popup_item TD.image{	width: 60px;vertical-align:top; padding: 10px 7px 10px 10px;}

TABLE.popup_item TH{	border-bottom: 0px solid #a89777; background: #d4c19d; border-radius: 3px 3px 0 0;}





DIV#moreGifts{
	/* margin-left:10px; */
	text-align:left !important;
}
DIV#moreGifts CENTER{
	padding:5px;
}
DIV#moreGifts IMG,
DIV#moreGifts B{
	float:left;
}

DIV#moreGifts P{
	padding-right:25px;
}

DIV#moreGifts I{
	clear:both;
	display:block;
}


/** Листовое меню - деревня и тп */
.list_menu .img{width:100px; }
.list_menu .link{width:120px; text-align:Center; font-weight:bold;}
.list_menu .text{font-size:10px;color:black;	}

.list_menu2 .img{width:100px; }
.list_menu2 .link{text-align:Center; font-weight:bold;}

.list_menu3 .img{width:100px; height:100px}
.list_menu3 .link{text-align:Center; font-weight:bold;}
.list_menu3 .hover_menu{height:85px;}






/** Рейтинг */
TR.place_1		TD{background:#f9c62d;}
TR.place_2		TD{background:#c4c4c4;}
TR.place_3		TD{background:#efba86;}

TR.place_me		TD{background:#8bcc5b;}
/*TR.place_odd	TD{background:url(/images/k10.png);}*/

TR.place_clan		TD{background:#a6ce78;}
TR.place_war		TD{background:#ed8a77;}
TR.place_union		TD{background:#caabbe;}



/** Вещи - инфо */
.itemimg_info {
	position:absolute;
	width: 54px;
	display:block;
	text-align:right;
	padding:3px;
}
.itemimg_info B.level{
	color: #fff98f;
	display:block;
}
.itemimg_info B.magic{
	color: #a3ff6a;

	position:absolute;
	width:54px;
	margin-top:40px;
	text-align:right;
		display:block;
}

.itemimg_info_sells_free{
	display:block;
	margin:0px;
	margin-left: 1px;
	width: 56px; height:3px;
	border:1px solid #e8e0cb;
	background-color: #dfccac;

}


.itemimg_info_sells{
	display:block;
	margin:0;
	width: 58px; height:3px;
	border:1px solid #4f301c;

}
.itemimg_info_sells *{
	background:#399202;
	line-height:1px;
	height:3px;
	display:block;
}

.itemimg_info_sells .sells_1,
.itemimg_info_sells .sells_2,
.itemimg_info_sells .sells_3	{	background:#d00700}

.itemimg_info_sells .sells_4,
.itemimg_info_sells .sells_5,
.itemimg_info_sells .sells_7,
.itemimg_info_sells .sells_6	{	background:#ffd221}


.itemimg_info.large {
	margin-top:5px;
	width:164px;
	font-size:12px;
}
.itemimg_info.large B.magic{
	width:164px;
	margin-top:150px;
}

.itemimg_info_sells.large{
	width:178px;
}

.count_sells{
	position:absolute;
	color:white;
	font-weight:bold;
	width: 56px;
	height:18px;
	display:block;
	margin-left:1px;
	margin-top:41px;
	padding:0px;
	text-align:right;
}
.count_sells.large{	width:154px;		margin-top:141px;	}


.count_amount{
	position:absolute;
	color:white;
	font-weight:bold;
	width: 56px;
	height:18px;
	display:block;
	margin-left:5px;
	margin-top:5px;
	padding:0px;
	text-align:left;
}

.count_black {
	color: black;
}

.count_brown {
	color: #542F1B;
}


.premia, .premia2 {
	display:block;
	width:	190px !important;
	height: 130px !important;
	position:absolute;
	margin-top:50px;

}
.premia:hover, .premia2:hover {
	background-position:0 -130px;
}

/** Премия */

DIV#premia{
	width: 100%;
	background: url(/i/global/premia-c1.png);
	text-align:right;
	height: 25px;
}
DIV#premia DIV{
	width: 50%;

	background: url(/i/global/premia-c2.png);
	height: 25px;
	float:right;

}
DIV#premia3{position:absolute; width:100%;text-align:center;}
DIV#premia3 * {padding:0 !important;}
DIV#premia3 TABLE{
	margin: 0 auto 0;
	width: 985px;
	background: url(/i/global/premia-bg.png) repeat-y;
	height: 25px;
	border-collapse:collapse;
}
DIV#premia3 TD A, DIV#premia3 TD {color:white;;text-align:Center;}
DIV#premia3  #b	{background: url(/i/global/premia-1.png) 0px no-repeat; width: 230px;font-weight:bold}
DIV#premia3  #e	{width: 230px;font-weight:bold}
DIV#premia3  #c	span{color: #f8e7bb;font-weight:bold;}