Просмотр архива NetsCMS

@font-face 
{
	font-family: 'Lovelo Line';
	src: local('Lovelo Line
Light'), local('Lovelo-LineLight'), url('../fonts/400.woff2')
format('woff2'), url('../fonts/400.woff') format('woff');
	font-weight:
400;
	font-style: normal;
}

*
{
	border: 0;
	box-sizing:
border-box;
	margin: 0;
	outline: none;
	padding:
0;
}

::-webkit-scrollbar
{
	width:
0px;
}

textarea::-webkit-scrollbar
{
	width: 10px;
}

ul
{
	list-style:
none;
	margin: 0;
}

both
{
	clear: both;
	display:
block;
}

count
{
	background-color: #65b819;
	border-radius: 3px;
	color:
#FFF;
	float: right;
	margin: -10px;
	padding: 10px;
}

count.main
{
	margin: -10px 7px;
	background: #528f9c;
}

body
{
	background:
#f4f6f9;
	font-family: Verdana, Georgia;
	font-size: 13px;
}

a
{
	color:
#1ba5cd;
	text-decoration: none;
}

.fl_r
{
	float:
right;
}

.fl_l
{
	float: left;
}

#header
{
	background:
#343942;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
	color:
#FFF;
	margin-bottom: 10px;
}

#header-left
{
	float: left;
	width:
290px;
}

#header-left .logo
{
	color: #FFF;
	font-family: 'Lovelo
Line';
	font-size: 35px;
	line-height: 56px;
	padding: 0
20px;
	font-weight: bold;
	display: block;
}

#header-left .logo
span
{
	color: #1dc5f6;
}


#header-left .logo:hover
{
	background-color:
#282c34;
	transition: .2s ease-out;
}

#header-right
{
	background:
#343942;
	float: right;
	position: relative;
	width:
690px;
}

#header-right .main-menu li
{
	color: #FFF;
	display:
inline-block;
	font-weight: 700;
	line-height: 56px;
	padding: 0
20px;
}

#header-right .main-menu li a
{
	color:
#FFF;
}

#content
{
	margin: 0 auto;
	position: relative;
	width:
1000px;
}

#sidebar-left
{
	background-color: #FFF;
	box-shadow: 0px 2px
5px rgba(0, 0, 0, 0.28);
	float: left;
	width: 290px;
}

#sidebar-left
.main-menu a
{
	color: #1ba5cd;
	display: block;
	padding:
20px;
}

#sidebar-left .main-menu a:hover
{
	background: #1ba5cd;
	color:
#FFF;
	transition: .2s ease-out;
}

#wrap
{
	float: right;
	width:
690px;
	position: relative;
}

#wrap .margin .big.block 
{
	background:
#fff;
	padding: 40px;
	font-size: 25px;
	color: #68af9f;
	text-align:
center;
}

#footer
{
	color: #7c7f82;
	float: right;
	font-size:
13px;
	line-height: 140%;
	text-align: center;
	width: 761px;
	z-index:
3;
}

#footer .main-menu li
{
	color: #5682A3;
	display:
inline-block;
	padding: 15px;
}

#footer .main-menu li a
{
	color:
#7c7f82;
}


.razdel
{
	background-color: #5eb819;
	color: #FFF;
	display:
block;
	padding: 20px;
}

.razdel count
{
	background-color: #FFF;
	color:
#5eb819;
}

.menu
{
	background-color: #fff;
	color: #1ba5cd;
	display:
block;
	padding: 20px;
}

a .menu:hover
{
	background:
#F1F3F7;
	transition: .2s ease-out;
}

photo
{
	background:
#157793;
	border-radius: 50%;
	box-sizing: border-box;
	color:
#FFF;
	display: block;
	font-family: 'Lovelo Line';
	font-size:
25px;
	height: 55px;
	line-height: 55px;
	text-align:
center;
	text-transform: uppercase;
	width:
55px;
}

.listing
{
	background: #FFF;
	color: #9B9191;
	display:
block;
	line-height: 150%;
	overflow: hidden;
	padding: 20px;
	position:
relative;
}

.listing .image
{
	float: left;
	height: 60px;
	width:
65px;
	position: relative;
}

.listing .image icon.online
{
	color:
#5eb819;
	font-size: 12px;
	position: absolute;
	background:
#FFF;
	padding: 3px;
	bottom: 5px;
	right: 10px;
	border-radius: 50%;
}

a
.listing:hover
{
	background: #F5F5F5;
	transition: .2s
ease-out;
}

.listing .image img
{
	border-radius: 50%;
	height:
55px;
	width: 55px;
}

.listing .content
{
	overflow:
hidden;
	text-overflow: ellipsis;
}

.listing .content .time
{
	color:
#656262;
	display: block;
	font-size: 11px;
	margin: 7px 0 -4px
0;
}

.listing2
{
	background: #F4F6F9;
}

.success
{
	background-color:
#E7FFD2;
	color: #629A40;
	display: block;
	padding:
15px;
}

.error
{
	background-color: #FFE5D2;
	color: #9A6240;
	display:
block;
	padding: 20px;
}

.warning 
{
	background-color: #ffe9c8;
	color:
#9a7340;
	display: block;
	padding: 20px;
}


#sidebar-left
.listing
{
	background: #F4F6F9;
}

.block
{
	background-color:
#F2FDE8;
	color: #378436;
	display: block;
	padding:
20px;
}

.blocks
{
	overflow: hidden;
	position: relative;
	margin: 0 -10px
0 -10px;
}

.blocks a {
	display: block;
	float: left;
	position:
relative;
	text-align: center;
	width: 157px;
	margin: 0 10px 20px
10px;
}

.blocks .object
{
	display: block;
	padding: 20px;
	background:
#fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.28);
}

.blocks
.object:hover
{
	background: #1ba5cd;
	color: #FFF;
	transition: .2s
ease-out;
}

.blocks .object icon
{
	font-size: 30px;
}

.blocks .object
.title
{
	margin-top: 10px;
	overflow: hidden;
	white-space:
nowrap;
}

.blocks .object count
{
	background: #1ba5cd;
	border-radius: 0
0 0 5px;
	color: #FFF;
	padding: 8px;
	position: absolute;
	right: 0;
	top:
0;
	right: 0;
	float: none;
	margin: 0;
}

.form
{
	background:
#FFFFFF;
	border-bottom: 1px solid #eef0f3;
	padding: 20px;
	position:
relative;
}

.form input[type="text"],.form select,.form
input[type="file"],.form
input[type="password"]
{
	border: 1px solid
#EAE8E8;
	border-radius: 3px;
	margin: 5px 0 5px 0;
	padding: 12px
10px;
	width: 100%;
}

.form input[type="text"]:focus,.form
select:focus,.form input[type="file"]:focus,.form
input[type="password"]:focus
{
	border: 1px solid
#A6BBE8;
	transition: .2s ease-out;
}

.form input:
disabled
{
	background-color: #FFFFFF;
	border-bottom: 2px solid
#CECECE;
}

.form textarea
{
	border: 1px solid #EAE8E8;
	border-radius:
3px;
	height: 50px;
	margin: 5px 0 5px 0;
	padding: 10px 5px;
	width:
100%;
}

.form input[type="submit"]
{
	padding:
12px;
	background: #1ba5cd;
	border: none;
	border-radius: 3px;
	color:
#FFF;
}

.form button
{
	float: right;
}

.form button a
{
	background:
#fff;
	color: #68af9f;
	padding: 12px;
	display:
block;
}

.pages
{
	background: #FFF;
	padding: 15px;
	z-index:
3;
}

.pages span
{
	padding: 17px;
}

.pages
span.active
{
	background-color: #157793;
	color: #FFF;
}

.pages a
span:hover
{
	background-color: #157793;
	transition: .2s
ease-out;
}

.hidden, #header-right .main-menu li.Hkey
{
	display:
none;
}

.drop-menu-main-sub
{
	background: #FFFFFF;
	box-shadow: inset 2px
0px 5px rgba(0, 0, 0, 0.28);
	display: none;
	float: right;
	min-width:
170px;
	overflow: scroll;
	position: absolute;
	right: 0px;
	top:
0px;
	bottom: 0;
}

.drop-menu-main-sub a
{
	color: #157793;
	cursor:
pointer;
	display: block;
	font-size: 12px;
	padding: 6px
15px;
}

.drop-menu-main-sub a:hover
{
	background: #157793;
	color:
#FFFFFF;
	text-decoration: none;
}

li
{
	display: block;
	list-style:
none;
}

.drop-down
{
	cursor: pointer;
	position: absolute;
	right:
20px;
}

.drop-down icon
{
    color: #157793;
    font-size:
7px;
}

.smiles-list
{
	background: #FFFFFF;
	box-shadow: 0px 2px 5px
rgba(0, 0, 0, 0.28);
	display: none;
	float: right;
	width: 40%;
	padding:
5px;
	overflow: scroll;
	position: absolute;
	right: 0px;
	top:
0px;
	bottom: 0;
}

.smiles-list a
{
	color: #68A2AF;
	cursor:
pointer;
	padding: 4px;
	display: inline-block;
}

.smiles-list
a:hover
{
	background: #68A2AF;
	color: #FFFFFF;
	text-decoration:
none;
	border-radius: 3px;
}

.smiles-show
{
    cursor: pointer;
   
float: right;
    background: #ee901c;
    padding: 12px;
    color: #fff;

   border-radius: 3px;
}



@media (min-width: 1000px)
{

	#toTop

	{
		width: 100px;
		color: #68AF9F;
		text-align: center;
		padding: 74px
0;
		position: fixed;
		border: 0;
		bottom: 0;
		right: 0;
		display:
none;
		top: 0;
		cursor: pointer;
	}

	#toTop:hover 
	{
		box-shadow: 0
2px 5px rgba(0,0,0,.28);
		background: #fafbfc;
		transition: .2s
ease-out;
	}

	#header
	{
		position: fixed;
		width: 100%;
		z-index:
99999;
	}

	.height
	{
		height: 76px;
	}

	#sidebar-left
	{
		bottom:
0px;
		position: fixed;
		top: 76px;
		z-index:
999;
	}

	.margin
	{
		box-shadow: 0 2px 5px
rgba(0,0,0,.28);
		margin-bottom: 20px;
	}

	.pages,
#footer
	{
		background: #1ba5cd;
		bottom: 0;
		box-shadow: 0px 2px 5px
rgba(0, 0, 0, 0.25);
		position: fixed;
		width: 690px;
		z-index:
0;
	}

	.pages
	{
		z-index: 1;
	}

	.pages span, #footer .main-menu li
a
	{
		color: #FFF;
	}

	.pages a span:hover
	{
		background:
#157793;
		transition: .2s ease-out;
	}

	#wrap
	{
		margin-bottom:
45px;
	}

}

@media (max-width: 1000px)
{

	.pages span
	{
		padding:
15px;
	}

	#toTop, #toTop icon
	{
		display: none;
	}

	.blocks 
	{

		margin: 0;
		border-bottom: 1px solid #eef0f3;
		border-top: 1px solid
#eef0f3;
	}

	.blocks a 
	{
		width: 50%;
		margin: 0;
	}

	#sidebar-left,
#wrap, #header-left, #header-right, #footer
	{
		float: none;
		width:
100%;
	}

	#header
	{
		margin-bottom: 0;
	}

	#content
	{
		max-width:
700px;
		width: 100%;
	}

	#header-right .main-menu li.Hkey
	{
		display:
block;
	}

	#header-right .main-menu li.Hkey label
	{
		cursor:
pointer;
		padding: 10px;
	}

	#toggle-menu + .toggle-menu
	{
		display:
none;
	}

	#toggle-menu + .toggle-menu .menu2
	{
		font-size:
17px;
	}

	#toggle-menu:checked + .toggle-menu .menu2
	{
		font-size:
25px;
	}

	#toggle-menu:checked + .toggle-menu
	{
		display:
block;
		position: absolute;
		width: 100%;
		z-index:
999;
	}

	#wrap
	{
		box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
	}

}