default.css 55 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761
  1. /*****************************************************
  2. * MAIN *
  3. *****************************************************/
  4. /* Adding default generic style for non chamilo_X themes */
  5. @import url('../base.css');
  6. /* Redefining html styles */
  7. body {
  8. /* hack ignored by non-IE to enable ie to support :hover on button */
  9. behavior:url("/main/css/csshover3.htc");
  10. font-family: arial, verdana, helvetica, sans-serif;
  11. font-size: 12px;
  12. color: #000;
  13. margin: 0;
  14. padding: 0;
  15. background-color: #fff;
  16. }
  17. /*
  18. -----------------------------------------------------------------------------
  19. Side-Menu Slider (JQuery) see banner.inc.php
  20. -----------------------------------------------------------------------------
  21. */
  22. ul#navigation {
  23. position: fixed;
  24. margin: 0px;
  25. padding: 0px;
  26. top: 10px;
  27. right: -10px;
  28. list-style: none;
  29. z-index:9999;
  30. }
  31. ul#navigation li {
  32. width: 73px;
  33. }
  34. ul#navigation li a {
  35. display: block;
  36. margin-left: 1px;
  37. width: 65px;
  38. height: 60px;
  39. background-color:#CFCFCF;
  40. background-repeat:no-repeat;
  41. background-position:center center;
  42. border:1px solid #AFAFAF;
  43. -moz-border-radius:10px 0px 0px 10px;
  44. -webkit-border-bottom-right-radius: 10px;
  45. -webkit-border-top-right-radius: 10x;
  46. -khtml-border-bottom-right-radius: 10px;
  47. -khtml-border-top-right-radius: 10px;
  48. -moz-box-shadow: 0px 4px 3px #000;
  49. opacity: 0.6;
  50. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  51. -webkit-box-shadow: 0px 4px 3px #000;
  52. }
  53. ul#navigation .help a {
  54. -moz-border-radius:8px 0 0 8px;
  55. -moz-box-shadow:0 2px 2px #000000;
  56. background-color:#879DAA;
  57. background-position:center center;
  58. background-repeat:no-repeat;
  59. border:1px solid #FFFFFF;
  60. display:block;
  61. height:44px;
  62. margin-left:1px;
  63. opacity:0.6;
  64. width:65px;
  65. padding: 6px 0 8px 6px;
  66. }
  67. ul#navigation .report a {
  68. -moz-border-radius:8px 0 0 8px;
  69. -moz-box-shadow:0 2px 2px #000000;
  70. background-color:#8fd400;
  71. background-position:center center;
  72. background-repeat:no-repeat;
  73. border:1px solid #FFFFFF;
  74. display:block;
  75. height:44px;
  76. margin-left:1px;
  77. opacity:0.6;
  78. width:65px;
  79. padding: 6px 0 8px 6px;
  80. }
  81. ul#navigation .student a {
  82. -moz-border-radius:8px 0 0 8px;
  83. -moz-box-shadow:0 2px 2px #000000;
  84. background-color:#b27651 ;
  85. background-position:center center;
  86. background-repeat:no-repeat;
  87. border:1px solid #FFFFFF;
  88. display:block;
  89. height:44px;
  90. margin-left:1px;
  91. opacity:0.6;
  92. width:65px;
  93. padding-bottom: 8px;
  94. }
  95. ul#navigation .user-online a {
  96. -moz-border-radius:8px 0 0 8px;
  97. -moz-box-shadow:0 2px 2px #000000;
  98. background-color:#ccbc67 ;
  99. background-position:center center;
  100. background-repeat:no-repeat;
  101. border:1px solid #FFFFFF;
  102. display:block;
  103. height:44px;
  104. margin-left:1px;
  105. opacity:0.6;
  106. width:65px;
  107. padding: 6px 0 8px 6px;
  108. }
  109. /* Other colors for other tabs in the earth tones */
  110. ul#navigation .user-connect a {
  111. -moz-border-radius:8px 0 0 8px;
  112. -moz-box-shadow:0 2px 2px #000000;
  113. background-color:#fac97a ;
  114. background-position:center center;
  115. background-repeat:no-repeat;
  116. border:1px solid #FFFFFF;
  117. display:block;
  118. height:44px;
  119. margin-left:1px;
  120. opacity:0.6;
  121. width:65px;
  122. padding: 6px 0 8px 6px;
  123. }
  124. ul#navigation .student-connect a {
  125. -moz-border-radius:8px 0 0 8px;
  126. -moz-box-shadow:0 2px 2px #000000;
  127. background-color:#d0d5d1 ;
  128. background-position:center center;
  129. background-repeat:no-repeat;
  130. border:1px solid #FFFFFF;
  131. display:block;
  132. height:44px;
  133. margin-left:1px;
  134. opacity:0.6;
  135. width:65px;
  136. padding: 6px 0 8px 6px;
  137. }
  138. /* for content section in main index.php file */
  139. .maincontent {
  140. float: left;
  141. width: 78%;
  142. padding: 4px;
  143. background-color: #fff;
  144. }
  145. #center {
  146. margin: 0 190px 0 0;
  147. padding: 10px 0 40px 0;
  148. min-height: 300px;
  149. }
  150. .invisible {
  151. color: #999;
  152. }
  153. .invisible a:link, .invisible a:visited {
  154. color: #999;
  155. }
  156. a.invisible:link, a.invisible:visited {
  157. color: #999;
  158. }
  159. .clear {
  160. clear: both;
  161. line-height:0px;
  162. height: 0;
  163. }
  164. /*
  165. -----------------------------------------------------------------------------
  166. Menu Slide JQuery
  167. -----------------------------------------------------------------------------
  168. */
  169. ul#navigation {
  170. position: fixed;
  171. margin: 0px;
  172. padding: 0px;
  173. top: 110px;
  174. right: -10px;
  175. list-style: none;
  176. z-index:9999;
  177. }
  178. ul#navigation li {
  179. width: 73px;
  180. }
  181. ul#navigation li a {
  182. display: block;
  183. margin-left: 1px;
  184. width: 65px;
  185. height: 60px;
  186. background-color:#CFCFCF;
  187. background-repeat:no-repeat;
  188. background-position:center center;
  189. border:1px solid #AFAFAF;
  190. -moz-border-radius:10px 0px 0px 10px;
  191. -webkit-border-bottom-right-radius: 10px;
  192. -webkit-border-top-right-radius: 10x;
  193. -khtml-border-bottom-right-radius: 10px;
  194. -khtml-border-top-right-radius: 10px;
  195. -moz-box-shadow: 0px 4px 3px #000;
  196. opacity: 0.6;
  197. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  198. -webkit-box-shadow: 0px 4px 3px #000;
  199. }
  200. ul#navigation .help a{
  201. background-image: url(images/help2.png);
  202. }
  203. /*****************************************************
  204. * REDEFINED HTML TAGS *
  205. *****************************************************/
  206. img {
  207. border: none;
  208. }
  209. p, blockquote, ol, ul {
  210. }
  211. h1 {
  212. font-size: 21px;
  213. }
  214. h2 {
  215. font-size: 18px;
  216. }
  217. h3 {
  218. font-size: 15px;
  219. margin-top:0px;
  220. padding-top:0px;
  221. }
  222. h4 {
  223. font-size: 12px;
  224. }
  225. h5, h6 {
  226. }
  227. /* the following for regular <a> elements */
  228. a {
  229. text-decoration: none;
  230. font-weight : bold;
  231. color : #5b975b;
  232. }
  233. a:visited {
  234. text-decoration: none;
  235. font-weight : bold;
  236. }
  237. a:hover {
  238. text-decoration: none;
  239. color: #a8a7a7;
  240. font-weight: bold;
  241. }
  242. a:active {
  243. text-decoration: none;
  244. font-weight : bold;
  245. color : #5b975b;
  246. }
  247. /* form elements */
  248. select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  249. cursor: pointer;
  250. }
  251. input[text] {
  252. }
  253. input.link_alike {
  254. background-color: #FFFFFF;
  255. border-width: 0px;
  256. color: #4171b5;
  257. font-weight: bold;
  258. text-align: left;
  259. padding: 0px;
  260. margin: 0px;
  261. }
  262. input.link_alike:hover {
  263. background-color: #FFFFFF;
  264. border-width: 0px;
  265. color: #FF0000;
  266. font-weight: bold;
  267. text-align: left;
  268. padding: 0px;
  269. margin: 0px;
  270. }
  271. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  272. background-image:url(images/shadow.gif);
  273. }
  274. /* user_portal course status icon */
  275. .coursestatusicons {
  276. border: 0px solid #000;
  277. float: left;
  278. padding-right: 5px;
  279. width: auto;
  280. }
  281. /* user_portal course list */
  282. .courses {
  283. list-style-type: none;
  284. margin-bottom: 5px;
  285. height: 30px;
  286. }
  287. /* user_portal session list */
  288. .session_course_item .courses {
  289. margin-bottom: 5px;
  290. height:35px;
  291. }
  292. .session_course_item {
  293. /* padding: 0px; */
  294. margin: 0px;
  295. font-size:135%;
  296. }
  297. .session_course_item .item_closed, .userportal-course-item-title .item_closed {
  298. font-size:80%;
  299. }
  300. /*****************************************************
  301. * HEADER STYLES *
  302. *****************************************************/
  303. #header {
  304. width: 100%;
  305. padding: 0;
  306. margin: 0;
  307. }
  308. /********************************************************
  309. * HEADER 1: Title, portal, organisation, course title *
  310. ********************************************************/
  311. #header1 {
  312. padding: 4px;
  313. color: #5b975b;
  314. }
  315. #header1 a {
  316. color: #636363;
  317. text-decoration: none;
  318. }
  319. #header1 a:hover {
  320. text-decoration: underline;
  321. }
  322. #sitename {
  323. margin: 0;
  324. font-weight: bold;
  325. }
  326. #institution {
  327. float: left;
  328. }
  329. /*****************************************************
  330. * HEADER 3: TABS OF THE HEADER *
  331. *****************************************************/
  332. .subnav {
  333. background-color: #4C4C4C; /* Old browsers */
  334. background-repeat: repeat-x; /* Repeat the gradient */
  335. background-image: -moz-linear-gradient(top, #4C4C4C 0%, #747474 100%); /* FF3.6+ */
  336. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4C4C), color-stop(100%,#747474)); /* Chrome,Safari4+ */
  337. background-image: -webkit-linear-gradient(top, #4C4C4C 0%, #747474 100%); /* Chrome 10+,Safari 5.1+ */
  338. background-image: -ms-linear-gradient(top, #4C4C4C 0%,#747474 100%); /* IE10+ */
  339. background-image: -o-linear-gradient(top, #4C4C4C 0%,#747474 100%); /* Opera 11.10+ */
  340. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C4C4C', endColorstr='#747474',GradientType=0 ); /* IE6-9 */
  341. background-image: linear-gradient(top, #4C4C4C 0%, #747474 100%); /* W3C */
  342. border: 1px solid #4C4C4C;
  343. }
  344. .subnav a {
  345. color:white;
  346. }
  347. .subnav #current a {
  348. background-color: #5B975B; /* Old browsers */
  349. background-repeat: repeat-x; /* Repeat the gradient */
  350. background-image: -moz-linear-gradient(top, #5B975B 0%, #8FBB8F 100%); /* FF3.6+ */
  351. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5B975B), color-stop(100%,#8FBB8F)); /* Chrome,Safari4+ */
  352. background-image: -webkit-linear-gradient(top, #5B975B 0%, #8FBB8F 100%); /* Chrome 10+,Safari 5.1+ */
  353. background-image: -ms-linear-gradient(top, #5B975B 0%,#8FBB8F 100%); /* IE10+ */
  354. background-image: -o-linear-gradient(top, #5B975B 0%,#8FBB8F 100%); /* Opera 11.10+ */
  355. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B975B', endColorstr='#8FBB8F',GradientType=0 ); /* IE6-9 */
  356. background-image: linear-gradient(top, #5B975B 0%, #8FBB8F 100%); /* W3C */
  357. }
  358. .subnav .nav > #current > a, .subnav .nav > #current > a:hover {
  359. color: white;
  360. }
  361. .subnav a:hover {
  362. color: #a8a7a7;
  363. }
  364. .subnav .nav > li > a {
  365. border-left: none;
  366. border-right: none;
  367. }
  368. #logout {
  369. display: inline;
  370. float: right;
  371. width: auto;
  372. text-align: right;
  373. }
  374. .subnav .clear {
  375. display: none;
  376. }
  377. /*****************************************************
  378. * HEADER 4
  379. *****************************************************/
  380. #header4 {
  381. background-color: #fff;
  382. color: #fff;
  383. margin-bottom: 2px;
  384. width:100%;
  385. }
  386. #header4 a:hover {
  387. text-decoration: none;
  388. color: #a8a7a7;
  389. }
  390. /* The tool shortcuts */
  391. #toolshortcuts {
  392. text-align: right;
  393. clear: right;
  394. margin-left: auto;
  395. margin-right: auto;
  396. width: 98%;
  397. }
  398. /*****************************************************
  399. * FOOTER STYLES *
  400. *****************************************************/
  401. footer {
  402. background-color: #434343;
  403. background-image: url(images/tab-repeat.png);
  404. background-repeat:repeat-x;
  405. font-size: 12px;
  406. color:#ffffff;
  407. min-height: 50px;
  408. overflow:hidden;
  409. width: 100%;
  410. }
  411. footer a:link, footer a:visited {
  412. color:#fff;
  413. }
  414. .push {
  415. height: 3em; /* Very important */
  416. }
  417. #centerwrap {
  418. float: left;
  419. width: 100%;
  420. margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
  421. it's empty otherwise. The difference is made up by putting a
  422. negative left margin on the left float:
  423. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  424. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  425. */
  426. }
  427. #center {
  428. margin: 0 190px 0 0;
  429. padding: 10px 0 40px 0;
  430. min-height: 300px;
  431. }
  432. #toolnav {
  433. float:right;
  434. margin:-7px 0 0 -5%;
  435. overflow:hidden;
  436. padding:0;
  437. width:180px;
  438. }
  439. /* Hide from IE5-mac. Only IE-win sees this. \*/
  440. * html #toolnav {
  441. margin-right: 0px;
  442. }
  443. * html #center {
  444. height: 1%;
  445. margin-left: 0;
  446. }
  447. /* End hide from IE5/mac */
  448. /* --- course navigation menu as a definition list --- */
  449. #swap_menu_link {
  450. float: left;
  451. }
  452. #toolnavbox {
  453. margin: 0 0 0 10px;
  454. padding: 0;
  455. float: left;
  456. border: 1px solid #4271b5;
  457. }
  458. #toolnavbox dl {
  459. width: 160px;
  460. margin: 0 auto;
  461. padding: 0;
  462. background: transparent;
  463. text-align: center;
  464. }
  465. #toolnavbox dt {
  466. margin: 0;
  467. padding: 0;
  468. font-weight: bold;
  469. text-align: center;
  470. color: #000;
  471. border-bottom: 1px solid #fff;
  472. background: transparent;
  473. }
  474. #toolnavbox dd {
  475. margin: 0;
  476. padding: 0;
  477. color: #009;
  478. text-align: left;
  479. border-bottom:1px solid #fff;
  480. background: #E5EDF9;
  481. }
  482. #toolnav img {
  483. float: left;
  484. width: 25px;
  485. height: 25px;
  486. margin: 0 4px 0 0;
  487. }
  488. #toolnavlist a, #toolnavlist a:link {
  489. background: #E5EDF9;
  490. color: #4171b5;
  491. padding: 5px 5px 5px 10px;
  492. margin: 0;
  493. text-decoration: none;
  494. display: block;
  495. line-height:24px;
  496. }
  497. #toolnavlist a:hover {
  498. background: #fff;
  499. color:#4171b5;
  500. }
  501. #toolnavlist a#here {
  502. background: #fff;
  503. color:#4171b5;
  504. }
  505. /* --- end of course navigation menu section --- */
  506. /*
  507. this lets the navigation menu appear to the left:
  508. #center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
  509. min-height: 300px; }
  510. #toolnav { float: left; width: 180px; padding: 20px 0 0 0;
  511. margin-left: -5%;
  512. }
  513. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  514. margin-left: -5%; /* the difference to make the left colum appear flush left
  515. }*/
  516. /* LOGIN AND LANGUAGE FORM */
  517. #lang_form {
  518. text-align: left;
  519. margin: 2px 0 10px 0;
  520. padding: 2px;
  521. }
  522. #lang_form input, #lang_form select {
  523. }
  524. #formLogin label {
  525. margin: 4px 6px;
  526. }
  527. #formLogin input {
  528. margin: 4px 6px;
  529. }
  530. #login_fail {
  531. margin: 0 6px 6px 6px;
  532. padding: 4px;
  533. border: 1px solid #f00;
  534. background-color: #fff;
  535. color: #f00;
  536. }
  537. input.mainoption {
  538. font-weight : bold;
  539. }
  540. input.liteoption {
  541. font-weight : normal;
  542. }
  543. /*****************************************************
  544. * COURSE HOMEPAGE *
  545. *****************************************************/
  546. /* various sections in course-home.php file */
  547. #toolremove {
  548. width: 40%;
  549. color: #f00;
  550. font-weight: bold;
  551. margin: 10px auto;
  552. padding: 10px;
  553. border: 2px solid #f00;
  554. }
  555. #courseintro {
  556. clear: both;
  557. width: 80%;
  558. margin: 10px auto;
  559. padding: 10px;
  560. border-bottom: 1px solid #636363;
  561. }
  562. #courseintro_icons {
  563. clear: both;
  564. width: 80%;
  565. margin: 10px auto;
  566. }
  567. .everybodyview {
  568. position: relative; /* to avoid the IE peekabo bug ?*/
  569. width: 80%;
  570. margin: 10px auto;
  571. padding: 10px;
  572. }
  573. .Authoringview, .courseadminview, .platformadminview {
  574. position: relative;
  575. width: 80%;
  576. margin: 25px auto 10px;
  577. padding: 10px;
  578. border: 1px solid #636363;
  579. }
  580. .viewcaption {
  581. position: relative;
  582. top: -20px;
  583. font-weight: bold;
  584. color: #636363;
  585. background-color: #fff;
  586. padding: 0 4px;
  587. }
  588. /*****************************************************
  589. * AGENDA *
  590. *****************************************************/
  591. #agenda {
  592. width: 100%;
  593. margin: 0 auto;
  594. border: 1px solid #bbb;
  595. border-collapse: collapse;
  596. }
  597. .agenda_month_divider {
  598. background-color: #dcdcdc;
  599. font-weight: bold;
  600. color: #666;
  601. text-align: center;
  602. }
  603. #agenda .title a {
  604. color: #fff;
  605. }
  606. #agenda .agendaitem {
  607. }
  608. #smallcalendar .title {
  609. background-color: #dcdcdc;
  610. font-weight: bold;
  611. padding: 2px;
  612. color: #666;
  613. text-align: center;
  614. font-size: 11px;
  615. }
  616. #smallcalendar .title a {
  617. color: #666;
  618. }
  619. #agenda_select {
  620. list-style: none;
  621. border: 0px solid green;
  622. margin: 30px 0 0 0;
  623. padding: 0 0 0 10px;
  624. }
  625. /* ---------------------------------------------------
  626. styles for the agenda (day, week, month view)
  627. -----------------------------------------------------*/
  628. #agenda_list {
  629. width: 100%;
  630. margin: 0 auto;
  631. border: 1px solid #fff;
  632. border-collapse: collapse;
  633. }
  634. /*The caption of the calendar (displays the month and the << and >> links*/
  635. #agenda_list .title {
  636. background-color: #dcdcdc;
  637. font-weight: bold;
  638. color: #666;
  639. text-align: left;
  640. padding: 2px 10px;
  641. text-align: center;
  642. border: 1px solid #bbb;
  643. }
  644. #agenda_list .title a:link, #agenda_list #title a:visited {
  645. background-color: #dcdcdc;
  646. font-weight: bold;
  647. font-size: 11px;
  648. color: #666;
  649. padding: 2px 10px;
  650. text-align: center;
  651. }
  652. #agenda_list .title a:hover {
  653. background-color: #dcdcdc;
  654. font-weight: bold;
  655. font-size: 11px;
  656. color: #f3840d;
  657. padding: 2px 10px;
  658. text-align: center;
  659. }
  660. /* The cells with the name of the days of the weeks (mon->sun)*/
  661. #agenda_list .weekdays {
  662. background-color: #dcdcdc;
  663. text-align: center;
  664. font-weight: bold;
  665. border: 1px solid #264269;
  666. border-collapse: collapse;
  667. }
  668. /* The cells for the days (1->31) */
  669. #agenda_list .days_week {
  670. height: 40px;
  671. width: 12%;
  672. text-align: left;
  673. vertical-align: top;
  674. border: 1px solid #ccc;
  675. border-collapse: collapse;
  676. background-color: #f5f5f5;
  677. }
  678. #agenda_list .days_weekend {
  679. height: 40px;
  680. width: 12%;
  681. text-align: left;
  682. vertical-align: top;
  683. border: 1px solid #ccc;
  684. border-collapse: collapse;
  685. background-color: #e6e6e6;
  686. }
  687. #agenda_list .days_today {
  688. height: 40px;
  689. width: 12%;
  690. text-align: left;
  691. vertical-align: top;
  692. border: 1px solid #ccc;
  693. border-collapse: collapse;
  694. background-color: #FFFFC0;
  695. }
  696. #agenda_list th {
  697. background-color:#E5EDF9;
  698. border:1px solid gray;
  699. padding-right:12px;
  700. }
  701. /* text in the cells: display of agenda items (visible)*/
  702. #agenda_list .data {
  703. background-color: #eee;
  704. text-align: left;
  705. padding: 2px 10px;
  706. font-weight: bold;
  707. border: 0px solid #dcdcdc;
  708. border-collapse: collapse;
  709. }
  710. #agenda_list .datanotbold {
  711. background-color: #eee;
  712. text-align: left;
  713. padding: 2px 10px;
  714. font-weight: normal;
  715. border: 0px solid #dcdcdc;
  716. border-collapse: collapse;
  717. }
  718. #agenda_list .text {
  719. background-color: #fff;
  720. text-align: left;
  721. padding: 2px 10px;
  722. font-weight: normal;
  723. border: 0px solid #dcdcdc;
  724. border-collapse: collapse;
  725. }
  726. /*text in the cells: display of agenda items (invisible)*/
  727. #agenda_list .data_hidden {
  728. background-color: #eee;
  729. text-align: left;
  730. padding: 2px 10px;
  731. font-weight: bold;
  732. border: 0px solid #dcdcdc;
  733. border-collapse: collapse;
  734. color: #999999;
  735. }
  736. #agenda_list .datanotbold_hidden {
  737. background-color: #eee;
  738. text-align: left;
  739. padding: 2px 10px;
  740. font-weight: normal;
  741. border: 0px solid #dcdcdc;
  742. border-collapse: collapse;
  743. color: #999999;
  744. }
  745. #agenda_list .text_hidden {
  746. background-color: #fff;
  747. text-align: left;
  748. padding: 2px 10px;
  749. font-weight: normal;
  750. border: 0px solid #dcdcdc;
  751. border-collapse: collapse;
  752. color: #999999;
  753. }
  754. /*text in the cells: display of agenda items (highlighted)*/
  755. #agenda_list .datanow {
  756. background-color: #FFCC00;
  757. text-align: left;
  758. padding: 2px 10px;
  759. font-weight: bold;
  760. border: 0px solid #dcdcdc;
  761. border-collapse: collapse;
  762. }
  763. #agenda_list .datanotboldnow {
  764. background-color: #FFCC00;
  765. text-align: left;
  766. padding: 2px 10px;
  767. font-weight: normal;
  768. border: 0px solid #dcdcdc;
  769. border-collapse: collapse;
  770. }
  771. #agenda_list .textnow {
  772. background-color: #fff;
  773. text-align: left;
  774. padding: 2px 10px;
  775. font-weight: normal;
  776. border: 0px solid #dcdcdc;
  777. border-collapse: collapse;
  778. }
  779. /* ---------------------------------------------------
  780. styles for the mini agenda
  781. -----------------------------------------------------*/
  782. #smallcalendar {
  783. width: 100%;
  784. margin: 0 auto;
  785. border: 1px solid #fff;
  786. border-collapse: collapse;
  787. }
  788. #smallcalendar .weekdays {
  789. background-color: #dcdcdc;
  790. text-align: center;
  791. font-size: 11px;
  792. font-weight: bold;
  793. border: 1px solid #fff;
  794. border-collapse: collapse;
  795. }
  796. #smallcalendar .days_week {
  797. background-color: #f5f5f5;
  798. text-align: center;
  799. font-size: 11px;
  800. border-collapse: collapse;
  801. }
  802. #smallcalendar .days_weekend {
  803. background-color: #e6e6e6;
  804. text-align: center;
  805. font-size: 11px;
  806. border: 1px solid #fff;
  807. border-collapse: collapse;
  808. }
  809. #smallcalendar .days_today {
  810. width: 12%;
  811. text-align: center;
  812. font-size: 11px;
  813. border: 1px solid #FA8500;
  814. border-collapse: collapse;
  815. background-color: #FFCA8D;
  816. }
  817. /* ---------------------------------------------------
  818. styles for the personal agenda
  819. -----------------------------------------------------*/
  820. .personal_agenda {
  821. color: #008000;
  822. }
  823. .personal_agenda a:link, .personal_agenda a:visited {
  824. color: #008000;
  825. }
  826. a.personal_agenda:link, a.personal_agenda:visited {
  827. color: #008000;
  828. }
  829. .personal_agenda a:hover, .personal_agenda a:hover {
  830. color: #666666;
  831. }
  832. a.personal_agenda:hover, a.personal_agenda:hover {
  833. color: #666666;
  834. }
  835. /*****************************************************
  836. * DISPLAY MESSAGES *
  837. *****************************************************/
  838. /* normal and erro message-box */
  839. .normal-message {
  840. border: 1px solid #5b975b;
  841. color: #5b975b;
  842. background-color: #EFEFEF;
  843. }
  844. .warning-message {
  845. border: 1px solid #FF6600;
  846. color: #666666;
  847. background-color: #FFCD82;
  848. }
  849. .confirmation-message {
  850. border: 1px solid #1F8323;
  851. color: #1F8323;
  852. background-color: #EFEFEF;
  853. }
  854. .error-message {
  855. border: 1px solid #FF0000;
  856. color: #FF0000;
  857. background-color: #EFEFEF;
  858. }
  859. /* New training */
  860. .bottom-link {
  861. background-image:url(images/button_back.jpg);
  862. }
  863. /**********************************************
  864. * DOCUMENT MODULE *
  865. **********************************************/
  866. /* styles from the document.php file */
  867. .comment {
  868. margin-left: 30px;
  869. }
  870. /* styles from the upload.php file */
  871. dl.upload_option {
  872. margin: 1em 0;
  873. padding: 0;
  874. }
  875. .upload_option dt {
  876. font-weight:bold;
  877. margin:0;
  878. }
  879. .upload_option dd {
  880. margin:0;
  881. }
  882. .document_owner {
  883. text-align: right;
  884. }
  885. /**********************************************
  886. * DROPBOX MODULE *
  887. **********************************************/
  888. /* styles from dropbox.php file */
  889. .dropbox_detail {
  890. font-size: small
  891. }
  892. .dropbox_date {
  893. color: #737780;
  894. font-style: italic;
  895. font-weight: normal;
  896. }
  897. .dropbox_person {
  898. font-weight: bold
  899. }
  900. .dropbox_listTitle {
  901. color: #000000;
  902. }
  903. .dropbox_feedback {
  904. font-size: x-small;
  905. height: 50px;
  906. width: 200px;
  907. overflow: auto
  908. }
  909. .dropbox_feedbacks {
  910. height: 250px;
  911. width: 100%;
  912. overflow: auto
  913. }
  914. /**********************************************
  915. * CHAT MODULE *
  916. **********************************************/
  917. /* styles for chat / conference tools */
  918. #chat_entermessage {
  919. background-color: #D6E5FA;
  920. border-top: 1px solid #4171B5;
  921. padding: 5px;
  922. margin: 0;
  923. }
  924. /* the following for the grayed out elements */
  925. a.nobold:link, a.nobold:visited, a.nobold:active {
  926. font-weight: normal;
  927. color: #999;
  928. margin: 0 0 0 25px;
  929. }
  930. a.nobold:hover {
  931. font-weight: normal;
  932. color: #999;
  933. text-decoration: underline;
  934. margin: 0 0 0 25px;
  935. }
  936. .note {
  937. margin: 6px;
  938. line-height: 14px;
  939. background-color: #FFF089;
  940. color: #4171B5;
  941. border: 1px solid #4171B5;
  942. padding: 4px;
  943. }
  944. .alternativeBgLight {
  945. background-color: #f5f5f5;
  946. border: 1px solid #4171B5;
  947. border-collapse: collapse;
  948. }
  949. .alternativeBgDark {
  950. background-color: #ccf;
  951. border: 1px solid #4171B5;
  952. border-collapse: collapse;
  953. }
  954. .myagendatoday {
  955. background-color: #FFCA8D;
  956. border-collapse: collapse;
  957. color: #CC3300;
  958. font-weight: bold;
  959. }
  960. /*****************************************************
  961. * FORM STYLES *
  962. *****************************************************/
  963. div.row {
  964. clear: both;
  965. padding-top: 8px;
  966. }
  967. div.row div.form_header {
  968. white-space: nowrap;
  969. padding: 2px;
  970. border: 1px solid #636363;
  971. background-image: url(images/tab-repeat.png);
  972. background-position:bottom;
  973. color: #FFFFFF;
  974. font-weight: bold;
  975. }
  976. span.form_required {
  977. color: #f00;
  978. }
  979. span.form_error {
  980. color: #f00;
  981. font-size: x-small;
  982. margin: 2px;
  983. }
  984. /*****************************************************
  985. * DATA TABLE STYLES *
  986. *****************************************************/
  987. .cell_header {
  988. background-color: #EEEEFF;
  989. font-weight:bold;
  990. text-align:left;
  991. padding-left:5px;
  992. } /* header cell in data table in tools */
  993. .data_table {
  994. border-collapse: collapse;
  995. width: 100%;
  996. padding: 5px;
  997. margin-top: 5px;
  998. margin-bottom: 5px;
  999. }
  1000. .data_table th {
  1001. padding-right: 20px;
  1002. border: 1px solid #636363;
  1003. background-color: #5b975b;
  1004. color: #FFF;
  1005. }
  1006. .data_table th a {
  1007. color: #fff;
  1008. }
  1009. .data_table th a:hover {
  1010. color: #a8a7a7;
  1011. }
  1012. .data_table tr.row_odd {
  1013. background-color: #fafafa;
  1014. }
  1015. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  1016. background-color: #f0f0f0;
  1017. }
  1018. .data_table tr.row_even {
  1019. background-color: #fff;
  1020. }
  1021. .data_table td {
  1022. padding: 5px;
  1023. vertical-align: top;
  1024. border-bottom: 1px solid #b0b0b0;
  1025. border-right: 1px dotted #e1e1e1;
  1026. border-left: 1px dotted #e1e1e1;
  1027. }
  1028. .data_table td.border {
  1029. padding: 5px;
  1030. vertical-align: top;
  1031. border: 1px solid gray;
  1032. }
  1033. .data_table td.none {
  1034. padding: 5px;
  1035. vertical-align: top;
  1036. border-right:none;
  1037. border-bottom: none;
  1038. border-left:none;
  1039. }
  1040. .data_table td.redText {
  1041. color:red;
  1042. }
  1043. .data_table td.borderRight {
  1044. border-right:1px solid gray;
  1045. border-bottom: none;
  1046. border-left:none;
  1047. }
  1048. .data_table td.borderLeft {
  1049. border-left:1px solid gray;
  1050. border-bottom: none;
  1051. border-right:none;
  1052. }
  1053. .data_table td.noLink {
  1054. color: gray;
  1055. }
  1056. .data_table tr.tableName {
  1057. padding: 5px;
  1058. border: 1px solid gray;
  1059. background-color: #e6e6ff;
  1060. text-align:left;
  1061. }
  1062. .data_table tr.total {
  1063. padding: 5px;
  1064. border: 1px solid gray;
  1065. background-color: #ffffcc;
  1066. text-align:left;
  1067. }
  1068. .data_table th.head {
  1069. padding-right: 20px;
  1070. border: 1px solid gray;
  1071. background-color: #ffffcc;
  1072. }
  1073. .data_table_pagination {
  1074. width:100%;
  1075. margin-top: 8px;
  1076. }
  1077. /* admin page tool list definitions */
  1078. .tool_list dt {
  1079. font-weight: bold;
  1080. }
  1081. .tool_list dd {
  1082. margin: 0;
  1083. padding: 4px 0 0 10px;
  1084. }
  1085. /* divs for category list / platform news on home page */
  1086. .home_cats {
  1087. width: 45%;
  1088. float: left;
  1089. position: relative;
  1090. margin: 0;
  1091. padding: 0px;
  1092. padding-top: 8px;
  1093. background: #fff;
  1094. }
  1095. .home_news {
  1096. width: 45%;
  1097. float: right;
  1098. position: relative;
  1099. margin: 0;
  1100. padding: 0px;
  1101. padding-top: 8px;
  1102. background: #fff;
  1103. }
  1104. label.left {
  1105. float: left;
  1106. width: 15em;
  1107. margin: 0 0 0.5em 0;
  1108. }
  1109. form br {
  1110. clear: both;
  1111. }
  1112. /* Fix for alignment problem in IE-Win browsers */
  1113. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1114. * html .label {
  1115. margin-right: 10px;
  1116. }
  1117. * html .data {
  1118. height: 1%;
  1119. margin-left: 0;
  1120. }
  1121. /* End hide from IE5/mac */
  1122. .radio, .checkbox {
  1123. margin: 0;
  1124. padding: 0;
  1125. border: none;
  1126. background-color: transparent;
  1127. }
  1128. .required {
  1129. color: #f00;
  1130. font-weight: bold;
  1131. }
  1132. /* Admin section */
  1133. div.admin_section {
  1134. width: 40%;
  1135. float: left;
  1136. padding: 5px;
  1137. margin: 10px 20px;
  1138. }
  1139. div.admin_section h4 {
  1140. margin: 0;
  1141. border-bottom: 1px solid gray;
  1142. width: 100%;
  1143. }
  1144. /* Admin section */
  1145. div.admin_section {
  1146. width: 40%;
  1147. float: left;
  1148. padding: 5px;
  1149. margin: 10px 20px;
  1150. }
  1151. div.admin_section h4 {
  1152. margin: 0;
  1153. border-bottom: 1px solid gray;
  1154. width: 100%;
  1155. }
  1156. .user_course_category {
  1157. background-color: #efefef;
  1158. border: 1px solid #666;
  1159. font-weight: bold;
  1160. color: #666;
  1161. list-style-type: none;
  1162. margin: 5px;
  1163. padding: 5px;
  1164. }
  1165. .sessions_list {
  1166. line-height: 20px;
  1167. margin-top: 20px;
  1168. }
  1169. .sessions_list_inactive {
  1170. line-height: 20px;
  1171. }
  1172. .session_box {
  1173. border: 1px solid #DCE5F3;
  1174. /* font-weight: bold; */
  1175. color: #666;
  1176. list-style-type: none;
  1177. margin:5px 5px 10px 5px;
  1178. padding: 5px;
  1179. background-color:#FFF;
  1180. -webkit-border-radius: 10px;
  1181. -moz-border-radius: 10px;
  1182. border-radius: 10px;
  1183. }
  1184. .sub_session_box {
  1185. border: 1px solid #DCE5F3;
  1186. /* font-weight: bold; */
  1187. color: #666;
  1188. list-style-type: none;
  1189. margin:5px 5px 10px 0px;
  1190. padding: 5px;
  1191. background-color:#FFF;
  1192. -webkit-border-radius: 10px;
  1193. -moz-border-radius: 10px;
  1194. border-radius: 10px;
  1195. }
  1196. .sub_session_box_title {
  1197. margin-bottom: 10px;
  1198. background-color:#F9F9F9;
  1199. }
  1200. .session_box_title {
  1201. margin-bottom: 10px;
  1202. background-color:#F9F9F9;
  1203. }
  1204. .session_course_item {
  1205. margin: 0px;
  1206. margin-bottom:20px;
  1207. }
  1208. .session_course_item .courses {
  1209. margin-bottom: 5px;
  1210. height:35px;
  1211. }
  1212. /***************************************************************
  1213. * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION *
  1214. ***************************************************************/
  1215. .sectiontitle {
  1216. background-color: #EFEFEF;
  1217. border: 1px solid #cccccc;
  1218. font-weight: bold;
  1219. color: #666666;
  1220. list-style-type: none;
  1221. padding: 5px;
  1222. font-size: 11px;
  1223. }
  1224. .sectioncomment {
  1225. color: #000000;
  1226. margin: 5px;
  1227. padding: 5px;
  1228. font-size: 11px;
  1229. }
  1230. .sectionvalue {
  1231. list-style-type: none;
  1232. margin: 5px;
  1233. padding: 5px;
  1234. }
  1235. /*****************************************************
  1236. * ANNOUNCEMENTS *
  1237. *****************************************************/
  1238. .announcements_datum {
  1239. font-style: italic;
  1240. color: #666666;
  1241. }
  1242. /*****************************************************
  1243. * SYSTEM ANNOUNCEMENTS *
  1244. *****************************************************/
  1245. div.system_announcement {
  1246. padding: 10px;
  1247. border: 1px solid #ddd;
  1248. -moz-border-radius-topright : 5px;
  1249. -moz-border-radius-topleft : 5px;
  1250. -moz-border-radius-bottomright : 5px;
  1251. -moz-border-radius-bottomleft : 5px;
  1252. min-height:20px;
  1253. }
  1254. .system_announcement {
  1255. background: #eee url('images/headertables.jpg') repeat-x top center;
  1256. font: bold 100% arial, sans-serif, sans;
  1257. }
  1258. .system_announcement_content {
  1259. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  1260. }
  1261. .system_announcements {
  1262. background: transparent url('images/systemenouvelles.jpg') no-repeat top left;
  1263. padding-top: 10px;
  1264. padding-bottom: 10px;
  1265. width: 90%;
  1266. }
  1267. .system_announcements h3 {
  1268. }
  1269. .system_announcement_title {
  1270. font-weight: bold;
  1271. font-size: 120%;
  1272. float:left;
  1273. }
  1274. .system_announcement_date {
  1275. font-color: #ccc;
  1276. float:right;
  1277. }
  1278. /*****************************************************
  1279. * THE NEW FORUM *
  1280. *****************************************************/
  1281. /* **** FORUM CATEGORY **** */
  1282. .forum_category {
  1283. background-color: #0066CC;
  1284. color: #fff;
  1285. }
  1286. .forum_category a {
  1287. color: #fff;
  1288. }
  1289. .forum_category_header {
  1290. background-color: #0066CC;
  1291. color: #fff;
  1292. }
  1293. tr.forum_category_header a {
  1294. color: #fff;
  1295. }
  1296. /* **** FORUM **** */
  1297. .forum_header {
  1298. background-color: #EFEFEF;
  1299. }
  1300. /* **** THREAD **** */
  1301. .forum_threadheader {
  1302. color: #aaa;
  1303. background-color: #F7F7F7;
  1304. }
  1305. tr.forum_threadheader td {
  1306. }
  1307. .forum-thread-header {
  1308. color: #000000;
  1309. background-color: #F7F7F7;
  1310. border-left: 1px solid #aaa;
  1311. border-right: 1px solid #aaa;
  1312. border-bottom: 1px solid #aaa;
  1313. border-top: 1px solid #aaa;
  1314. }
  1315. .forum-thread-body {
  1316. color: #000000;
  1317. background-color: #FFFFFF;
  1318. border-left: 1px solid #aaa;
  1319. border-right: 1px solid #aaa;
  1320. border-bottom: 1px solid #aaa;
  1321. border-top: 1px solid #aaa;
  1322. }
  1323. /* **** POST **** */
  1324. .quote {
  1325. background-color: #EFEFEF;
  1326. }
  1327. .forum_message_left {
  1328. width: 150px;
  1329. vertical-align: top;
  1330. border-right: 1px solid #aaa;
  1331. background-color: #F7F7F7;
  1332. }
  1333. .forum_message_left_2_be_approved {
  1334. width: 150px;
  1335. vertical-align: top;
  1336. border-right: 1px solid #aaa;
  1337. background-color: #F7F7F7;
  1338. color: #999;
  1339. }
  1340. .forum_message_post_title {
  1341. font-weight: bold;
  1342. background-color: #F7F7F7;
  1343. height: 20px;
  1344. }
  1345. .forum_message_post_title_2_be_approved {
  1346. color: #999;
  1347. font-weight: bold;
  1348. background-color: #F7F7F7;
  1349. height: 20px;
  1350. }
  1351. .forum_message_post_text {
  1352. margin-bottom: 10px;
  1353. vertical-align: top;
  1354. }
  1355. .forum_message_post_text_2_be_approved {
  1356. color: #999;
  1357. margin-bottom: 10px;
  1358. vertical-align: top;
  1359. }
  1360. .current {
  1361. font-weight: bold;
  1362. }
  1363. .structure {
  1364. font-weight: bold;
  1365. background-color: #F7F7F7;
  1366. height: 20px;
  1367. }
  1368. a.forum_group_link {
  1369. font-weight: lighter;
  1370. display:inline;
  1371. }
  1372. .forum_description {
  1373. color: #000;
  1374. font-weight: normal;
  1375. }
  1376. .forum_title {
  1377. color: #000;
  1378. font-size: 14px;
  1379. }
  1380. .forum_low_description {
  1381. color: #737780;
  1382. font-style: italic;
  1383. font-weight: normal;
  1384. }
  1385. .forum_attach_comment {
  1386. color: #737780;
  1387. font-style: italic;
  1388. font-weight: normal;
  1389. }
  1390. /* **** BLOG **** */
  1391. span.blog_title {
  1392. font-size: 18px;
  1393. font-weight: bold;
  1394. color: #1657A9;
  1395. }
  1396. span.blog_subttitle {
  1397. }
  1398. td.blog_left {
  1399. margin-right: 5px;
  1400. padding-right: 5px;
  1401. border-right: 1px solid #dddddd;
  1402. }
  1403. td.blog_right {
  1404. padding-left: 10px;
  1405. }
  1406. td.blog_menu_title {
  1407. background-color: #dddddd;
  1408. color: #1657A9;
  1409. font-weight: bold;
  1410. font-size: 11px;
  1411. padding: 2px;
  1412. }
  1413. td.blog_menu {
  1414. border-bottom: 1px dashed #dddddd;
  1415. border-right: 1px dashed #dddddd;
  1416. border-left: 1px dashed #dddddd;
  1417. padding: 10px;
  1418. }
  1419. td.blog_menu ul {
  1420. margin-top: 0;
  1421. margin-right: 0;
  1422. margin-bottom: 0;
  1423. margin-left: 15px;
  1424. padding: 0;
  1425. }
  1426. td.blog_menu ul li {
  1427. }
  1428. span.blogpost_title {
  1429. display: block;
  1430. font-size: 18px;
  1431. font-weight: bold;
  1432. color: #1657A9;
  1433. padding-bottom: 5px;
  1434. }
  1435. span.blogpost_date {
  1436. display: block;
  1437. font-weight: bold;
  1438. color: #333333;
  1439. padding-bottom: 10px;
  1440. }
  1441. span.blogpost_info {
  1442. display: block;
  1443. color: #333333;
  1444. border-top: 1px solid #dddddd;
  1445. margin-top: 5px;
  1446. }
  1447. table.newBlog {
  1448. border: 1px solid #dddddd;
  1449. margin-bottom: 10px;
  1450. margin-top: 10px;
  1451. padding: 10px;
  1452. background-color: #f6f6f6;
  1453. }
  1454. table.newTask {
  1455. border: 1px solid #dddddd;
  1456. margin-bottom: 10px;
  1457. margin-top: 10px;
  1458. padding: 10px;
  1459. background-color: #f6f6f6;
  1460. }
  1461. table.new_comment {
  1462. border: 1px solid #dddddd;
  1463. margin-bottom: 10px;
  1464. margin-top: 10px;
  1465. padding: 10px;
  1466. background-color: #F4F4F4;
  1467. }
  1468. div.blogpost_comment {
  1469. border-top: 1px dashed #dddddd;
  1470. border-right: 1px dashed #dddddd;
  1471. border-bottom: 1px dashed #dddddd;
  1472. border-left: 1px dashed #dddddd;
  1473. margin-bottom: 10px;
  1474. padding: 10px;
  1475. background-color: white;
  1476. z-index: -1;
  1477. }
  1478. span.blogpost_comment_title {
  1479. display: block;
  1480. font-size: 14px;
  1481. font-weight: bold;
  1482. color: #1657A9;
  1483. padding-bottom: 5px;
  1484. }
  1485. span.blogpost_comment_date {
  1486. display: block;
  1487. font-size: 10px;
  1488. font-weight: bold;
  1489. color: #333333;
  1490. padding-bottom: 10px;
  1491. }
  1492. span.blogpost_comment_info {
  1493. font-size: 10px;
  1494. display: block;
  1495. color: #333333;
  1496. border-top: 1px solid #dddddd;
  1497. margin-top: 10px;
  1498. }
  1499. div.blogpost {
  1500. border: 1px solid #DDDDDD;
  1501. background-color: #ECECEC;
  1502. margin-bottom: 15px;
  1503. padding: 10px;
  1504. }
  1505. div.comments {
  1506. border: 1px solid #dddddd;
  1507. margin-bottom: 10px;
  1508. margin-top: 10px;
  1509. padding: 10px;
  1510. background-color: #F4F4F4;
  1511. margin-left:50px;
  1512. }
  1513. .attachment_comment {
  1514. color: #737780;
  1515. font-style: italic;
  1516. font-weight: normal;
  1517. }
  1518. .link {
  1519. text-decoration: none;
  1520. font-weight : bold;
  1521. color : #1657A9;
  1522. cursor: pointer
  1523. }
  1524. .link:hover {
  1525. text-decoration: none;
  1526. color: #abd9f1;
  1527. font-weight: bold;
  1528. cursor: pointer
  1529. }
  1530. /*****************************************************
  1531. * INSTALLATION *
  1532. *****************************************************/
  1533. #installation_steps {
  1534. float:left;
  1535. background-color: #EFEFEF;
  1536. }
  1537. .current_step {
  1538. font-weight: bold;
  1539. }
  1540. .RequirementHeading {
  1541. margin-right:10px;
  1542. }
  1543. .RequirementHeading h1 {
  1544. color:#0066CC;
  1545. font-size:1.2em;
  1546. font-weight: bold;
  1547. border-bottom: 1px solid #0066CC;
  1548. }
  1549. .RequirementText {
  1550. color:#666;
  1551. font-size:1.0em;
  1552. font-weight: normal;
  1553. float:right;
  1554. width:200px;
  1555. }
  1556. .RequirementContent {
  1557. color:#000;
  1558. font-size:1.0em;
  1559. font-weight: normal;
  1560. }
  1561. .RequirementContent table {
  1562. border: 1px solid #ccc;
  1563. width: 400px;
  1564. }
  1565. .RequirementContent table th {
  1566. border-bottom: 1px solid #ccc;
  1567. text-align: left;
  1568. }
  1569. .requirements-item {
  1570. width: 50%;
  1571. background-color:#f7f7f7;
  1572. padding-left:2px;
  1573. }
  1574. .requirements-value {
  1575. }
  1576. /************************************************************
  1577. styles below here are not necessarily used in the current
  1578. release and the CVS files, they are from earlier versions,
  1579. and have been left untouched for anyone needing them in
  1580. their own platform ...
  1581. *************************************************************/
  1582. .topBanner a:link, .topBanner a:active, .topBanner a:visited {
  1583. text-decoration:none;
  1584. color:white;
  1585. }
  1586. .topBanner table {
  1587. text-decoration:none;
  1588. }
  1589. .topBanner a:hover {
  1590. text-decoration:underline;
  1591. }
  1592. .topBanner td {
  1593. border-top: solid White 1px;
  1594. }
  1595. .alternativeBgLight {
  1596. background-color: #f5f5f5;
  1597. }
  1598. .alternativeBgDark {
  1599. background-color: #e6e6e6
  1600. }
  1601. .forms {
  1602. letter-spacing: normal;
  1603. text-align: justify;
  1604. text-indent: 3pt;
  1605. word-spacing: normal;
  1606. padding: 2px 5px;
  1607. }
  1608. .formsTips {
  1609. text-align: justify;
  1610. text-indent: 15pt;
  1611. word-spacing: normal;
  1612. }
  1613. .warn {
  1614. border: thin double Silver;
  1615. margin-left: 15px;
  1616. margin-right: 15px;
  1617. color: Red;
  1618. padding-left: 25px;
  1619. }
  1620. .small {
  1621. font-size: 11px
  1622. }
  1623. .xsmall {
  1624. font-size: 11px
  1625. }
  1626. .xxsmall {
  1627. font-size: 9px
  1628. }
  1629. /*
  1630. * TABBED INTERFACE
  1631. */
  1632. #tabbed_menu {
  1633. width: 100%;
  1634. height: 20px;
  1635. border-bottom-width: 1px;
  1636. border-bottom-style: solid;
  1637. border-bottom-color: #666666;
  1638. margin-bottom: 20px;
  1639. }
  1640. #tabbed_menu #tabbed_menu_tabs li {
  1641. margin: 0px 10px;
  1642. padding: 0px;
  1643. display: inline;
  1644. list-style-type: none;
  1645. }
  1646. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1647. float: left;
  1648. background: #f3f3f3;
  1649. font-weight: bold;
  1650. padding: 2px 10px 2px 10px;
  1651. margin-right: 4px;
  1652. border: 1px solid #cccccc;
  1653. border-bottom: 1px solid #666666;
  1654. text-decoration: none;
  1655. color: #666;
  1656. }
  1657. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active {
  1658. border: 1px solid #666666;
  1659. border-bottom: 1px solid #fff;
  1660. background: #fff;
  1661. color: #000;
  1662. }
  1663. .skip {
  1664. display: none;
  1665. }
  1666. #WCAG-editor {
  1667. border: 1px #DCDCDC solid;
  1668. background-color: #F0F0F0;
  1669. width: 100%;
  1670. }
  1671. #WCAG-editor .title {
  1672. padding: 2px;
  1673. background-color: #DCDCDC;
  1674. text-align: center;
  1675. color: #000000;
  1676. font-weight: bold;
  1677. }
  1678. #WCAG-editor .body {
  1679. padding-top: 5px;
  1680. padding-left: 5px;
  1681. padding-right: 13px;
  1682. padding-bottom: 5px;
  1683. }
  1684. #WCAG-editor textarea {
  1685. margin-left: 0px;
  1686. margin-right: 0px;
  1687. width: 100%;
  1688. height: 180px;
  1689. border: 1px #DCDCDC solid;
  1690. }
  1691. #WCAG-editor input {
  1692. width: 100%;
  1693. }
  1694. /* don't work on IE 6 */
  1695. #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
  1696. width: auto;
  1697. }
  1698. /* only for IE6 */
  1699. #WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
  1700. width: auto;
  1701. }
  1702. #WCAG-content img {
  1703. float: left;
  1704. margin-right: 5px;
  1705. margin-bottom: 5px;
  1706. }
  1707. #WCAG-content p {
  1708. text-align: justify;
  1709. }
  1710. /* hack for IE < 7 */
  1711. #course_description input {
  1712. width: auto;
  1713. }
  1714. #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
  1715. width: 100%;
  1716. }
  1717. .WCAG-form textarea {
  1718. width: 100%;
  1719. height: 180px;
  1720. }
  1721. /*
  1722. ------------------------------------------------------------------------------
  1723. Survey
  1724. ------------------------------------------------------------------------------
  1725. */
  1726. #survey_title {
  1727. background-color:#264269;
  1728. color:#FFF;
  1729. padding:2px;
  1730. border: 1px solid #264269;
  1731. }
  1732. #survey_subtitle {
  1733. background-color:#264269;
  1734. color:#FFF;
  1735. padding:2px;
  1736. border: 1px solid #264269;
  1737. }
  1738. .survey_content {
  1739. background-color:#EFEFEF;
  1740. color:#264269;
  1741. padding:5px;
  1742. border: 1px solid #264269;
  1743. }
  1744. .survey_question_wrapper {
  1745. border: 1px solid #4271b5;
  1746. }
  1747. .survey_question {
  1748. background-color:#4271b5;
  1749. color:#FFFFFF;
  1750. padding:5px;
  1751. }
  1752. .survey_question_options {
  1753. background-color:#FFF;
  1754. color:#000;
  1755. padding:5px;
  1756. }
  1757. .survey_export_link {
  1758. float: right;
  1759. }
  1760. /*
  1761. ------------------------------------------------------------------------------^M
  1762. sessions
  1763. ------------------------------------------------------------------------------^M
  1764. */
  1765. #ajax_list_coachs {
  1766. position:absolute;
  1767. border:1px solid #4171B5;
  1768. margin:0px;
  1769. padding:0px;
  1770. margin-left:200px;
  1771. margin-top:-23px;
  1772. background-color:#FFFFFF;
  1773. height:auto;
  1774. overflow:auto;
  1775. }
  1776. #ajax_list_courses {
  1777. position:absolute;
  1778. border:1px solid #4171B5;
  1779. margin:0px;
  1780. padding:0px;
  1781. margin-left:200px;
  1782. background-color:#FFFFFF;
  1783. height:auto;
  1784. overflow:auto;
  1785. }
  1786. #ajax_list_users {
  1787. position:absolute;
  1788. border:1px solid #4171B5;
  1789. margin:0px;
  1790. padding:0px;
  1791. margin-left:200px;
  1792. background-color:#FFFFFF;
  1793. height:auto;
  1794. overflow:auto;
  1795. }
  1796. #chat_login_name {
  1797. color : #4171b5;
  1798. }
  1799. /* Quizzes tool */
  1800. .quiz_export_link {
  1801. float: right;
  1802. }
  1803. /*Exercice timer*/
  1804. #square{
  1805. padding:5px;
  1806. background-color:#EEEEEE;
  1807. border:1px solid #CCCCCC;
  1808. margin-right : 24px;
  1809. width : 155px;
  1810. margin-bottom:20px;
  1811. }
  1812. #wrapper-clock{
  1813. width:100%;
  1814. margin:0;
  1815. }
  1816. .count_down{
  1817. padding: 3px;
  1818. font-size:22px;
  1819. font-weight:bold;
  1820. color:#222;
  1821. }
  1822. /*
  1823. ------------------------------------------------------------------------------
  1824. Learning path
  1825. ------------------------------------------------------------------------------
  1826. */
  1827. #show_audiorecorder_div {
  1828. background:#F0F0F0;
  1829. border:1px solid #999999;
  1830. font-weight:bold;
  1831. padding:2px;
  1832. width:350px;
  1833. }
  1834. /* Glossary tool */
  1835. .glossary-term {
  1836. margin: 1em;
  1837. background-color: #ffe99b;
  1838. padding: 0.5em 0.5em 1.8em 0;
  1839. -moz-border-radius: 0.5em;
  1840. }
  1841. .glossary-term-title {
  1842. margin: 2em 0 1em 0.5em;
  1843. font-weight: bold;
  1844. font-size: 120%;
  1845. }
  1846. .glossary-term-desc {
  1847. margin-left: 1em;
  1848. }
  1849. .glossary-term-action-links {
  1850. float: right;
  1851. }
  1852. .glossary-term-edit-form {
  1853. margin: 1em;
  1854. background-color: #FFE4C4;
  1855. padding: 0.5em 0.5em 2em 0;
  1856. -moz-border-radius: 0.5em;
  1857. }
  1858. .glossary-term-edit-desc {
  1859. font-weight: bold;
  1860. font-size: 120%;
  1861. }
  1862. .glossary-term-edit-title {
  1863. font-weight: bold;
  1864. font-size: 120%;
  1865. }
  1866. .glossary-add-form {
  1867. font-weight: bold;
  1868. font-size: 120%;
  1869. margin: 1em;
  1870. }
  1871. .glossary-orderby-link {
  1872. float:right;
  1873. margin: 1em;
  1874. }
  1875. .glossary-msg-error {
  1876. color: #FF0000;
  1877. display :none;
  1878. font-weight: normal;
  1879. font-size: 80%;
  1880. }
  1881. /* Notebook */
  1882. .notebook-add-form {
  1883. margin: 1em;
  1884. background-color: #c3d9ff;
  1885. padding: 1em 1em;
  1886. }
  1887. .notebook-add-desc-textarea {
  1888. background-color: #f2f5f8;
  1889. border-color: #ffe99b;
  1890. overflow: hidden;
  1891. }
  1892. .notebook-add-title-text {
  1893. background-color: #f2f5f8;
  1894. border-color: #ffe99b;
  1895. }
  1896. .notebook-edit-desc-textarea {
  1897. background-color: #e0ecff;
  1898. border-color: #ffe99b;
  1899. overflow: hidden;
  1900. }
  1901. .notebook-edit-title-text {
  1902. background-color: #e0ecff;
  1903. border-color: #ffe99b;
  1904. }
  1905. .notebook-msg-error {
  1906. color: #FF0000;
  1907. display :none;
  1908. background-color: #ffe99b;
  1909. width: 40%;
  1910. }
  1911. .notebook-list {
  1912. margin: 1em 1em 0em 1em;
  1913. background-color: #79b;
  1914. padding: 0.3em 0.3em;
  1915. -moz-border-radius: 0.5em;
  1916. }
  1917. .notebook-title-list {
  1918. color : #fff;
  1919. padding: 0.3em 0.3em;
  1920. font-weight: bold;
  1921. font-size: 120%;
  1922. }
  1923. .notebook-desc-list {
  1924. margin: 0em;
  1925. background-color: #f2f5f8;
  1926. padding: 0.5em 0.3em 2em 0.3em;
  1927. border: 1px solid #79b;
  1928. }
  1929. .notebook-term-action-links {
  1930. padding: 0.3em 0.3em;
  1931. width: 50%;
  1932. color : #fff;
  1933. }
  1934. .notebook-orderby-link {
  1935. text-align:right;
  1936. margin-right: 1em;
  1937. }
  1938. .notebook-search-title {
  1939. text-align:right;
  1940. margin: 1em;
  1941. }
  1942. .notebook-date-information {
  1943. color : #fff;
  1944. padding: 0.3em;
  1945. font-size: 120%;
  1946. font-weight: bold;
  1947. }
  1948. /* Gradebook */
  1949. .resource-deleted {
  1950. color:#990000;
  1951. }
  1952. .gradebook-table-header {
  1953. border: 1px solid rgb(153, 153, 153);
  1954. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  1955. }
  1956. .gradebook-table-body {
  1957. border: 1px solid rgb(153, 153, 153);
  1958. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  1959. }
  1960. .label_result {
  1961. float: left;
  1962. width: 25%;
  1963. text-align: left;
  1964. padding-top:8px;
  1965. }
  1966. .formw_result {
  1967. width: 75%;
  1968. float:left;
  1969. }
  1970. /* actions */
  1971. .actions_lp {
  1972. background:#F8F8F8;
  1973. height:29px;
  1974. }
  1975. .actions_lp img {
  1976. vertical-align:middle;
  1977. }
  1978. .actions_lp span {
  1979. margin-right: 10px;
  1980. vertical-align:middle;
  1981. }
  1982. .actions_lp form {
  1983. margin-right: 10px;
  1984. vertical-align:middle;
  1985. }
  1986. .actions {
  1987. background:#efefef;
  1988. border-bottom:1px dotted #5b975b;
  1989. border-top:1px dotted #5b975b;
  1990. padding:2px;
  1991. margin-bottom: 5px;
  1992. vertical-align:middle;
  1993. }
  1994. .actions img {
  1995. /*display:inline-block;*/
  1996. border: none;
  1997. text-decoration: none;
  1998. /*background-color: #efefef;*/
  1999. padding-right: 5px;
  2000. vertical-align:middle;
  2001. }
  2002. .actions a {
  2003. display:inline-block;
  2004. margin-right: 10px;
  2005. vertical-align:middle;
  2006. }
  2007. .actions span {
  2008. margin-right: 10px;
  2009. vertical-align:middle;
  2010. }
  2011. .actions form {
  2012. margin-right: 10px;
  2013. vertical-align:middle;
  2014. }
  2015. /* big actions */
  2016. .actionsbig {
  2017. background:#F8F8F8;
  2018. border-bottom:1px solid #999999;
  2019. border-top:1px solid #999999;
  2020. background-color:#efefef;
  2021. padding:2px;
  2022. margin-bottom: 5px;
  2023. vertical-align:middle;
  2024. float:left;
  2025. width:100%;
  2026. }
  2027. .content_table {
  2028. padding:2px;
  2029. margin-bottom: 5px;
  2030. vertical-align:middle;
  2031. float:left;
  2032. width:100%;
  2033. }
  2034. .actionsbig a {
  2035. float:left;
  2036. padding-left:12px;
  2037. padding-right:12px;
  2038. text-align:center;
  2039. }
  2040. .actions img {
  2041. vertical-align:middle;
  2042. }
  2043. .actions a {
  2044. margin-right: 10px;
  2045. vertical-align:middle;
  2046. }
  2047. .actions-title {
  2048. background:#efefef;
  2049. border-bottom:1px dotted #999999;
  2050. border-top:1px dotted #999999;
  2051. padding:4px;
  2052. margin-bottom: 5px;
  2053. font-size:14px;
  2054. font-weight:bolder;
  2055. vertical-align:middle;
  2056. }
  2057. /*****************************************************
  2058. * BUTTONS *
  2059. *****************************************************/
  2060. button:hover input[type="submit"]:hover {
  2061. background-color:#a8a7a7;
  2062. color:#545454;
  2063. border-style: inset;
  2064. }
  2065. /* button with image */
  2066. 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 {
  2067. padding-left:30px;
  2068. background-position:10px;
  2069. background-repeat:no-repeat;
  2070. }
  2071. /*including "save" image*/
  2072. button.save {
  2073. background-image:url(images/button_accept.gif);
  2074. }
  2075. /*including "add" image*/
  2076. button.add {
  2077. background-image:url(images/button_add.gif);
  2078. }
  2079. /*including "cancel" image*/
  2080. button.cancel {
  2081. background-image:url(images/button_delete.gif);
  2082. }
  2083. /*including "search" image*/
  2084. button.search {
  2085. background-image:url(images/button_search.gif);
  2086. }
  2087. /*including "login" image*/
  2088. button.login {
  2089. background-image:url(images/button_login.gif);
  2090. margin:2px 5px 3px 5px !important;
  2091. }
  2092. /*including "plus" image*/
  2093. button.plus {
  2094. background-image:url(images/button_plus.gif);
  2095. }
  2096. /*including "minus" image*/
  2097. button.minus {
  2098. background-image:url(images/button_minus.gif);
  2099. }
  2100. /*including "next" image*/
  2101. button.next,input[type="submit"].submit_next {
  2102. background-image:url(images/button_next.gif);
  2103. }
  2104. /*including "back" image*/
  2105. button.back {
  2106. background-image:url(images/button_back.gif);
  2107. }
  2108. /*including "refresh" image*/
  2109. button.refresh {
  2110. background-image:url(images/button_refresh.gif);
  2111. }
  2112. /*including "upload" image*/
  2113. button.upload {
  2114. background-image:url(images/button_upload.gif);
  2115. }
  2116. .icon_image_content {
  2117. width:70px;
  2118. cursor:hand;
  2119. height:6em;
  2120. text-align: center;
  2121. padding-right: 10px;
  2122. padding-left: 0px;
  2123. border: 1px dotted #ccc;
  2124. background-color: #eee;
  2125. margin-right: 0.2em;
  2126. margin-top: 0.1em;
  2127. -moz-border-radius-topleft : 5px;
  2128. -moz-border-radius-bottomright : 5px;
  2129. -moz-border-radius-bottomleft : 5px;
  2130. -moz-border-radius-topright : 5px;
  2131. }
  2132. .icon_image_content:hover {
  2133. background-color: #fff;
  2134. border: 1px solid #ccc;
  2135. }
  2136. .question_menu {
  2137. list-style:none;
  2138. float:left;
  2139. padding:0px;
  2140. margin:-2px;
  2141. min-height:100px;
  2142. }
  2143. .question_menu li {
  2144. float:left;
  2145. margin:0px;
  2146. }
  2147. #exercise_admin {
  2148. margin: 0;
  2149. padding: 0;
  2150. border: 0;
  2151. }
  2152. div#friend-header {
  2153. float:left;
  2154. width:100%;
  2155. line-height: 2.1em;
  2156. }
  2157. div#friend-header a {
  2158. padding-right:6px;
  2159. }
  2160. div#friend-container {
  2161. float:left;
  2162. }
  2163. div.image_friend_network {
  2164. float:left;
  2165. border:1px solid #CCCCCC;
  2166. margin:2px;
  2167. padding:4px;
  2168. background: #EFEFEF;
  2169. height:125px;
  2170. width:81px;
  2171. z-index:5;
  2172. }
  2173. div.image_friend_network span {
  2174. overflow:hidden;
  2175. display:block;
  2176. height:92px;
  2177. margin: 0px 0px;
  2178. }
  2179. div.image_friend_network img {
  2180. vertical-align:middle;
  2181. }
  2182. div.image_friend_network center.friend {
  2183. overflow:hidden;
  2184. height:30px;
  2185. }
  2186. .friend_invitations {
  2187. float:left;
  2188. margin: 0 0 4px 12px;
  2189. }
  2190. button.arrowr, input.arrowr {
  2191. background-image:url(images/2rightarrow.gif);
  2192. }
  2193. button.arrowl, input.arrowl {
  2194. background-image:url(images/2leftarrow.gif);
  2195. }
  2196. .u-m-answer {
  2197. width:100%;
  2198. }
  2199. .u-m-answer p {
  2200. margin:2px;
  2201. }
  2202. .refresh {
  2203. background-image:url(images/refresh.png);
  2204. background-repeat:no-repeat;
  2205. padding-left:20px;
  2206. padding-bottom:2px;
  2207. }
  2208. .portal {
  2209. background-image:url(images/portal.png);
  2210. background-repeat:no-repeat;
  2211. padding-left:28px;
  2212. padding-bottom:10px;
  2213. padding-top:8px;
  2214. }
  2215. .legal-terms {
  2216. height:150px;
  2217. overflow:auto;
  2218. background-color:#eee;
  2219. width:500px;
  2220. }
  2221. /* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
  2222. * {
  2223. outline :none;
  2224. }
  2225. /*
  2226. input, select, textarea {
  2227. -moz-border-radius-bottomleft:5px;
  2228. -moz-border-radius-bottomright:5px;
  2229. -moz-border-radius-topleft:5px;
  2230. -moz-border-radius-topright:5px;
  2231. -x-system-font:none;
  2232. border:1px solid #CCCCCC;
  2233. color:#666666;
  2234. font-family:Arial,Helvetica,sans-serif;
  2235. font-size:120%;
  2236. font-size-adjust:none;
  2237. font-stretch:normal;
  2238. font-style:normal;
  2239. font-variant:normal;
  2240. font-weight:normal;
  2241. line-height:normal;
  2242. padding:5px;
  2243. }
  2244. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  2245. background-image:url(images/shadow.gif);
  2246. }
  2247. .independent_course_item a {
  2248. font-size:135%;
  2249. }
  2250. .session_course_item a {
  2251. font-size:120%;
  2252. }
  2253. */
  2254. #maincontent .courseslist li {
  2255. margin-bottom:8px;
  2256. }
  2257. /*
  2258. a.read {
  2259. font-weight:normal;
  2260. }
  2261. .actions {
  2262. background:#efefef;
  2263. border:1px solid #ccc;
  2264. padding:2px;
  2265. margin-bottom: 5px;
  2266. vertical-align:middle;
  2267. }
  2268. .actions-title {
  2269. background:#efefef;
  2270. border:1px solid #ccc;
  2271. padding:4px;
  2272. margin-bottom: 5px;
  2273. font-size:14px;
  2274. font-weight:bolder;
  2275. vertical-align:middle;
  2276. }*/
  2277. /* GROUP TOOL */
  2278. #group_description {
  2279. margin: 10px 0px 10px 0px;
  2280. }
  2281. #group_privacy {
  2282. margin: 10px 0px 10px 0px;
  2283. }
  2284. #group_permissions {
  2285. -moz-background-clip:border;
  2286. -moz-background-inline-policy:continuous;
  2287. -moz-background-origin:padding;
  2288. -moz-border-radius-bottomleft:8px;
  2289. -moz-border-radius-bottomright:8px;
  2290. -moz-border-radius-topleft:8px;
  2291. -moz-border-radius-topright:8px;
  2292. background:#EEE none repeat scroll 0 0;
  2293. margin: 20px 0px 20px 0px;
  2294. }
  2295. #group_permissions ul {
  2296. list-style-image:none;
  2297. list-style-position:outside;
  2298. list-style-type:none;
  2299. margin:0;
  2300. padding:0;
  2301. }
  2302. #group_permissions ul li {
  2303. margin: 10px 0px 10px 5px;
  2304. }
  2305. /* Groups boxes */
  2306. .groups_grid_container {
  2307. width:100%;
  2308. }
  2309. .groups_grid_item {
  2310. width:80px;
  2311. float:left;
  2312. margin:5px;
  2313. }
  2314. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2315. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  2316. .groups_grid_element_2 { width:150px; float:left;}
  2317. /*POPULAR GROUP*/
  2318. .popular_grid_item {
  2319. background: none repeat scroll 0 0 #FFFFFF;
  2320. border: 1px solid #E5E5E5;
  2321. border-radius: 11px 11px 11px 11px;
  2322. -webkit-border-radius: 11px 11px 11px 11px;
  2323. -opera-border-radius: 11px 11px 11px 11px;
  2324. -moz-border-radius: 11px 11px 11px 11px;
  2325. box-shadow: 0 4px 18px #C8C8C8;
  2326. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  2327. -opera-box-shadow: 0 4px 18px #C8C8C8;
  2328. -moz-box-shadow: 0 4px 18px #C8C8C8;
  2329. float: left;
  2330. height: auto;
  2331. margin: 0 8px 15px 15px;
  2332. padding: 16px 12px 5px;
  2333. width:90%;
  2334. }
  2335. .popular_grid_element_0 {
  2336. width:600px;
  2337. height:98px;
  2338. padding-left:10px;
  2339. padding-right:10px;
  2340. overflow:hidden;
  2341. }
  2342. /*NEWEST GROUP*/
  2343. .newest_grid_item {
  2344. background: none repeat scroll 0 0 #FFFFFF;
  2345. border: 1px solid #E5E5E5;
  2346. border-radius: 11px 11px 11px 11px;
  2347. -webkit-border-radius: 11px 11px 11px 11px;
  2348. -opera-border-radius: 11px 11px 11px 11px;
  2349. -moz-border-radius: 11px 11px 11px 11px;
  2350. box-shadow: 0 4px 18px #C8C8C8;
  2351. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  2352. -opera-box-shadow: 0 4px 18px #C8C8C8;
  2353. -moz-box-shadow: 0 4px 18px #C8C8C8;
  2354. float: left;
  2355. height: auto;
  2356. margin: 0 8px 15px 15px;
  2357. padding: 16px 12px 5px;
  2358. width:90%;
  2359. }
  2360. .newest_grid_element_1 {
  2361. width:600px;
  2362. height:98x;
  2363. padding-left:10px;
  2364. padding-right:10px;
  2365. overflow:hidden;
  2366. }
  2367. /*MY GROUPS*/
  2368. .mygroups_grid_item {
  2369. background: none repeat scroll 0 0 #FFFFFF;
  2370. border: 1px solid #E5E5E5;
  2371. border-radius: 11px 11px 11px 11px;
  2372. -webkit-border-radius: 11px 11px 11px 11px;
  2373. -opera-border-radius: 11px 11px 11px 11px;
  2374. -moz-border-radius: 11px 11px 11px 11px;
  2375. box-shadow: 0 4px 18px #C8C8C8;
  2376. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  2377. -opera-box-shadow: 0 4px 18px #C8C8C8;
  2378. -moz-box-shadow: 0 4px 18px #C8C8C8;
  2379. float: left;
  2380. height: auto;
  2381. margin: 0 8px 15px 15px;
  2382. padding: 16px 12px 5px;
  2383. }
  2384. .box_description_group_member {
  2385. color: #999999;
  2386. font-size: 10px;
  2387. }
  2388. .mygroups_grid_element_1 {
  2389. width:600px;
  2390. height:100px;
  2391. overflow:hidden;
  2392. }
  2393. .box_description_group_title h3 {
  2394. margin-bottom:4px;
  2395. }
  2396. .box_description_group_title {
  2397. float:right;width:80%;
  2398. }
  2399. .box_description_group_content {
  2400. float:right;
  2401. width:80%;
  2402. margin-top:5px;
  2403. /* height:45px;*/
  2404. font-family:Verdana, Geneva, sans-serif;
  2405. font-size:12px;
  2406. color:#666666;
  2407. }
  2408. .box_description_group_actions {
  2409. float:right;
  2410. width:80%;
  2411. text-align:right;
  2412. margin-top:4px;
  2413. margin-right:4px;
  2414. }
  2415. #menu-wrapper {
  2416. width:200px;
  2417. float: right;
  2418. }
  2419. #menu {
  2420. -moz-border-radius: 10px; border: 1px solid #e1e1e0;
  2421. -webkit-border-radius: 10px; border: 1px solid #e1e1e0;
  2422. -opera-border-radius: 10px; border: 1px solid #e1e1e0;
  2423. margin-top:20px;
  2424. /* margin-right:10px; */
  2425. margin-bottom:0px;
  2426. /*padding-left:10px;
  2427. padding-right:10px;*/
  2428. padding-top:5px;
  2429. padding-bottom:0px;
  2430. width:200px;
  2431. float: right;
  2432. min-height: 150px;
  2433. }
  2434. /* INVITATIONS */
  2435. .invitation_confirm {
  2436. border-top:1px solid #D8DFEA;
  2437. }
  2438. .invitation_image {
  2439. width:110px;
  2440. }
  2441. /* DASHBOARD */
  2442. /* Head section */
  2443. #head {
  2444. background-color: #000;
  2445. height: 100px;
  2446. }
  2447. #head h1 {
  2448. line-height: 100px;
  2449. color: #FFF;
  2450. text-align: center;
  2451. text-indent: -9999em
  2452. }
  2453. /* End Head Section */
  2454. /* Columns section */
  2455. #columns .column {
  2456. float: left;
  2457. width: 50%;
  2458. /* Min-height: */
  2459. min-height: 400px;
  2460. height: auto !important;
  2461. height: 400px;
  2462. }
  2463. #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;}
  2464. /* To add in 1.8.7*/
  2465. .session_box_title span {
  2466. font-size: 130%;
  2467. font-weight: bold;
  2468. }
  2469. .sub_session_box_title span {
  2470. font-size: 130%;
  2471. font-weight: bold;
  2472. }
  2473. #session_category_title {
  2474. font-size: 140%;
  2475. font-weight: bold;
  2476. padding: 2px 0px 5px 5px;
  2477. }
  2478. /* fixes the * */
  2479. span.form_required {
  2480. padding-right:5px;
  2481. }
  2482. .userportal-course-item {
  2483. -webkit-border-radius: 10px;
  2484. -moz-border-radius: 10px;
  2485. border-radius: 10px;
  2486. background-color:#F9F9F9;
  2487. padding:10px 10px 5px 10px;
  2488. height:40px;
  2489. margin:5px;
  2490. }
  2491. .userportal-course-item-title {
  2492. font-size:135%;
  2493. }
  2494. .courseadminview-activity-3col, .platformadminview-activity-3col {
  2495. -moz-border-radius:5px 5px 5px 5px;
  2496. border:1px solid #E1E1E0;
  2497. float:left;
  2498. margin:0px 20px 10px 2px;
  2499. padding:11px;
  2500. width:220px;
  2501. height:330px;
  2502. }
  2503. .courseadminview-activity-3col ul {
  2504. padding:0px 20px 10px 4px;
  2505. list-style-type:none;
  2506. height:240px;
  2507. margin-left:0px;
  2508. margin: 0px 0px 0px 0px ;
  2509. }
  2510. .courseadminview-activity-3col ul li {
  2511. padding:4px 0px 4px 0px;
  2512. }
  2513. #activity-3col {
  2514. width: 800px ;
  2515. margin-left: auto ;
  2516. margin-right: auto ;
  2517. }
  2518. .userportal-catalog-item {
  2519. -webkit-border-radius: 10px;
  2520. -moz-border-radius: 10px;
  2521. border-radius: 10px;
  2522. background-color:#F9F9F9;
  2523. padding:5px 10px 10px 6px;
  2524. /* height:40px; */
  2525. }
  2526. .userportal-catalog-item .catalog_box li span {
  2527. font-size:130%;
  2528. font-weight:bold;
  2529. margin-left:5px;
  2530. }
  2531. /* New forum table */
  2532. .forum_table_title {
  2533. border-collapse: collapse;
  2534. width: 100%;
  2535. padding: 5px;
  2536. border-left: 1px solid gray;
  2537. border-top: 1px solid gray;
  2538. border-right: 1px solid gray;
  2539. padding:5px;
  2540. }
  2541. .forum_table_title th {
  2542. padding-right: 12px;
  2543. /*border: 1px solid gray;*/
  2544. background-color: #E5EDF9;
  2545. }
  2546. .forum_table {
  2547. border-collapse: collapse;
  2548. width: 100%;
  2549. padding: 5px;
  2550. border: 1px solid gray;
  2551. margin-bottom:15px;
  2552. }
  2553. .forum_table .forum_head{
  2554. padding:5px;
  2555. text-align: left;
  2556. font-size:14px;
  2557. }
  2558. .forum_table th {
  2559. padding-right: 12px;
  2560. /*border: 1px solid gray;*/
  2561. background-color: #E5EDF9;
  2562. }
  2563. .forum_table tr.row_odd {
  2564. background-color: #F2F2F2;
  2565. }
  2566. .forum_table tr.row_odd:hover, .data_table tr.row_even:hover {
  2567. background-color: #E5EDF9;
  2568. }
  2569. .forum_table tr.row_even {
  2570. background-color: #fff;
  2571. }
  2572. .forum_table td {
  2573. padding: 5px;
  2574. vertical-align: top;
  2575. border-bottom: 1px solid #b0b0b0;
  2576. border-right: 1px dotted #e1e1e1;
  2577. border-left: 1px dotted #e1e1e1;
  2578. }
  2579. .post {
  2580. border: 1px solid gray;
  2581. margin-bottom:5px;
  2582. }
  2583. /* Text resize icons in header */
  2584. .resize_font { /* the canvas */
  2585. margin: 0 5px 0 5px;
  2586. }
  2587. .reset_font {
  2588. font-size: 1.2em;
  2589. color: gray;
  2590. border: 1px solid white;
  2591. padding: 2px;
  2592. }
  2593. .reset_font:hover {
  2594. border: 1px solid black;
  2595. cursor: pointer;
  2596. }
  2597. .increase_font {
  2598. font-size: 1.8em;
  2599. color: gray;
  2600. border: 1px solid white;
  2601. padding: 2px;
  2602. }
  2603. .increase_font:hover {
  2604. border: 1px solid black;
  2605. cursor: pointer;
  2606. }
  2607. .decrease_font {
  2608. font-size: 0.6em;
  2609. color: gray;
  2610. border: 1px solid white;
  2611. padding: 2px;
  2612. }
  2613. .decrease_font:hover {
  2614. border: 1px solid black;
  2615. cursor: pointer;
  2616. }
  2617. .online_grid_item {
  2618. float:left;
  2619. margin:10px;
  2620. text-align:center;
  2621. }
  2622. .online_grid_element_0 {
  2623. width: 100px;
  2624. height: 100px;
  2625. overflow: hidden;
  2626. }
  2627. /* input values to crop the image: top, right, bottom, left */
  2628. .online_grid_element_0 img{
  2629. width: 200px;
  2630. margin: -10px 0 0 -50px;
  2631. /* height: 150px; */
  2632. }
  2633. .online_grid_element_1, .online_grid_element_2 {
  2634. font-size:10px;
  2635. }
  2636. /* tips Abbr-plugin for FCKeditor */
  2637. abbr {
  2638. border-bottom: 1px dotted rgb(102, 102, 102);
  2639. background-color:#F00;
  2640. cursor: help;
  2641. }