editor.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. /*
  2. Theme Name: Frame Scorm
  3. URI Project: http://www.chamilo.org
  4. Description: Styles main base of Chamilo LMS appearance, works with Bootstrap 3.0.x
  5. Author:
  6. alex.aragon@beeznest.com
  7. Version: 1.0
  8. */
  9. @import url(../assets/fontawesome/css/font-awesome.min.css);
  10. @font-face {
  11. font-family: 'Open Sans';
  12. font-style: normal;
  13. font-weight: 300;
  14. 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');
  15. }
  16. @font-face {
  17. font-family: 'Open Sans';
  18. font-style: normal;
  19. font-weight: 400;
  20. src: local('Open Sans'), local('OpenSans'), url(themes/chamilo/fonts/OpenSans.woff2) format('woff2'), url(themes/chamilo/fonts/OpenSans.woff) format('woff');
  21. }
  22. @font-face {
  23. font-family: 'Open Sans';
  24. font-style: normal;
  25. font-weight: 600;
  26. 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');
  27. }
  28. @font-face {
  29. font-family: 'Open Sans';
  30. font-style: normal;
  31. font-weight: 700;
  32. 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');
  33. }
  34. body{
  35. color: #666;
  36. font-family: 'Open Sans', sans-serif;
  37. line-height: 30px;
  38. }
  39. .ck{
  40. display: block;
  41. font-style: normal;
  42. font-weight: normal;
  43. line-height: 1;
  44. font-size-adjust: none;
  45. font-stretch: normal;
  46. font-feature-settings: normal;
  47. font-language-override: normal;
  48. font-kerning: auto;
  49. font-synthesis: weight style;
  50. font-variant: normal;
  51. }
  52. .ck-article{
  53. text-transform: uppercase;
  54. color: #E95839;
  55. font-weight: bold;
  56. background: url(../../main/img/document/border-title.png) repeat-x 0 80%;
  57. padding-bottom: 2%;
  58. margin-bottom: 10px;
  59. }
  60. .ck-article:before{
  61. content: "\f15c";
  62. margin-right: 5px;
  63. font-family: FontAwesome;
  64. font-weight: normal;
  65. }
  66. .ck-paragraph-box{
  67. background-color: #F5EEE2;
  68. padding: 2% 3%;
  69. line-height: 20px;
  70. }
  71. .ck-title2{
  72. padding-top: 0;
  73. margin-top: 0;
  74. font-weight: 500;
  75. position: relative;
  76. color: #000;
  77. }
  78. .ck-title2:after{
  79. background-color:#E95839;
  80. margin: 10px 0px 0px;
  81. width: 50px;
  82. height: 2px;
  83. display: block;
  84. content: "";
  85. }
  86. figure .image.alignleft{
  87. margin: 0 20px 20px 0;
  88. }
  89. figure .image.alignright{
  90. margin: 0 20px 0px 20px;
  91. }
  92. figure .image{
  93. margin: 0 20px 0px 20px;
  94. }
  95. figure figcaption{
  96. text-align: left;
  97. background-color: #f3f3f3;
  98. padding-top: 0px;
  99. margin: 0px;
  100. border-radius: 0px;
  101. padding-left: 5px;
  102. }
  103. figure{
  104. border: 1px solid #ddd;
  105. margin-bottom: 20px !important;
  106. padding: 5px;
  107. border-radius: 5px;
  108. }
  109. blockquote {
  110. background: #f9f9f9;
  111. border-left: 8px solid #ccc;
  112. font: 14px/20px italic Times, serif;
  113. margin: 1.5em 10px;
  114. padding: 0.5em 10px;
  115. quotes: "\201C""\201D""\2018""\2019";
  116. display: inline-block;
  117. }
  118. blockquote:before {
  119. color: #ccc;
  120. content: open-quote;
  121. font-size: 4em;
  122. line-height: 0.1em;
  123. margin-right: 0.25em;
  124. vertical-align: -0.4em;
  125. }
  126. blockquote p {
  127. display: inline;
  128. }
  129. .ck-stand-out{
  130. background-color: yellow;
  131. }
  132. /* line horizontal separation */
  133. .ck-title {
  134. border-top: 1px solid #84bd00;
  135. display: inline-block;
  136. width: 100%;
  137. padding-top: 15px;
  138. font-weight: normal;
  139. font-size: 25px;
  140. }
  141. .ck-style2 {
  142. height: 6px;
  143. background: url(../../main/img/document/hr-2.png) repeat-x 0 0;
  144. border: 0;
  145. }
  146. .ck-title3 {
  147. border-top: 1px solid #84bd00;
  148. display: inline-block;
  149. width: 100%;
  150. padding-top: 15px;
  151. font-weight: bold;
  152. font-size: 16px;
  153. }
  154. .alert {
  155. padding: 15px;
  156. margin-bottom: 20px;
  157. border: 1px solid transparent;
  158. border-radius: 4px;
  159. }
  160. .alert h4 {
  161. margin-top: 0;
  162. color: inherit;
  163. }
  164. .alert .alert-link {
  165. font-weight: bold;
  166. }
  167. .alert > p,
  168. .alert > ul {
  169. margin-bottom: 0;
  170. }
  171. .alert > p + p {
  172. margin-top: 5px;
  173. }
  174. .alert-success {
  175. color: #3c763d;
  176. background-color: #dff0d8;
  177. border-color: #d6e9c6;
  178. }
  179. .alert-success hr {
  180. border-top-color: #c9e2b3;
  181. }
  182. .alert-success .alert-link {
  183. color: #2b542c;
  184. }
  185. .alert-info {
  186. color: #31708f;
  187. background-color: #d9edf7;
  188. border-color: #bce8f1;
  189. }
  190. .alert-info hr {
  191. border-top-color: #a6e1ec;
  192. }
  193. .alert-info .alert-link {
  194. color: #245269;
  195. }
  196. .alert-warning {
  197. color: #8a6d3b;
  198. background-color: #fcf8e3;
  199. border-color: #faebcc;
  200. }
  201. .alert-warning hr {
  202. border-top-color: #f7e1b5;
  203. }
  204. .alert-warning .alert-link {
  205. color: #66512c;
  206. }
  207. .alert-danger {
  208. color: #a94442;
  209. background-color: #f2dede;
  210. border-color: #ebccd1;
  211. }
  212. .alert-danger hr {
  213. border-top-color: #e4b9c0;
  214. }
  215. .alert-danger .alert-link {
  216. color: #843534;
  217. }
  218. .img-responsive {
  219. display: block;
  220. max-width: 100%;
  221. height: auto;
  222. }