Просмотр архива Генератор форм

a:hover, a:active { outline: none; }
.radios     {
	color:
#111;
}
.radio {
	float: left;
} .nform
.label_check input,
.nform
.label_radio input  {
	margin:
0;
	
}

.label_div
{
	background: inherit;
	padding-left:
5px;
	line-height: 120%;
	min-height: 20px;
	padding-top:
2px;
}

.has-js .label_check,
.has-js .label_radio    {
	font-size:
13px;
	color: #444;
	margin-right: 5px;
	padding-left: 20px;
	cursor:
pointer;
	display:inline-block;
	height: auto;
	line-height:
20px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align:
top;

}
.has-js .label_check.ticked,
.has-js
.label_radio.ticked,
.has-js .label_check.circle-ticked,
.has-js
.label_radio.circle-ticked    {
	font-size: 13px;
	color:
#444;
	margin-right: 5px;
	padding-left: 20px;
	cursor:
pointer;
	display:inline-block;
	height: auto;
	line-height:
24px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align:
top;

}



/* RETINA */


.has-js .label_radio    {
	background:
url(../images/radion.png) no-repeat;
}
.has-js .label_check   
{
	background: url(../images/checksn.png) no-repeat;
}

.has-js
.label_radio.ticked, .has-js .label_check.ticked, .has-js
.label_radio.circle-ticked, .has-js .label_check.circle-ticked   

{
	background: url(../images/check_smalln.png) no-repeat;
}
@media

(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){



.has-js .label_radio    {
	background: url(../images/radio_2n.png)
no-repeat;
	background-size: 80px 20px;
}

.has-js .label_check   
{
	background: url(../images/checks_2n.png) no-repeat;
	background-size:
80px 20px;
}

.has-js .label_radio.ticked, .has-js .label_check.ticked,
.has-js .label_radio.circle-ticked, .has-js
.label_check.circle-ticked
{
	background:
url(../images/check_small_2n.png) no-repeat;
	background-size: 160px
20px;
}


}




.has-js .label_radio    {
	background-position:
0px 0px;
}
.has-js .label_radio:hover    {
	background-position: -20px
0px;
}
.has-js .label_radio.ticked, .has-js .label_check.ticked   
{
	background-position: 0px 0px;
}
.has-js .label_radio.circle-ticked,
.has-js .label_check.circle-ticked    {
	background-position: -80px
0px;
}


.has-js .label_check    {
	background-position: 0px
0px;
}
.has-js .label_check:hover    {
	background-position: -20px
0px;
}
.has-js .label_radio.ticked:hover, .has-js
.label_check.ticked:hover    {
	background-position: -20px
0px;
}
.has-js .label_radio.circle-ticked:hover, .has-js
.label_check.circle-ticked:hover    {
	background-position: -100px
0px;
}


.has-js label.label_check.c_on      {
	background-position:
-40px 0px;
}
.has-js label.label_check.c_on:hover     
{
	background-position: -60px 0px;
}
.has-js .label_radio.ticked.c_on,
.has-js .label_check.ticked.c_on    {
	background-position: -40px
0px;
}
.has-js .label_radio.circle-ticked.c_on, .has-js
.label_check.circle-ticked.c_on    {
	background-position: -120px
0px;
}
.has-js .label_radio.ticked.c_on:hover, .has-js
.label_check.ticked.c_on:hover    {
	background-position: -60px
0px;
}
.has-js .label_radio.circle-ticked.c_on:hover, .has-js
.label_check.circle-ticked.c_on:hover    {
	background-position: -140px
0px;
}



.has-js label.label_radio.r_on      {
	background-position:
-40px 0px;
 }
 .has-js label.label_radio.r_on:hover     
{
	background-position: -60px 0px;
 }
.has-js .label_radio.ticked.r_on,
.has-js .label_check.ticked.r_on    {
	background-position: -40px
0px;
}
.has-js .label_radio.circle-ticked.r_on, .has-js
.label_check.circle-ticked.r_on    {
	background-position: -120px
0px;
}
.has-js .label_radio.ticked.r_on:hover, .has-js
.label_check.ticked.r_on:hover    {
	background-position: -60px
0px;
}
.has-js .label_radio.circle-ticked.r_on:hover, .has-js
.label_check.circle-ticked.r_on:hover    {
	background-position: -140px
0px;
}

.has-js .label_check input,
.has-js .label_radio input  {
position: absolute; left: -9999px;}