/ * !
* CSS Fruity Orange - v . 2 . 0
* 2015 - Alex Aragón ( aragonc @ beeznest . com )
* Licensed GPL
* Based on Bootstrap
* /
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 300 ;
src : local ( 'Open Sans Light' ) , local ( 'OpenSans-Light' ) , url ( . . / chamilo / fonts / OpenSans-Light . woff2 ) format ( 'woff2' ) , url ( . . / chamilo / fonts / OpenSans-Light . woff ) format ( 'woff' ) ;
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 400 ;
src : local ( 'Open Sans' ) , local ( 'OpenSans' ) , url ( . . / chamilo / fonts / OpenSans . woff2 ) format ( 'woff2' ) , url ( . . / chamilo / fonts / OpenSans . woff ) format ( 'woff' ) ;
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 600 ;
src : local ( 'Open Sans Semibold' ) , local ( 'OpenSans-Semibold' ) , url ( . . / chamilo / fonts / OpenSans-Semibold . woff2 ) format ( 'woff2' ) , url ( . . / chamilo / fonts / OpenSans-Semibold . woff ) format ( 'woff' ) ;
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 700 ;
src : local ( 'Open Sans Bold' ) , local ( 'OpenSans-Bold' ) , url ( . . / chamilo / fonts / OpenSans-Bold . woff2 ) format ( 'woff2' ) , url ( . . / chamilo / fonts / OpenSans-Bold . woff ) format ( 'woff' ) ;
}
html {
-ms-text-size-adjust : 100 % ;
-webkit-text-size-adjust : 100 % ;
}
body {
margin : 0 ;
font-family : 'Open Sans' , sans-serif ;
line-height : 1 . 72222 ;
}
a {
color : # 666666 ;
}
a : hover {
color : # 50B387 ;
text-decoration : none ;
}
. navbar-default {
background : # ff670f ;
background : -moz-linear-gradient ( top , # ff670f 0 % , # fc3200 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # ff670f ) , color-stop ( 100 % , # fc3200 ) ) ;
background : -webkit-linear-gradient ( top , # ff670f 0 % , # fc3200 100 % ) ;
background : -o-linear-gradient ( top , # ff670f 0 % , # fc3200 100 % ) ;
background : -ms-linear-gradient ( top , # ff670f 0 % , # fc3200 100 % ) ;
background : linear-gradient ( to bottom , # ff670f 0 % , # fc3200 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff670f' , endColorstr = '#fc3200' , GradientType = 0 ) ;
border : none ;
}
. navbar-default . navbar-brand {
color : # ffffff ;
}
. navbar-default . navbar-brand : hover , . navbar-default . navbar-brand : focus {
color : # ededed ;
}
. navbar-default . navbar-text {
color : # ffffff ;
}
. navbar-default . navbar-nav li {
border-left : 1px solid # FF5D00 ;
border-right : 1px solid # FC3200 ;
}
. navbar-default . navbar-nav > li > a {
color : # FFFFFF ;
}
. navbar-default . navbar-nav > li > a : hover , . navbar-default . navbar-nav > li > a : focus {
color : # FFFFFF ;
background : # FF650D ;
}
. navbar-default . navbar-nav > li > . dropdown-menu {
background : # FFFFFF ;
}
. navbar-default . navbar-nav > li > . dropdown-menu > li > a {
color : # ffffff ;
}
. navbar-default . navbar-nav > li > . dropdown-menu > li {
border : none ;
}
. navbar-default . navbar-nav > li > . dropdown-menu > li > a : hover ,
. navbar-default . navbar-nav > li > . dropdown-menu > li > a : focus {
color : # ededed ;
background-color : # FF650D ;
}
. 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 : # FF650D ;
}
. navbar-default . navbar-nav > . open > a , . navbar-default . navbar-nav > . open > a : hover , . navbar-default . navbar-nav > . open > a : focus {
color : # FFFFFF ;
background : # FF650D ;
}
. navbar-default . navbar-toggle {
border-color : # 6D0019 ;
}
. navbar-default . navbar-toggle : hover , . navbar-default . navbar-toggle : focus {
background-color : # 6D0019 ;
}
. navbar-default . navbar-toggle . icon-bar {
background-color : # ffffff ;
}
. navbar-default . navbar-collapse ,
. navbar-default . navbar-form {
border-color : # 6D0019 ;
}
. navbar-default . navbar-link {
color : # ffffff ;
}
. navbar-default . navbar-link : hover {
color : # ededed ;
}
. badge {
background-color : # 50B387 ;
}
@ media ( max-width : 767px ) {
. navbar-default . navbar-nav . open . dropdown-menu > li > a {
color : # ffffff ;
}
. 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 ;
}
. 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 ;
background-color : # 0099c0 ;
}
}
. breadcrumb {
background : # F9F9F9 ;
color : # 006A84 ;
}
. nav li a : hover {
background : transparent ;
}
. panel-default . panel-heading {
background-color : # EBECF2 ;
}
. panel-default {
border-color : # F3F3F4 ;
}
footer . bgfooter {
background : # 000000 ;
color : # FF6700 ;
border-top : 4px solid # FF6700 ;
}
footer . bgfooter a {
color : # ffffff ;
}
footer . bgfooter a : hover {
color : # CCC ;
}