View file blue_web/style.css

File size: 17.26Kb
/*
Автор: steepfellow
Скачен с сайта: http://dcmstema.ru
*/

/* A */

a{

	color:#3E6CA7;

	text-decoration:none;

}

a:hover
{

	color:#0B79FF;


}





a:focus, input:focus{

	outline:none!important

}



a.activ {	

	background-color: #80c0ff;

}



.ank_n {

    font-weight: bold;

}

.ank_d {



}





/* B */



body {

    background: #EDF2F8;

	width:100%;

	font-family :Lucida, Sans sans-serif, tahoma, Comic Sans MS,  verdana ;

	font-size: 12px;

	margin:auto;

	word-wrap: break-word;

}





.body {



	height: 100%;

	margin:auto;

	word-wrap: break-word;
	
	width: 1000px;

}







.bb, .bb1 { 

	border-top: 1px solid #515151;

	margin: 0 10px;

	padding-bottom: 1px;

}

.bb2 {

	padding-bottom: 1px;

	border-bottom: 1px solid #1c1c1c;

	margin: 0 10px;

}

.bb1 {

	margin: 0 10px 2px 10px;

}





/* C */





.cit {

	font-size: xx-small;

	background-color: #EFF1FF;

	margin: 1px;

	border: 1px #9999FF solid;

	border-left: 4px #9999FF solid;

	padding: 1px;

}



.content_block { 

	background-color: #FCFCFC;

	word-wrap: break-word;

}





/* D */





div.c2 {	/* Блок навигации стр */

    margin: 8px;

    padding: 8px 8px 8px 8px;

}



div.pager 

{	

border: 0;	

margin: 0 auto;	

padding: 1px 3px 2px 0;	

text-align: left;	

color: #ffffff;

}





/* E */



.err{

	padding: 5px;

	background-color: #87B0E6;

	color: #fff;

	text-align: center;

}







/* F */



form {

	padding: 0px;

	border: 0px #F2F2F7 solid;

	margin-bottom: 0px;

	margin-top: 0px;

}

form label {

	display: inline-block;

	padding-right: 5px;

	margin: 1px 0px 1px 0px;

}

form label:hover {

	margin: 1px 0px 0px 0px;

	border-bottom: 1px #A8C1CE solid;

	background-color: #E5EDFF;

}



.form { /* форма для ввода данных */

	background-color: #fcfcfc;

	border: 1px #F2F2F7 solid;

	border-radius: 3px;

	-moz-border-radius: 3px;

}

.form_info  {

cursor: pointer;

border:1px solid #e0e0e0;

background: #fff;

padding:4px;

text-align:center;

}







.foot  {

	border-bottom: 1px #EEE3CD solid;
   
    padding: 5px;
   
    background: #FFEECA;

}



.foot_page  {  /* Нижняя полоска с копирайтом  */

    color: #666;
	font-size: 13px;

}

.foot_page a  {

	

}





/* G */





/* Z */





/* H */



.head_title {

	color: #f7c604;

	text-align:right;

	vertical-align:middle;

	font-weight: bold;

	font-size:20px;

}



.head_menu 
{
    float: right;
    
	position: relative;
    
	top: -3px;
}







.head_content
{
    width: 1000px;
    margin: auto;
}





