default.css 40 KB

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