/* Theme Name: Frame Scorm URI Project: http://www.chamilo.org Description: Styles main base of Chamilo LMS appearance, works with Bootstrap 3.0.x Author: alex.aragon@beeznest.com Version: 1.0 */ @import url(../assets/fontawesome/css/font-awesome.min.css); @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(themes/chamilo/fonts/OpenSans-Light.woff2) format('woff2'), url(themes/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(themes/chamilo/fonts/OpenSans.woff2) format('woff2'), url(themes/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(themes/chamilo/fonts/OpenSans-Semibold.woff2) format('woff2'), url(themes/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(themes/chamilo/fonts/OpenSans-Bold.woff2) format('woff2'), url(themes/chamilo/fonts/OpenSans-Bold.woff) format('woff'); } body{ color: #666; font-family: 'Open Sans', sans-serif; line-height: 30px; } .ck{ display: block; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; } .ck-article{ text-transform: uppercase; color: #E95839; font-weight: bold; background: url(../../main/img/document/border-title.png) repeat-x 0 80%; padding-bottom: 2%; margin-bottom: 10px; } .ck-article:before{ content: "\f15c"; margin-right: 5px; font-family: FontAwesome; font-weight: normal; } .ck-paragraph-box{ background-color: #F5EEE2; padding: 2% 3%; line-height: 20px; } .ck-title2{ padding-top: 0; margin-top: 0; font-weight: 500; position: relative; color: #000; } .ck-title2:after{ background-color:#E95839; margin: 10px 0px 0px; width: 50px; height: 2px; display: block; content: ""; } figure .image.alignleft{ margin: 0 20px 20px 0; } figure .image.alignright{ margin: 0 20px 0px 20px; } figure .image{ margin: 0 20px 0px 20px; } figure figcaption{ text-align: left; background-color: #f3f3f3; padding-top: 0px; margin: 0px; border-radius: 0px; padding-left: 5px; } figure{ border: 1px solid #ddd; margin-bottom: 20px !important; padding: 5px; border-radius: 5px; } blockquote { background: #f9f9f9; border-left: 8px solid #ccc; font: 14px/20px italic Times, serif; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; display: inline-block; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } .ck-stand-out{ background-color: yellow; } /* line horizontal separation */ .ck-title { border-top: 1px solid #84bd00; display: inline-block; width: 100%; padding-top: 15px; font-weight: normal; font-size: 25px; } .ck-style2 { height: 6px; background: url(../../main/img/document/hr-2.png) repeat-x 0 0; border: 0; } .ck-title3 { border-top: 1px solid #84bd00; display: inline-block; width: 100%; padding-top: 15px; font-weight: bold; font-size: 16px; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .img-responsive { display: block; max-width: 100%; height: auto; }