| ... | ... |
@@ -76,16 +76,15 @@ iframe {
|
| 76 | 76 |
|
| 77 | 77 |
|
| 78 | 78 |
#menu-btn {
|
| 79 |
- position: absolute; |
|
| 79 |
+ /*position: absolute;*/ |
|
| 80 | 80 |
background-color: #5b7e96; |
| 81 | 81 |
border: 2px; |
| 82 | 82 |
color: white; |
| 83 |
- padding: 4px 4px; |
|
| 84 |
- margin: 2px; |
|
| 83 |
+ padding: 13px 13px; |
|
| 85 | 84 |
text-align: center; |
| 86 | 85 |
text-decoration: none; |
| 87 | 86 |
display: inline-block; |
| 88 |
- font-size: 16px; |
|
| 87 |
+ font-size: 24px; |
|
| 89 | 88 |
} |
| 90 | 89 |
|
| 91 | 90 |
#article-current {
|
| ... | ... |
@@ -60,21 +60,29 @@ function NewsSection($title, $game, $sourceHTML) {
|
| 60 | 60 |
if (x.style.display === "none") {
|
| 61 | 61 |
x.style.display = "block"; |
| 62 | 62 |
btn.innerHTML = '<i class="fa fa-eye-slash fa-fw"></i>'; |
| 63 |
+ document.getElementById('article-display').setAttribute("class", "col-6");
|
|
| 63 | 64 |
} else {
|
| 64 | 65 |
x.style.display = "none"; |
| 65 | 66 |
btn.innerHTML = '<i class="fa fa-eye fa-fw"></i>'; |
| 67 |
+ document.getElementById('article-display').setAttribute("class", "col-8");
|
|
| 66 | 68 |
} |
| 67 | 69 |
} |
| 68 | 70 |
</script> |
| 69 | 71 |
<title>News.fr</title> |
| 70 | 72 |
</head> |
| 71 | 73 |
<body> |
| 74 |
+ <div class="row"> |
|
| 75 |
+ <div class="col-11 col-s-11"> |
|
| 72 | 76 |
<div class="header"> |
| 73 | 77 |
<h1><i class="fa fa-newspaper-o fa-fw"></i> News.fr</h1> |
| 74 | 78 |
</div> |
| 79 |
+ </div><!-- ./col-11 --> |
|
| 80 |
+ <div class="col-1 col-s-1"> |
|
| 81 |
+ <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-eye-slash fa-fw"></i></button> |
|
| 82 |
+ </div><!-- ./col-1 --> |
|
| 83 |
+ </div><!-- ./row --> |
|
| 75 | 84 |
|
| 76 | 85 |
<div class="row"> |
| 77 |
- <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-eye-slash fa-fw"></i></button> |
|
| 78 | 86 |
<div id="menu-news" class="col-2 col-s-2 menu"> |
| 79 | 87 |
<ul> |
| 80 | 88 |
<?php |