]> _ Git - cubedesigners-v7.git/commitdiff
(no commit message)
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Tue, 9 Sep 2014 12:13:03 +0000 (12:13 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Tue, 9 Sep 2014 12:13:03 +0000 (12:13 +0000)
framework/application/forms/CMS/Expertise.php
framework/application/views/helpers/CasestudiesTagsList.php
framework/application/views/helpers/CategoriesList.php
framework/application/views/helpers/HomeBlocs.php
framework/application/views/helpers/Liste.php
framework/application/views/helpers/Tags.php [new file with mode: 0644]
framework/application/views/scripts/templates/expertise.phtml [new file with mode: 0644]
less/casestudies.less
less/list.less
less/realisations.less
less/taglist.less [new file with mode: 0644]

index 54b7c7154217c484a048260695a0546dd8e65a13..a8e5b19711d0d06ed427944ce3899fc5e8299b08 100644 (file)
@@ -1,5 +1,9 @@
 <?php
 
-class Cubedesigners_Form_CMS_Expertise extends Cubedesigners_Form_CMS {
+class Cubedesigners_Form_CMS_Expertise extends Cubedesigners_Form_CMS_Expertises {
+
+       public function init() {
+               parent::init();
+       }
 
 }
index 747b29f6885332928166812b92df34d139a6d549..7f4c3d1501812a048c852c131d76e1f051945f04 100644 (file)
@@ -1,46 +1,46 @@
-<?php\r
-\r
-class Cubedesigners_View_Helper_CasestudiesTagsList extends Zend_View_Helper_Abstract {\r
-\r
-        public function CasestudiesTagsList($studies) {\r
-\r
-                $tagslist = Array();\r
-\r
-                $db0 = Zend_Db_Table::getDefaultAdapter();\r
-                $s0 = $db0->select()->from('casestudies')\r
-                        ->order('id ASC');\r
-                $s0->where('online = ?', 1);\r
-                $q0 = $s0->query();\r
-\r
-                while ($r0 = $q0->fetch()) {\r
-                        $temp = explode(',', $r0->tags);\r
-\r
-                        for ($i = 0; $i < count($temp); $i++) {\r
-                                if (!in_array($temp[$i], $tagslist)) {\r
-                                        array_push($tagslist, $temp[$i]);\r
-                                }\r
-                        }\r
-                }\r
-\r
-                $db = Zend_Db_Table::getDefaultAdapter();\r
-                $s = $db->select()->from('tags')\r
-                        ->order('name ASC');\r
-                $q = $s->query();\r
-\r
-                $res = '<ul class="taglist">';\r
-                $res .= '<li class="tag active" data-id="0">' . __('TOUT VOIR') . '</li>';\r
-\r
-                while ($r = $q->fetch()) {\r
-\r
-                        if (in_array($r->id, $tagslist)) {\r
-                                $res .= '<li class="tag" data-id="' . $r->id . '">' . $r->name . '</li>';\r
-                        }\r
-                }\r
-\r
-                $res.='</ul>';\r
-                return $res;\r
-        }\r
-\r
-}\r
-\r
-?>\r
+<?php
+
+class Cubedesigners_View_Helper_CasestudiesTagsList extends Zend_View_Helper_Abstract {
+
+       public function CasestudiesTagsList($studies) {
+
+               $tagslist = Array();
+
+               $db0 = Zend_Db_Table::getDefaultAdapter();
+               $s0 = $db0->select()->from('casestudies')
+                               ->order('id ASC');
+               $s0->where('online = ?', 1);
+               $q0 = $s0->query();
+
+               while ($r0 = $q0->fetch()) {
+                       $temp = explode(',', $r0->tags);
+
+                       for ($i = 0; $i < count($temp); $i++) {
+                               if (!in_array($temp[$i], $tagslist)) {
+                                       array_push($tagslist, $temp[$i]);
+                               }
+                       }
+               }
+
+               $db = Zend_Db_Table::getDefaultAdapter();
+               $s = $db->select()->from('tags')
+                               ->order('name ASC');
+               $q = $s->query();
+
+               $tags = array();
+               while ($r = $q->fetch()) {
+                       if (in_array($r->id, $tagslist)) {
+                               $tags[$r->id] = $r->name;
+                       }
+               }
+
+               $res.=$this->view->tags($tags);
+
+
+
+               return $res;
+       }
+
+}
+
+?>
index 07a3e4cc6b96658c2b5d80c84308dad77bebcd7c..620e6c6b15878a18fff011d28b2f54e60a438651 100644 (file)
@@ -1,54 +1,47 @@
-<?php\r
-\r
-class Cubedesigners_View_Helper_CategoriesList extends Zend_View_Helper_Abstract {\r
-\r
-        public function CategoriesList($rubrique) {\r
-\r
-                $acl = Bootstrap::getInstance()->isAllowed("edition");\r
-\r
-                $categorieslist = Array();\r
-\r
-                $db0 = Zend_Db_Table::getDefaultAdapter();\r
-                $s0 = $db0->select()->from($rubrique)\r
-                        ->order('id ASC');\r
-                if (!$acl) {\r
-                        $s0->where('online = ?', 1);\r
-                }\r
-\r
-                $q0 = $s0->query();\r
-\r
-                while ($r0 = $q0->fetch()) {\r
-\r
-                        if (!in_array($r0->categories, $categorieslist)) {\r
-                                array_push($categorieslist, $r0->categories);\r
-                        }\r
-                }\r
-\r
-                $db = Zend_Db_Table::getDefaultAdapter();\r
-                $s = $db->select()->from('categories')\r
-                        ->order('name ASC');\r
-                $q = $s->query();\r
-\r
-                $res = '<ul class="taglist">';\r
-                $res .= '<li class="tag active" data-id="0">' . __('TOUT VOIR') . '</li>';\r
-\r
-                while ($r = $q->fetch()) {\r
-\r
-                        $addOffline = '';\r
-                        if ($acl && $r->online == 0) {\r
-                                $addOffline = 'data-offline="1"';\r
-                        }\r
-\r
-                        if (in_array($r->id, $categorieslist)) {\r
-\r
-                                $res .= '<li class="tag" ' . $addOffline . ' data-id="' . $r->id . '">' . $r->name . '</li>';\r
-                        }\r
-                }\r
-\r
-                $res.='</ul>';\r
-                return $res;\r
-        }\r
-\r
-}\r
-\r
-?>\r
+<?php
+
+class Cubedesigners_View_Helper_CategoriesList extends Zend_View_Helper_Abstract {
+
+       public function CategoriesList($rubrique) {
+
+               $acl = Bootstrap::getInstance()->isAllowed("edition");
+
+               $categorieslist = Array();
+
+               $db0 = Zend_Db_Table::getDefaultAdapter();
+               $s0 = $db0->select()->from($rubrique)
+                               ->order('id ASC');
+               if (!$acl) {
+                       $s0->where('online = ?', 1);
+               }
+
+               $q0 = $s0->query();
+
+               while ($r0 = $q0->fetch()) {
+
+                       if (!in_array($r0->categories, $categorieslist)) {
+                               array_push($categorieslist, $r0->categories);
+                       }
+               }
+
+               $db = Zend_Db_Table::getDefaultAdapter();
+               $s = $db->select()->from('categories')
+                               ->order('name ASC');
+               $q = $s->query();
+
+
+               $tags = array();
+               while ($r = $q->fetch()) {
+                       if (in_array($r->id, $categorieslist)) {
+                               $tags[$r->id] = $r->name;
+                       }
+               }
+               $res.=$this->view->tags($tags);
+
+
+               return $res;
+       }
+
+}
+
+?>
index b63e951a7bc9a44fca1a7dabd4f70bf09c986a09..25dbe56fcff4335d9701e04f5e9dccff81a186d0 100644 (file)
@@ -2,30 +2,39 @@
 
 class Cubedesigners_View_Helper_HomeBlocs extends Zend_View_Helper_Abstract {
 
-       public function homeBlocs($blocs, $displayDetailsButton = false) {
+       public function homeBlocs($blocs, $displayDetailsButton = false, $cols = 2) {
 
                $blocs = $blocs['blocs'];
 
-               $res = '<div class="blocs">';
+               $res = '';
                $i = 0;
-               foreach ($blocs as $id => $bloc) {
-                       if (($i % 2) == 0 && $i != 0) {
-                               $res.='<div class="spacer"></div>';
+               foreach ($blocs as $bloc) {
+                       if ($cols == 2) {
+                               if (($i % 2) == 0 && $i != 0) {
+                                       $res.='<div class="spacer"></div>';
+                               }
                        }
                        $image = $this->view->imageCms($bloc['picto'], $bloc['titre'], 120, 120);
                        $res .= '<article class="sousbloc">';
                        $res.= $image;
+
+                       $res.= '<div class="text">';
                        $res.= '<h3>' . $bloc['titre'] . '</h3>';
-                       $res.= '<div class="text">' . $this->view->markupDotclear($bloc['texte']);
-                       if ($displayDetailsButton) {
+                       $res.=$this->view->markupDotclear($bloc['texte']);
+                       if ($displayDetailsButton && isset($bloc['lien']) && $bloc['lien']) {
                                $res.=$this->view->linkInternal(__('En savoir plus'), $bloc['lien'], array('class' => 'but'));
                        }
                        $res.='</div>';
                        $res .= '</article>';
                        $i++;
                }
-               $res .= '</div>';
-               return $res;
+
+               $class = array('blocs');
+               if ($cols == 2) {
+                       $class[] = 'two';
+               }
+
+               return $this->view->htmlElement($res, 'div', array('class' => $class));
        }
 
 }
index a853fe748d2bbc3b601a1e59227c350872ea2efd..755874cfc489b96a4949e200a3f36420f385cea2 100644 (file)
@@ -2,7 +2,7 @@
 
 class Cubedesigners_View_Helper_Liste extends Zend_View_Helper_Abstract {
 
-       public function liste($items, $displayDetailsButtons = false, $attrs = array()) {
+       public function liste($items, $displayDetailsButtons = false, $attrs = array(), $cols = 2) {
 
                $defaultAttrs = array('class' => array('list'));
                $attrs = array_merge($defaultAttrs, $attrs);
@@ -10,7 +10,7 @@ class Cubedesigners_View_Helper_Liste extends Zend_View_Helper_Abstract {
                $this->view->headLink()->appendStylesheet('/less/list.less');
                $res = '<div class="bloc-holder">';
                $res.='<h2>' . ucfirst($items['titre']) . '</h2>';
-               $res.=$this->view->homeBlocs($items, $displayDetailsButtons);
+               $res.=$this->view->homeBlocs($items, $displayDetailsButtons, $cols);
                if ($items['button']['label']) {
                        $res.=$this->view->linkCMS($items['button'], array('class' => 'but'));
                }
diff --git a/framework/application/views/helpers/Tags.php b/framework/application/views/helpers/Tags.php
new file mode 100644 (file)
index 0000000..8d58825
--- /dev/null
@@ -0,0 +1,20 @@
+<?php
+
+class Cubedesigners_View_Helper_Tags extends CubeIT_View_Helper_ListUnordered {
+
+       function tags($tags, $attrs = array()) {
+               $this->view->headLink()->appendStylesheet('/less/taglist.less');
+               if (isset($attrs['class'])) {
+                       $attrs['class'].=" tags";
+               } else {
+                       $attrs['class'] = 'tags';
+               }
+               $items[] = array('content' => __('TOUT VOIR'), 'class' => 'active', 'data-id' => 0);
+
+               foreach ($tags as $id => $name) {
+                       $items[] = array('content' => $name, 'data-id' => $id);
+               }
+               return $this->listUnordered($items, $attrs);
+       }
+
+}
diff --git a/framework/application/views/scripts/templates/expertise.phtml b/framework/application/views/scripts/templates/expertise.phtml
new file mode 100644 (file)
index 0000000..5ed48f1
--- /dev/null
@@ -0,0 +1,6 @@
+<?php
+
+$this->headScript()->addScriptAndStyle('expertises');
+echo $this->twocols();
+echo $this->htmlElement(nl2br($this->citation), 'blockquote', array('class' => 'citation'));
+echo $this->liste($this->expertises, true, array('id' => 'expertises'), 1);
index e42d7a1056db710d80fe72b0ca81f52ad4f9a26b..a260a41bbd8ee9e26a1ef2843ceba9de7bb1d295 100644 (file)
@@ -1,49 +1,16 @@
-#casestudies-tagslist {
-    min-width: 980px;
-    max-width: 980px;
-    margin: 0 auto;
-    padding: 0 0 20px 0;
-    
-    ul {
-       list-style: none;
-    }
-
-    li {
-        font-size: 14px;
-        color: #6f6f6f;
-        padding: 3px 6px;
-        border-radius: 2px;
-        background-color: #ededed;
-        margin:0 6px 6px 0;
-        display: inline-block;
-    }
-
-    li:hover, li:active {
-        cursor: pointer;
-        color: #fff;
-        background-color: #84ae1e;
-    }
-
-    .active {
-        color: #fff;
-        background-color: #84ae1e;
-    }
-}
-
-
 #casestudies-list {
     min-width: 980px;
     max-width: 980px;
     margin: 0 auto;
     padding: 0 0 50px 0;
     overflow: hidden;
-    
-    .bloc {    
+
+    .bloc {
         width:300px;
         float:left;
     }
 
-    a,a:hover {    
+    a,a:hover {
         color:#000;
     }
 
@@ -57,7 +24,7 @@
     .bloc .project-title {
         font-size: 32px;
     }
-     .bloc .project-description {
+       .bloc .project-description {
         font-size: 14px;
         margin-bottom: 20px;
     }
@@ -77,6 +44,6 @@
 
 /* max-width pour faibles rĂ©solutions */
 @media screen and (max-width: 1009px) {
-       
-    
+
+
 }
\ No newline at end of file
index d249074ff6ea65b9ed72e2aac65f9133587f675d..707964805caafe5293691f593460642ab9fde6e8 100644 (file)
@@ -29,28 +29,43 @@ section.list{
                        background-color: #2874ce;
                }
 
+
+
                .blocs {
                        padding: 40px 0;
                        overflow:hidden;
-                       white-space:nowrap;
+
                        .spacer {
                                clear:left;
                                padding:25px 0;
                        }
 
+                       &.two{
+                               white-space:nowrap;
+                               .sousbloc{
+                                       white-space: normal;
+                                       width:470px;
+                                       margin:0 40px 0 0;
+                                       .text{
+                                               width:325px;
+                                       }
+                               }
+                       }
+
                        .sousbloc {
-                               white-space: normal;
                                display:inline-block;
-                               width:470px;
-                               margin:0 40px 0 0;
+                               widows: 980px;
+                               margin:0 0 50px 0;
 
                                .text {
-                                       width: 60%;
-                                       float:left;
+                                       display: inline-block;
+                                       width:835px;
+                                       vertical-align: top;
                                }
                                img {
-                                       float:left;
-                                       padding: 0 25px 0 0;
+                                       display: inline-block;
+                                       margin:0 25px 0 0;
+                                       vertical-align: top;
                                }
                        }
                }
index 51241972a81d90e8c550f139d157e8d400931ec0..e84aac4a27ad756ad7f00a43ed05dd4705609cca 100644 (file)
@@ -1,35 +1,7 @@
 #realisations-tagslist {
-    min-width: 980px;
-    max-width: 980px;
+    width: 980px;
     margin: 0 auto;
     padding: 0 0 20px 0;
-    
-    ul {
-    list-style: none;
-    }
-    
-    li {
-        font-size: 14px;
-        color: #6f6f6f;
-        padding: 3px 6px;
-        border-radius: 2px;
-        background-color: #ededed;
-        margin:0 6px 6px 0;
-        display: inline-block;
-    }
-
-    li:hover, li:active {
-        cursor: pointer;
-        color: #fff;
-        background-color: #84ae1e;
-    }
-
-    .active {
-        color: #fff;
-        background-color: #84ae1e;
-    }
-    
-    
 }
 
 
     max-width: 980px;
     margin: 0 auto;
     padding: 0 0 50px 0;
-   // overflow: hidden;
-    
-    .bloc {    
+       // overflow: hidden;
+
+    .bloc {
         width:230px;
         //float:left;
-       display:inline-block;
+               display:inline-block;
     }
-    
-    a,a:hover {    
+
+    a,a:hover {
         color:#000;
     }
 
         background-color: #ccc;
         margin:0;
     }
-    
+
     .bloc .gray {
-       filter: grayscale(100%);
-       -webkit-filter: grayscale(100%);
-       -moz-filter: grayscale(100%);
-       -o-filter: grayscale(100%);
-       -ms-filter: grayscale(100%);
-       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-       filter: gray; /* IE6-9 */
+               filter: grayscale(100%);
+               -webkit-filter: grayscale(100%);
+               -moz-filter: grayscale(100%);
+               -o-filter: grayscale(100%);
+               -ms-filter: grayscale(100%);
+               filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
+               filter: gray; /* IE6-9 */
 
     }
-    
+
     .bloc  {
-       filter: grayscale(0%);
-       -webkit-filter: grayscale(0%);
-       -moz-filter: grayscale(0%);
-       -o-filter: grayscale(0%);
-       -ms-filter: grayscale(0%);
-       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
+               filter: grayscale(0%);
+               -webkit-filter: grayscale(0%);
+               -moz-filter: grayscale(0%);
+               -o-filter: grayscale(0%);
+               -ms-filter: grayscale(0%);
+               filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
         //filter: none; /* IE6-9 */
         transition: all 500ms;
     }
-    
-    
+
+
     .bloc .project-title {
         font-size: 14px;
         padding: 0 0 20px 0;
     }
 
     .blocmargin {
-       margin:0 15px 15px 0;
-           
+               margin:0 15px 15px 0;
+
     }
-    
+
     .spacer {
         clear: left;
         height:20px;
     }
-    
+
     #detail {
-       height:440px;
-       clear: both;
-       display:none;
-       margin-bottom: 15px;    
+               height:440px;
+               clear: both;
+               display:none;
+               margin-bottom: 15px;
         width:10000px;
-       white-space: nowrap;
-       transition: all .5s;
+               white-space: nowrap;
+               transition: all .5s;
     }
-    
+
     .showUp {
         height:0px !important;
         overflow:hidden;
         opacity: 0;
-      }
-      
-      .showDown {
+       }
+
+       .showDown {
         height:440px !important;
         opacity: 1;
-      }
-    
+       }
+
     #detailContent {
-       overflow: visible;
-       width: 100%;
-       height: auto;
-        
+               overflow: visible;
+               width: 100%;
+               height: auto;
+
         .close {
-               position:absolute;
-               right: 0;
-               //top: 0;
-               background-image: url('../images/rea_close.jpg');
-               width: 62px;
-               height: 62px;
-               cursor: pointer;
-           }
+                       position:absolute;
+                       right: 0;
+                       //top: 0;
+                       background-image: url('../images/rea_close.jpg');
+                       width: 62px;
+                       height: 62px;
+                       cursor: pointer;
+               }
     }
-    
-    
+
+
     #detail .detailLeft {
-       vertical-align: top;
+               vertical-align: top;
         display:inline-block;
-       width:230px;
-       min-width: 230px;
-       max-width: 230px;
-       padding-right:15px;
+               width:230px;
+               min-width: 230px;
+               max-width: 230px;
+               padding-right:15px;
         white-space: normal;
-       
-       div {
-           max-width: 220px;
-       }
-       
-       .titre {
-           font-size: 32px;
-       }
-       
-       .legende {
-           font-size: 14px;
-           color: #545454;
-       }
-       
-       .agence {
-           font-size: 14px;
-           color: #545454;
-       }
-       
+
+               div {
+                       max-width: 220px;
+               }
+
+               .titre {
+                       font-size: 32px;
+               }
+
+               .legende {
+                       font-size: 14px;
+                       color: #545454;
+               }
+
+               .agence {
+                       font-size: 14px;
+                       color: #545454;
+               }
+
         ul {
-                margin-top:20px;
-                list-style: none;
-             }
+                       margin-top:20px;
+                       list-style: none;
+               }
 
         li {
-                 font-size: 14px;
-                 color: #6f6f6f;
-                 padding: 3px 6px;
-                 border-radius: 2px;
-                 background-color: #ededed;
-                 margin:0 6px 6px 0;
-                 display: inline-block;
-             }
-             
+                       font-size: 14px;
+                       color: #6f6f6f;
+                       padding: 3px 6px;
+                       border-radius: 2px;
+                       background-color: #ededed;
+                       margin:0 6px 6px 0;
+                       display: inline-block;
+               }
+
         li:hover, li:active {
-                cursor:default;
-                color: #fff;
-                background-color: #84ae1e;
-            }
-        
-       .description {
-           font-size: 14px;
-           color: #545454;
-           margin-bottom: 20px;
-           margin-top:20px;
-       }
-       
+                       cursor:default;
+                       color: #fff;
+                       background-color: #84ae1e;
+               }
+
+               .description {
+                       font-size: 14px;
+                       color: #545454;
+                       margin-bottom: 20px;
+                       margin-top:20px;
+               }
+
     }
-    
+
     .link {
-           background-color: #3885e0;
-           border-radius: 2px;
-           padding: 5px 20px;
-           color:#fff;
+               background-color: #3885e0;
+               border-radius: 2px;
+               padding: 5px 20px;
+               color:#fff;
        }
 
     .link:hover {
-           background-color: #84ae1e;
-           color:#fff;
+               background-color: #84ae1e;
+               color:#fff;
        }
-    
+
     #detail .detailRight {
-       display:inline-block;
-       vertical-align:top;
-       //position: absolute;
-       //right: 0;
-       
-       
-       
-       
-       .slides {
-           overflow: hidden;
-           width: 10000px;
-       }
-       
-       
-       .slides ul{
-               position:relative;
-               list-style-type:none;
-               margin: 0px;
-               padding: 0px;
-               width:9999px;
-       }
+               display:inline-block;
+               vertical-align:top;
+               //position: absolute;
+               //right: 0;
+
+
+
+
+               .slides {
+                       overflow: hidden;
+                       width: 10000px;
+               }
+
+
+               .slides ul{
+                       position:relative;
+                       list-style-type:none;
+                       margin: 0px;
+                       padding: 0px;
+                       width:9999px;
+               }
+
+               .slides li{
+                       padding:0px;
+                       margin:0px;
+                       list-style:none;
+                       display: inline-block;
+               }
+
+
+
 
-       .slides li{
-               padding:0px;
-               margin:0px;
-               list-style:none;
-               display: inline-block;
-       }
-       
-       
-       
-       
     }
-    
-    
+
+
 
 }
 
 
 /* max-width pour faibles rĂ©solutions */
 @media screen and (max-width: 1009px) {
-       
-    
+
+
 }
diff --git a/less/taglist.less b/less/taglist.less
new file mode 100644 (file)
index 0000000..6c5de08
--- /dev/null
@@ -0,0 +1,21 @@
+ul.tags {
+       margin:0 0 20px;
+       list-style: none;
+       li {
+               font-size: 14px;
+               color: #6f6f6f;
+               padding: 3px 6px;
+               border-radius: 2px;
+               background-color: #ededed;
+               margin:0 6px 6px 0;
+               display: inline-block;
+               &:before{
+                       content:"" !important;
+               }
+               &:hover, &.active {
+                       cursor: pointer;
+                       color: #fff;
+                       background-color: #84ae1e;
+               }
+       }
+}
\ No newline at end of file