... | ... |
@@ -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 |