|
|
@ -6,14 +6,66 @@ |
|
|
|
|
|
|
|
<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"> |
|
|
|
<style type="text/css"> |
|
|
|
iframe{border:none;margin:0;padding:0;height:99%;position:absolute} |
|
|
|
iframe#sidebar{left:0;top:0;width:15%} |
|
|
|
iframe#main{border-left:1px solid black;left:15%;top:0;width:85%} |
|
|
|
.sidebar { |
|
|
|
width: 200px; |
|
|
|
border-right-color: gray; |
|
|
|
border-right-style: solid; |
|
|
|
border-width: 2px; |
|
|
|
margin-right: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
display: flex; |
|
|
|
height: 100vh; |
|
|
|
} |
|
|
|
|
|
|
|
fieldset { |
|
|
|
margin: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
legend { |
|
|
|
width: 100%; |
|
|
|
margin-left: -15px; |
|
|
|
background: #98E; |
|
|
|
border: 1px solid white; |
|
|
|
color: white; |
|
|
|
font-weight: bold; |
|
|
|
padding: 5px 5px |
|
|
|
} |
|
|
|
|
|
|
|
ul { |
|
|
|
margin: 0; |
|
|
|
padding: 0 |
|
|
|
} |
|
|
|
|
|
|
|
li { |
|
|
|
list-style: none; |
|
|
|
padding: 0 4px; |
|
|
|
margin: 0 4px |
|
|
|
} |
|
|
|
|
|
|
|
li a.system { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width:768px) { |
|
|
|
.sidebar { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
footer { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<title>{{ settings.title }}</title> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<iframe src="{{ settings.file_sidebar }}" id="sidebar" name="sidebar"></iframe> |
|
|
|
<iframe src="{{ settings.file_news }}" id="main" name="main"></iframe> |
|
|
|
{{ include(settings.file_sidebar) }} |
|
|
|
{{ include(settings.file_news) }} |
|
|
|
</body> |
|
|
|
</html> |
|
|
|