Здравствуйте. После 5-ти дней невероятных пертурбаций наконец-то получилось 100 проц. (Это всерьёз заставило меня задуматься о вопросе моей пригодности к данной специальности.)
Оцените, пожалуйста, правильность и лёгкость/сложность кода.
html,
body {
margin: 0;
padding: 0;
}
body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
.main-menu
{
background: #2980b9;
padding: 0px;
width: 200px;
margin: 0px;
}
.main-menu >li
{
list-style: none;
border-bottom: 2px solid #2c3e50; margin-bottom: 5px;
}
.main-menu >li>a
{
color: #ffffff;
text-decoration: none;
}
.main-menu >li:last-child
{
padding-bottom: 10px;
}
.main-menu >li:nth-child(2)
{
padding-bottom: 10px;
}
.main-menu >li:nth-child(3)
{
padding-bottom: 10px;
}
.main-menu >.active
{
background: #1abc9c;
padding-top: 10px;
}
.main-menu .active ul
{
padding: 0px;
background: #ffffff;
list-style: none;
border-top: 2px solid #2c3e50;
margin-top: 10px;
}
.main-menu .active li a
{
color: #2980b9; padding: 15px;
}
.main-menu a
{
padding: 15px;
}
.main-menu li
{
padding-top: 5px;
}
.main-menu .active li
{
padding: 5px 0px;
}
.main-menu li >.active
{
padding: 20px;
}
.main-menu .active li:first-child
{
padding-top: 15px;
}
.main-menu .active li:last-child
{
padding-bottom: 15px; margin-bottom: 0px;
}