default.css 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633
  1. /*
  2. ==============================================================================
  3. BABY STYLESHEET
  4. ==============================================================================
  5. */
  6. /*
  7. ==============================================================================
  8. GLOBAL STYLES - REDEFINED HTML TAGS
  9. ==============================================================================
  10. */
  11. a {
  12. text-decoration: none;
  13. font: bold 100% Arial, sans-serif, sans;
  14. color: #317100;
  15. }
  16. a:hover,a:focus {
  17. color: #683000;
  18. }
  19. blockquote {
  20. font: 1.1em arial, sans, sans-serif;
  21. }
  22. body {
  23. margin: 0;
  24. padding: 0;
  25. font-size: .85em;
  26. font-family: 'Lucida Grande', verdana, Arial, sans-serif, sans;
  27. color: #000;
  28. background-color: #fff;
  29. }
  30. h3 {
  31. font: bold 1.3em Arial, sans-serif, sans;
  32. }
  33. h4 {
  34. font: bold 1.2em Arial, sans-serif, sans;
  35. }
  36. img {
  37. border: 0;
  38. }
  39. input {
  40. margin-left: 1em;
  41. border-color: #EE4C03;
  42. border-width: 1px;
  43. background-color: #fff;
  44. font: normal 90% verdana, Arial, sans, sans-serif;
  45. }
  46. p {
  47. clear: both;
  48. width: 90%;
  49. }
  50. select,textarea {
  51. font: normal 90% verdana, Arial, sans, sans-serif;
  52. border: 1px solid #EE4C03;
  53. }
  54. small {
  55. font-size: .9em;
  56. }
  57. table {
  58. clear: both;
  59. padding: 0;
  60. }
  61. tr,td {
  62. padding: .35em;
  63. }
  64. ul {
  65. list-style: none;
  66. }
  67. /*
  68. ==============================================================================
  69. PAGE STRUCTURE
  70. ==============================================================================
  71. */
  72. /* user_portal course status icon */
  73. .coursestatusicons {
  74. float: left;
  75. clear: left;
  76. margin-right: .5em;
  77. }
  78. /* user_portal course list */
  79. .courses {
  80. font-weight: bold;
  81. list-style: none;
  82. margin-bottom: .2em;
  83. font-family: arial, sans-serif, sans;
  84. font-size: 110%;
  85. }
  86. #main {
  87. font-size: 89%;
  88. width: 96%;
  89. padding: 0 1% 15px 3%;
  90. /* min-height hack for ie6 or older*/
  91. min-height: 320px;
  92. height: auto !important;
  93. height: 320px;
  94. clear: both;
  95. float: left;
  96. margin-bottom:1em;
  97. }
  98. /* For ie6 browsers or older*/
  99. * html #main {
  100. padding: 0 1% 15px 2.96%;
  101. }
  102. .maincontent {
  103. margin: 0 0 1em 1em;
  104. width: 69%;
  105. float: right;
  106. clear: right;
  107. }
  108. #outerframe {
  109. background-color: #fff;
  110. width: 100%;
  111. margin: 0;
  112. padding: 0;
  113. }
  114. .user_course_category {
  115. font: bold 110% sans, sans-serif, arial;
  116. text-transform: capitalize;
  117. text-align: left;
  118. background: transparent url("images/thindivider.jpg") no-repeat 20% 100%;
  119. height: 2.8em;
  120. border-top:2px solid #5F5700;
  121. padding-top:0.5em;
  122. color: #5F5700;
  123. width:80%;
  124. margin:.8em 0;
  125. }
  126. /*
  127. ==============================================================================
  128. HEADER STYLES
  129. ==============================================================================
  130. */
  131. #header {
  132. background: transparent url('images/bgheader.jpg') repeat-y top right;
  133. font: bold .85em Arial, sans-serif, sans;
  134. width: 100%;
  135. line-height: .8em;
  136. float: left;
  137. clear: both;
  138. margin-bottom: .5em;
  139. position:relative;
  140. }
  141. #header a {
  142. text-decoration: none;
  143. }
  144. #header li#current a,#header a:hover,header a:focus {
  145. text-decoration: none;
  146. }
  147. /*
  148. ------------------------------------------------------------------------------
  149. HEADER 1: Title, portal, organisation, course title
  150. ------------------------------------------------------------------------------
  151. */
  152. #header1 {
  153. width: 30%;
  154. float: left;
  155. clear: left;
  156. margin: .5em 0 0 0;
  157. }
  158. #header1 a:hover,#header1 a:focus {
  159. text-decoration: none;
  160. }
  161. #header1 #my_courses {
  162. display: none;
  163. visibility: hidden;
  164. }
  165. #top_corner
  166. {
  167. }
  168. #institution {
  169. margin: 0 0 0 3.9em;
  170. }
  171. /*
  172. ------------------------------------------------------------------------------
  173. HEADER 2: Users online, help, student/teacher view
  174. ------------------------------------------------------------------------------
  175. */
  176. #header2 {
  177. width: 60%;
  178. text-align: right;
  179. float: right;
  180. clear: right;
  181. margin: .5em 0 0 0;
  182. padding: 0;
  183. text-align: right;
  184. }
  185. #header2 ul {
  186. list-style: none;
  187. margin: 0 1.9em 0 0;
  188. padding: 0;
  189. }
  190. #header2 ul li {
  191. display: inline;
  192. width: auto;
  193. margin: 0 .1em 0 .2em;
  194. padding: 0;
  195. }
  196. #Header2Right li a img {
  197. margin: -.4em 0 0 0;
  198. padding: 0;
  199. }
  200. /*
  201. ------------------------------------------------------------------------------
  202. HEADER 3: Main menu
  203. ------------------------------------------------------------------------------
  204. */
  205. #header3 {
  206. width: 100%;
  207. margin: 0;
  208. padding: 0;
  209. float: left;
  210. clear: both;
  211. }
  212. #header3 input.logout {
  213. /* makes an input appear like a link in this header */
  214. background-color: transparent;
  215. border: none;
  216. color: #e4031e;
  217. height: auto;
  218. display: inline;
  219. line-height: 1em;
  220. font: bold 1em Arial, sans-serif, sans;
  221. margin: -.3em 0 0 2em;
  222. padding: 0;
  223. }
  224. #header3 form {
  225. margin: 0;
  226. padding: 0;
  227. }
  228. #header3 #logout {
  229. display: inline;
  230. float: right;
  231. clear: right;
  232. margin: 0 1.5em 0 0;
  233. padding: 0;
  234. width: 10%;
  235. }
  236. #header3 #logout li {
  237. display: block;
  238. margin: 0;
  239. padding: 0;
  240. float: right;
  241. clear: right;
  242. }
  243. #header3 ul {
  244. list-style: none;
  245. margin: 0 0 0 3.9em;
  246. padding: 0;
  247. width: 80%;
  248. }
  249. #header3 ul li {
  250. float: left;
  251. display: inline;
  252. list-style: none;
  253. margin: 0 1em 0 0;
  254. padding: 0;
  255. width: auto;
  256. }
  257. #header3 ul li a {
  258. display: inline;
  259. }
  260. /*
  261. ------------------------------------------------------------------------------
  262. HEADER 4:
  263. ------------------------------------------------------------------------------
  264. */
  265. #header4 {
  266. margin-top: .9em;
  267. text-indent: 3.9em;
  268. width: 100%;
  269. float: left;
  270. clear: both;
  271. line-height: .9em;
  272. height: auto;
  273. background: #fff none;
  274. position: relative;
  275. padding: 0;
  276. }
  277. /* Solves the IE inherited margin bug */ /* IE-7*/
  278. * :first-child+html #header4 {
  279. margin-top: 0;
  280. }
  281. /*IE-6 or older*/
  282. * html #header4 {
  283. margin-top: 0;
  284. }
  285. #header4 a {
  286. font-size: 120%;
  287. letter-spacing: -.05em;
  288. }
  289. #header4 a:hover,a:focus {
  290. text-decoration: none;
  291. }
  292. #header4 .clear {
  293. width: 100%;
  294. background: url('images/shadowheader.jpg') no-repeat bottom right;
  295. clear: both;
  296. position: absolute;
  297. top: -.9em;
  298. right: 0;
  299. margin: 0;
  300. padding: 0;
  301. }
  302. /*
  303. ------------------------------------------------------------------------------
  304. SHORTCUTS
  305. ------------------------------------------------------------------------------
  306. */
  307. #toolshortcuts {
  308. width:550px;
  309. position: absolute;
  310. bottom:-.75em;
  311. right:.5em;
  312. padding: 0;
  313. margin:0;
  314. text-align: right;
  315. }
  316. #toolshortcuts a {
  317. margin:0 3px 0 3px;
  318. }
  319. /*
  320. ==============================================================================
  321. FOOTER STYLES
  322. ==============================================================================
  323. */
  324. #footer {
  325. font-family: bold .7em Arial, sans-serif, sans;
  326. width: 98%;
  327. float: left;
  328. clear: both;
  329. color: #f7d77e;
  330. margin-top: -1.7em;
  331. padding: 82px 0 .8em 2%;
  332. background: transparent url('images/bg.jpg') no-repeat 100% 100%;
  333. }
  334. #footer .copyright {
  335. float: right;
  336. clear: right;
  337. margin: 0 2em 0 0;
  338. }
  339. #bottom_corner
  340. {
  341. }
  342. /*
  343. ==============================================================================
  344. NAVIGATION MENU
  345. ==============================================================================
  346. */
  347. #lang_form select {
  348. font-family: sans-serif, sans, arial;
  349. margin: 1em 18px;
  350. width: 179px;
  351. text-align: center;
  352. }
  353. .menu {
  354. background: url('images/bglogin.jpg') repeat-y top center;
  355. float: left;
  356. clear: left;
  357. width: 215px;
  358. border: 1px solid #EE4C03;
  359. margin: 0 0 1em 0;
  360. padding: 0 0 .3em 0;
  361. font-family: Arial, sans-serif, sans;
  362. /* min-height hack for ie6 or older*/
  363. min-height: 320px;
  364. height: auto !important;
  365. height: 320px;
  366. }
  367. .menu #formLogin {
  368. text-align: center;
  369. font-weight: bold;
  370. margin-bottom: .8em;
  371. }
  372. .menu #formLogin input {
  373. margin: .3em auto;
  374. }
  375. .menusection {
  376. width: 100%;
  377. margin: .3em 0 .3em 0;
  378. }
  379. .menusection .menulist {
  380. float: left;
  381. clear: both;
  382. margin: 0;
  383. padding: 0;
  384. text-indent: 1.2em;
  385. width: 100%;
  386. list-style: none;
  387. }
  388. .menusection .menulist li {
  389. margin: .4em .5em .4em 0;
  390. }
  391. .menusectioncaption {
  392. font: bold 1.2em Arial, sans-serif, sans;
  393. color: #111;
  394. margin: 0 0 .5em 1em;
  395. }
  396. /* Specific for administration section*/
  397. .menu img {
  398. margin: 0 0 0 1.2em;
  399. vertical-align: baseline;
  400. }
  401. .menu label {
  402. display: block;
  403. clear: both;
  404. font: bold 1.2em Arial, sans-serif, sans;
  405. color: #111;
  406. text-align: center;
  407. margin: .3em 0;
  408. padding: 0;
  409. width: 100%
  410. }
  411. .menu #loginform {
  412. text-align: center;
  413. font-weight: bold;
  414. margin-bottom: .8em;
  415. }
  416. .menu #loginform input {
  417. margin: .3em auto;
  418. display: block;
  419. }
  420. .menu .note {
  421. margin: .3em 0 .3em .5em;
  422. }
  423. td #lang_form select {
  424. margin: 1em 31px;
  425. }
  426. td .menu {
  427. background: url('images/bgloginconf.jpg') repeat-y top left;
  428. width: 244px;
  429. margin: 0 auto;
  430. }
  431. .menulist {
  432. list-style: none;
  433. margin: 0 0 12px 0;
  434. padding: 0;
  435. }
  436. #centerwrap {
  437. float: left;
  438. width: 100%;
  439. margin-right: -95%;
  440. /* this needs to be less than 100% for Moz/Mac which thinks
  441. it's empty otherwise. The difference is made up by putting a
  442. negative left margin on the left float:
  443. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  444. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  445. */
  446. }
  447. /* --- course navigation menu as a definition list --- */
  448. #swap_menu_link {
  449. float: left;
  450. }
  451. #toolnavbox {
  452. margin: 0 0 0 10px;
  453. padding: 0;
  454. float: left;
  455. border: 1px solid #f0f0f0;
  456. }
  457. #toolnavbox dl {
  458. width: 160px;
  459. margin: 0 auto;
  460. padding: 0;
  461. background: transparent;
  462. font-size: 12px;
  463. text-align: center;
  464. }
  465. #toolnavbox dt {
  466. margin: 0;
  467. padding: 0;
  468. font-weight: bold;
  469. font-size: 12px;
  470. text-align: center;
  471. color: #000;
  472. border-bottom: 1px solid #fff;
  473. background: transparent;
  474. }
  475. #toolnavbox dd {
  476. margin: 0;
  477. padding: 0;
  478. color: #009;
  479. text-align: left;
  480. border-bottom:1px solid #fff;
  481. background: #E5EDF9;
  482. }
  483. #toolnav img {
  484. float: left;
  485. width: 25px;
  486. height: 25px;
  487. margin: 0 4px 0 0;
  488. }
  489. #toolnavlist a, #toolnavlist a:link {
  490. background: #E5EDF9;
  491. color: #dcdcdc;
  492. padding: 5px 5px 5px 10px;
  493. margin: 0;
  494. text-decoration: none;
  495. display: block;
  496. }
  497. #toolnavlist a:hover {
  498. background: #fff;
  499. color:#dcdcdc;
  500. }
  501. #toolnavlist a#here {
  502. background: #fff;
  503. color:#dcdcdc;
  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. /* Hide from IE5-mac. Only IE-win sees this. \*/
  517. * html #toolnav { margin-right: 0px;}
  518. * html #center { height: 1%; margin-left: 0; }
  519. /* End hide from IE5/mac */
  520. */
  521. /*
  522. ==============================================================================
  523. DOCUMENT MODULE AND DATA TABLES
  524. ==============================================================================
  525. */
  526. /* Data tables */
  527. .data_table {
  528. margin: 0 auto;
  529. width: 98%;
  530. clear: both;
  531. font: bold 100% Arial, sans, sans-serif;
  532. }
  533. .data_table a {
  534. font: bold 100% Arial, sans, sans-serif;
  535. text-decoration: none;
  536. }
  537. .data_table .row_even td {
  538. border-right: 1px solid #fff;
  539. background: #ffdc9f;
  540. padding: .2em;
  541. margin: 0;
  542. }
  543. .data_table .row_odd td {
  544. border-right: 1px solid #fff;
  545. background: #ffea9f;
  546. padding: .2em;
  547. margin: 0;
  548. }
  549. .data_table .row_even:hover td,.data_table .row_odd:hover td {
  550. background: #eebb03 none;
  551. color: #fff;
  552. }
  553. .data_table th,.data_table .row_odd th,.row_odd th {
  554. font: bold 100% sans, sans-serif, arial;
  555. text-transform: capitalize;
  556. padding: .2em;
  557. background: #ffb963 url('images/headertables.jpg') repeat-x;
  558. color: #3c471c;
  559. }
  560. .data_table .row_odd th a {
  561. text-decoration: none;
  562. font-size: 110%;
  563. }
  564. /*Forum*/
  565. .row_odd img,.row_even img {
  566. margin: 0 1em 0 1em;
  567. }
  568. /* Document links */
  569. #doc_links {
  570. margin-left: .5em;
  571. }
  572. #doc_links a,#folderselector {
  573. font: bold 100% Arial, sans-serif, sans;
  574. text-decoration: none;
  575. }
  576. #folderselector {
  577. color: #000;
  578. }
  579. #folderselector select {
  580. margin: 0 .2em;
  581. }
  582. .forum_attach_comment {
  583. color: #737780;
  584. font-style: italic ;
  585. font-weight: normal;
  586. }
  587. .document_owner {text-align: right;}
  588. /*
  589. ==============================================================================
  590. FORM STYLES
  591. ==============================================================================
  592. */
  593. div.row {
  594. clear: both;
  595. padding-top: 8px;
  596. margin-left: 1em;
  597. }
  598. div.row div.label {
  599. float: left;
  600. text-align: left;
  601. font: bold 115% Arial, sans-serif, sans;
  602. width: 25%;
  603. margin: 0;
  604. }
  605. div.row div.formw {
  606. width: 73%;
  607. margin: 0;
  608. }
  609. .row .formw input {
  610. margin: 0;
  611. }
  612. .label {
  613. margin-right: 1em;
  614. }
  615. .formw {
  616. margin-top: .2em;
  617. padding-left: .6em;
  618. }
  619. /* Solves the IE inherited margin bug */ /* IE-7*/
  620. * :first-child+html .row .formw input {
  621. margin-left: -1em;
  622. }
  623. /*IE-6 or older*/
  624. * html .row .formw input {
  625. margin-left: -1em;
  626. }
  627. [dir=ltr] div.row div.label,[dir=rtl] div.row div.formw {
  628. float: left;
  629. text-align: right;
  630. }
  631. [dir=rtl] div.row div.label,[dir=ltr] div.row div.formw {
  632. float: right;
  633. text-align: left;
  634. }
  635. /* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
  636. #add_course,#profile,#advanced_course_search,#advanced_search,#category,#course_user_import,#export_users,#update_course,#user_add,#user_import
  637. {
  638. border: 1px solid #EE4C03;
  639. background: transparent url("images/headerform.jpg") no-repeat top left;
  640. width: 550px;
  641. position: relative;
  642. padding: 60px 0 1em 0;
  643. }
  644. #advanced_search,#category,#course_user_import {
  645. background: transparent url("images/headerform2.jpg") no-repeat top left
  646. ;
  647. }
  648. #export_users,#update_course,#user_add,#user_import {
  649. background: transparent url("images/headerform3.jpg") no-repeat top left
  650. ;
  651. }
  652. #add_course,#advanced_course_search,#advanced_search,#course_user_import,#export_users,#update_course,#user_add,#user_import
  653. {
  654. width: 650px;
  655. float: left;
  656. clear: left;
  657. padding-top: 50px;
  658. margin-bottom: 1em;
  659. }
  660. #add_course .label,#advanced_course_search .label,#advanced_search .label,#category .label,#course_user_import .label,#export_users .label,#user_import .label
  661. {
  662. text-align: left;
  663. }
  664. #advanced_search,#course_user_import,#export_users,#user_import {
  665. width: 550px;
  666. }
  667. #category {
  668. clear: both;
  669. }
  670. #category select {
  671. margin-right: .8em;
  672. }
  673. #export_users .label,#user_import .label {
  674. width: 45%;
  675. text-align: left;
  676. }
  677. #export_users .formw,#user_import .formw {
  678. width: 53%;
  679. }
  680. #myprofilefooter {
  681. float: left;
  682. clear: both;
  683. width: 50%;
  684. margin: 3em auto;
  685. padding-bottom:2em;
  686. background: transparent url("images/tinydivider.jpg") no-repeat bottom center;
  687. font-size: 110%;
  688. text-align: center;
  689. width: 550px;
  690. }
  691. #profile {
  692. border:none;
  693. }
  694. #profile .clear {
  695. position: absolute;
  696. background: transparent url("images/divider.jpg") no-repeat top center;
  697. top: 30px;
  698. left: 1em;
  699. height: 55px;
  700. width: 100%;
  701. }
  702. #profile .label,#update_course .label,#user_add .label {
  703. text-align: right;
  704. }
  705. #profile .formw,#profile .label {
  706. position: relative;
  707. left: 20%;
  708. }
  709. #update_course {
  710. width: 90%;
  711. }
  712. #update_course .formw {
  713. margin-top: .7em;
  714. }
  715. #update_course .label {
  716. margin-top: .6em;
  717. }
  718. #user_add {
  719. width: 80%;
  720. }
  721. #user_add input {
  722. margin-left: .3em;
  723. }
  724. /*
  725. ==============================================================================
  726. ADMIN SECTION
  727. ==============================================================================
  728. */
  729. .admin_section {
  730. float: left;
  731. margin: 1em 1em;
  732. width: 40%;
  733. border: 1px solid #EE4C03;
  734. padding: .5em .7em .5em .7em;
  735. line-height: 120%;
  736. }
  737. .admin_section h4 {
  738. margin: 0;
  739. width: 100%;
  740. font-size: 120%;
  741. font-family: Arial, sans, sans-serif;
  742. font-weight: bold;
  743. }
  744. .admin_section input {
  745. margin: .5em;
  746. }
  747. .admin_section a {
  748. text-decoration: none;
  749. font: bold 100% Arial, sans-serif, sans;
  750. color: #317100;
  751. }
  752. .admin_section a:hover,.admin_section a:focus {
  753. color: #683000;
  754. }
  755. /*
  756. ==============================================================================
  757. COURSE ADMIN
  758. ==============================================================================
  759. */
  760. .courseadminview {
  761. width: 80%;
  762. text-align: center;
  763. border: 1px solid #EE4C03;
  764. margin: 1.5em auto;
  765. }
  766. .courseadminview a {
  767. text-decoration: none;
  768. margin: 0 auto;
  769. text-align: center;
  770. font: bold 100% Arial, sans-serif, sans;
  771. }
  772. .courseadminview table td {
  773. text-align: left;
  774. }
  775. #courseintro_icons {
  776. margin: 1em auto;
  777. clear: both;
  778. width: 80%;
  779. }
  780. .viewcaption {
  781. font: bold 110% arial, sans, sans-serif;
  782. position: relative;
  783. background-color: #fff;
  784. float: left;
  785. clear: left;
  786. top: -1.1em;
  787. padding: 0 .2em;
  788. margin: 0;
  789. }
  790. /*
  791. ==============================================================================
  792. AGENDA
  793. ==============================================================================
  794. */
  795. #agenda_list {
  796. margin: 0 auto;
  797. width: 95%;
  798. }
  799. #agenda_list .datanow {
  800. background: #ffb963 url('images/headertables.jpg') repeat-x;
  801. border: 1px solid #EE4C03;
  802. vertical-align: top;
  803. }
  804. #agenda_list img {
  805. margin-right: .8em;
  806. }
  807. #agenda_list td.data img,#agenda_list td.datanow img {
  808. margin-bottom: -.6em;
  809. margin-top: -.3em;
  810. }
  811. #agenda_list td.textnow {
  812. border: 1px solid #EEB103;
  813. background-color: #eee;
  814. padding: .5em;
  815. }
  816. #agenda_list tr,#agenda_list td {
  817. width: auto;
  818. border: none;
  819. }
  820. #agenda_list tr.data,#agenda_list td.data,.data {
  821. background: #ffb963 url('images/headertables.jpg') repeat-x top center;
  822. vertical-align: top;
  823. border: 1px solid #EE4C03;
  824. color: #000;
  825. }
  826. #agenda_list tr.text,#agenda_list td.text,.text {
  827. border: 1px solid #EEB103;
  828. }
  829. .agenda_month_divider,.title {
  830. font: bold 1.2em Arial, sans-serif, sans;
  831. color: #000;
  832. text-align: center;
  833. }
  834. .agenda_month_divider {
  835. text-align: center;
  836. background: transparent url("images/divider2.jpg") no-repeat 50% 1.3em;
  837. height: 2.8em;
  838. color: #EE4C03;
  839. }
  840. #agenda_select img {
  841. margin-right: .2em;
  842. }
  843. #agenda_select li {
  844. margin-bottom: .6em;
  845. font: bold 1em Arial, sans-serif, sans;
  846. }
  847. #agenda_select li a {
  848. font: bold 1em Arial, sans-serif, sans;
  849. text-decoration: none;
  850. }
  851. .alternativeBgLight {
  852. background-color: #EEB103;
  853. }
  854. .announcements_datum {
  855. color: #C67D44;
  856. border: 1px solid #5F5700;
  857. background-color: #FFF15F;
  858. }
  859. .data,.announcements_datum,.datanow {
  860. font: bold 1em Arial, sans-serif, sans;
  861. }
  862. .datanotbold {
  863. font-weight: normal;
  864. }
  865. span.agendaitem {
  866. text-align: center;
  867. display: block;
  868. font-size: 95%;
  869. width: 90%;
  870. margin: 0 auto;
  871. font-size: .9em;
  872. }
  873. span.agendaitem i {
  874. font: bold 97% Arial, sans-serif, sans;
  875. color: #EE8003;
  876. }
  877. /* Calendar */
  878. .days_today {
  879. font: bold 1em Arial, sans-serif, sans;
  880. text-decoration: none;
  881. color: #000;
  882. }
  883. .days_week {
  884. background: #ffea9f;
  885. }
  886. .days_week,.days_weekend,.days_today {
  887. text-align: center;
  888. }
  889. .days_weekend {
  890. background: #ffdc9f;
  891. }
  892. .days_week a,.days_weekend a {
  893. font: bold 1em Arial, sans-serif, sans;
  894. }
  895. .days_week a:hover,.days_weekend a:hover,.days_week a:focus,.days_weekend a:focus
  896. {
  897. text-decoration: none;
  898. }
  899. .days_week .agendaitem i,.days_weekend .agendaitem i {
  900. color: #3F3A00;
  901. }
  902. #newedit_form tr.title {
  903. background:none;
  904. text-align:left;
  905. }
  906. .title {
  907. background: #ffb963 url('images/headertables.jpg') repeat-x;
  908. }
  909. .weekdays {
  910. font: bold 1.1em Arial, sans-serif, sans;
  911. color: #fff;
  912. background: #eebb03;
  913. text-align: center;
  914. }
  915. .ical_export { float: right; margin-top: 0.2em;}
  916. /*
  917. ==============================================================================
  918. DOKEOS CONFIG SETTINGS
  919. ==============================================================================
  920. */
  921. #settings {
  922. width: 70%;
  923. margin: .5em auto;
  924. border: 1px solid #EE4C03;
  925. padding: .2em;
  926. }
  927. .settingtitle {
  928. text-align: left;
  929. text-indent: .5em;
  930. font: bold 130% Arial, sans-serif, sans;
  931. color: #000;
  932. margin: .1em auto .1em auto;
  933. padding: .1em;
  934. border: 1px solid #EE4C03;
  935. background: #ffb963 url('images/headertables.jpg') repeat-x top center;
  936. width: 99.5%;
  937. letter-spacing: -.03em;
  938. }
  939. .settingcomment {
  940. margin: .5em 0 .5em .5em;
  941. font: bold 110% Arial, sans-serif, sans;
  942. }
  943. .settingvalue {
  944. margin: .5em 0 2em .5em;
  945. }
  946. /*
  947. ==============================================================================
  948. BLOG
  949. ==============================================================================
  950. */
  951. .blog_left,.blog_right {
  952. background: #fff url("images/vertdivider.jpg") no-repeat top left;
  953. padding-left: 10px;
  954. }
  955. .blog_right {
  956. text-align: justify;
  957. padding-left: 1em;
  958. background-color: transparent;
  959. }
  960. .blog_right a img {
  961. margin-right: .2em;
  962. }
  963. .blog_right table {
  964. margin-left: .8em;
  965. }
  966. .blog_menu_title,.blogpost_title {
  967. color: #fff;
  968. font: bold 110% Arial, sans-serif, sans;
  969. }
  970. .blog_menu_title {
  971. width: 99%;
  972. border-bottom: 1px solid #EE8003;
  973. background: #ffb963 url('images/headertables.jpg') repeat-x top center;
  974. }
  975. .blogpost {
  976. margin: .2em 1.5em;
  977. background: transparent url("images/tinydivider.jpg") no-repeat bottom
  978. center;
  979. padding-bottom: 2em;
  980. text-indent: 1em;
  981. }
  982. .blogpost_actions img {
  983. margin: 0 0 0 .8em;
  984. vertical-align: bottom;
  985. }
  986. .blogpost_comment {
  987. text-indent: 2em;
  988. margin-top: .5em;
  989. }
  990. .blogpost_date,.blog_subtitle,.blog_menu_title,.blogpost_comment_date {
  991. color: #fff;
  992. font: bold 110% Arial, sans-serif, sans;
  993. }
  994. .blogpost_date,.blogpost_comment_date {
  995. border: none;
  996. margin-left: 1em;
  997. }
  998. .blogpost_info,.blogpost_comment_info {
  999. margin-left: 1em;
  1000. font: bold 100% Arial, sans-serif, sans;
  1001. }
  1002. .blogpost_introduction,.blogpost_text {
  1003. display: block;
  1004. clear: both;
  1005. margin: .5em 0;
  1006. text-indent: 2em;
  1007. }
  1008. .blogpost_title {
  1009. font: bold 130% Arial, sans-serif, sans;
  1010. margin: 0 0 .5em 1em;
  1011. color: #000;
  1012. }
  1013. .blog_subtitle {
  1014. position: relative;
  1015. top: .8em;
  1016. padding: .2em .9em;
  1017. witdh: 100%;
  1018. border: 1px solid #EEB103;
  1019. background: #ffb963 url('images/headertables.jpg') repeat-x top center;
  1020. display:block;
  1021. width:250px;
  1022. margin:0 0 -1em 0;
  1023. }
  1024. /*Hack for KHTML and safari browser to fit left*/
  1025. body:last-child:not(:root:root) .blog_subtitle {
  1026. width:220px;
  1027. }
  1028. .blog_title {
  1029. padding: .1em 1em;
  1030. font: bold 140% Arial, sans-serif, sans;
  1031. color: #EE4C03;
  1032. text-transform:uppercase;
  1033. margin:0 0 -1.3em 0;
  1034. display:block;
  1035. }
  1036. .comments,.new_comment {
  1037. margin-left: 1em;
  1038. }
  1039. .blogpost_comment {
  1040. background: transparent url('images/thindivider.jpg') no-repeat bottom
  1041. center;
  1042. padding-bottom: 25px;
  1043. margin-bottom: 2em;
  1044. }
  1045. .blogpost_comment_title {
  1046. font-size: 95%;
  1047. background: #ffb963 url('images/headertables.jpg') repeat-x top
  1048. center;
  1049. padding: 0.4em;
  1050. border: 1px solid #EE8003;
  1051. }
  1052. .blogpost_comment_date {
  1053. font-size: 95%;
  1054. }
  1055. .blogpost_comment .blogpost_text {
  1056. border: 1px solid #EE8003;
  1057. padding: .6em;
  1058. }
  1059. #title {
  1060. font: bold 1.2em Arial, sans-serif, sans;
  1061. color: #000;
  1062. text-align: center;
  1063. }
  1064. .attachment_comment {
  1065. color: #737780;
  1066. font-style: italic ;
  1067. font-weight: normal;
  1068. }
  1069. /*
  1070. ==============================================================================
  1071. TRACKING
  1072. ==============================================================================
  1073. */
  1074. a.specialLink {
  1075. font: bold 80% Arial, sans-serif, sans;
  1076. color: #317100;
  1077. }
  1078. a.specialLink:hover,a.specialLink:focus {
  1079. color: #683000;
  1080. }
  1081. /*
  1082. ==============================================================================
  1083. FORUM
  1084. ==============================================================================
  1085. */
  1086. .forum {
  1087. border: 1px solid #BFAF00;
  1088. padding: 1px;
  1089. }
  1090. .forum_header td {
  1091. background: transparent url('images/line.jpg') repeat-x bottom center;
  1092. }
  1093. th span {
  1094. color:#000;
  1095. }
  1096. /*
  1097. ------------------------------------------------------------------------------
  1098. POST
  1099. ------------------------------------------------------------------------------
  1100. */
  1101. .forum_message_post_title {
  1102. text-align: left;
  1103. font: bold 95% Arial, sans-serif, sans;
  1104. background: #ffb963 url('images/headertables.jpg') repeat-x top
  1105. center;
  1106. padding: 0.2em;
  1107. vertical-align: top;
  1108. height: 20px;
  1109. border: 1px solid #EE8003;
  1110. }
  1111. .forum_message_left {
  1112. background: #ebc41f url('images/bglogin.jpg') repeat-y top center;
  1113. border-right: 1px solid #EE8003;
  1114. vertical-align: top;
  1115. width: 15em;
  1116. border-collapse: collapse;
  1117. }
  1118. .forum_message_post_text {
  1119. margin-bottom: 10px;
  1120. vertical-align: top;
  1121. }
  1122. .forum_description {
  1123. color: #000;
  1124. font-weight: normal;
  1125. font-family:Arial,sans,sans-serif;
  1126. }
  1127. .forum_title{
  1128. color: #317100;
  1129. font-size: 14px;
  1130. font-family:Arial,sans,sans-serif;
  1131. }
  1132. .forum_low_description{
  1133. color: #000;
  1134. font-style: italic ;
  1135. font-weight: normal;
  1136. font-size: 11px;
  1137. font-family:Arial,sans,sans-serif;
  1138. }
  1139. /*
  1140. ==============================================================================
  1141. DISPLAY MESSAGES
  1142. ==============================================================================
  1143. */
  1144. /* Common message styles */
  1145. .normal-message,.warning-message,.confirmation-message,.error-message {
  1146. border: 1px solid #EE8003;
  1147. margin: 1em auto;
  1148. padding: 40px .3em .5em .3em;
  1149. position: relative;
  1150. width: 500px;
  1151. color: #EE4C03;
  1152. background: transparent url('images/alert.jpg') no-repeat 54px 0px;
  1153. font: bold 110% Arial, sans-serif, sans;
  1154. text-align: left;
  1155. }
  1156. .normal-message img,.warning-message img,.confirmation-message img,.error-message img
  1157. {
  1158. position: absolute;
  1159. top: 0;
  1160. left: 238px;
  1161. }
  1162. .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link
  1163. {
  1164. position: absolute;
  1165. bottom: 0.2em;
  1166. right: 0.5em;
  1167. }
  1168. #message {
  1169. margin: 0 auto;
  1170. text-align: center;
  1171. }
  1172. #message select {
  1173. margin: 10px 0;
  1174. width: 220px;
  1175. }
  1176. #message textarea {
  1177. margin: 10px 0;
  1178. }
  1179. #message td {
  1180. padding: 4px;
  1181. }
  1182. /*
  1183. ==============================================================================
  1184. DROPBOX
  1185. ==============================================================================
  1186. */
  1187. #tabbed_menu {
  1188. border: 1px solid #EE8003;
  1189. background: transparent url('images/dropbox.jpg') no-repeat top left;
  1190. width: 10em;
  1191. margin: 0 0 1em 0;
  1192. }
  1193. #tabbed_menu_tabs {
  1194. width: 90%;
  1195. margin: 15px .2em 0 .2em;
  1196. padding: 0;
  1197. }
  1198. #tabbed_menu_tabs li {
  1199. padding: 0;
  1200. margin: 0 .8em;
  1201. }
  1202. .dropbox_date {
  1203. color: #737780;
  1204. font-style: italic ;
  1205. font-weight: normal;
  1206. }
  1207. /*
  1208. ==============================================================================
  1209. SYSTEM ANNOUNCEMENTS
  1210. ==============================================================================
  1211. */
  1212. div.system_announcement {
  1213. padding: .2em;
  1214. border: 1px solid #EE8003;
  1215. }
  1216. .system_announcement_title {
  1217. color: #794102;
  1218. }
  1219. .system_announcements {
  1220. background: transparent url('images/systemenouvelles.gif') no-repeat top
  1221. left;
  1222. padding-top: 30px;
  1223. width: 50%;
  1224. }
  1225. .system_announcements h3 {
  1226. text-align: center;
  1227. }
  1228. .system_announcement {
  1229. background: #ffb963 url('images/headertables.jpg') repeat-x;
  1230. font: bold 100% arial, sans-serif, sans;
  1231. }
  1232. .system_announcement_content {
  1233. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  1234. }
  1235. /*
  1236. ==============================================================================
  1237. FCKEDITOR
  1238. ==============================================================================
  1239. */
  1240. .skip {
  1241. position:absolute;
  1242. top:0;
  1243. left:-9000px;
  1244. }
  1245. /*
  1246. ==============================================================================
  1247. INSTALLATION
  1248. ==============================================================================
  1249. */
  1250. #installation_steps {
  1251. background-color: #EFEFEF;
  1252. float: left;
  1253. }
  1254. .current_step {
  1255. font-weight: bold;
  1256. }
  1257. .RequirementHeading {
  1258. margin-right: 10px;
  1259. }
  1260. .RequirementHeading h1 {
  1261. border-bottom: 1px solid #0066CC;
  1262. color: #0066CC;
  1263. font-size: 1.2em;
  1264. font-weight: bold;
  1265. }
  1266. .RequirementText {
  1267. color: #666;
  1268. float: right;
  1269. font-size: 1.0em;
  1270. font-weight: normal;
  1271. width: 200px;
  1272. }
  1273. .RequirementContent {
  1274. color: #000;
  1275. font-size: 1.0em;
  1276. font-weight: normal;
  1277. }
  1278. .RequirementContent table {
  1279. border: 1px solid #ccc;
  1280. width: 400px;
  1281. }
  1282. .RequirementContent table th {
  1283. border-bottom: 1px solid #ccc;
  1284. text-align: left;
  1285. }
  1286. .requirements-item {
  1287. background-color: #f7f7f7;
  1288. padding-left: 2px;
  1289. width: 50%;
  1290. }
  1291. /*
  1292. ------------------------------------------------------------------------------
  1293. Survey
  1294. ------------------------------------------------------------------------------
  1295. */
  1296. #survey_title{
  1297. background-color:#264269;
  1298. color:#FFF;
  1299. padding:2px;
  1300. border: 1px solid #264269;
  1301. }
  1302. #survey_subtitle{
  1303. background-color:#264269;
  1304. color:#FFF;
  1305. padding:2px;
  1306. border: 1px solid #264269;
  1307. }
  1308. .survey_content{
  1309. background-color:#EFEFEF;
  1310. color:#264269;
  1311. padding:5px;
  1312. border: 1px solid #264269;
  1313. }
  1314. .survey_question_wrapper{
  1315. border: 1px solid #4271b5;
  1316. }
  1317. .survey_question{
  1318. /* 264269 4271b5 E5EDF9 */
  1319. background-color:#4271b5;
  1320. color:#FFFFFF;
  1321. padding:5px;
  1322. /*border: 1px solid #264269;*/
  1323. }
  1324. .survey_question_options{
  1325. /* 264269 4271b5 E5EDF9 */
  1326. background-color:#FFF;
  1327. color:#000;
  1328. padding:5px;
  1329. /*border: 1px solid #264269;*/
  1330. }
  1331. .survey_export_link { float: right; }
  1332. /*
  1333. ------------------------------------------------------------------------------^M
  1334. sessions
  1335. ------------------------------------------------------------------------------^M
  1336. */
  1337. #ajax_list_coachs {
  1338. position:absolute;
  1339. border:1px solid #4171B5;
  1340. margin:0px;
  1341. padding:0px;
  1342. margin-left:200px;
  1343. margin-top:-23px;
  1344. background-color:#FFFFFF;
  1345. height:auto;
  1346. overflow:auto;
  1347. }
  1348. #ajax_list_courses {
  1349. position:absolute;
  1350. border:1px solid #4171B5;
  1351. margin:0px;
  1352. padding:0px;
  1353. margin-left:200px;
  1354. background-color:#FFFFFF;
  1355. height:auto;
  1356. overflow:auto;
  1357. }
  1358. #ajax_list_users {
  1359. position:absolute;
  1360. border:1px solid #4171B5;
  1361. margin:0px;
  1362. padding:0px;
  1363. margin-left:200px;
  1364. background-color:#FFFFFF;
  1365. height:auto;
  1366. overflow:auto;
  1367. }
  1368. #chat_login_name {
  1369. color : #317100;
  1370. }
  1371. /* Quizzes tool */
  1372. .quiz_export_link { float: right; }
  1373. /*
  1374. ------------------------------------------------------------------------------
  1375. Learning path
  1376. ------------------------------------------------------------------------------
  1377. */
  1378. #show_audiorecorder_div{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px;}