Display: Fix banner image display for various themes and minors visual fixes for this

pull/4412/head
Borja Sánchez 3 years ago
parent 561b2b9af2
commit 9f5ac6e347
  1. 27
      app/Resources/public/css/themes/academica/default.css
  2. 30
      app/Resources/public/css/themes/beach/default.css
  3. 29
      app/Resources/public/css/themes/blue_lagoon/default.css
  4. 27
      app/Resources/public/css/themes/chamilo_electric_blue/default.css
  5. 28
      app/Resources/public/css/themes/chamilo_green/default.css
  6. 28
      app/Resources/public/css/themes/chamilo_orange/default.css
  7. 27
      app/Resources/public/css/themes/chamilo_red/default.css
  8. 26
      app/Resources/public/css/themes/chamilo_sport_red/default.css
  9. 26
      app/Resources/public/css/themes/cosmic_campus/default.css
  10. 30
      app/Resources/public/css/themes/holi/default.css
  11. 29
      app/Resources/public/css/themes/kiddy/default.css
  12. 29
      app/Resources/public/css/themes/medical/default.css
  13. 28
      app/Resources/public/css/themes/spacelab/default.css

@ -125,6 +125,9 @@ header{
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
.breadcrumb{
background: #ddecef;
color: #006A84;
@ -149,4 +152,28 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -56,7 +56,7 @@ a:focus {
text-decoration: none;
}
header{
background: url("images/bg-playa.png") repeat-x 0 -50px;
background: url("images/bg-playa.png") repeat-x center -25px;
}
a:focus {
outline: none;
@ -168,7 +168,9 @@ a:focus {
background:#3C4147 !important;
color: #fff;
}
.logo {
margin: 50px 0;
}
.badge-warning{
background-color: #FD6600;
}
@ -232,4 +234,28 @@ footer.bgfooter a{
}
.page-header{
margin: 10px 0 10px;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -53,7 +53,7 @@ a:hover{
color: #3F9BC7;
}
header{
background: url("images/bg-blue.png") repeat-x center -50px;
background: url("images/bg-blue.png") repeat-x center -10px;
}
.navbar-default {
background: #2e75a3;
@ -104,6 +104,9 @@ header{
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
.breadcrumb{
background: #afdde9;
color: #006A84;
@ -121,4 +124,28 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 30px 0;
}
}

@ -117,6 +117,9 @@ border-radius: 0px;
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
.breadcrumb{
background: #afdde9;
color: #006A84;
@ -133,4 +136,28 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 20px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 5px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 15px 0;
}
}

@ -80,7 +80,6 @@ border-color: #8cbf00;
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #c9ed16;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
background-color: #68a814;
}
@ -118,6 +117,9 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', end
.navbar-default .navbar-link:hover {
color: #c9ed16;
}
.logo {
margin: 50px 0;
}
.panel-default .panel-heading{
background-color: #E5E5E5;
}
@ -143,4 +145,28 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -45,7 +45,6 @@ body > main footer.footer {
position: absolute;
right: 0;
}
a{
color: #666666;
}
@ -117,6 +116,9 @@ header{
.navbar-default .navbar-link:hover {
color: #f8e386;
}
.logo {
margin: 50px 0;
}
.breadcrumb{
background: #E5E5E5;
}
@ -139,4 +141,28 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #FF813A;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -119,6 +119,9 @@ border-radius: 0;
.navbar-default .navbar-link:hover {
color: #ffdb00;
}
.logo {
margin: 50px 0;
}
.panel-default .panel-heading{
background-color: #EDEDED;
}
@ -147,4 +150,28 @@ footer.bgfooter a:hover{
}
#carousel-announcement .left, #carousel-announcement .right{
background: #AE0000;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -147,7 +147,10 @@ background: #020202;
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 47px 0;
}
/* Medium-small screens*/
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
@ -159,6 +162,9 @@ background: #020202;
color: #ededed;
background-color: #0099c0;
}
.logo {
margin: 24px 0;
}
}
footer.bgfooter{
background: #000000;
@ -190,4 +196,22 @@ footer.bgfooter a:hover{
color: #2c3e50;
background-color:#ECF0F1;
border-color: #ECF0F1;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 35px 0;
}
}

@ -139,7 +139,10 @@ header{
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
/* Medium-small screens*/
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ededed;
@ -148,6 +151,9 @@ header{
color: #ededed;
background-color: #0099c0;
}
.logo {
margin: 24px 0;
}
}
.breadcrumb{
background: #ddecef;
@ -170,4 +176,22 @@ footer.bgfooter a{
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -56,7 +56,7 @@ a:focus {
text-decoration: none;
}
header{
background: url("images/bg-abstract.png") repeat-x 0 -50px;
background: url("images/bg-abstract.png") repeat-x center -50px;
}
a:focus {
outline: none;
@ -191,7 +191,9 @@ a:focus {
background:#3C4147 !important;
color: #fff;
}
.logo {
margin: 38px 0;
}
.badge-warning{
background-color: #FD6600;
}
@ -256,3 +258,27 @@ footer.bgfooter a{
.page-header{
margin: 10px 0 10px;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 15px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 15px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -62,7 +62,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', end
border: none;
}
header{
background: url(images/background.png) no-repeat 0px -20px;
background: url(images/background.png) repeat-x center -20px;
}
.navbar{
margin-bottom: 0;
@ -162,6 +162,9 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a1ff', end
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
.badge{
background-color: #F99D1C;
}
@ -251,4 +254,28 @@ footer.bgfooter a:hover{
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 40px;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 40px 0;
}
}

@ -67,7 +67,7 @@ border: none;
font-family: 'DIN Next Rounded LT Pro', sans-serif;
}
header{
background: url(images/background.png);
background: url(images/background.png) repeat-x center -25px;
}
.navbar{
margin-bottom: 0;
@ -166,6 +166,9 @@ background: #F38A1E;
.nav li a:hover{
background: transparent;
}
.logo {
margin: 50px 0;
}
.panel-default .panel-heading{
background-color: #EDEDED;
}
@ -196,4 +199,28 @@ footer.bgfooter a:hover{
}
.menu-column .panel-heading a{
font-weight: bold;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}

@ -131,7 +131,9 @@ border:none;
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
@ -165,3 +167,27 @@ footer.bgfooter a{
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}
Loading…
Cancel
Save