diff --git a/core/module/config/view/index/index.css b/core/module/config/view/index/index.css index fbc70bd8..467bf1a4 100755 --- a/core/module/config/view/index/index.css +++ b/core/module/config/view/index/index.css @@ -22,10 +22,30 @@ } .activeButton { - filter : brightness(150%); + + filter : brightness(180%); +} +.buttonTab:hover { + filter : brightness(140%); } .buttonNotice { - border: 2px solid red !important; + border: 2px solid red !important; border-radius: 2px; -} \ No newline at end of file +} + +/* Style the tab */ +.tab { + overflow: hidden; + display: inline-block; + } + + +.buttonTab { +float: left; +transition: 0.3s; +border-radius: 10px 10px 0px 0px; +width: 160px; +/*background-color: #ccc;*/ +margin: 0 1px; +} diff --git a/core/module/config/view/index/index.php b/core/module/config/view/index/index.php index b7cb0008..09c9f0f8 100644 --- a/core/module/config/view/index/index.php +++ b/core/module/config/view/index/index.php @@ -20,37 +20,38 @@ -
-
-
-
- 'Configuration' - ]); ?> -
-
- 'Localisation' - ]); ?> -
-
- 'Référencement' - ]); ?> -
-
- 'Connexion' - ]); ?> -
-
- 'Réseau' - ]); ?> -
-
-
+ +
+ 'Configuration', + 'class' => 'buttonTab' + ]); ?>
+
+ 'Localisation', + 'class' => 'buttonTab' + ]); ?> +
+
+ 'Référencement', + 'class' => 'buttonTab' + ]); ?> +
+
+ 'Connexion', + 'class' => 'buttonTab' + ]); ?> +
+
+ 'Réseau', + 'class' => 'buttonTab' + ]); ?> +
+