View file css/style.css

File size: 18.71Kb
.form_registr {
	font-size: 14px;
}

.form_registr input {
	width: 90px;
	height: 25px;
	color: #999999;
	background: #eee;
	font-size: 16px;
	text-align: center;
}

.form_registr select {
	height: 29px;
	color: #999999;
	background: #eee;
	font-size: 16px;
	text-align: center;
}




.site_index_descr {
	padding-top: 10px;
}

.site_index_descr h1 {
	color: #dd0000;
	font-size: 18px;
}

.liders { font-size: 12px; }

.lider_photo_bg {
	background: url('../images/lider_photo_bg.png') left top no-repeat;
	width: 167px;
	height: 215px;
}

.vip_img {
	background: url('../images/vip.png') left top no-repeat;
	height: 45px;
	padding: 17px 0 20px 60px;
}

a.vip_img {
	text-decoration: none;
	font-size: 18px;
	color: #fc8a0f;
}

.top_img {
	background: url('../images/up.png') left top no-repeat;
	height: 45px;
	padding: 17px 0 20px 60px;
}

a.top_img {
	text-decoration: none;
	font-size: 18px;
	color: #fc8a0f;
}

.lider_img {
	background: url('../images/lider.png') left top no-repeat;
	height: 45px;
	padding: 17px 0 20px 60px;
}

a.lider_img {
	text-decoration: none;
	font-size: 18px;
	color: #fc8a0f;
}

