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

@font-face {
    font-family: 'Lovelo Line';
    src: local('Lovelo Line
Light'), local('Lovelo-LineLight'), url('/theme/fonts/400.woff2')
format('woff2'), url('/theme/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;
}

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: 200px;
}

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

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


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

#header-right
{
	background: #343942;
	float:
right;
	position: relative;
	width: 500px;
        padding: 0
20px;
}

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


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

#footer
{
	color: #7c7f82;
	
	font-size: 13px;
	line-height:
140%;
	text-align: center;

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

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

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

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



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

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


@media
(min-width: 1000px)
{




	#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: 700px;
		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;
	}

	#sidebar-right
	{
		margin-bottom: 45px;
	}

}

@media
(max-width: 1000px)
{

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

	#header
	{
		margin-bottom:
0;
	}

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

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

}