|
@@ -5,7 +5,7 @@
|
|
|
font-style: normal;
|
|
|
}
|
|
|
|
|
|
-*{
|
|
|
+* {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
@@ -27,7 +27,6 @@ body {
|
|
|
h1 {
|
|
|
margin-top: 30px;
|
|
|
margin-bottom: 40px;
|
|
|
- margin-left: 20px;
|
|
|
font-size: 25px;
|
|
|
font-weight: normal;
|
|
|
}
|
|
@@ -38,7 +37,6 @@ h2 {
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
- margin-left: 20px;
|
|
|
}
|
|
|
|
|
|
h3 {
|
|
@@ -47,7 +45,6 @@ h3 {
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
- margin-left: 20px;
|
|
|
}
|
|
|
|
|
|
a {
|
|
@@ -61,13 +58,13 @@ a {
|
|
|
width: 260px;
|
|
|
height: 100%;
|
|
|
overflow: auto;
|
|
|
+ padding-left: 20px;
|
|
|
background: #fafafa;
|
|
|
}
|
|
|
|
|
|
#panel ul {
|
|
|
list-style-type: none;
|
|
|
padding: 0px;
|
|
|
- margin-left: 20px;
|
|
|
}
|
|
|
|
|
|
iframe {
|
|
@@ -79,8 +76,8 @@ iframe {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
-.filterBlock{
|
|
|
- margin: 20px;
|
|
|
+.filterBlock {
|
|
|
+ margin-right: 20px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
@@ -158,12 +155,12 @@ iframe {
|
|
|
|
|
|
@media all and ( max-width: 640px ) {
|
|
|
|
|
|
- h1{
|
|
|
+ h1 {
|
|
|
margin-top: 20px;
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
|
|
|
- #panel{
|
|
|
+ #panel {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
@@ -175,7 +172,7 @@ iframe {
|
|
|
border-bottom: 1px solid #dedede;
|
|
|
}
|
|
|
|
|
|
- #content{
|
|
|
+ #content {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 90px;
|
|
@@ -183,10 +180,11 @@ iframe {
|
|
|
bottom: 0;
|
|
|
font-size: 17px;
|
|
|
line-height: 22px;
|
|
|
+ padding-left: 20px;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
- #navigation{
|
|
|
+ #navigation {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 90px;
|
|
@@ -197,7 +195,7 @@ iframe {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
- iframe{
|
|
|
+ iframe {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 56px;
|
|
@@ -205,11 +203,11 @@ iframe {
|
|
|
height: calc(100% - 56px);
|
|
|
}
|
|
|
|
|
|
- #expandButton{
|
|
|
+ #expandButton {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
- #panel.collapsed{
|
|
|
+ #panel.collapsed {
|
|
|
height: 56px;
|
|
|
}
|
|
|
|