Показать сообщение отдельно
  #11 (permalink)  
Старый 01.04.2015, 13:03
Интересующийся
Отправить личное сообщение для Snezhana Посмотреть профиль Найти все сообщения от Snezhana
 
Регистрация: 01.04.2015
Сообщений: 27

Infinity178,
Анимация сделана по вашему примеру, контент находится справа от меню:
<div id="main">
					<section id="content" class="content">
						<div class="container">

							<div class="main-border">
							</div>

						</div>
					</section>
		</div>

#main
	{
		margin-top: 74px;
		margin-left: 420px;
		margin-right: 420px;
		height: 810px;
	}
	
		#main > section
		{
			margin: 0;
			overflow: hidden;
			padding: 0.5em 0;
			text-align: left;
		}

			#main > section.dark
			{
				color: #ddd;
				color: rgba(255,255,255,0.75);
			}

				#main > section.dark h2,
				#main > section.dark h3,
				#main > section.dark h4,
				#main > section.dark h5,
				#main > section.dark h6
				{
					color: inherit;
				}

				#main > section.dark strong,
				#main > section.dark a
				{
					color: #fff;
					border-color: inherit;
				}

					#main > section.dark a:hover
					{
						border-bottom-color: rgba(255,255,255,0);
					}

			#main > section.cover
			{
				padding: 0;
				background-size: cover;
				background-position: center center;
			}
		
			#main > section.info
			{
				background-color: #e9ebee;
			}

			#main > section.content
			{
				background-color: #e9ebee;
			}
			
			.main-border {
				border-bottom: 1px solid #d8dadd;
				padding-top: 10px;
			}
Ответить с цитированием