.head {

	height: 55px;

	width:100%;
	
	top: 0px;
	
	position: fixed;
    
	z-index: 5;

    background: #5699EF;
    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9EF1), to(#528FDB));
       
	background-image: -moz-linear-gradient(top, #5D9EF1 0%, #528FDB 100%);
      
    background-image: -o-linear-gradient(top, #5D9EF1 0%, #528FDB 100%);
    
	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#5D9EF1), to(#528FDB));
    
	background-image: gradient(linear, 0% 0%, 0% 100%, from(#5D9EF1), to(#528FDB));
	
	border-bottom: 1px solid #3876C5;
	
	border-top: 1px solid #96C4FF;

    -webkit-box-shadow: 0 1px 3px #999;
    
	-moz-box-shadow: 0 1px 3px #999;
    
	-o-box-shadow:  0 1px 3px #999;
    
	-ms-box-shadow:  0 1px 3px #999;
	
	box-shadow: 0 1px 3px #999;

}







.link_vh
{
float: left;
line-height: 55px;
}


.link_vh a
{
background: #3E7BC7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#498ADD), to(#3E7BC7));
background-image: -moz-linear-gradient(top, #498ADD 0%, #3E7BC7 100%);
background-image: -o-linear-gradient(top, #498ADD 0%, #3E7BC7 100%);
background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(#498ADD), to(#3E7BC7));
padding: 20px;
color: #fff;
}


.link_reg
{
float: right;
line-height: 55px;
margin-right: 10px;
}

.link_reg a
{
padding: 20px;
color: #fff;

}






.head img {

	vertical-align: top;

}



/* I */



img {

    vertical-align: middle;

	border: 0px;

	margin: 1px;

	padding: 1px;

}





input[type="submit"] 

{

    color: #ffffff;

	background: #5699EF;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5699EF), color-stop(0.5, #5699EF), color-stop(0.51, #4C8FE5), color-stop(1, #4C8FE5));
   
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0, #5699EF), color-stop(0.5, #5699EF), color-stop(0.51, #4C8FE5), color-stop(1, #4C8FE5));
   
    background-image: -o-gradient(linear, left top, left bottom, color-stop(0, #5699EF), color-stop(0.5, #5699EF), color-stop(0.51, #4C8FE5), color-stop(1, #4C8FE5));
    
	background-image: -ms-gradient(linear, left top, left bottom, color-stop(0, #5699EF), color-stop(0.5, #5699EF), color-stop(0.51, #4C8FE5), color-stop(1, #4C8FE5));
    
	background-image: gradient(linear, left top, left bottom, color-stop(0, #5699EF), color-stop(0.5, #5699EF), color-stop(0.51, #4C8FE5), color-stop(1, #4C8FE5));
	
    border: 1px solid #4B83CC;

    margin-left: 5px;

    margin-bottom: 5px;

    padding: 5px 20px;

	

}

input[type="submit"]:hover 

{

    color: #fff;

    background: #5699EF;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4C8FE5), color-stop(0.5, #4C8FE5), color-stop(0.51, #4285DB), color-stop(1, #4285DB));
   
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0, #4C8FE5), color-stop(0.5, #4C8FE5), color-stop(0.51, #4285DB), color-stop(1, #4285DB));
   
    background-image: -o-gradient(linear, left top, left bottom, color-stop(0, #4C8FE5), color-stop(0.5, #4C8FE5), color-stop(0.51, #4285DB), color-stop(1, #4285DB));
    
	background-image: -ms-gradient(linear, left top, left bottom, color-stop(0, #4C8FE5), color-stop(0.5, #4C8FE5), color-stop(0.51, #4285DB), color-stop(1, #4285DB));
    
	background-image: gradient(linear, left top, left bottom, color-stop(0, #4C8FE5), color-stop(0.5, #4C8FE5), color-stop(0.51, #4285DB), color-stop(1, #4285DB));
	

	border: 1px solid #4179C2;

	cursor:pointer;

}



input, select{

   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
font-size: 13px;
border: 1px solid #B4C8E0;
background-color: #fff;
padding: 7px;
color: #555;
margin-left: 2px;

}







.ind_cont { /* Обрамление главного блока */



	background-color: #fff;

	width:800px;

	min-height:600px;

	word-wrap: break-word;
	
    -webkit-box-shadow: 0 1px 3px #9AB1CC;
    
	-moz-box-shadow: 0 1px 3px #9AB1CC;
   
    -o-box-shadow: 0 1px 3px #9AB1CC;
    
	box-shadow: 0 1px 3px #9AB1CC;

}







.ind_last {

	border-bottom: 1px dotted #a6a6a6;

	padding: 2px 0;

}





/* K */





/* L */





.link_title {   /* Оформление кнопок в верху */

    font-size: 11px;
    
	padding: 23px 7px 6px 7px;
    
	color: #DAEAFF;
    
	display: inline-block;

}

	

	

.link_title:hover 

{   /* Оформление кнопок в верху */

	
	color:#fff;

}

	

	

.link_title_home
{
    background: url(user.png) no-repeat 50% 26%;
    
	padding: 35px 10px 6px 10px;
	
	border-right: 1px solid #3F7AC7;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}


.link_title_home:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}
	
	
	

.link_title_mail
{
    background: url(mail.png) no-repeat 50% 26%;
    
	padding: 35px 10px 6px 10px;
	
	border-right: 1px solid #3F7AC7;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}
	
	
.link_title_mail:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}


.link_title_lenta
{
    background: url(lenta.png) no-repeat 50% 26%;
    
	padding: 35px 10px 6px 10px;
	
	border-right: 1px solid #3F7AC7;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}
	
	
.link_title_lenta:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}





.link_title_discus
{
    background: url(discus.png) no-repeat 50% 26%;
    
	padding: 35px 0px 6px 0px;
	
	border-right: 1px solid #3F7AC7;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}
	
	
.link_title_discus:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}

	
.link_title_notif
{
    background: url(notif.png) no-repeat 50% 26%;
    
	padding: 35px 0px 6px 0px;
	
	border-right: 1px solid #3F7AC7;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}
	
	
.link_title_notif:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}





.link_title_guest
{
    background: url(guest.png) no-repeat 50% 26%;
    
	padding: 35px 10px 6px 10px;
	
	border-right: 1px solid #3F7AC7;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
	
}
	
	
.link_title_guest:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}



.link_title_ocenki
{
    background: url(ocenki.png) no-repeat 50% 26%;
    
	padding: 35px 15px 6px 6px;
    
	border-left: 1px solid #70AAF5;
	
	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}
	
	
.link_title_ocenki:hover
{
	background-color: #2E79D6;
	background-position-y: 15%;
}





.main_menu_content
{

    background: #fff url(ornament.png) no-repeat bottom right;
    padding: 7px 2px;
    -webkit-box-shadow: 0 1px 3px #9AB1CC;
    -moz-box-shadow: 0 1px 3px #9AB1CC;
    -o-box-shadow: 0 1px 3px #9AB1CC;
    box-shadow: 0 1px 3px #9AB1CC;
	position: fixed;
    margin-left: -83px;
}




	

.link_s {   /* Оформление кнопок в форуме */

	background:#fcefa4;

	font-size:11px;

    border: 1px solid #29447e;

    margin: 3px;

    padding: 2px 3px 2px 3px;

	color: #fff;

	-o-border-radius: 4px;

	border-radius: 4px;

	-moz-border-radius: 4px;

}

	

.link_s a:hover {	

	border: 1px solid #3b5998;	

	color: #ffffff;

}



.last_info {

	font-size: 11px;

	word-wrap: break-word;

}



.logo {

	vertical-align:middle;

	position: relative;
    
	left: 11px;
	
	top: -6px;
	
}

.logo :hover
{
	
	background: #2E79D6;

	transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;
    
	-o-transition: all 600ms ease;
}



.logo img
{
	padding: 13px 0px 10px 0px;
	
}






.layer {

    overflow: scroll; /* Добавляем полосы прокрутки */

    width: 285px; /* Ширина блока */

    max-height: 250px; /* Высота блока */

   } 

/* M */







.mess { /* Див сообщения */

    padding: 10px;

    margin-bottom: px;


}




.mess1 { 

  

}






.main_menu{ /* Див главного меню */
  
 
      width: 160px;
 
}



.main_menu:hover{



}


.main_menu a
{

    display: block;
	
	color: #5C8AC2;
	
	padding: 7px 0px 7px 6px;
	
	font-weight: bold;

	text-decoration: none;
	
    transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -webkit-transition: all 400ms ease;
    
	-o-transition: all 400ms ease;
	
	border-left: 3px solid #9CBAE0;
    
	margin: 2px 0px;
}



.main_menu a:hover
{
   	background-color: #E2EAF3;
	
	color: #0B79FF;
	
	padding: 7px 0px 7px 15px;
	
	border-left: 3px solid #4E97F3;

}



.menu{

	font-size: 16px;

	display: block;

	max-width: 100%;

	min-height: 40px;

		margin: 5px;

	padding: 5px;

	background-color: #FCFCFC;

	border: 1px #E0E6FF solid;

	border-radius: 3px;

	-moz-border-radius: 3px;

}







.menu_razd{ /* Разделитель меню */

	padding: 4px;

	background-color: #E0E6FF;

	border: 1px solid 	#1E90FF;

	border-radius: 0 0 6px 6px;

	-moz-border-radius: 0 0 6px 6px;

	margin: 7px;

}





.main {	/* Дивы навигации */

    color: #5C5C5C;
    
	background: #EDF2F8;
    
	margin: 2px 0px;
    
	padding: 8px 10px;
    
	word-wrap: break-word;

}



.main2 {
   
    color: #5C5C5C;
   
    background: #EDF2F8;
   
    margin: 2px 0px;
   
    padding: 8px 10px;
   
    word-wrap: break-word;

}





.msg{

	padding: 5px;

	background-color: #45B9C4;

	color: #fff;

	font-weight: bold;

	text-align: center;
	
	position: relative;
    
	top: 57px;
}



.menus {	 /* блок сортировки */

	display: table;

	background-color: #fff;

}





/* N */





.nav1{	/* Лесенка */

	background-color: #F2F6FD;    

	padding: 10px;    

	border-bottom: 1px solid #BBD3EE;

	word-wrap: break-word;

}



.nav2{  

	background-color: #fff;
  
    padding: 10px;
   
    border-bottom: 1px solid #C7D9EC;
    

	word-wrap: break-word;

}



/* O */

.onclick  {

cursor: pointer;

}



.on {color: #1c90d4;} 

.off {color: #FF0000;} 



/* P */





.page a {   

	background: #5699EF;

    border: 1px solid #4285DB;

    margin-top: 2px;

    padding: 7px 12px;

	color: #fff;

	border-radius:2px;

	-moz-border-radius:2px;



}

.page a:hover {	

	border: 1px solid #387BD1;	


	background: #4285DB;

}





.page_gen {

/* генерация страницы */

color: #999999;

text-align: right;



}





/* Q */







/* R */





.rekl {

	text-align: center;

}





/* S */







.str{

    background: #fff;

    border: 1px solid #4285DB;

    padding: 7px 12px;

	color: #4285DB;

	border-radius: 2px;
    
	-moz-border-radius: 2px;
}





	.st_1	{ /* Оформление статуса юзера */

	margin-left: 12px;

 	margin-bottom:0;	

	border-style:solid;	

	border-color:transparent  transparent #DCE7F5 transparent ;	

	border-width:0px 8px 12px 8px;	

	height: 0px; 	

	width:0px;	

	} 

	

	.st_2 	{	

margin-top: 0;
padding: 5px;
color: #3F3F3F;
background-color: #DCE7F5;
word-wrap: break-word;	

	}





/* T */



.count
{
   padding: 0 4px;
   background:#fff;
   color: #2E69B1;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -o-border-radius:5px;
}










.tpanel {	 /* блок панели у textarea */

	display: table;

	border:0;

	margin-left: 5px;

	margin-bottom: 10px;

	color:#fff;

	margin-top: 20px;
}





.tmenu {	

	float: left;	

	display: inline;	

}



.tmenu a {	

	margin-left: 3px;

	display: block;	

	min-width: 70px;	

	padding: 5px 10px;	

	text-decoration: none;	

	text-align: center;

	color:#fff;

	background: #4179C2;


}

.tmenu a:hover 
{
	background: #5B8BCA;
}



.top_nav {
	display: inline-block;
	padding: 5px;
	float: left;
	margin:auto;
	font-size:12px;
	text-align:center;
}



.title 

{ /* Заголовок страницы */

	background: #ACC2DB;

	margin-bottom: 10px;
    
	padding: 4px;
   
    overflow: hidden;
   
    text-align: center;

	color:#fff;
	-webkit-text-shadow:0 1px 1px #85A0C0;
    -moz-text-shadow:0 1px 1px #85A0C0;
    -o-text-shadow:0 1px 1px #85A0C0;
    text-shadow:0 1px 1px #85A0C0;

}





table {

	width: 100%;

}





textarea{

    font-size: 13px;
   
    padding: 5px;
   
    max-width: 96%;
    
	width: 90%;
   
    height: 4pc;
   
    margin: 5px;
   
    border: 2px dotted #A4BCDA;
   
    vertical-align: top;
    
	outline: 0;
}





/* V */





/* W */





.webmenu {	
float: left;	
display: inline;	
padding-left: 0px;	
margin: 0 auto;
}

.webmenu last {	
float: none;	
padding-left: 0px;	
margin: 0 auto;	
padding-top: 50px;
}

.webmenu a {	
display: block;	
min-width: 62px;	
padding: 3px 10px 3px 10px;	
text-decoration: none;	
text-align: center;
}

.webmenu a:hover
{
background-color: #6eabe8;	
color:#fff;
text-decoration: none;
}

/* X */





/* Y */





/* Z */