add css themes kiddy CT#7539

app/Resources/public/css/base.css

@@ -111,28 +111,13 @@ a.thumbnail:hover{
 #carousel-announcement .carousel-control.right, #carousel-announcement .carousel-control.left{
     background-image: none;
 }
-/*
-#carousel-announcement .left, #carousel-announcement .right{
-  position: absolute;
-  top: 50%;
-  background: #00829C;
-  color: #fff;
-  margin-top: -25px;
-  height: 40px;
-  width: 40px;
-  line-height: 40px;
-  text-align: center;
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  opacity: 0.8;
-}
+
 #carousel-announcement .left{
-  left: 10px;
+  left: 0px;
 }
 #carousel-announcement .right{
-  right: 10px;
-}
+  right: 0px;
+} 
 #carousel-announcement .carousel-indicators li{
   width: 20px;
   height: 20px;
@@ -143,7 +128,7 @@ a.thumbnail:hover{
 #carousel-announcement .carousel-indicators .active{
   background: #C52D2F;
 }
-*/
+
 #notice_block p, #notice-block p{
     color: #666;
     font-size: 12px;

app/Resources/public/css/themes/chamilo_electric_blue/default.css

@@ -49,14 +49,16 @@ header{
   background: url("images/bg-blue.png") repeat-x center -25px;
 }
 .navbar-default {
-background: -moz-linear-gradient(top, rgba(0,152,191,0.29) 0%, rgba(0,107,133,0.85) 86%, rgba(0,107,133,0.94) 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,152,191,0.29)), color-stop(86%,rgba(0,107,133,0.85)), color-stop(100%,rgba(0,107,133,0.94))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, rgba(0,152,191,0.29) 0%,rgba(0,107,133,0.85) 86%,rgba(0,107,133,0.94) 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, rgba(0,152,191,0.29) 0%,rgba(0,107,133,0.85) 86%,rgba(0,107,133,0.94) 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, rgba(0,152,191,0.29) 0%,rgba(0,107,133,0.85) 86%,rgba(0,107,133,0.94) 100%); /* IE10+ */
-background: linear-gradient(to bottom, rgba(0,152,191,0.29) 0%,rgba(0,107,133,0.85) 86%,rgba(0,107,133,0.94) 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a0098bf', endColorstr='#f0006b85',GradientType=0 ); /* IE6-9 */
+background: #0099c0;
+background: -moz-linear-gradient(top, #0099c0 0%, #046e89 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099c0), color-stop(100%,#046e89));
+background: -webkit-linear-gradient(top, #0099c0 0%,#046e89 100%);
+background: -o-linear-gradient(top, #0099c0 0%,#046e89 100%);
+background: -ms-linear-gradient(top, #0099c0 0%,#046e89 100%);
+background: linear-gradient(to bottom, #0099c0 0%,#046e89 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099c0', endColorstr='#046e89',GradientType=0 );
 border-color: #0099c0;
+border-radius: 0px;
 }
 .navbar-default .navbar-brand {
   color: #ffffff;

app/Resources/public/css/themes/chamilo_green/default.css

@@ -48,13 +48,14 @@ header{
   background: url("images/bg-green.png") repeat-x center -25px;
 }
 .navbar-default {
-background: -moz-linear-gradient(top, rgba(139,190,0,0.29) 0%, rgba(107,168,0,0.84) 84%, rgba(58,134,0,0.94) 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,190,0,0.29)), color-stop(84%,rgba(107,168,0,0.84)), color-stop(100%,rgba(58,134,0,0.94))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, rgba(139,190,0,0.29) 0%,rgba(107,168,0,0.84) 84%,rgba(58,134,0,0.94) 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, rgba(139,190,0,0.29) 0%,rgba(107,168,0,0.84) 84%,rgba(58,134,0,0.94) 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, rgba(139,190,0,0.29) 0%,rgba(107,168,0,0.84) 84%,rgba(58,134,0,0.94) 100%); /* IE10+ */
-background: linear-gradient(to bottom, rgba(139,190,0,0.29) 0%,rgba(107,168,0,0.84) 84%,rgba(58,134,0,0.94) 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8bbe00', endColorstr='#f03a8600',GradientType=0 ); /* IE6-9 */
+background: #8fc400;
+background: -moz-linear-gradient(top, #8fc400 0%, #2c8e0b 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#2c8e0b));
+background: -webkit-linear-gradient(top, #8fc400 0%,#2c8e0b 100%);
+background: -o-linear-gradient(top, #8fc400 0%,#2c8e0b 100%);
+background: -ms-linear-gradient(top, #8fc400 0%,#2c8e0b 100%);
+background: linear-gradient(to bottom, #8fc400 0%,#2c8e0b 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#2c8e0b',GradientType=0 );
 border-color: #8cbf00;
 }
 .navbar-default .navbar-brand {

app/Resources/public/css/themes/chamilo_orange/default.css

@@ -58,7 +58,7 @@ a:hover{
   color: #ffffff;
 }
 header{
-  background: url("images/bg-orange.png") repeat-x center -50px;
+  background: url("images/bg-orange.png") repeat-x center -25px;
 }
 .navbar-default {
   background: #ff833c; /* Old browsers */

app/Resources/public/css/themes/chamilo_red/default.css

@@ -49,16 +49,16 @@ header{
   background: url("images/bg-red.png") repeat-x center -25px;
 }
 .navbar-default {
-  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da0000+0,ae0000+84,890000+100&0.29+0,0.94+100 */
-background: -moz-linear-gradient(top, rgba(218,0,0,0.29) 0%, rgba(174,0,0,0.84) 84%, rgba(137,0,0,0.94) 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,0,0,0.29)), color-stop(84%,rgba(174,0,0,0.84)), color-stop(100%,rgba(137,0,0,0.94))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, rgba(218,0,0,0.29) 0%,rgba(174,0,0,0.84) 84%,rgba(137,0,0,0.94) 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, rgba(218,0,0,0.29) 0%,rgba(174,0,0,0.84) 84%,rgba(137,0,0,0.94) 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, rgba(218,0,0,0.29) 0%,rgba(174,0,0,0.84) 84%,rgba(137,0,0,0.94) 100%); /* IE10+ */
-background: linear-gradient(to bottom, rgba(218,0,0,0.29) 0%,rgba(174,0,0,0.84) 84%,rgba(137,0,0,0.94) 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ada0000', endColorstr='#f0890000',GradientType=0 ); /* IE6-9 */
-  border:none;
-  border-radius: 0;
+background: #ff3019;
+background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
+background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); 
+background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); 
+background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
+background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
+border:none;
+border-radius: 0;
 }
 .navbar-default .navbar-brand {
   color: #ecf0f1;

app/Resources/public/css/themes/kiddy/default.css

@@ -35,7 +35,7 @@ body {
   line-height: 1.72222;
 }
 a{
-  color: #111111;
+  color: #666666;
 }
 a:hover{
   color: #34495E;
@@ -45,11 +45,18 @@ a:hover{
 padding: 15px 10px;
 }
 .navbar-default {
-background: #FBD232;
+background: #01a1ff;
+background: -moz-linear-gradient(top, #01a1ff 0%, #0266ef 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a1ff), color-stop(100%,#0266ef));
+background: -webkit-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -o-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -ms-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: linear-gradient(to bottom, #01a1ff 0%,#0266ef 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', endColorstr='#0266ef',GradientType=0 );
 border: none;
 }
 header{
-    background: #D3D3D3;
+    background: url(images/background.png) no-repeat 0px -20px;
 }
 .navbar{
     margin-bottom: 0;
@@ -68,19 +75,33 @@ header{
   color: #ffffff;
 }
 .navbar-default .navbar-nav > li > a {
-  color: #111;
+  color: #FFFFFF;
   text-transform: uppercase;
   font-weight: bold;
 }
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 color: #FFFFFF;
-background: #111111;
+background: #fc8a00;
+background: -moz-linear-gradient(top, #fc8a00 0%, #ff6e00 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8a00), color-stop(100%,#ff6e00));
+background: -webkit-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: -o-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: -ms-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: linear-gradient(to bottom, #fc8a00 0%,#ff6e00 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8a00', endColorstr='#ff6e00',GradientType=0 );
 }
 .navbar-default .navbar-nav > li > .dropdown-menu {
-  background: #FBD232;
+  background: #01a1ff;
+background: -moz-linear-gradient(top, #01a1ff 0%, #0266ef 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a1ff), color-stop(100%,#0266ef));
+background: -webkit-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -o-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -ms-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: linear-gradient(to bottom, #01a1ff 0%,#0266ef 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', endColorstr='#0266ef',GradientType=0 );
 }
 .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #111111;
+  color: #ffffff;
   padding: 5px;
 }
 .navbar-default .navbar-nav > li > .dropdown-menu > li{
@@ -89,31 +110,52 @@ background: #111111;
 .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
 .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
   color: #ffffff;
-  background-color: #111111;
+  background-color: #FF6700;
 }
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #0099c0;
 }
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 color: #FFFFFF;
-background: #111111;
+background: #0078a8;
+background: -moz-linear-gradient(top, #0078a8 0%, #00507f 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a8), color-stop(100%,#00507f));
+background: -webkit-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: -o-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: -ms-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: linear-gradient(to bottom, #0078a8 0%,#00507f 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a8', endColorstr='#00507f',GradientType=0 );
 }
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 color: #FFFFFF;
-background: #111111;
+background: #0078a8;
+background: -moz-linear-gradient(top, #0078a8 0%, #00507f 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a8), color-stop(100%,#00507f));
+background: -webkit-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: -o-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: -ms-linear-gradient(top, #0078a8 0%,#00507f 100%);
+background: linear-gradient(to bottom, #0078a8 0%,#00507f 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a8', endColorstr='#00507f',GradientType=0 );
 }
 .navbar-default .navbar-toggle {
-  border-color: #111;
+  border-color: #fff;
 }
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
-  background-color: #111111;
+background: #01a1ff;
+background: -moz-linear-gradient(top, #01a1ff 0%, #0266ef 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a1ff), color-stop(100%,#0266ef));
+background: -webkit-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -o-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -ms-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: linear-gradient(to bottom, #01a1ff 0%,#0266ef 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', endColorstr='#0266ef',GradientType=0 );
 }
 .navbar-default .navbar-toggle .icon-bar {
-  background-color: #666;
+  background-color: #fff;
 }
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-  border-color: #111;
+  border-color: #0071A1;
 }
 .navbar-default .navbar-link {
   color: #ffffff;
@@ -122,7 +164,7 @@ background: #111111;
   color: #ededed;
 }
 .badge{
-    background-color: #222222;
+    background-color: #F99D1C;
 }
 @media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
@@ -130,7 +172,14 @@ background: #111111;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     color: #ededed;
-    background-color: #6D0019;
+    background: #fc8a00;
+background: -moz-linear-gradient(top, #fc8a00 0%, #ff6e00 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8a00), color-stop(100%,#ff6e00));
+background: -webkit-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: -o-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: -ms-linear-gradient(top, #fc8a00 0%,#ff6e00 100%);
+background: linear-gradient(to bottom, #fc8a00 0%,#ff6e00 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8a00', endColorstr='#ff6e00',GradientType=0 );
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
     color: #ededed;
@@ -151,9 +200,16 @@ background: #111111;
     border-color: #F3F3F4;
 }
 footer{
-background: #111111;
-color: #FBD232;
-border-top: 5px solid #FBD232;
+background: #01a1ff;
+background: -moz-linear-gradient(top, #01a1ff 0%, #0266ef 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a1ff), color-stop(100%,#0266ef));
+background: -webkit-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -o-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: -ms-linear-gradient(top, #01a1ff 0%,#0266ef 100%);
+background: linear-gradient(to bottom, #01a1ff 0%,#0266ef 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', endColorstr='#0266ef',GradientType=0 );
+color: #FFB500;
+border: none;
 }
 footer a{
   color: #ffffff;
@@ -163,8 +219,36 @@ footer a:hover{
 }
 .menu-column .panel-heading{
     text-transform: uppercase;
-    background-color: #FBD232;
+    background-color: #FF6700;
+    color: #fff;
+    padding-left: 35px;
 }
 .menu-column .panel-heading a{
     font-weight: bold;
+}
+.menu-column .panel-heading a:hover{
+    color: #fff;
+}
+.menu-column .nav li a{
+    font-size: 14px;
+}
+#profile_block .panel-heading{
+    background-image: url(images/user.png);
+    background-position: 10px center;
+    background-repeat: no-repeat;
+}
+#skill_block .panel-heading{
+    background-image: url(images/star.png);
+    background-position: 10px center;
+    background-repeat: no-repeat;
+}
+#course_block .panel-heading{
+    background-image: url(images/book.png);
+    background-position: 10px center;
+    background-repeat: no-repeat;
+}
+#help_block .panel-heading{
+    background-image: url(images/rocket.png);
+    background-position: 10px center;
+    background-repeat: no-repeat;
 }

app/Resources/public/css/themes/sober_brown/default.css

@@ -142,7 +142,4 @@ footer a:hover{
 }
 .badge{
     background-color: #F7490C;
-}
-#carousel-announcement .left, #carousel-announcement .right{
-    background: #F7490C;
 }

app/Resources/public/css/themes/spacelab/default.css

@@ -158,7 +158,3 @@ footer a{
 footer a:hover{
   color: #CCC;
 }
-#carousel-announcement .left, #carousel-announcement .right,
-#carousel-announcement .carousel-indicators .active{
-    background: #4A8480;
-}

app/Resources/public/css/themes/steel_grey/default.css

@@ -146,9 +146,6 @@ footer a:hover{
 .badge{
     background-color: #F7490C;
 }
-#carousel-announcement .left, #carousel-announcement .right{
-    background: #5C6B6A;
-}
 #carousel-announcement .carousel-indicators .active{
     background: #9EB8B6;
 }