default.css 39 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086
  1. /*****************************************************
  2. * MAIN - BABY *
  3. *****************************************************/
  4. /* Adding default generic style for non chamilo_X themes */
  5. @import url('../base.css');
  6. /* the sticky effect */
  7. html {
  8. height: 100%;
  9. }
  10. /* Redefining html styles */
  11. body {
  12. /* hack ignored by non-IE to enable ie to support :hover on button */
  13. behavior:url("/main/css/csshover3.htc");
  14. font-family: arial, verdana, helvetica, sans-serif;
  15. font-size: 12px;
  16. color: #000;
  17. background-color: #fff;
  18. margin: 0;
  19. padding: 0;
  20. height: 100%; /* stick */
  21. }
  22. #wrapper{
  23. min-height: 100%;
  24. height: auto !important;
  25. height: 100%;
  26. margin: 0 auto -9em;
  27. }
  28. img {
  29. border: none;
  30. }
  31. a {
  32. font-family:Arial, Helvetica, sans-serif;
  33. font-weight: bold;
  34. text-decoration: none;
  35. }
  36. a {
  37. color: #317100;
  38. }
  39. a:visited {
  40. }
  41. a:hover {
  42. color: #683000;
  43. }
  44. a:active {
  45. }
  46. #my_courses {
  47. float: right;
  48. font-weight: bold;
  49. }
  50. /* header 3 styles */
  51. .subnav {
  52. border-bottom: 1px solid #aeaeae;
  53. font-weight: bold;
  54. margin: 0;
  55. padding: 0;
  56. width:100%;
  57. }
  58. .subnav UL {
  59. PADDING-RIGHT: 2px;
  60. PADDING-LEFT: 10px;
  61. PADDING-BOTTOM: 0px;
  62. MARGIN: 0px;
  63. LIST-STYLE-TYPE: none;
  64. }
  65. .subnav LI {
  66. PADDING-RIGHT: 0px;
  67. PADDING-LEFT: 9px;
  68. FLOAT: left;
  69. PADDING-BOTTOM: 0px;
  70. MARGIN: 0px;
  71. PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/
  72. cursor: pointer;
  73. }
  74. .subnav a {
  75. float:left;
  76. text-decoration:none;
  77. cursor: pointer;
  78. padding-right: 1px;
  79. height:25px;
  80. }
  81. .subnav li a:hover {
  82. float:left;
  83. text-decoration:none;
  84. cursor: pointer;
  85. }
  86. .subnav li a span {
  87. float:left;
  88. cursor: pointer;
  89. padding-right: 10px;
  90. padding-top: 5px;
  91. height:20px;
  92. }
  93. .subnav li a:hover span {
  94. float:left;
  95. cursor: pointer;
  96. }
  97. .subnav #current a {
  98. float:left;
  99. text-decoration:none;
  100. }
  101. .subnav #current a span {
  102. float:left;
  103. }
  104. /* The tool shortcuts */
  105. #toolshortcuts {
  106. text-align: right;
  107. clear: right;
  108. margin-left: auto;
  109. margin-right: auto;
  110. width: 99%
  111. }
  112. /* footer styles */
  113. footer {
  114. background-color: #e26200;
  115. background-image: url(images/bg.jpg);
  116. background-repeat:repeat-x;
  117. color: #F7D77E;
  118. font-weight:bold;
  119. min-height: 100px;
  120. width: 100%;
  121. }
  122. .push {
  123. height: 9em; /* Very important */
  124. }
  125. #footer a {
  126. color: #fff;
  127. font-weight:normal;
  128. }
  129. /* main styles */
  130. #main {
  131. padding-left: 30px;
  132. position: relative;
  133. min-height: 320px;
  134. padding-left: 20px;
  135. padding-right: 15px;
  136. padding-bottom: 5px;
  137. }
  138. /*
  139. -----------------------------------------------------------------------------
  140. Side-Menu Slider (JQuery) see banner.inc.php
  141. -----------------------------------------------------------------------------
  142. */
  143. ul#navigation {
  144. position: fixed;
  145. margin: 0px;
  146. padding: 0px;
  147. top: 10px;
  148. right: -10px;
  149. list-style: none;
  150. z-index:9999;
  151. }
  152. ul#navigation li {
  153. width: 73px;
  154. }
  155. ul#navigation li a {
  156. display: block;
  157. margin-left: 1px;
  158. width: 65px;
  159. height: 60px;
  160. background-color:#CFCFCF;
  161. background-repeat:no-repeat;
  162. background-position:center center;
  163. border:1px solid #AFAFAF;
  164. -moz-border-radius:10px 0px 0px 10px;
  165. -webkit-border-bottom-right-radius: 10px;
  166. -webkit-border-top-right-radius: 10x;
  167. -khtml-border-bottom-right-radius: 10px;
  168. -khtml-border-top-right-radius: 10px;
  169. -moz-box-shadow: 0px 4px 3px #000;
  170. opacity: 0.6;
  171. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  172. -webkit-box-shadow: 0px 4px 3px #000;
  173. }
  174. ul#navigation .help a {
  175. -moz-border-radius:8px 0 0 8px;
  176. -moz-box-shadow:0 2px 2px #000000;
  177. background-color:#879DAA;
  178. background-position:center center;
  179. background-repeat:no-repeat;
  180. border:1px solid #FFFFFF;
  181. display:block;
  182. height:44px;
  183. margin-left:1px;
  184. opacity:0.6;
  185. width:65px;
  186. padding: 6px 0 8px 6px;
  187. }
  188. ul#navigation .report a {
  189. -moz-border-radius:8px 0 0 8px;
  190. -moz-box-shadow:0 2px 2px #000000;
  191. background-color:#8fd400;
  192. background-position:center center;
  193. background-repeat:no-repeat;
  194. border:1px solid #FFFFFF;
  195. display:block;
  196. height:44px;
  197. margin-left:1px;
  198. opacity:0.6;
  199. width:65px;
  200. padding: 6px 0 8px 6px;
  201. }
  202. ul#navigation .student a {
  203. -moz-border-radius:8px 0 0 8px;
  204. -moz-box-shadow:0 2px 2px #000000;
  205. background-color:#b27651 ;
  206. background-position:center center;
  207. background-repeat:no-repeat;
  208. border:1px solid #FFFFFF;
  209. display:block;
  210. height:44px;
  211. margin-left:1px;
  212. opacity:0.6;
  213. width:65px;
  214. padding-bottom: 8px;
  215. }
  216. ul#navigation .user-online a {
  217. -moz-border-radius:8px 0 0 8px;
  218. -moz-box-shadow:0 2px 2px #000000;
  219. background-color:#ccbc67 ;
  220. background-position:center center;
  221. background-repeat:no-repeat;
  222. border:1px solid #FFFFFF;
  223. display:block;
  224. height:44px;
  225. margin-left:1px;
  226. opacity:0.6;
  227. width:65px;
  228. padding: 6px 0 8px 6px;
  229. }
  230. /* Other colors for other tabs in the earth tones */
  231. ul#navigation .user-connect a {
  232. -moz-border-radius:8px 0 0 8px;
  233. -moz-box-shadow:0 2px 2px #000000;
  234. background-color:#fac97a ;
  235. background-position:center center;
  236. background-repeat:no-repeat;
  237. border:1px solid #FFFFFF;
  238. display:block;
  239. height:44px;
  240. margin-left:1px;
  241. opacity:0.6;
  242. width:65px;
  243. padding: 6px 0 8px 6px;
  244. }
  245. ul#navigation .student-connect a {
  246. -moz-border-radius:8px 0 0 8px;
  247. -moz-box-shadow:0 2px 2px #000000;
  248. background-color:#d0d5d1 ;
  249. background-position:center center;
  250. background-repeat:no-repeat;
  251. border:1px solid #FFFFFF;
  252. display:block;
  253. height:44px;
  254. margin-left:1px;
  255. opacity:0.6;
  256. width:65px;
  257. padding: 6px 0 8px 6px;
  258. }
  259. /* my courses styles */
  260. .maincontent {
  261. /* float: left; */
  262. width: 71%;
  263. min-height: 333px;
  264. margin-top:0;
  265. float: right;
  266. clear: right;
  267. }
  268. .coursestatusicons {
  269. border: 0px solid #000;
  270. float: left;
  271. padding-right: 5px;
  272. width: auto;
  273. }
  274. .courseslist {
  275. }
  276. .courses {
  277. list-style-type: none;
  278. margin-bottom: 5px;
  279. }
  280. .courses a {
  281. text-decoration:underline;
  282. }
  283. .user_course_category {
  284. background: transparent url("images/thindivider.jpg") no-repeat left;
  285. background-color: #fff;
  286. padding-top: 10px;
  287. font-weight: bold;
  288. color: #666;
  289. list-style-type: none;
  290. margin: 5px;
  291. padding: 5px;
  292. padding-left: 130px;
  293. }
  294. .note {
  295. width: auto;
  296. margin: 24px 6px 0 6px;
  297. padding: 3px;
  298. border: 2px outset;
  299. border-color:#4171b5;
  300. }
  301. /* form styles */
  302. .form {
  303. width: 75%;
  304. float: left;
  305. }
  306. form div.row {
  307. clear: both;
  308. padding-top: 5px;
  309. }
  310. .form_header {
  311. white-space: nowrap;
  312. padding: 2px;
  313. background-color: #f0f0f0;
  314. border: 1px solid #bbb;
  315. font-weight: bold;
  316. }
  317. form span.form_required {
  318. color: #f00;
  319. }
  320. form span.form_error {
  321. color: #f00;
  322. font-size: x-small;
  323. margin: 2px;
  324. }
  325. /* New training */
  326. .bottom-link {
  327. background-image:url(images/button_back.jpg);
  328. }
  329. /* other styles */
  330. .clear {
  331. clear: both;
  332. line-height: 0px;
  333. height: 0;
  334. }
  335. /* actions */
  336. .actions_lp {
  337. background-color:#FDDEAA;
  338. border-bottom:1px solid #EE4C03;
  339. border-top:1px solid #EE4C03;
  340. height:29px;
  341. padding-left: -17px;
  342. margin-bottom: 1px;
  343. vertical-align:middle;
  344. width: 90%;
  345. margin-left:17px;
  346. }
  347. .actions_lp img {
  348. vertical-align:middle;
  349. }
  350. .actions_lp a {
  351. margin-right: 10px;
  352. vertical-align:middle;
  353. }
  354. .actions_lp span {
  355. margin-right: 10px;
  356. vertical-align:middle;
  357. }
  358. .actions_lp form {
  359. margin-right: 10px;
  360. vertical-align:middle;
  361. }
  362. .actions {
  363. margin: 5px 0px; padding-top: 1px;
  364. border-top-width: 1px; top: 10px; right: 10px;
  365. bottom: 0px; left: 10px;
  366. padding-bottom: 1px;
  367. background-color:#FDDEAA;
  368. border-bottom:1px solid #EE4C03;
  369. border-top:1px solid #EE4C03;
  370. /*height:35px;*/
  371. padding:2px;
  372. margin-bottom: 5px;
  373. vertical-align:middle;
  374. }
  375. .actions img {
  376. /*display:inline-block;*/
  377. border: none;
  378. text-decoration: none;
  379. /*background-color: #FDDEAA;*/
  380. padding-right: 5px;
  381. vertical-align:middle;
  382. }
  383. .actions a {
  384. display:inline-block;
  385. margin-right: 10px;
  386. vertical-align:middle;
  387. }
  388. .actions span {
  389. margin-right: 10px;
  390. vertical-align:middle;
  391. }
  392. .actions form {
  393. margin-right: 10px;
  394. vertical-align:middle;
  395. }
  396. /* big actions */
  397. .actionsbig {
  398. background:#F8F8F8;
  399. border-bottom:1px solid #4171b5;
  400. border-top:1px solid #4171b5;
  401. background-color:#efefef;
  402. padding:2px;
  403. margin-bottom: 5px;
  404. vertical-align:middle;
  405. float:left;
  406. width:100%;
  407. }
  408. .actionsbig a {
  409. float:left;
  410. padding-left:12px;
  411. padding-right:12px;
  412. text-align:center;
  413. }
  414. .content_table {
  415. padding:2px;
  416. margin-bottom: 5px;
  417. vertical-align:middle;
  418. float:left;
  419. width:100%;
  420. }
  421. .actions img {
  422. vertical-align:middle;
  423. }
  424. .actions a {
  425. margin-right: 10px;
  426. vertical-align:middle;
  427. }
  428. .actions-title {
  429. background:#efefef;
  430. border-bottom:1px dotted #999999;
  431. border-top:1px dotted #999999;
  432. /*height:35px;*/
  433. padding:4px;
  434. margin-bottom: 5px;
  435. font-size:14px;
  436. font-weight:bolder;
  437. /*background:url(images/actions.jpg) repeat-x;*/
  438. vertical-align:middle;
  439. }
  440. .actions-message {
  441. white-space: nowrap;
  442. padding: 2px;
  443. background-color: #f0f0f0;
  444. border: 1px solid #bbb;
  445. }
  446. /* styles for the profile page */
  447. .profile_image {
  448. float: right;
  449. margin-right: 20px;
  450. }
  451. .profile_form {
  452. float: left;
  453. width: 75%;
  454. }
  455. /* course introduction */
  456. #courseintrocenter {
  457. position: relative;
  458. width: 80%;
  459. margin: 25px auto 10px;
  460. }
  461. #courseintro_iconscenter {
  462. position: relative;
  463. width: 80%;
  464. margin: 0px auto 10px;
  465. }
  466. #courseintroleft {
  467. position: relative;
  468. width: 80%;
  469. margin-bottom: 5px;
  470. }
  471. #courseintro_iconsleft {
  472. position: relative;
  473. width: 80%;
  474. }
  475. /* Login form */
  476. #formLogin div {
  477. margin-bottom: 3px;
  478. }
  479. #formLogin div input[type=submit] {
  480. width: 109px;
  481. }
  482. /* normal table*/
  483. .normal_table {
  484. margin: 3px;
  485. border-collapse: collapse;
  486. width: 98%;
  487. padding: 5px;
  488. }
  489. /* Data table */
  490. .data_table {
  491. margin: 3px;
  492. border-collapse: collapse;
  493. width: 100%;
  494. padding: 5px;
  495. }
  496. .data_table th {
  497. text-transform: capitalize;
  498. padding: .2em;
  499. background: #FDDEAA url('images/headertables.jpg') repeat-x;
  500. color: #3c471c;
  501. border-right: 1px solid #fff;
  502. }
  503. .data_table th a {
  504. text-decoration:none;
  505. }
  506. .data_table th a:hover {
  507. }
  508. .data_table tr.row_odd {
  509. border-right: 1px solid #fff;
  510. background: #ffea9f;
  511. padding: .2em;
  512. color: #00122B;
  513. margin: 0;
  514. }
  515. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  516. background-color: #eebb03;
  517. }
  518. .data_table tr.row_even {
  519. border-right: 1px solid #fff;
  520. background: #ffdc9f;
  521. padding: .2em;
  522. color: #00122B;
  523. margin: 0;
  524. }
  525. .data_table td {
  526. padding: 5px;
  527. vertical-align: top;
  528. border-bottom: 2px solid #fff;
  529. border-right: 2px solid #fff;
  530. border-left: 2px solid #fff;
  531. }
  532. .data_table_pagination {
  533. width:100%;
  534. margin-top: 8px;
  535. }
  536. /* sections in the page */
  537. .sectiontitle {
  538. background: url('images/headertables.jpg') repeat-x top center;
  539. background-color: #ffb963;
  540. border: 1px solid #EE4C03;
  541. font-weight: bold;
  542. color: #EE4C03;
  543. list-style-type: none;
  544. margin: 5px;
  545. padding: 5px;
  546. }
  547. .sectioncomment {
  548. color: #000000;
  549. margin: 5px;
  550. padding: 5px;
  551. }
  552. .sectionvalue {
  553. list-style-type: none;
  554. margin: 5px;
  555. padding: 5px;
  556. }
  557. /* invisible styles */
  558. a.invisible {
  559. color: #999999;
  560. }
  561. a.invisible:visited {
  562. color: #999999;
  563. }
  564. a.invisible:active {
  565. color: #999999;
  566. }
  567. a.invisible:hover {
  568. color: #999999;
  569. }
  570. /* Platform Administration */
  571. div.admin_section {
  572. width: 40%;
  573. float: left;
  574. margin: 10px 20px;
  575. border: 1px solid #EE4C03;
  576. min-height:200px;
  577. }
  578. div.admin_section h4 {
  579. background-color: #FDDEAA;
  580. font-weight: bold;
  581. list-style-type: none;
  582. margin: 0px;
  583. padding: 5px;
  584. }
  585. /* Report section */
  586. div.report_section {
  587. width: 40%;
  588. float: left;
  589. margin: 10px 20px;
  590. border: 1px solid #EE4C03;
  591. }
  592. div.report_section h4 {
  593. background-color: #FDDEAA;
  594. font-weight: bold;
  595. list-style-type: none;
  596. margin: 0px;
  597. padding: 5px;
  598. }
  599. /* course homepage */
  600. .courseadminview, .platformadminview {
  601. position: relative;
  602. width: 80%;
  603. margin: 25px auto 10px;
  604. padding: 10px;
  605. border: 1px solid #EE4C03;
  606. }
  607. .courseadminview img, .platformadminview img {
  608. display:inline-block;
  609. border: none;
  610. text-decoration: none;
  611. /*background-color: #fff;*/
  612. padding-right: 5px;
  613. vertical-align:middle;
  614. }
  615. .viewcaption {
  616. position: relative;
  617. top: -20px;
  618. font-weight: bold;
  619. background-color: #fff;
  620. padding: 0 4px;
  621. }
  622. .tool-icon {
  623. margin-bottom: -3px;
  624. }
  625. /* learning path */
  626. table.lp_build {
  627. height:400px;
  628. width:100%;
  629. }
  630. table.lp_build td {
  631. vertical-align:top;
  632. }
  633. table.lp_build td.tree {
  634. border-right:1px solid #999999;
  635. width:240px;
  636. }
  637. table.lp_build td.workspace {
  638. padding: 0px;
  639. padding-left:5px;
  640. width:auto;
  641. }
  642. table.lp_overview {
  643. width:100%;
  644. }
  645. table.lp_overview td {
  646. border-bottom:1px solid #999999;
  647. border-top:1px solid #999999;
  648. height:20px;
  649. padding:3px;
  650. vertical-align:middle;
  651. width:auto;
  652. }
  653. table.lp_overview td.title {
  654. width:200px;
  655. }
  656. table.lp_overview td.actions {
  657. text-align:center;
  658. width:100px;
  659. }
  660. table.lp_overview td.move {
  661. text-align:center;
  662. width:50px;
  663. }
  664. table.lp_overview th {
  665. background:#FFFFFF;
  666. padding-left:3px;
  667. text-align:center;
  668. }
  669. table.lp_overview tr {
  670. background:#F8F8F8;
  671. }
  672. table.lp_overview tr:hover {
  673. background:#E5EDF9;
  674. }
  675. table.lp_overview img {
  676. margin-left:3px;
  677. }
  678. table.lp_prerequisites th {
  679. background:#F8F8F8;
  680. border-bottom:1px solid #999999;
  681. border-top:1px solid #999999;
  682. }
  683. .lp_mediaplayer {
  684. float: right;
  685. padding-top: 3px;
  686. margin-right: 5px;
  687. }
  688. div.lp_manipulate {
  689. background:#F8F8F8;
  690. border-bottom:1px dotted #999999;
  691. margin-bottom:0px;
  692. padding:3px 0 3px 10px;
  693. }
  694. div.lp_manipulate a {
  695. padding-right:10px;
  696. }
  697. div.lp_resource_header {
  698. background:#F0F0F0;
  699. border:1px solid #999999;
  700. font-weight:bold;
  701. padding:10px;
  702. width:350px;
  703. cursor:pointer;
  704. margin-top: -1px;
  705. }
  706. div.lp_resource_elements {
  707. background:#FAFAFA;
  708. border:1px solid #999999;
  709. display:none;
  710. padding:5px 10px;
  711. width:350px;
  712. margin-top: -1px;
  713. }
  714. .learnpath_chapter_form {
  715. width: 300px;
  716. }
  717. .learnpath_item_form {
  718. width: 300px;
  719. }
  720. #learnpath_preview_frame {
  721. margin-top: 5px;
  722. border:1px solid #CCCCCC;
  723. height:490px;
  724. width:95%;
  725. }
  726. /* exercices styles */
  727. .exercice_form {
  728. width: 300px;
  729. }
  730. #validationButton {
  731. text-decoration: none;
  732. margin: 5px;
  733. border:1px solid #999999;
  734. background:#F0F0F0;
  735. padding: 3px;
  736. padding-left:10px;
  737. padding-right:10px;
  738. font-weight:bold;
  739. color:#666;
  740. }
  741. .exercise_scenario_label {
  742. }
  743. .exercise_scenario_element {
  744. }
  745. span.checkbox {
  746. width: 19px;
  747. height: 25px;
  748. padding: 0 5px 0 0;
  749. background: url(images/checkbox.gif) no-repeat;
  750. display: block;
  751. clear: left;
  752. float: left;
  753. }
  754. span.radio {
  755. width: 19px;
  756. height: 25px;
  757. padding: 0 5px 0 0;
  758. background: url(images/radio.gif) no-repeat;
  759. display: block;
  760. clear: left;
  761. float: left;
  762. }
  763. /* forum styles */
  764. .forum_header {
  765. background: transparent url('images/line.jpg') repeat-x bottom center;
  766. font-weight: bold;
  767. }
  768. .forum_threadheader {
  769. background: transparent url('images/line.jpg') repeat-x bottom center;
  770. font-weight: bold;
  771. }
  772. .forum_message_left {
  773. width: 150px;
  774. vertical-align: top;
  775. /*border-bottom: 1px solid #666666;*/
  776. border-right: 1px solid #EE4C03;
  777. background: url('images/bglogin.jpg') repeat-y top center;
  778. background-color: #ebc41f;
  779. }
  780. .forum_message_post_title {
  781. border-bottom: 1px solid #EE4C03;
  782. font-weight: bold;
  783. background-color: #FDDEAA;
  784. height: 20px;
  785. color: #EE4C03;
  786. }
  787. .forum-thread-header {
  788. color: #000000;
  789. background-color: #F7F7F7;
  790. border-left: 1px solid #aaa;
  791. border-right: 1px solid #aaa;
  792. border-bottom: 1px solid #aaa;
  793. border-top: 1px solid #aaa;
  794. }
  795. .forum-thread-body {
  796. color: #000000;
  797. background-color: #FFFFFF;
  798. border-left: 1px solid #aaa;
  799. border-right: 1px solid #aaa;
  800. border-bottom: 1px solid #aaa;
  801. border-top: 1px solid #aaa;
  802. }
  803. /* Survey styles */
  804. #survey_title {
  805. background-color:#dcdcdc;
  806. color:#000;
  807. padding:2px;
  808. }
  809. #survey_subtitle {
  810. background-color:#dcdcdc;
  811. color:#000;
  812. padding:2px;
  813. }
  814. .survey_content {
  815. background-color:#EFEFEF;
  816. color:#264269;
  817. padding:5px;
  818. border: 1px solid #999;
  819. }
  820. .survey_question_wrapper {
  821. border: 1px solid #999;
  822. }
  823. .survey_question {
  824. /* 264269 4271b5 E5EDF9 */
  825. background-color:#f0f0f0;
  826. color:#999;
  827. padding:5px;/*border: 1px solid #264269;*/
  828. }
  829. .survey_question_options {
  830. /* 264269 4271b5 E5EDF9 */
  831. background-color:#FFF;
  832. color:#000;
  833. padding:5px;/*border: 1px solid #264269;*/
  834. }
  835. /* Blog */
  836. .blog_menu {
  837. border-bottom: 1px dashed #dddddd;
  838. border-right: 1px dashed #dddddd;
  839. border-left: 1px dashed #dddddd;
  840. padding: 10px;
  841. }
  842. .blogpost {
  843. border: 1px solid #DDDDDD;
  844. background-color: #ECECEC;
  845. margin-bottom: 15px;
  846. padding: 10px;
  847. }
  848. .blogpost_title {
  849. display: block;
  850. font-weight: bold;
  851. padding-bottom: 5px;
  852. }
  853. .blogpost_date {
  854. display: block;
  855. font-weight: bold;
  856. color: #333333;
  857. padding-bottom: 10px;
  858. }
  859. .blogpost_info {
  860. display: block;
  861. color: #333333;
  862. border-top: 1px solid #dddddd;
  863. margin-top: 5px;
  864. }
  865. .blogpost_comment {
  866. border-top: 1px dashed #dddddd;
  867. border-right: 1px dashed #dddddd;
  868. border-bottom: 1px dashed #dddddd;
  869. border-left: 1px dashed #dddddd;
  870. margin-bottom: 10px;
  871. padding: 10px;
  872. background-color: white;
  873. z-index: -1;
  874. }
  875. .blogpost_comment_title {
  876. display: block;
  877. font-weight: bold;
  878. color: #1657A9;
  879. padding-bottom: 5px;
  880. }
  881. .blogpost_comment_date {
  882. display: block;
  883. font-size: 10px;
  884. font-weight: bold;
  885. color: #333333;
  886. padding-bottom: 10px;
  887. }
  888. .blogpost_comment_info {
  889. font-size: 10px;
  890. display: block;
  891. color: #333333;
  892. border-top: 1px solid #dddddd;
  893. margin-top: 10px;
  894. }
  895. .blogpost {
  896. border: 1px solid #DDDDDD;
  897. background-color: #ECECEC;
  898. margin-bottom: 15px;
  899. padding: 10px;
  900. }
  901. .comments {
  902. border: 1px solid #dddddd;
  903. margin-bottom: 10px;
  904. margin-top: 10px;
  905. padding: 10px;
  906. background-color: #F4F4F4;
  907. margin-left:50px;
  908. }
  909. /* tabbed menu */
  910. #tabbed_menu {
  911. border: 1px solid #EE8003;
  912. background: transparent url('images/dropbox.jpg') no-repeat top left;
  913. width: 300px;
  914. margin: 0 0 1em 0;
  915. }
  916. #tabbed_menu_tabs {
  917. width: 90%;
  918. margin: 15px .2em 0 .2em;
  919. padding: 0;
  920. list-style-type: none;
  921. }
  922. #tabbed_menu_tabs li {
  923. padding: 0;
  924. margin: 0 .8em;
  925. }
  926. /* system announcements */
  927. div.system_announcement {
  928. border: 1px solid #EE8003;
  929. min-height:20px;
  930. }
  931. .system_announcement_title {
  932. color: #794102;
  933. }
  934. .system_announcements {
  935. background: transparent url('images/systemenouvelles.gif') no-repeat top left;
  936. padding-top: 30px;
  937. width: 50%;
  938. }
  939. .system_announcements h3 {
  940. text-align: center;
  941. }
  942. .system_announcement {
  943. background: #ffb963 url('images/headertables.jpg') repeat-x;
  944. font: bold 100% arial, sans-serif, sans;
  945. }
  946. .system_announcement_content {
  947. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  948. }
  949. #image_preview {
  950. text-align:center;
  951. padding-left: 17px;
  952. }
  953. .skip {
  954. display: none;
  955. }
  956. /* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
  957. #add_course, #profile, #advanced_course_search, #advanced_search, #category, #course_user_import, #export_users, #update_course, #user_add, #user_import {
  958. /*border: 1px solid #EE4C03;
  959. background: transparent url("images/headerform.jpg") no-repeat top left;
  960. width: 550px;
  961. position: relative;
  962. padding: 60px 0 1em 0;*/
  963. }
  964. #advanced_search, #category, #course_user_import {
  965. /* background: transparent url("images/headerform2.jpg") no-repeat top left;*/
  966. }
  967. #export_users, #update_course, #user_add, #user_import {
  968. /* background: transparent url("images/headerform3.jpg") no-repeat top left;*/
  969. }
  970. /* Glossary tool */
  971. .glossary-term {
  972. margin: 1em;
  973. background-color: #ffe99b;
  974. padding: 0.5em 0.5em 1.8em 0;
  975. -moz-border-radius: 0.5em;
  976. }
  977. .glossary-term-title {
  978. margin: 2em 0 1em 0.5em;
  979. font-weight: bold;
  980. font-size: 120%;
  981. }
  982. .glossary-term-desc {
  983. margin-left: 1em;
  984. }
  985. .glossary-term-action-links {
  986. float: right;
  987. }
  988. .glossary-term-edit-form {
  989. margin: 1em;
  990. background-color: #FFE4C4;
  991. padding: 0.5em 0.5em 2em 0;
  992. -moz-border-radius: 0.5em;
  993. }
  994. .glossary-term-edit-desc {
  995. font-weight: bold;
  996. font-size: 120%;
  997. }
  998. .glossary-term-edit-title {
  999. font-weight: bold;
  1000. font-size: 120%;
  1001. }
  1002. .glossary-add-form {
  1003. font-weight: bold;
  1004. font-size: 120%;
  1005. margin: 1em;
  1006. }
  1007. .glossary-orderby-link {
  1008. float:right;
  1009. margin: 1em;
  1010. }
  1011. .glossary-msg-error {
  1012. color: #FF0000;
  1013. display :none;
  1014. font-weight: normal;
  1015. font-size: 80%;
  1016. }
  1017. /* Notebook */
  1018. .notebook-add-form {
  1019. margin: 1em;
  1020. background-color: #c3d9ff;
  1021. padding: 1em 1em;
  1022. }
  1023. .notebook-add-desc-textarea {
  1024. background-color: #f2f5f8;
  1025. border-color: #ffe99b;
  1026. overflow: hidden;
  1027. }
  1028. .notebook-add-title-text {
  1029. background-color: #f2f5f8;
  1030. border-color: #ffe99b;
  1031. }
  1032. .notebook-edit-desc-textarea {
  1033. background-color: #e0ecff;
  1034. border-color: #ffe99b;
  1035. overflow: hidden;
  1036. }
  1037. .notebook-edit-title-text {
  1038. background-color: #e0ecff;
  1039. border-color: #ffe99b;
  1040. }
  1041. .notebook-msg-error {
  1042. color: #FF0000;
  1043. display :none;
  1044. background-color: #ffe99b;
  1045. width: 40%;
  1046. }
  1047. .notebook-list {
  1048. margin: 1em 1em 0em 1em;
  1049. background-color: #79b;
  1050. padding: 0.3em 0.3em;
  1051. -moz-border-radius: 0.5em;
  1052. }
  1053. .notebook-title-list {
  1054. color : #fff;
  1055. padding: 0.3em 0.3em;
  1056. font-weight: bold;
  1057. font-size: 120%;
  1058. }
  1059. .notebook-desc-list {
  1060. margin: 0em;
  1061. background-color: #f2f5f8;
  1062. padding: 0.5em 0.3em 2em 0.3em;
  1063. border: 1px solid #79b;
  1064. }
  1065. .notebook-term-action-links {
  1066. padding: 0.3em 0.3em;
  1067. width: 50%;
  1068. color : #fff;
  1069. }
  1070. .notebook-orderby-link {
  1071. text-align:right;
  1072. margin-right: 1em;
  1073. }
  1074. .notebook-search-title {
  1075. text-align:right;
  1076. margin: 1em;
  1077. }
  1078. .notebook-date-information {
  1079. color : #fff;
  1080. padding: 0.3em;
  1081. font-size: 120%;
  1082. font-weight: bold;
  1083. }
  1084. /*SESSIONS*/
  1085. .sessions_list {
  1086. line-height: 20px;
  1087. margin-top: 20px;
  1088. }
  1089. .sessions_list_inactive {
  1090. line-height: 20px;
  1091. }
  1092. .session_box {
  1093. border: 1px solid #DCE5F3;
  1094. /* font-weight: bold; */
  1095. color: #666;
  1096. list-style-type: none;
  1097. margin:5px 5px 10px 5px;
  1098. padding: 5px;
  1099. background-color:#FFF;
  1100. -webkit-border-radius: 10px;
  1101. -moz-border-radius: 10px;
  1102. border-radius: 10px;
  1103. }
  1104. .sub_session_box {
  1105. border: 1px solid #DCE5F3;
  1106. /* font-weight: bold; */
  1107. color: #666;
  1108. list-style-type: none;
  1109. margin:5px 5px 10px 0px;
  1110. padding: 5px;
  1111. background-color:#FFF;
  1112. -webkit-border-radius: 10px;
  1113. -moz-border-radius: 10px;
  1114. border-radius: 10px;
  1115. }
  1116. .sub_session_box_title {
  1117. margin-bottom: 10px;
  1118. background-color:#F9F9F9;
  1119. }
  1120. .session_box_title {
  1121. margin-bottom: 10px;
  1122. background-color:#F9F9F9;
  1123. }
  1124. .session_course_item {
  1125. margin: 0px;
  1126. margin-bottom:20px;
  1127. font-size:135%;
  1128. }
  1129. .session_course_item .item_closed, .userportal-course-item-title .item_closed {
  1130. font-size:80%;
  1131. }
  1132. .session_course_item .courses {
  1133. margin-bottom: 5px;
  1134. height:35px;
  1135. }
  1136. /*NAVIGATION MENU BAR*/
  1137. .menucaption {
  1138. font-size: 12px;
  1139. font-weight: bold;
  1140. padding-left: 12px;
  1141. }
  1142. .menusection {
  1143. }
  1144. .menusectioncaption {
  1145. position: relative;
  1146. top: -9px;
  1147. /* background-color: #E5EDF9; */
  1148. font-size: 12px;
  1149. padding: 0 8px 0 4px;
  1150. }
  1151. .menulist {
  1152. list-style: none;
  1153. margin: 0 0 12px 0;
  1154. padding: 0;
  1155. }
  1156. #centerwrap {
  1157. float: left;
  1158. width: 100%;
  1159. margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
  1160. it's empty otherwise. The difference is made up by putting a
  1161. negative left margin on the left float:
  1162. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  1163. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  1164. */
  1165. }
  1166. #center {
  1167. margin: 0 190px 0 0;
  1168. padding: 10px 0 40px 0;
  1169. min-height: 300px;
  1170. }
  1171. #toolnav {
  1172. float:right;
  1173. overflow:hidden;
  1174. padding:0;
  1175. width:180px;
  1176. }
  1177. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1178. * html #toolnav {
  1179. margin-right: 0px;
  1180. }
  1181. * html #center {
  1182. height: 1%;
  1183. margin-left: 0;
  1184. }
  1185. /* End hide from IE5/mac */
  1186. /*
  1187. -----------------------------------------------------------------------------
  1188. Menu Slide JQuery
  1189. -----------------------------------------------------------------------------
  1190. */
  1191. ul#navigation {
  1192. position: fixed;
  1193. margin: 0px;
  1194. padding: 0px;
  1195. top: 80px;
  1196. right: -10px;
  1197. list-style: none;
  1198. z-index:9999;
  1199. }
  1200. ul#navigation li {
  1201. width: 73px;
  1202. }
  1203. ul#navigation li a {
  1204. display: block;
  1205. margin-left: 1px;
  1206. width: 65px;
  1207. height: 60px;
  1208. background-color:#CFCFCF;
  1209. background-repeat:no-repeat;
  1210. background-position:center center;
  1211. border:1px solid #AFAFAF;
  1212. -moz-border-radius:10px 0px 0px 10px;
  1213. -webkit-border-bottom-right-radius: 10px;
  1214. -webkit-border-top-right-radius: 10x;
  1215. -khtml-border-bottom-right-radius: 10px;
  1216. -khtml-border-top-right-radius: 10px;
  1217. -moz-box-shadow: 0px 4px 3px #000;
  1218. opacity: 0.6;
  1219. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  1220. -webkit-box-shadow: 0px 4px 3px #000;
  1221. }
  1222. ul#navigation .help a{
  1223. background-image: url(images/help2.png);
  1224. }
  1225. /* --- course navigation menu as a definition list --- */
  1226. #swap_menu_link {
  1227. float: left;
  1228. }
  1229. #toolnavbox {
  1230. margin: 0 0 0 10px;
  1231. padding: 0;
  1232. float: left;
  1233. border: 1px solid #4271b5;
  1234. }
  1235. #toolnavbox dl {
  1236. width: 160px;
  1237. margin: 0 auto;
  1238. padding: 0;
  1239. background: transparent;
  1240. font-size: 12px;
  1241. text-align: center;
  1242. }
  1243. #toolnavbox dt {
  1244. margin: 0;
  1245. padding: 0;
  1246. font-weight: bold;
  1247. font-size: 12px;
  1248. text-align: center;
  1249. color: #000;
  1250. border-bottom: 1px solid #fff;
  1251. background: transparent;
  1252. }
  1253. #toolnavbox dd {
  1254. margin: 0;
  1255. padding: 0;
  1256. color: #009;
  1257. text-align: left;
  1258. border-bottom:1px solid #fff;
  1259. background: #E5EDF9;
  1260. }
  1261. #toolnav img {
  1262. float: left;
  1263. width: 25px;
  1264. height: 25px;
  1265. margin: 0 4px 0 0;
  1266. }
  1267. #toolnavlist a, #toolnavlist a:link {
  1268. background: #F4A460;
  1269. color: #DC143C;
  1270. padding: 5px 5px 5px 10px;
  1271. margin: 0;
  1272. text-decoration: none;
  1273. display: block;
  1274. line-height:24px;
  1275. }
  1276. #toolnavlist a:hover {
  1277. background: #fff;
  1278. color:#B8860B;
  1279. }
  1280. #toolnavlist a#here {
  1281. background: #fff;
  1282. color:#DC143C;
  1283. }
  1284. /* --- end of course navigation menu section --- */
  1285. /**********************************************
  1286. * EXERCISE TOOL *
  1287. **********************************************/
  1288. .exercice_form {
  1289. width: 300px;
  1290. }
  1291. #validationButton {
  1292. text-decoration: none;
  1293. margin: 5px;
  1294. /*border:1px solid #999999;*/
  1295. /*background:#F0F0F0; */
  1296. padding: 3px;
  1297. padding-left:10px;
  1298. padding-right:10px;
  1299. font-weight:bold;
  1300. color:#666;
  1301. }
  1302. .rounded {
  1303. border: 3px solid #CCCCCC;
  1304. padding: 3px;
  1305. width: 200px;
  1306. /*margin-left:10px;*/
  1307. }
  1308. .rounded_inner {
  1309. background:#FFF;
  1310. padding-top: 10px;
  1311. padding-bottom: 10px;
  1312. }
  1313. .rounded_inner:hover {
  1314. color:#C802A5;
  1315. background:#F0F0F0;
  1316. }
  1317. .exercise_scenario_label {
  1318. }
  1319. .exercise_scenario_element {
  1320. }
  1321. span.checkbox {
  1322. width: 19px;
  1323. height: 25px;
  1324. padding: 0 5px 0 0;
  1325. background: url(images/checkbox.gif) no-repeat;
  1326. display: block;
  1327. clear: left;
  1328. float: left;
  1329. }
  1330. span.radio {
  1331. width: 19px;
  1332. height: 25px;
  1333. padding: 0 5px 0 0;
  1334. background: url(images/radio.gif) no-repeat;
  1335. display: block;
  1336. clear: left;
  1337. float: left;
  1338. }
  1339. #question_title {
  1340. }
  1341. #question_description {
  1342. padding-left:5px;
  1343. padding-top:10px;
  1344. }
  1345. #question_score {
  1346. padding-left:5px;
  1347. padding-top:10px;
  1348. padding-bottom:10px;
  1349. font-weight:bold;
  1350. }
  1351. #question_feedback {
  1352. background-color:#FCF7BA;
  1353. border:1px solid #CCCCCC;
  1354. color:#666666;
  1355. font-size:11px;
  1356. font-weight:bold;
  1357. list-style-type:none;
  1358. margin-top:5px;
  1359. padding:5px;
  1360. }
  1361. #exercise_close_link {
  1362. background: url(images/close.gif) no-repeat;
  1363. padding-left: 20px;
  1364. }
  1365. #exercise_close_link:hover {
  1366. background: url(images/close_highlight.gif) no-repeat;
  1367. padding-left: 20px;
  1368. }
  1369. /* Quizzes tool */
  1370. .quiz_export_link {
  1371. float: right;
  1372. }
  1373. /*Exercice timer*/
  1374. #square{
  1375. padding:5px;
  1376. background-color:#EEEEEE;
  1377. border:1px solid #CCCCCC;
  1378. margin-right : 24px;
  1379. width : 155px;
  1380. margin-bottom:20px;
  1381. }
  1382. #wrapper-clock{
  1383. width:100%;
  1384. margin:0;
  1385. }
  1386. .count_down{
  1387. padding: 3px;
  1388. font-size:22px;
  1389. font-weight:bold;
  1390. color:#222;
  1391. }
  1392. /*****************************************************
  1393. * BUTTONS *
  1394. *****************************************************/
  1395. button:hover input[type="submit"]:hover{
  1396. background-color:#cbcbcb;
  1397. color:#545454;
  1398. border-style: inset;
  1399. }
  1400. /* button with image */
  1401. button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
  1402. padding-left:30px;
  1403. background-position:10px;
  1404. background-repeat:no-repeat;
  1405. }
  1406. /*including "save" image*/
  1407. button.save {
  1408. background-image:url(images/button_accept.gif);
  1409. }
  1410. /*including "add" image*/
  1411. button.add {
  1412. background-image:url(images/button_add.gif);
  1413. }
  1414. /*including "cancel" image*/
  1415. button.cancel {
  1416. background-image:url(images/button_delete.gif);
  1417. }
  1418. /*including "search" image*/
  1419. button.search {
  1420. background-image:url(images/button_search.gif);
  1421. }
  1422. /*including "login" image*/
  1423. button.login {
  1424. background-image:url(images/button_login.gif);
  1425. margin:2px 5px 3px 5px !important;
  1426. }
  1427. /*including "plus" image*/
  1428. button.plus {
  1429. background-image:url(images/button_plus.gif);
  1430. }
  1431. /*including "minus" image*/
  1432. button.minus {
  1433. background-image:url(images/button_minus.gif);
  1434. }
  1435. /*including "next" image*/
  1436. button.next,input[type="submit"].submit_next {
  1437. background-image:url(images/button_next.gif);
  1438. }
  1439. /*including "back" image*/
  1440. button.back {
  1441. background-image:url(images/button_back.gif);
  1442. }
  1443. /*including "refresh" image*/
  1444. button.refresh {
  1445. background-image:url(images/button_refresh.gif);
  1446. }
  1447. /*including "upload" image*/
  1448. button.upload {
  1449. background-image:url(images/button_upload.gif);
  1450. }
  1451. .icon_image_content {
  1452. width:70px;
  1453. cursor:hand;
  1454. height:6em;
  1455. text-align: center;
  1456. padding-right: 10px;
  1457. padding-left: 0px;
  1458. border: 1px dotted #ccc;
  1459. background-color: #eee;
  1460. margin-right: 0.2em;
  1461. margin-top: 0.1em;
  1462. -moz-border-radius-topleft : 5px;
  1463. -moz-border-radius-bottomright : 5px;
  1464. -moz-border-radius-bottomleft : 5px;
  1465. -moz-border-radius-topright : 5px;
  1466. }
  1467. .icon_image_content:hover {
  1468. background-color: #fff;
  1469. border: 1px solid #ccc;
  1470. }
  1471. .question_menu {
  1472. list-style:none;
  1473. float:left;
  1474. padding:0px;
  1475. margin:-2px;
  1476. min-height:100px;
  1477. }
  1478. .question_menu li {
  1479. float:left;
  1480. margin:0px;
  1481. }
  1482. #exercise_admin {
  1483. margin: 0;
  1484. padding: 0;
  1485. border: 0;
  1486. }
  1487. div#friend-header {
  1488. float:left;
  1489. width:100%;
  1490. line-height: 2.1em;
  1491. }
  1492. div#friend-header a {
  1493. padding-right:6px;
  1494. }
  1495. div#friend-container {
  1496. float:left;
  1497. }
  1498. div.image_friend_network {
  1499. float:left;
  1500. border:1px solid #CCCCCC;
  1501. margin:2px;
  1502. padding:4px;
  1503. background: #EFEFEF;
  1504. height:125px;
  1505. width:82px;
  1506. z-index:5;
  1507. }
  1508. div.image_friend_network span {
  1509. overflow:hidden;
  1510. display:block;
  1511. height:92px;
  1512. margin: 0px 0px;
  1513. }
  1514. div.image_friend_network img {
  1515. vertical-align:middle;
  1516. }
  1517. div.image_friend_network center.friend {
  1518. overflow:hidden;
  1519. height:30px;
  1520. }
  1521. .friend_invitations {
  1522. float:left;
  1523. margin: 0 0 4px 12px;
  1524. }
  1525. button.arrowr, input.arrowr {
  1526. background-image:url(images/2rightarrow.gif);
  1527. }
  1528. button.arrowl, input.arrowl {
  1529. background-image:url(images/2leftarrow.gif);
  1530. }
  1531. .u-m-answer {
  1532. width:100%;
  1533. }
  1534. .u-m-answer p {
  1535. margin:2px;
  1536. }
  1537. .refresh {
  1538. background-image:url(images/refresh.png);
  1539. background-repeat:no-repeat;
  1540. padding-left:20px;
  1541. padding-bottom:2px;
  1542. }
  1543. .portal {
  1544. background-image:url(images/portal.png);
  1545. background-repeat:no-repeat;
  1546. padding-left:28px;
  1547. padding-bottom:10px;
  1548. padding-top:8px;
  1549. }
  1550. .legal-terms {
  1551. height:150px;
  1552. overflow:auto;
  1553. background-color:#eee;
  1554. width:500px;
  1555. }
  1556. /* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
  1557. * {
  1558. outline :none;
  1559. }
  1560. /*
  1561. input, select, textarea {
  1562. -moz-border-radius-bottomleft:5px;
  1563. -moz-border-radius-bottomright:5px;
  1564. -moz-border-radius-topleft:5px;
  1565. -moz-border-radius-topright:5px;
  1566. -x-system-font:none;
  1567. border:1px solid #CCCCCC;
  1568. color:#666666;
  1569. font-family:Arial,Helvetica,sans-serif;
  1570. font-size:120%;
  1571. font-size-adjust:none;
  1572. font-stretch:normal;
  1573. font-style:normal;
  1574. font-variant:normal;
  1575. font-weight:normal;
  1576. line-height:normal;
  1577. padding:5px;
  1578. }
  1579. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  1580. background-image:url(images/shadow.gif);
  1581. }
  1582. .independent_course_item a {
  1583. font-size:135%;
  1584. }
  1585. .session_course_item a {
  1586. font-size:120%;
  1587. }
  1588. */
  1589. #maincontent .courseslist li {
  1590. margin-bottom:8px;
  1591. }
  1592. /*
  1593. a.read {
  1594. font-weight:normal;
  1595. }
  1596. .actions {
  1597. background:#efefef;
  1598. border:1px solid #ccc;
  1599. padding:2px;
  1600. margin-bottom: 5px;
  1601. vertical-align:middle;
  1602. }
  1603. .actions-title {
  1604. background:#efefef;
  1605. border:1px solid #ccc;
  1606. padding:4px;
  1607. margin-bottom: 5px;
  1608. font-size:14px;
  1609. font-weight:bolder;
  1610. vertical-align:middle;
  1611. }*/
  1612. /* GROUP TOOL */
  1613. #group_description {
  1614. margin: 10px 0px 10px 0px;
  1615. }
  1616. #group_privacy {
  1617. margin: 10px 0px 10px 0px;
  1618. }
  1619. #group_permissions {
  1620. -moz-background-clip:border;
  1621. -moz-background-inline-policy:continuous;
  1622. -moz-background-origin:padding;
  1623. -moz-border-radius-bottomleft:8px;
  1624. -moz-border-radius-bottomright:8px;
  1625. -moz-border-radius-topleft:8px;
  1626. -moz-border-radius-topright:8px;
  1627. background:#EEE none repeat scroll 0 0;
  1628. margin: 20px 0px 20px 0px;
  1629. }
  1630. #group_permissions ul {
  1631. list-style-image:none;
  1632. list-style-position:outside;
  1633. list-style-type:none;
  1634. margin:0;
  1635. padding:0;
  1636. }
  1637. #group_permissions ul li {
  1638. margin: 10px 0px 10px 5px;
  1639. }
  1640. /* Groups boxes */
  1641. .groups_grid_container {
  1642. width:100%;
  1643. }
  1644. .groups_grid_item {
  1645. width:80px;
  1646. float:left;
  1647. margin:5px;
  1648. }
  1649. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1650. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  1651. .groups_grid_element_2 { width:150px; float:left;}
  1652. /*POPULAR GROUP*/
  1653. .popular_grid_item {
  1654. background: none repeat scroll 0 0 #FFFFFF;
  1655. border: 1px solid #E5E5E5;
  1656. border-radius: 11px 11px 11px 11px;
  1657. -webkit-border-radius: 11px 11px 11px 11px;
  1658. -opera-border-radius: 11px 11px 11px 11px;
  1659. -moz-border-radius: 11px 11px 11px 11px;
  1660. box-shadow: 0 4px 18px #C8C8C8;
  1661. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1662. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1663. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1664. float: left;
  1665. height: auto;
  1666. margin: 0 8px 15px 15px;
  1667. padding: 16px 12px 5px;
  1668. width:90%;
  1669. }
  1670. .popular_grid_element_0 {
  1671. width:600px;
  1672. height:98px;
  1673. padding-left:10px;
  1674. padding-right:10px;
  1675. overflow:hidden;
  1676. }
  1677. /*NEWEST GROUP*/
  1678. .newest_grid_item {
  1679. background: none repeat scroll 0 0 #FFFFFF;
  1680. border: 1px solid #E5E5E5;
  1681. border-radius: 11px 11px 11px 11px;
  1682. -webkit-border-radius: 11px 11px 11px 11px;
  1683. -opera-border-radius: 11px 11px 11px 11px;
  1684. -moz-border-radius: 11px 11px 11px 11px;
  1685. box-shadow: 0 4px 18px #C8C8C8;
  1686. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1687. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1688. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1689. float: left;
  1690. height: auto;
  1691. margin: 0 8px 15px 15px;
  1692. padding: 16px 12px 5px;
  1693. width:90%;
  1694. }
  1695. .newest_grid_element_1 {
  1696. width:600px;
  1697. height:98x;
  1698. padding-left:10px;
  1699. padding-right:10px;
  1700. overflow:hidden;
  1701. }
  1702. /*MY GROUPS*/
  1703. .mygroups_grid_item {
  1704. background: none repeat scroll 0 0 #FFFFFF;
  1705. border: 1px solid #E5E5E5;
  1706. border-radius: 11px 11px 11px 11px;
  1707. -webkit-border-radius: 11px 11px 11px 11px;
  1708. -opera-border-radius: 11px 11px 11px 11px;
  1709. -moz-border-radius: 11px 11px 11px 11px;
  1710. box-shadow: 0 4px 18px #C8C8C8;
  1711. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1712. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1713. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1714. float: left;
  1715. height: 88px;
  1716. margin: 0 8px 15px 15px;
  1717. padding: 16px 12px 5px;
  1718. width:600px;
  1719. }
  1720. .box_description_group_member {
  1721. color: #999999;
  1722. font-size: 10px;
  1723. }
  1724. .mygroups_grid_element_1 {
  1725. width:600px;
  1726. height:100px;
  1727. overflow:hidden;
  1728. }
  1729. .box_description_group_title h3 {
  1730. margin-bottom:4px;
  1731. }
  1732. .box_description_group_title {
  1733. float:right;width:80%;
  1734. }
  1735. .box_description_group_content {
  1736. float:right;
  1737. width:80%;
  1738. margin-top:5px;
  1739. /* height:45px;*/
  1740. font-family:Verdana, Geneva, sans-serif;
  1741. font-size:12px;
  1742. color:#666666;
  1743. }
  1744. .box_description_group_actions {
  1745. float:right;
  1746. width:80%;
  1747. text-align:right;
  1748. margin-top:4px;
  1749. margin-right:4px;
  1750. }
  1751. #menu-wrapper {
  1752. width:200px;
  1753. float: left;
  1754. }
  1755. #menu {
  1756. -moz-border-radius: 10px; border: 1px solid #e1e1e0;
  1757. -webkit-border-radius: 10px; border: 1px solid #e1e1e0;
  1758. -opera-border-radius: 10px; border: 1px solid #e1e1e0;
  1759. }
  1760. /* INVITATIONS */
  1761. .invitation_confirm {
  1762. border-top:1px solid #D8DFEA;
  1763. }
  1764. .invitation_image {
  1765. width:110px;
  1766. }
  1767. /* DASHBOARD */
  1768. /* Head section */
  1769. #head {
  1770. background-color: #000;
  1771. height: 100px;
  1772. }
  1773. #head h1 {
  1774. line-height: 100px;
  1775. color: #FFF;
  1776. text-align: center;
  1777. text-indent: -9999em
  1778. }
  1779. /* End Head Section */
  1780. /* Columns section */
  1781. #columns .column {
  1782. float: left;
  1783. width: 50%;
  1784. /* Min-height: */
  1785. min-height: 400px;
  1786. height: auto !important;
  1787. height: 400px;
  1788. }
  1789. #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;}
  1790. /* To add in 1.8.7*/
  1791. .session_box_title span {
  1792. font-size: 130%;
  1793. font-weight: bold;
  1794. }
  1795. .sub_session_box_title span {
  1796. font-size: 130%;
  1797. font-weight: bold;
  1798. }
  1799. #session_category_title {
  1800. font-size: 140%;
  1801. font-weight: bold;
  1802. padding: 2px 0px 5px 5px;
  1803. }
  1804. /* fixes the * */
  1805. span.form_required {
  1806. padding-right:5px;
  1807. }
  1808. .userportal-course-item {
  1809. -webkit-border-radius: 10px;
  1810. -moz-border-radius: 10px;
  1811. border-radius: 10px;
  1812. background-color:#F9F9F9;
  1813. padding:5px 10px 5px 10px;
  1814. height:40px;
  1815. margin:5px;
  1816. }
  1817. .userportal-course-item-title {
  1818. font-size:135%;
  1819. }
  1820. .courseadminview-activity-3col, .platformadminview-activity-3col {
  1821. -moz-border-radius:5px 5px 5px 5px;
  1822. border:1px solid #E1E1E0;
  1823. float:left;
  1824. margin:0px 20px 10px 2px;
  1825. padding:11px;
  1826. width:220px;
  1827. height:330px;
  1828. }
  1829. .courseadminview-activity-3col ul {
  1830. padding:0px 20px 10px 4px;
  1831. list-style-type:none;
  1832. height:240px;
  1833. margin-left:0px;
  1834. margin: 0px 0px 0px 0px ;
  1835. }
  1836. .courseadminview-activity-3col ul li {
  1837. padding:4px 0px 4px 0px;
  1838. }
  1839. #activity-3col {
  1840. width: 800px ;
  1841. margin-left: auto ;
  1842. margin-right: auto ;
  1843. }
  1844. .userportal-catalog-item {
  1845. -webkit-border-radius: 10px;
  1846. -moz-border-radius: 10px;
  1847. border-radius: 10px;
  1848. background-color:#F9F9F9;
  1849. padding:5px 10px 10px 6px;
  1850. /* height:40px; */
  1851. }
  1852. .userportal-catalog-item .catalog_box li span {
  1853. font-size:130%;
  1854. font-weight:bold;
  1855. margin-left:5px;
  1856. }
  1857. .forum_table_title {
  1858. border-collapse: collapse;
  1859. width: 100%;
  1860. padding: 5px;
  1861. border-left: 1px solid gray;
  1862. border-top: 1px solid gray;
  1863. border-right: 1px solid gray;
  1864. padding:5px;
  1865. }
  1866. .forum_table_title th {
  1867. padding-right: 12px;
  1868. /*border: 1px solid gray;*/
  1869. background-color: #E5EDF9;
  1870. }
  1871. .forum_table {
  1872. border-collapse: collapse;
  1873. width: 100%;
  1874. padding: 5px;
  1875. border: 1px solid gray;
  1876. margin-bottom:15px;
  1877. }
  1878. .forum_table .forum_head {
  1879. padding:5px;
  1880. text-align: left;
  1881. font-size:14px;
  1882. }
  1883. .forum_table th {
  1884. padding-right: 12px;
  1885. /*border: 1px solid gray;*/
  1886. background-color: #E5EDF9;
  1887. }
  1888. .forum_table tr.row_odd {
  1889. background-color: #F2F2F2;
  1890. }
  1891. .forum_table tr.row_odd:hover, .data_table tr.row_even:hover {
  1892. background-color: #E5EDF9;
  1893. }
  1894. .forum_table tr.row_even {
  1895. background-color: #fff;
  1896. }
  1897. .forum_table td {
  1898. padding: 5px;
  1899. vertical-align: top;
  1900. border-bottom: 1px solid #b0b0b0;
  1901. border-right: 1px dotted #e1e1e1;
  1902. border-left: 1px dotted #e1e1e1;
  1903. }
  1904. .post {
  1905. border: 1px solid gray;
  1906. margin-bottom:5px;
  1907. }
  1908. /* Text resize icons in header */
  1909. .resize_font { /* the canvas */
  1910. margin: 0 5px 0 5px;
  1911. }
  1912. .reset_font {
  1913. font-size: 1.2em;
  1914. color: gray;
  1915. border: 1px solid white;
  1916. padding: 2px;
  1917. }
  1918. .reset_font:hover {
  1919. border: 1px solid black;
  1920. cursor: pointer;
  1921. }
  1922. .increase_font {
  1923. font-size: 1.8em;
  1924. color: gray;
  1925. border: 1px solid white;
  1926. padding: 2px;
  1927. }
  1928. .increase_font:hover {
  1929. border: 1px solid black;
  1930. cursor: pointer;
  1931. }
  1932. .decrease_font {
  1933. font-size: 0.6em;
  1934. color: gray;
  1935. border: 1px solid white;
  1936. padding: 2px;
  1937. }
  1938. .decrease_font:hover {
  1939. border: 1px solid black;
  1940. cursor: pointer;
  1941. }
  1942. .online_grid_item {
  1943. float:left;
  1944. margin:10px;
  1945. text-align:center;
  1946. }
  1947. .online_grid_element_0 {
  1948. width: 100px;
  1949. height: 100px;
  1950. overflow: hidden;
  1951. }
  1952. /* input values to crop the image: top, right, bottom, left */
  1953. .online_grid_element_0 img{
  1954. width: 200px;
  1955. margin: -10px 0 0 -50px;
  1956. /* height: 150px; */
  1957. }
  1958. .online_grid_element_1, .online_grid_element_2 {
  1959. font-size:10px;
  1960. }
  1961. /* tips Abbr-plugin for FCKeditor */
  1962. abbr {
  1963. border-bottom: 1px dotted rgb(102, 102, 102);
  1964. background-color:#F00;
  1965. cursor: help;
  1966. }