default.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. /*****************************************************
  2. * MAIN - CHAMILO CSS
  3. *****************************************************/
  4. /* Adding default style for the chamilo_X themes */
  5. @import url('../base_chamilo.css');
  6. /* the following for regular <a> elements */
  7. a {
  8. text-decoration: none;
  9. color :#3757f7
  10. }
  11. a:visited {
  12. text-decoration: none;
  13. }
  14. a:hover {
  15. text-decoration: none;
  16. color: #f3840d;
  17. }
  18. a:active {
  19. text-decoration: none;
  20. color : #3757f7;
  21. }
  22. .subnav .navbar-inner {
  23. background-color: #00AAE3; /* Old browsers */
  24. background-repeat: repeat-x; /* Repeat the gradient */
  25. background-image: -moz-linear-gradient(top, #028DC2 0%, #00AAE3 100%); /* FF3.6+ */
  26. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#028DC2), color-stop(100%,#00AAE3)); /* Chrome,Safari4+ */
  27. background-image: -webkit-linear-gradient(top, #028DC2 0%, #00AAE3 100%); /* Chrome 10+,Safari 5.1+ */
  28. background-image: -ms-linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* IE10+ */
  29. background-image: -o-linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* Opera 11.10+ */
  30. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028DC2', endColorstr='#00AAE3',GradientType=0 ); /* IE6-9 */
  31. background-image: linear-gradient(top, #028DC2 0%,#00AAE3 100%); /* W3C */
  32. }
  33. .subnav .nav > li > a {
  34. border-left: 1px solid #0EA0D4;
  35. border-right: 1px solid #0EA0D4;
  36. color: white;
  37. }
  38. .subnav .nav > #current > a,
  39. .subnav .nav > #current > a:hover {
  40. color: #fff;
  41. background-color: #028DC2;
  42. border-right-color: #028DC2;
  43. }
  44. .subnav li a {
  45. color:#fff;
  46. }
  47. /* Green hover */
  48. .subnav .navbar-inner li a:hover {
  49. background: none repeat scroll 0 0 #8ECB50;
  50. color: #fff;
  51. }
  52. /*****************************************************
  53. * FOOTER STYLES *
  54. *****************************************************/
  55. footer {
  56. background-color: #037fb2;
  57. background-image: url(images/bg-footer.gif);
  58. background-repeat:repeat-x;
  59. color:#ffffff;
  60. }
  61. /*****************************************************
  62. * DISPLAY MESSAGES *
  63. *****************************************************/
  64. .normal-message {
  65. color: #00407F;
  66. border: 1px solid #CDE6F5;
  67. background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE;
  68. }
  69. .warning-message {
  70. border: 1px solid #FFB30F;
  71. color: #000;
  72. background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7;
  73. }
  74. .confirmation-message {
  75. border: 1px solid #1F8323;
  76. color:#1F8323;
  77. background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7;
  78. }
  79. .error-message {
  80. border: 1px solid #FF0000;
  81. color: #440000;
  82. background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1;
  83. }
  84. .social-menu-title {
  85. background-color:#00AAE3;
  86. }
  87. #social-content-online {
  88. background-color:#00AAE3;
  89. }
  90. .admin_section li {
  91. background-image:url(images/bullet.gif);
  92. }
  93. .system_announcements {
  94. background: transparent url('images/systemenouvelles.jpg') no-repeat top left;
  95. }
  96. .topa {
  97. background:transparent url('images/logoa4.gif') no-repeat;
  98. }
  99. .topb {
  100. background:transparent url('images/logob4.gif') no-repeat;
  101. }
  102. #bottomhellomindfactory {
  103. background:transparent url('images/textologo.jpg') no-repeat;
  104. }
  105. /*including "login" image*/
  106. button.login {
  107. background-image:url(images/bg-button.gif);
  108. }
  109. button.login:hover {
  110. }
  111. /*including "save" image*/
  112. button.save {
  113. background-image:url(images/button_accept.gif);
  114. }
  115. /*including "add" image*/
  116. button.add {
  117. background-image:url(images/button_add.gif);
  118. }
  119. /*including "cancel" image*/
  120. button.cancel {
  121. background-image:url(images/button_delete.gif);
  122. }
  123. /*including "search" image*/
  124. button.search {
  125. background-image:url(images/bg-button.gif);
  126. }
  127. /*including "plus" image*/
  128. button.plus {
  129. background-image:url(images/button_plus.gif);
  130. }
  131. /*including "minus" image*/
  132. button.minus {
  133. background-image:url(images/button_minus.gif);
  134. }
  135. /*including "next" image*/
  136. button.next {
  137. background-image:url(images/button_next.gif) !important;
  138. }
  139. /*including "back" image*/
  140. button.back {
  141. background-image:url(images/button_back.gif);
  142. }
  143. /*including "refresh" image*/
  144. button.refresh {
  145. background-image:url(images/button_refresh.gif);
  146. }
  147. /*including "upload" image*/
  148. button.upload {
  149. background-image:url(images/button_upload.gif);
  150. }
  151. button.arrowr, input.arrowr {
  152. background-image:url(images/2rightarrow.gif);
  153. }
  154. button.arrowl, input.arrowl {
  155. background-image:url(images/2leftarrow.gif);
  156. }
  157. .refresh {
  158. background-image:url(images/refresh.png);
  159. }
  160. .portal {
  161. background-image:url(images/portal.png);
  162. }
  163. #logo img {
  164. max-width: 180%;
  165. }
  166. .exercise_progress_bars_cat {
  167. width: 220px !important;
  168. }
  169. #exercise_progress_legend {
  170. margin-top:20px;
  171. float:right;
  172. width:300px;
  173. clear:both
  174. }
  175. #exercise_progress_bars {
  176. float:left;
  177. width:70%;
  178. }
  179. #exercise_progress_bars .exercise_progress_bars_cat,
  180. #exercise_progress_bars .exercise_progress_bars_cat_items {
  181. display:inline-block;
  182. }
  183. #exercise_progress_legend .legend_static {
  184. float:right;
  185. }
  186. #exercise_progress_legend .legend_dynamic {
  187. float:left;
  188. }
  189. #exercise_clock_warning {
  190. margin-top: 0 !important;
  191. }
  192. #exercise-description-content {
  193. clear: both;
  194. display: block;
  195. padding-top: 2px;
  196. }