default.css 29 KB

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