default.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. /*****************************************************
  2. * MAIN - CHAMILO CSS GREEN
  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:link {
  8. text-decoration: none;
  9. color :#01933e;
  10. }
  11. a:visited {
  12. text-decoration: none;
  13. color : #01933e;
  14. }
  15. a:hover {
  16. text-decoration: none;
  17. color: #f3840d;
  18. }
  19. a:active {
  20. text-decoration: none;
  21. color : #01933e;
  22. }
  23. #header1 {
  24. background-image:url(images/bg-header1.gif);
  25. }
  26. #header3 {
  27. /* background-image:url(images/bg-header4.png); */
  28. }
  29. #header4 {
  30. /* background-image:url(images/bg-header4.png); */
  31. }
  32. #header3 a {
  33. background:transparent url(images/tab_left.gif) no-repeat scroll left top;
  34. }
  35. #header3 li a span {
  36. background:transparent url(images/tab_right.gif) no-repeat scroll right top;
  37. }
  38. #current a {
  39. background:transparent url(images/tab_left-active.gif) no-repeat scroll left top;
  40. }
  41. #current {
  42. background:transparent url(images/tab_center-active.gif) no-repeat scroll right top;
  43. }
  44. #current #tab_active {
  45. background:transparent url(images/tab_right-active.gif) no-repeat scroll right top;
  46. }
  47. /*****************************************************
  48. * FOOTER STYLES *
  49. *****************************************************/
  50. #footer {
  51. background-color: #79aa0b;
  52. background-image: url(images/bg-footer.gif);
  53. background-repeat:repeat-x;
  54. font-size: 12px;
  55. color:#ffffff;
  56. /*height: 10em;*/ /* Do not change this value */
  57. overflow:hidden;
  58. width: 100%;
  59. padding-bottom:18px;
  60. }
  61. /* Sticky footer*/
  62. .push {
  63. height: 9em; /* Very important */
  64. }
  65. #footer .copyright {
  66. float: right;
  67. padding-top:60px;
  68. margin-right:5%;
  69. background-color: #79aa0b;
  70. background-image: url(images/bg-footer.gif);
  71. background-repeat:repeat-x;
  72. }
  73. .footer_emails{
  74. float: left;
  75. padding-top:60px;
  76. margin-right:5%;
  77. background-color: #79aa0b;
  78. background-image: url(images/bg-footer.gif);
  79. background-repeat:repeat-x;
  80. }
  81. /*****************************************************
  82. * DISPLAY MESSAGES *
  83. *****************************************************/
  84. .normal-message {
  85. color: #00407F;
  86. border: 1px solid #CDE6F5;
  87. background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE;
  88. }
  89. .warning-message {
  90. border: 1px solid #FFB30F;
  91. color: #000;
  92. background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7;
  93. }
  94. .confirmation-message {
  95. border: 1px solid #1F8323;
  96. color:#1F8323;
  97. background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7;
  98. }
  99. .error-message {
  100. border: 1px solid #FF0000;
  101. color: #440000;
  102. background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1;
  103. }
  104. .confirmation-message, .error-message, .normal-message, .warning-message {
  105. min-height: 30px;
  106. position: relative;
  107. margin-top: 10px;
  108. margin-bottom: 10px;
  109. -moz-border-radius: 10px;
  110. border-radius: 10px;
  111. border-width: 1px;
  112. border-style: solid;
  113. padding:6px;
  114. }
  115. /* New training */
  116. .bottom-link {
  117. border: 2px outset;
  118. text-decoration: none;
  119. background-color:#9fd854;
  120. border-color: #D4E2F6;
  121. background-image:url(images/button_back.jpg);
  122. background-position:10px 50%;
  123. background-repeat:no-repeat;
  124. font-size:100%;
  125. margin-top:1px;
  126. padding:5px 20px;
  127. vertical-align:middle;
  128. padding-left:35px;
  129. display:block;
  130. }
  131. .bottom-link:active {
  132. border: 2px inset;
  133. }
  134. .bottom-link:link {
  135. border-style: solid;
  136. border-width : 1px 2px 2px 1px;
  137. text-decoration : none;
  138. border-color : #69f #00f #00f #69f;
  139. }
  140. .bottom-link:hover {
  141. border-color: #ccc;
  142. color: #111;
  143. }
  144. .social-menu-title {
  145. background-color:#85b80b;
  146. }
  147. #social-content-online {
  148. background-color:#85b80b;
  149. }
  150. .admin_section li {
  151. background-image:url(images/bullet.gif);
  152. }
  153. .system_announcements {
  154. background: transparent url('images/systemenouvelles.jpg') no-repeat top left;
  155. }
  156. .topa {
  157. background:transparent url('images/logoa4.gif') no-repeat;
  158. }
  159. .topb {
  160. background:transparent url('images/logob4.gif') no-repeat;
  161. }
  162. #bottomhellomindfactory {
  163. background:transparent url('images/textologo.jpg') no-repeat;
  164. }
  165. #exercise_close_link {
  166. background: url(images/close.gif) no-repeat;
  167. }
  168. #exercise_close_link:hover {
  169. background: url(images/close_highlight.gif) no-repeat;
  170. }
  171. /*including "login" image*/
  172. button.login {
  173. background-image:url(images/bg-button.gif);
  174. }
  175. button.login:hover {
  176. }
  177. /*including "save" image*/
  178. button.save {
  179. background-image:url(images/button_accept.gif);
  180. }
  181. /*including "add" image*/
  182. button.add {
  183. background-image:url(images/button_add.gif);
  184. }
  185. /*including "cancel" image*/
  186. button.cancel {
  187. background-image:url(images/button_delete.gif);
  188. }
  189. /*including "search" image*/
  190. button.search {
  191. background-image:url(images/bg-button.gif);
  192. }
  193. /*including "plus" image*/
  194. button.plus {
  195. background-image:url(images/button_plus.gif);
  196. }
  197. /*including "minus" image*/
  198. button.minus {
  199. background-image:url(images/button_minus.gif);
  200. }
  201. /*including "next" image*/
  202. button.next {
  203. background-image:url(images/button_next.gif);
  204. }
  205. /*including "back" image*/
  206. button.back {
  207. background-image:url(images/button_back.gif);
  208. }
  209. /*including "refresh" image*/
  210. button.refresh {
  211. background-image:url(images/button_refresh.gif);
  212. }
  213. /*including "upload" image*/
  214. button.upload {
  215. background-image:url(images/button_upload.gif);
  216. }
  217. .fake_button_back {
  218. background-image:url(images/button_back.gif);
  219. }
  220. button.arrowr {
  221. background-image:url(images/2rightarrow.gif);
  222. }
  223. button.arrowl {
  224. background-image:url(images/2leftarrow.gif);
  225. }
  226. input.arrowr {
  227. background-image:url(images/2rightarrow.gif);
  228. }
  229. input.arrowl {
  230. background-image:url(images/2leftarrow.gif);
  231. }
  232. .refresh {
  233. background-image:url(images/refresh.png);
  234. }
  235. .portal {
  236. background-image:url(images/portal.png);
  237. }