View file apanel/css.css

File size: 7.22Kb
* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Helvetica, Arial, sans-serif;
	background: #eee;
	font-size: 14px;
	color: #565656;
}

a:link, a:visited { color: #0683ab; text-decoration: none; } 
a:active, a:hover { color: #0683ab; text-decoration: underline; }

#content {
	background: #fff;
	margin: 50px auto;
	padding: 10px 20px;
	width: 940px;
	border-radius: 10px;
	border: 1px solid #ccc;	
}

#content h2 {
	text-align: center;
	color: #006fff;
	padding-bottom: 20px;
}

#auth {
	margin: 0 auto;
	text-align: center;
}

#auth .form {
	border: 1px solid #dddd99;
	background: #ffffcc;
	border-radius: 10px;
	padding: 10px 20px;
	width: 280px;
	margin: 0 auto;
}

#foot {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.submit {
	height: 22px;
	background: #0987cc;
	background: -webkit-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
	background: -moz-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
	background: -o-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
	background: -ms-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
	background: linear-gradient(top, #0ddddd 0%,#0777cc 100%);
	cursor: pointer;
	padding: 2px 10px 5px 10px;
	border: 0;
	color: #fff;
	border-radius: 4px;
}

.submit_green {
	height: 22px;
	background: #00aa00;
	background: -webkit-linear-gradient(top, #00ee00 0%,#007700 100%);
	background: -moz-linear-gradient(top, #00ee00 0%,#007700 100%);
	background: -o-linear-gradient(top, #00ee00 0%,#007700 100%);
	background: -ms-linear-gradient(top, #00ee00 0%,#007700 100%);
	background: linear-gradient(top, #00ee00 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;
}

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

.content_left {
	float: left;
	padding-right: 10px;
	width: 180px;
}

.content_right {
	float: left;
	border-left: 1px solid #cccccc;
	padding-left: 15px;
	width: 730px;
}




.td_users {
	background: #0987cc;
	padding: 2px 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.td_users_cont_w {
	background: #eee;
	padding: 2px 4px;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
}

.td_users_cont_t {
	background: #ccc;
	padding: 2px 4px;
	color: #555;
	text-align: center;
	border: 1px solid #999;
}

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

.comm_img {
	background : url("../images/comm.png") no-repeat;
	width : 16px;
	height : 16px;
	padding : 0 0 8px 17px;
}





.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a.red { color: red }
a.green { color: green }
.red { color: red }
.green { color: green }




/* **************************************************************************************************************************************** */
.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%);
}
/* ************************************************************************************************************************************************ */

/* ******************************************************* pager ******************************************************* */
.pager {
color: #565656;
margin: 5px 0;
padding: 5px 8px;
font-size: 12px;
font-style: verdana;
font-weight: bold;
border-radius: 4px;
}
.pager li { display: inline; margin: 0 2px; }
.pager li span.cur { padding: 2px 4px; border: 1px solid #009900; border-radius: 2px; background: #6bb900; color: #fff; }
.pager li a { padding: 2px 4px; text-decoration: none; border: 1px solid #009900; border-radius: 2px; }
/* **************************************************************************************************************** */