.input {
	border: 0;
	border: 1px solid #cccccc;
	padding: 1px 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

.select {
	border: 0;
	padding: 0;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

.textarea {
	border: 0;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}





.submit {
	height: 22px;
	background: #089ddd;
	background: -webkit-linear-gradient(top, #089ddd 0%,#0875d0 100%);
	background: -moz-linear-gradient(top, #089ddd 0%,#0875d0 100%);
	background: -o-linear-gradient(top, #089ddd 0%,#0875d0 100%);
	background: -ms-linear-gradient(top, #089ddd 0%,#0875d0 100%);
	background: linear-gradient(top, #089ddd 0%,#0875d0 100%);
	cursor: pointer;
	padding: 2px 10px 5px 10px;
	border: 0;
	color: #fff;
	border-radius: 6px;
}

.submit:hover {
	background: #0875d0;
	background: -webkit-linear-gradient(top, #0875d0 0%,#089ddd 100%);
	background: -moz-linear-gradient(top, #0875d0 0%,#089ddd 100%);
	background: -o-linear-gradient(top, #0875d0 0%,#089ddd 100%);
	background: -ms-linear-gradient(top, #0875d0 0%,#089ddd 100%);
	background: linear-gradient(top, #0875d0 0%,#089ddd 100%);
}

.submit_green {
	height: 22px;
	background: #00aa00;
	background: -webkit-linear-gradient(top, #00aa00 0%,#007700 100%);
	background: -moz-linear-gradient(top, #00aa00 0%,#007700 100%);
	background: -o-linear-gradient(top, #00aa00 0%,#007700 100%);
	background: -ms-linear-gradient(top, #00aa00 0%,#007700 100%);
	background: linear-gradient(top, #00aa00 0%,#007700 100%);
	cursor: pointer;
	padding: 2px 10px 5px 10px;
	border: 0;
	color: #fff;
	border-radius: 4px;
}

.submit_red {
	height: 22px;
	background: #dd0000;
	background: -webkit-linear-gradient(top, #ee5000 0%,#bb0000 100%);
	background: -moz-linear-gradient(top, #ee5000 0%,#bb0000 100%);
	background: -o-linear-gradient(top, #ee5000 0%,#bb0000 100%);
	background: -ms-linear-gradient(top, #ee5000 0%,#bb0000 100%);
	background: linear-gradient(top, #ee5000 0%,#bb0000 100%);
	cursor: pointer;
	padding: 2px 10px 5px 10px;
	border: 0;
	color: #fff;
	border-radius: 4px;
}

#bottom {	
	height: 30px;
	width: 100%;
	color: #fff;
	background: #098cce;
	background: -webkit-linear-gradient(top, #00ceee 0%,#098cce 100%);
	background: -moz-linear-gradient(top, #00ceee 0%,#098cce 100%);
	background: -o-linear-gradient(top, #00ceee 0%,#098cce 100%);
	background: -ms-linear-gradient(top, #00ceee 0%,#098cce 100%);
	background: linear-gradient(top, #00ceee 0%,#098cce 100%);

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	padding-top: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#bot li {
	list-style: none;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
}

#bot li a {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}

#bot li a:hover {
	text-decoration: none;
}

#menu_auth div {
	margin-bottom: 3px;
}

#sms_chat {
	font-size: 12px;
}

.addchat {
	background: url('../images/add.gif') left center no-repeat;
	padding-left: 15px;
}

.uslugi {
	text-align: center;
	font-size: 12px;
}

.uslugi li {
	display: inline;
	margin-left: 5px;
	background: #00bb00;
	background: -webkit-linear-gradient(top, #aada00 0%,#00bb00 100%);
	background: -moz-linear-gradient(top, #aada00 0%,#00bb00 100%);
	background: -o-linear-gradient(top, #aada00 0%,#00bb00 100%);
	background: -ms-linear-gradient(top, #aada00 0%,#00bb00 100%);
	background: linear-gradient(top, #aada00 0%,#00bb00 100%);
	padding: 4px 10px;
	border: 0;
	color: #fff;
	border-radius: 14px;
}

.uslugi li.act {
	display: inline;
	margin-left: 5px;
	background: #009900;
	background: -webkit-linear-gradient(top, #009900 0%,#005500 100%);
	background: -moz-linear-gradient(top, #009900 0%,#005500 100%);
	background: -o-linear-gradient(top, #009900 0%,#005500 100%);
	background: -ms-linear-gradient(top, #009900 0%,#005500 100%);
	background: linear-gradient(top, #009900 0%,#005500 100%);
	padding: 4px 10px;
	border: 0;
	color: #fff;
	border-radius: 14px;
}

.uslugi li a {
	color: #fff;
	font-size: 12px;
}

.top100 {
	text-align: center;
}

.top100 li {
	display: inline;
	margin-left: 5px;
	background: #097cee;
	background: -webkit-linear-gradient(top, #09aeee 0%,#044cee 100%);
	background: -moz-linear-gradient(top, #09aeee 0%,#044cee 100%);
	background: -o-linear-gradient(top, #09aeee 0%,#044cee 100%);
	background: -ms-linear-gradient(top, #09aeee 0%,#044cee 100%);
	background: linear-gradient(top, #09aeee 0%,#044cee 100%);
	padding: 4px 10px;
	border: 0;
	color: #fff;
	border-radius: 14px;
}

.top100 li.act {
	display: inline;
	margin-left: 5px;
	background: #044cee;
	background: -webkit-linear-gradient(top, #044cee 0%,#066cee 100%);
	background: -moz-linear-gradient(top, #044cee 0%,#066cee 100%);
	background: -o-linear-gradient(top, #044cee 0%,#066cee 100%);
	background: -ms-linear-gradient(top, #044cee 0%,#066cee 100%);
	background: linear-gradient(top, #044cee 0%,#066cee 100%);
	padding: 4px 10px;
	border: 0;
	color: #fff;
	border-radius: 14px;
}

.top100 li a {
	color: #fff;
}

.brnews {
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 10px;
	border-radius: 4px;
}

.class_img {
	background : url("../images/class.png") no-repeat;
	width : 16px;
	height : 16px;
	padding : 0 0 8px 18px;
	cursor : pointer;
}





.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#block_left h3, #block_center h3, #block_right h3 {
	background: #aa44aa;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	padding: 2px 0;
	margin-bottom: 8px;
	border-radius: 4px;
}

h4 { color: #089dde; margin: 0; padding-bottom: 5px; }
label { cursor: pointer; }
img { border: 0; }
.bold, #bold { font-weight: bold; }
a.red { color: #ff0000; }
a.green { color: #009900; }
.red { color: #ff0000; }
.green { color: #009900; }
.hr { width: 100%; border-top: 1px solid #ccc; margin-top: 10px; margin-bottom: 5px; }
.pad_t_10 { padding-top: 10px; }
.pad_l_10 { padding-left: 10px; }

.rating_color {
color : #008800;
}
.prosmotr_color {
color : #0899dd;
}
.rating_color, .prosmotr_color {
font-weight : bold;
font-size : 14px;
}

.city { font-size: 14px; color: #008800; }
.vozrast { font-size: 14px; color: #aa00aa; }


span.m_color { color: #0989ff; font-weight: bold; background: url('../images/1.gif') left center no-repeat; padding-left: 12px; }
span.zh_color { color: #ff44aa; font-weight: bold; background: url('../images/2.gif') left center no-repeat; padding-left: 12px; }

a.m_color { color: #0989ff; font-weight: bold; background: url('../images/1.gif') left center no-repeat; padding-left: 12px; }
a.zh_color { color: #ff44aa; font-weight: bold; background: url('../images/2.gif') left center no-repeat; padding-left: 12px; }
a.m_color:hover { text-shadow: 0 0 10px #0989ff; }
a.zh_color:hover { text-shadow: 0 0 10px #ff44aa; }


span.photos_ico { background: url('../images/photos.png') left center no-repeat; width: 16px; height: 16px; padding-left: 20px; }
span.photos { background: #ffffff; color: #777777; border-radius: 2px; padding: 2px 6px; font-weight: bold; }


.anketa_city { font-size: 14px; color: #008800; }
.anketa_vozrast { font-size: 14px; color: #aa00aa; }
.anketa_zodiak { font-size: 14px; color: #a00044; height: 22px; }

a.anketa_up, a.balans, a.upload_photo, a.registr {
	height: 22px;
	background: #009900;
	background: -webkit-linear-gradient(top, #00dd00 0%,#009900 100%);
	background: -moz-linear-gradient(top, #00dd00 0%,#009900 100%);
	background: -o-linear-gradient(top, #00dd00 0%,#009900 100%);
	background: -ms-linear-gradient(top, #00dd00 0%,#009900 100%);
	background: linear-gradient(top, #00dd00 0%,#009900 100%);
	padding: 4px 6px;
	border: 0;
	color: #fff;
	border-radius: 4px;
}

a.anketa_up:hover, a.balans:hover, a.upload_photo:hover, a.registr:hover {
	text-decoration: none;
}


a.liders {
	height: 22px;
	background: #fc8a0f;
	background: -webkit-linear-gradient(top, #ff9e36 0%,#db7100 100%);
	background: -moz-linear-gradient(top, #ff9e36 0%,#db7100 100%);
	background: -o-linear-gradient(top, #ff9e36 0%,#db7100 100%);
	background: -ms-linear-gradient(top, #ff9e36 0%,#db7100 100%);
	background: linear-gradient(top, #ff9e36 0%,#db7100 100%);
	padding: 4px 6px;
	border: 0;
	color: #fff;
	border-radius: 4px;
}

a.liders:hover {
	text-decoration: none;
}



.upload_avatar {
	width: 95%;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
	margin: 5px 0;
}



.status {
	width: 100%;
	background: #ffffee;
	border: 1px solid #ffeec0;
	border-radius: 4px;
	margin-bottom: 3px;
}

.status_bot {
	background: url('../images/s-bottom.png') left no-repeat;
	margin-left: 10px;
	margin-bottom: 2px;
	height: 20px;
}


.photo_rules { padding: 0 20px; }





.gifts_navigation {
	background: #eee;
	margin-bottom: 10px;
	padding: 4px 10px;
	color: #666;
}

.gifts_navigation a {
	color: #666;
}


#title_help { display: none; position: absolute; padding: 5px 10px; left: 15px; font-size: 12px; background-color: #303030; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
#title_help { position: absolute; top: -10px; left: 15px; font-size: 12px; text-shadow: 0px 0px 1px #fff; }




#newusers {
	/*position: relative;*/
}

#newusers #slideshow {
	overflow:hidden;
	width: 650px;
	float:left;
}


#newusers #slideshow ul {
	width: 3900px;
	padding-left: 562px;
}
#newusers #slideshow li {
	float:left;
	margin:0 8px 0 0;
	padding: 0;
	cursor:pointer;
	background-image: none;
	display: inline;
}

#newusers .prev {
	float:left;
	margin-left: 10px;
	margin-right: 11px;
	margin-top: 70px;
}

#newusers .next {
	float:right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 70px;
}



.tit_zag {
	background: #aa44aa;
	color: #ffffff;
	margin: 0px;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 4px 4px 0 0;
	float: left;
	margin-left: 15px;
	margin-top: 0px;
}

.tit_zag_hr {
	width: 100%;
	margin: 0px;
	border: 0;
	border-top: 3px solid #aa44aa;
	margin-bottom: 10px;
}




.over_img_gift { border-bottom: 2px solid #0980da; }
.user_gift { position: absolute; padding: 5px; background-color: #303030; color: #fff; border-radius: 8px; text-shadow: 0px 0px 1px #fff; }



div.photo_nav { background: url('../images/photo_nav.png') no-repeat; width: 50px; height: 50px; }
div.sled { background-position: 0px -50px; margin-left: 15px; }
div.sled:hover { background-position: 0px -150px; margin-left: 15px; }
div.pred { background-position: 0px 0px; margin-right: 15px; }
div.pred:hover { background-position: 0px -100px; margin-right: 15px; }
div.sled_no { background-position: 0px -50px; margin-left: 15px; }
div.pred_no { background-position: 0px 0px; margin-right: 15px; }


.vote { background: url('../images/vote.png') no-repeat; width: 25px; height: 31px; }
.v1 { background-position: 0px 0px; margin-left: 5px; }
.v2 { background-position: -25px 0px; margin-left: 5px; }
.v3 { background-position: -50px 0px; margin-left: 5px; }
.v4 { background-position: -75px 0px; margin-left: 5px; }
.v5 { background-position: -100px 0px; margin-left: 5px; }



.comm_img {
	background: url("../images/comm.png") no-repeat;
	width: 16px;
	height: 16px;
	padding: 0 0 8px 17px;
}
.load_content_foto { position: absolute; background: url(../images/ajax_photo.gif) no-repeat; width: 39px; height: 15px; }

.photo_bor { border: 2px solid #cccccc; padding: 4px; }
.photo_bor:hover { border: 2px solid #555444; padding: 4px; }
.photo_bor_vip { border: 2px solid #ff8800; padding: 4px; }

.search {
	width: 100%;
	padding-left: 120px;
	
}

table.top100 { width: 100%; }
table.top100 td { vertical-align: top; }
table.top100 td.topzh { background: url('../images/bg_girl.gif') 60px 40px no-repeat; width: 260px; height: 225px; }
table.top100 td.topm { background: url('../images/bg_boy.gif') 60px 40px no-repeat; width: 260px; height: 225px; }



.reg_help { position: absolute; background: #000; color: #fff; border-radius: 6px; max-width: 300px; text-shadow: 0px 0px 1px #fff; }



/* ************************************************************** HORO ***************************************************************************** */
.horo_img { background: url('../images/horo-img.png') no-repeat; width: 13px; height: 18px; padding-left: 16px; }
.horo_1 { background-position: 0px 0px; }
.horo_2 { background-position: 0px -15px; }
.horo_3 { background-position: 0px -30px; }
.horo_4 { background-position: 0px -46px; }
.horo_5 { background-position: 0px -61px; }
.horo_6 { background-position: 0px -78px; }
.horo_7 { background-position: 0px -93px; }
.horo_8 { background-position: 0px -108px; }
.horo_9 { background-position: 0px -127px; }
.horo_10 { background-position: 0px -142px; }
.horo_11 { background-position: 0px -158px; }
.horo_12 { background-position: 0px -175px; }
/* ************************************************************************************************************************************************* */


/* **************************************************************************************************************************************** */
.arcticmodal-overlay, .arcticmodal-container { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; }
.arcticmodal-container { overflow: auto; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100%; }
.arcticmodal-container_i { height: 100%; margin: 0 auto; color: #000; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 10px; border-radius: 10px; background: #fff; color: #000; }
.arcticmodal-loading { width: 70px; margin: auto; background: #000 url('../images/load.gif') no-repeat center; padding: 20px; height: 10px; border-radius: 5px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 0px 2px 8px 1px #444; -moz-box-shadow: 0px 2px 8px 1px #444; -webkit-box-shadow: 0px 2px 8px 1px #444;*/
opacity: 0.6; filter: alpha(opacity=60); }
/* ***************************************************************************************************************************************** */


/* ******************************************************* оформление модального окна ************************************************************* */
div.box_bg { box-shadow: 0px 0px 15px 1px #666; -moz-box-shadow: 0px 0px 15px 1px #666; -webkit-box-shadow: 0px 0px 15px 1px #666; }
div.box_bg { margin: auto; }
div.box_title {
	height: 30px;
	width: 100%;
	font-size: 15px;
	color: #eee;
	font-weight: bold;
	background: #225d7e;
	background: -webkit-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
	background: -moz-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
	background: -o-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
	background: -ms-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
	background: linear-gradient(top, #12a4e0 0%,#225d7e 100%);
	font-style: italic;
	font-family: verdana;
}

div.box_close { background: url('../images/close.png') no-repeat; width: 11px; height: 11px; cursor: pointer; margin-top: 8px; margin-right: 10px; }
div.box_conetnt { background: #fff; font-size: 12px; }
div.box_footer {
	padding: 7px;
	border-top: 1px solid #858585;
	height: 25px;
	background: #f0f0f0;
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
	background: -moz-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
	background: linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
}
/* ************************************************************************************************************************************************ */

#accordion {
	width: 100%;
	padding-top: 15px;	
}

#accordion h4.head { 
	margin: 2px 0;
	padding: 2px 10px;
	color: #676767;
	background: #ffffcc;
	border: 1px solid #fffaaa;
	/*cursor: pointer;*/
	font-size: 14px;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#accordion h4.active {
	background: #669;
	border: 1px solid #669;
	color: #fff;
}

#accordion div.block  {
	padding: 10px;
	margin: 0;
	font-size: 14px;
	color: #454545;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

#accordion a {
	color: #676767;	
}

#accordion h4.active a {
	color: #fff;
}




/* ******************************************************* pager ******************************************************* */
.pager {
color: #555;
margin: 5px 0;
padding: 8px;
font-size: 16px;
font-style: verdana;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #ccc;
}
.pager li { display: inline; margin: 0 2px; }
.pager li span.cur { padding: 4px 8px; border: 1px solid #ccc; border-radius: 2px; background: #fff; color: #555; }
.pager li a { padding: 4px 8px; text-decoration: none; border: 1px solid #ccc; border-radius: 2px; }
/* **************************************************************************************************************** */