default.css 29 KB

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