CSS features

From Virtonomics (online economic game) Wiki
Jump to: navigation, search

В этой статье рассказывается, как составить вашу собственную таблицу стилей(CSS) для Виртономики.
О том, как применить полученную CSS, написано здесь.

Общие сведения

CSS состоит из блоков. Каждый блок реализует одну или несколько функций. Блоки можно добавлять в любое место CSS, но таким образом, чтобы один блок не оказался в другом.


Функции

Разметка строки квалификаций

thumb|1000px|Разметка строки квалификаций

/*начало блока*/
.grid .odd > 
#title_2231,
#title_2232,
#title_2233,
#title_2234,
#title_2235,
#title_2230,
#title_2229 {
	background: url('http://kozlina.ru/i/6467100397.png') no-repeat left bottom	!important; 
    color:black!important; 	
	background-position:6px 3px!important; 	
	vertical-align:top!important; 	
	margin:-10px 0% 0% 0px!important; 	
	font-weight:bold!important;
}
/*конец блока*/

Плавающая форма закупки

thumb|1000px|

/*начало блока*/
.local_header{
	background:#ffffff
	!important; 	
}
.tabsub[align="center"]{
	background:#ffffcc !important; 	
 	width:350px!important;	
	 position:fixed!important; 
	 z-index:100 !important;
	 bottom:0!important;
	 right:0px!important;
	 margin:0!important;
	 border: 1px solid #333!important; 
}
.list + .list,#divBuy table,#divRepair table,#divTerminate table{
	opacity:1!important; 
	background:#ffffcc !important; 	
 	width:350px!important;	
	 position:fixed!important; 
	 z-index:100 !important;
	 bottom:-1px!important;
	 left:0px!important;
	 border: 1px solid #333!important; 
}
#divBuy table tr th,#divRepair table tr th,#divTerminate table tr th{
	width:150px!important;	
}
/*конец блока*/

Оформление

Изменение стиля user-info на форуме

/*начало блока*/
.comp_name[style="background: #004991;color: #fff"]{
	background: #ffffff url('http://kozlina.ru/i/2159746162.png')center center!important; 
	height:20px!important; 
}
.comp_name[style="background: #990000;color: #fff"]{
	background: #990000 url('http://kozlina.ru/i/4947016355.png') 
	center center
	!important; 
	height:20px!important; 
}
.comp_name[style="background: #366804;color: #fff"]{
	background: #366804 url('http://kozlina.ru/i/6783625300.png') 
	center center
	!important; 
	height:20px!important; 
}
.comp_name[style="background: #000;color: #fff"]{
	background: #000 url('http://kozlina.ru/i/2029851446.png') 
	center center
	!important; 
	height:20px!important; 
}
.comp_name[style="background: #8400B5;color: #fff"]{
	background: #8400B5 url('http://kozlina.ru/i/8608811654.png') 
	center center
	!important; 
	height:20px!important; 
}
/*конец блока*/