default.css 36 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014
  1. /*
  2. ==============================================================================
  3. GLOBAL STYLES - REDEFINED HTML TAGS
  4. ==============================================================================
  5. */
  6. body {
  7. background-color: #fff;
  8. color: #000000;
  9. font-family: arial, verdana, helvetica, sans-serif;
  10. font-size: 12px;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. img {
  15. border: none;
  16. }
  17. p,
  18. blockquote,
  19. ol,
  20. ul {
  21. font-size: 12px;
  22. }
  23. h1 {
  24. font-size: 21px;
  25. }
  26. h2 {
  27. font-size: 18px;
  28. }
  29. h3 {
  30. font-size: 15px;
  31. margin-top:0px;
  32. padding-top:0px;
  33. }
  34. h4 {
  35. font-size: 12px;
  36. }
  37. h5,
  38. h6 {
  39. font-family: verdana, arial, helvetica, sans-serif;
  40. }
  41. /* the following for regular <a> elements */
  42. a:link {
  43. color : #4171b5;
  44. font-weight : bold;
  45. text-decoration: none;
  46. }
  47. a:visited {
  48. color : #4171b5;
  49. font-weight : bold;
  50. text-decoration: none;
  51. }
  52. a:hover {
  53. color: red;
  54. font-weight: bold;
  55. text-decoration: none;
  56. }
  57. a:active {
  58. color : #f00;
  59. font-weight : bold;
  60. text-decoration: none;
  61. }
  62. select, textarea {
  63. border: 1px solid #000;
  64. color : #000;
  65. }
  66. input.checkbox {
  67. border-width: 0;
  68. }
  69. select,
  70. input[type=checkbox],
  71. input[type=radio],
  72. input[type=button],
  73. input[type=submit] {
  74. cursor: pointer; font-size: 12px;
  75. }
  76. input[text] {
  77. font-size: 12px;
  78. }
  79. input.link_alike {
  80. background-color: #FFFFFF;
  81. border-width: 0px;
  82. color: #4171b5;
  83. font-weight: bold;
  84. margin: 0px;
  85. padding: 0px;
  86. text-align: left;
  87. }
  88. input.link_alike:hover {
  89. background-color: #FFFFFF;
  90. border-width: 0px;
  91. color: #FF0000;
  92. font-weight: bold;
  93. margin: 0px;
  94. padding: 0px;
  95. text-align: left;
  96. }
  97. /*
  98. ==============================================================================
  99. PAGE STRUCTURE
  100. ==============================================================================
  101. */
  102. #outerframe {
  103. background-color: #fff;
  104. border: 1px solid #fff;
  105. position: relative; /* do not remove, fixes a bug in IE */
  106. }
  107. /* Hides from IE5-mac \*/
  108. * html #outerframe {height: 1%;}
  109. /* End hide from IE5-mac */
  110. #main {
  111. background-color: #fff;
  112. margin: 0px auto;
  113. margin-top: 10px;
  114. min-height: 320px;
  115. padding: 0px 10px 10px 10px;
  116. position: relative; /* to avoid the IE peekabo bug*/
  117. width: 98%;
  118. }
  119. .maincontent { /* for content section in main index.php file */
  120. background-color: #fff;
  121. float: left;
  122. padding: 4px;
  123. width: 78%;
  124. }
  125. .clear {
  126. clear: both;
  127. height: 0;
  128. line-height: 0px;
  129. }
  130. #center {
  131. margin: 0 190px 0 0;
  132. min-height: 300px;
  133. padding: 10px 0 40px 0;
  134. }
  135. .invisible {
  136. color: #999;
  137. }
  138. .invisible a:link,
  139. .invisible a:visited {
  140. color: #999;
  141. }
  142. a.invisible:link,
  143. a.invisible:visited {
  144. color: #999;
  145. }
  146. /* user_portal course status icon */
  147. #coursestatusicons{
  148. border: 0px solid #000;
  149. width: auto;
  150. float: left;
  151. padding-right: 5px;
  152. }
  153. /* user_portal course list */
  154. #courses {
  155. list-style-type: none;
  156. margin-bottom: 5px;
  157. }
  158. /*
  159. ==============================================================================
  160. HEADER STYLES
  161. ==============================================================================
  162. */
  163. #header {
  164. margin: 0;
  165. padding: 0;
  166. width: 100%;
  167. }
  168. /*
  169. ------------------------------------------------------------------------------
  170. HEADER 1: Title, portal, organisation, course title
  171. ------------------------------------------------------------------------------
  172. */
  173. #header1 {
  174. background-color: #264269;
  175. border-bottom: 1px solid white;
  176. color: #fff;
  177. font-size: 12px;
  178. padding: 4px;
  179. }
  180. #header1 a {
  181. color: #fff;
  182. text-decoration: none;
  183. }
  184. #header1 a:hover{
  185. background-color: #264269;
  186. text-decoration: underline;
  187. }
  188. #sitename {
  189. font-weight: bold;
  190. margin: 0;
  191. }
  192. #institution {
  193. float: left;
  194. font-weight: bold;
  195. }
  196. #my_courses {
  197. float: right;
  198. font-weight: bold;
  199. }
  200. /*
  201. ------------------------------------------------------------------------------
  202. HEADER 2: Users online, help, student/teacher view
  203. ------------------------------------------------------------------------------
  204. */
  205. #header2 {
  206. background: #4271b5;
  207. border-bottom: 1px solid #666;
  208. color: #fff;
  209. font-size: 1.0em;
  210. font-weight: normal;
  211. padding: 0.2em 0.5em;
  212. padding-bottom: 0.2em;
  213. position: relative; /* to avoid the IE peekabo bug*/
  214. }
  215. #header2 a {
  216. color: #fff;
  217. font-weight:normal;
  218. text-decoration: none;
  219. }
  220. #header2 a:hover{
  221. text-decoration: underline;
  222. }
  223. /* Header2Right: online users, student/teacher view, help */
  224. #Header2Right ul{
  225. float: right;
  226. list-style-type: none;
  227. margin: 0;
  228. padding: 0;
  229. position: relative; /* to avoid the IE peekabo bug*/
  230. text-align: right;
  231. width: 70%;
  232. }
  233. #Header2Right ul li {
  234. display: inline;
  235. }
  236. #Header2Right ul li a {
  237. color:#fff;
  238. padding: 4px 6px 4px 4px;
  239. }
  240. /*
  241. ------------------------------------------------------------------------------
  242. HEADER 3: TABS OF THE HEADER
  243. ------------------------------------------------------------------------------
  244. */
  245. #header3 {
  246. background: #E5EDF9;
  247. border-bottom: 1px solid #4171b5;
  248. color: #006;
  249. font-size: 1.0em;
  250. height:auto;
  251. margin: 0px;
  252. padding: 0em 0em 0.4em 0em;
  253. }
  254. #header3 a {
  255. color: rgb(39,84,175);
  256. display: block;
  257. font-weight: bold;
  258. padding-bottom: 2px;
  259. padding-left: 3px;
  260. padding-right: 3px;
  261. padding-top: 3px;
  262. text-decoration: none;
  263. }
  264. #header3 a:hover {
  265. color: #333;
  266. }
  267. #header3 ul {
  268. display: inline;
  269. list-style-type: none;
  270. margin: 0px;
  271. padding: 0px 20px 0px 0px;
  272. }
  273. #header3 li {
  274. border-right: solid 1px rgb(115,162,182);
  275. color: rgb(115,162,182);
  276. display: block;
  277. float: left;
  278. list-style: none;
  279. margin: 0px;
  280. padding: 0px;
  281. }
  282. #header3 li:hover {
  283. margin: 0px;
  284. padding-bottom: 0px;
  285. padding-left: 0px;
  286. padding-right: 0px;
  287. padding-top: 0px;
  288. }
  289. #header3 #current {
  290. background-color: #e9a151;
  291. border-bottom: 1px solid #4171b5;
  292. }
  293. #header3 #current a {
  294. border-bottom: 0px solid #4171b5;
  295. color: rgb(39,84,175)
  296. }
  297. #header3 #current a:hover {
  298. color: #333;
  299. }
  300. #header3 .banner_links {
  301. margin: 0;
  302. }
  303. #header3 input.logout { /* makes an input appear like a link in this header */
  304. background-color: transparent;
  305. border: none;
  306. color: rgb(39,84,175);
  307. display: inline;
  308. font-size: 1.0em;
  309. font-weight:bold;
  310. font-family: verdana, arial, helvetica, sans-serif;
  311. margin: 0 0 0 0;
  312. padding: 0;
  313. padding-right: 2px;
  314. padding-top: 3px;
  315. }
  316. #header3 input:hover {
  317. color: #333;
  318. }
  319. #header3 input {
  320. display: block;
  321. padding-left: 2px;
  322. padding-right: 2px;
  323. }
  324. #header3 #logout {
  325. margin-top: 0px;
  326. }
  327. #header3 input.logout:hover {
  328. }
  329. #logout{
  330. border-left: solid 1px rgb(115,162,182);
  331. display: inline;
  332. float: right;
  333. font-size: 1.0em;
  334. text-align: right;
  335. width: auto;
  336. }
  337. /*
  338. ------------------------------------------------------------------------------
  339. HEADER 4: not used
  340. ------------------------------------------------------------------------------
  341. */
  342. #header4 {
  343. background-color: #fff;
  344. color: #009;
  345. margin-bottom: 2px;
  346. padding: 4px;
  347. }
  348. #header4 a {
  349. color: #4171b5;
  350. }
  351. #header4 a:hover {
  352. color: #f00;
  353. text-decoration: none;
  354. }
  355. /* The tool shortcuts */
  356. #toolshortcuts {
  357. text-align: right;
  358. }
  359. /*
  360. ==============================================================================
  361. FOOTER STYLES
  362. ==============================================================================
  363. */
  364. #footer {
  365. background-color: #E5EDF9;
  366. border-top: 1px solid #4171B5;
  367. font-size: 12px;
  368. padding: 8px;
  369. }
  370. #footer .copyright {
  371. float: right;
  372. }
  373. #myprofilefooter {
  374. clear:both;
  375. border-top:thin solid;
  376. padding-top:2px;
  377. }
  378. /*
  379. ==============================================================================
  380. NAVIGATION MENU
  381. ==============================================================================
  382. */
  383. .menu {
  384. background-color: #E5EDF9;
  385. border: 1px solid #4171B5;
  386. float: right;
  387. padding: 0 0 6px 0;
  388. width: 20%;
  389. }
  390. .menucaption {
  391. font-size: 12px;
  392. font-weight: bold;
  393. padding-left: 12px;
  394. }
  395. .menusection {
  396. border: 1px solid #4171B5;
  397. margin: 24px 6px 0 6px;
  398. padding-left: 10px;
  399. width: auto;
  400. }
  401. .menusectioncaption {
  402. background-color: #E5EDF9;
  403. font-size: 12px;
  404. padding: 0 8px 0 4px;
  405. position: relative;
  406. top: -9px;
  407. }
  408. .menulist {
  409. list-style: none;
  410. margin: 0 0 12px 0;
  411. padding: 0;
  412. }
  413. #centerwrap {
  414. float: left;
  415. width: 100%;
  416. margin-right: -95%;
  417. /* this needs to be less than 100% for Moz/Mac which thinks
  418. it's empty otherwise. The difference is made up by putting a
  419. negative left margin on the left float:
  420. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  421. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  422. */
  423. }
  424. #center {
  425. margin: 0 190px 0 0;
  426. min-height: 300px;
  427. padding: 10px 0 40px 0;
  428. }
  429. #toolnav {
  430. float: right;
  431. margin: 0;
  432. margin-left: -5%; /* the difference to make the left colum appear flush left */
  433. padding: 0;
  434. width: 180px;
  435. }
  436. /* Hide from IE5-mac. Only IE-win sees this. \*/
  437. * html #toolnav { margin-right: 0px;}
  438. * html #center { height: 1%; margin-left: 0; }
  439. /* End hide from IE5/mac */
  440. /*
  441. this lets the navigation menu appear to the left:
  442. #center {
  443. margin: 0 0 0 180px;
  444. min-height: 300px;
  445. padding: 10px 0 40px 0;
  446. }
  447. #toolnav {
  448. float: left;
  449. width: 180px;
  450. padding: 20px 0 0 0;
  451. margin-left: -5%;
  452. }
  453. */
  454. /*
  455. ------------------------------------------------------------------------------
  456. course navigation menu as a definition list
  457. ------------------------------------------------------------------------------
  458. */
  459. #toolnavbox {
  460. border: 1px solid #4271b5;
  461. float: left;
  462. margin: 0 0 0 10px;
  463. padding: 0;
  464. }
  465. #toolnavbox dl {
  466. background: transparent;
  467. font-size: 12px;
  468. margin: 0 auto;
  469. text-align: center;
  470. width: 160px;
  471. }
  472. #toolnavbox dt {
  473. background: transparent;
  474. border-bottom: 1px solid #fff;
  475. color: #000;
  476. font-size: 12px;
  477. font-weight: bold;
  478. margin: 0;
  479. text-align: center;
  480. }
  481. #toolnavbox dd {
  482. background: #E5EDF9;
  483. border-bottom:1px solid #fff;
  484. color: #009;
  485. margin: 0;
  486. text-align: left;
  487. }
  488. #toolnav img {
  489. float: left;
  490. width: 25px;
  491. height: 25px;
  492. margin: 0 4px 0 0;
  493. }
  494. #toolnavlist a,
  495. #toolnavlist a:link {
  496. background: #E5EDF9;
  497. color: #4171b5;
  498. display: block;
  499. margin: 0;
  500. padding: 5px 5px 5px 10px;
  501. text-decoration: none;
  502. }
  503. #toolnavlist a:hover {
  504. background: #fff;
  505. color:#4171b5;
  506. }
  507. #toolnavlist a#here {
  508. background: #fff;
  509. color:#4171b5;
  510. }
  511. /* --- end of course navigation menu section --- */
  512. /*
  513. ==============================================================================
  514. LOGIN AND LANGUAGE FORM
  515. ==============================================================================
  516. */
  517. #lang_form {
  518. font-size: 12px;
  519. margin: 2px 0 10px 0;
  520. padding: 2px;
  521. text-align: left;
  522. }
  523. #lang_form input,
  524. #lang_form select{
  525. font-size: 12px;
  526. }
  527. #formLogin label {
  528. font-size: 12px;
  529. margin: 4px 6px;
  530. }
  531. #formLogin input {
  532. font-size: 13px;
  533. margin: 4px 6px;
  534. }
  535. #login_fail {
  536. background-color: #fff;
  537. border: 1px solid #f00;
  538. color: #f00;
  539. font-size: 12px;
  540. margin: 0 6px 6px 6px;
  541. padding: 4px;
  542. }
  543. input.mainoption {
  544. font-weight : bold;
  545. }
  546. input.liteoption {
  547. font-weight : normal;
  548. }
  549. /*
  550. ==============================================================================
  551. COURSE HOMEPAGE
  552. ==============================================================================
  553. */
  554. /* various sections in course-home.php file */
  555. #toolremove {
  556. border: 2px solid #f00;
  557. color: #f00;
  558. font-weight: bold;
  559. margin: 10px auto;
  560. padding: 10px;
  561. width: 40%;
  562. }
  563. #courseintro {
  564. border-bottom: 1px solid #4171B5;
  565. clear: both;
  566. margin: 10px auto;
  567. padding: 10px;
  568. width: 80%;
  569. }
  570. #courseintro_icons {
  571. clear: both;
  572. margin: 10px auto;
  573. width: 80%;
  574. }
  575. .everybodyview {
  576. margin: 10px auto;
  577. padding: 10px;
  578. position: relative; /* to avoid the IE peekabo bug ?*/
  579. width: 80%;
  580. }
  581. .Authoringview,
  582. .courseadminview,
  583. .platformadminview {
  584. border: 1px solid #4171B5;
  585. margin: 25px auto 10px;
  586. padding: 10px;
  587. position: relative;
  588. width: 80%;
  589. }
  590. .viewcaption {
  591. background-color: #fff;
  592. color: #4171B5;
  593. font-size: 12px;
  594. font-weight: bold;
  595. padding: 0 4px;
  596. position: relative;
  597. top: -20px;
  598. }
  599. /*
  600. ==============================================================================
  601. AGENDA
  602. ==============================================================================
  603. */
  604. #agenda {
  605. width: 100%;
  606. margin: 0 auto;
  607. border: 1px solid #4171B5;
  608. border-collapse: collapse;
  609. }
  610. #agenda .title a {
  611. color: #fff;
  612. }
  613. #agenda .agendaitem {
  614. font-size: 12px;
  615. }
  616. .agenda_month_divider {
  617. background-color: #4171B5;
  618. color: #fff;
  619. font-size: 12px;
  620. font-weight: bold;
  621. text-align: center;
  622. }
  623. #smallcalendar .title {
  624. background-color: #4171B5;
  625. color: #fff;
  626. font-size: 11px;
  627. font-weight: bold;
  628. padding: 2px;
  629. text-align: center;
  630. }
  631. #smallcalendar .title a {
  632. color: #fff;
  633. }
  634. #agenda_select {
  635. border: 0px solid green;
  636. list-style: none;
  637. margin: 30px 0 0 0;
  638. padding: 0 0 0 10px;
  639. }
  640. /*
  641. ------------------------------------------------------------------------------
  642. styles for the agenda (day, week, month view)
  643. ------------------------------------------------------------------------------
  644. */
  645. #agenda_list {
  646. border: 1px solid #fff;
  647. border-collapse: collapse;
  648. margin: 0 auto;
  649. width: 100%;
  650. }
  651. /*The caption of the calendar (displays the month and the << and >> links*/
  652. #agenda_list .title {
  653. background-color: #4171B5;
  654. border: 1px solid #264269;
  655. color: #fff;
  656. font-size: 12px;
  657. font-weight: bold;
  658. padding: 2px 10px;
  659. text-align: center;
  660. }
  661. #agenda_list .title a:link,
  662. #agenda_list #title a:visited {
  663. background-color: #4171B5;
  664. color: #fff;
  665. font-size: 12px;
  666. font-weight: bold;
  667. padding: 2px 10px;
  668. text-align: center;
  669. }
  670. #agenda_list .title a:hover {
  671. background-color: #4171B5;
  672. color: #ff0000;
  673. font-size: 12px;
  674. font-weight: bold;
  675. padding: 2px 10px;
  676. text-align: center;
  677. }
  678. /* The cells with the name of the days of the weeks (mon->sun)*/
  679. #agenda_list .weekdays {
  680. background-color: #D3DFF1;
  681. border: 1px solid #264269;
  682. border-collapse: collapse;
  683. font-weight: bold;
  684. text-align: center;
  685. }
  686. #agenda_list .days_week,
  687. #agenda_list .days_weekend,
  688. #agenda_list .days_today {
  689. border: 1px solid #264269;
  690. border-collapse: collapse;
  691. height: 40px;
  692. text-align: left;
  693. vertical-align: top;
  694. width: 12%;
  695. }
  696. /* The cells for the days (1->31) */
  697. #agenda_list .days_week {
  698. background-color: #f5f5f5;
  699. }
  700. #agenda_list .days_weekend {
  701. background-color: #e6e6e6;
  702. }
  703. #agenda_list .days_today {
  704. background-color: #FFCA8D;
  705. color: #CC3300;
  706. font-weight: bold;
  707. }
  708. #agenda_list .data,
  709. #agenda_list .datanotbold,
  710. #agenda_list .text,
  711. #agenda_list .data_hidden,
  712. #agenda_list .datanotbold_hidden,
  713. #agenda_list .text_hidden,
  714. #agenda_list .datanow,
  715. #agenda_list .datanotboldnow,
  716. #agenda_list .textnow {
  717. border: 0px solid #4171B5;
  718. border-collapse: collapse;
  719. padding: 2px 10px;
  720. text-align: left;
  721. }
  722. /* text in the cells: display of agenda items (visible)*/
  723. #agenda_list .data {
  724. background-color: #eee;
  725. font-weight: bold;
  726. }
  727. #agenda_list .datanotbold {
  728. background-color: #eee;
  729. font-weight: normal;
  730. }
  731. #agenda_list .text {
  732. background-color: #fff;
  733. font-weight: normal;
  734. }
  735. /*text in the cells: display of agenda items (invisible)*/
  736. #agenda_list .data_hidden {
  737. background-color: #eee;
  738. color: #999999;
  739. font-weight: bold;
  740. }
  741. #agenda_list .datanotbold_hidden {
  742. background-color: #eee;
  743. color: #999999;
  744. font-weight: normal;
  745. }
  746. #agenda_list .text_hidden {
  747. background-color: #fff;
  748. color: #999999;
  749. font-weight: normal;
  750. }
  751. /*text in the cells: display of agenda items (highlighted)*/
  752. #agenda_list .datanow {
  753. background-color: #FFCC00;
  754. font-weight: bold;
  755. }
  756. #agenda_list .datanotboldnow {
  757. background-color: #FFCC00;
  758. font-weight: normal;
  759. }
  760. #agenda_list .textnow {
  761. background-color: #fff;
  762. font-weight: normal;
  763. }
  764. /*
  765. ------------------------------------------------------------------------------
  766. styles for the mini agenda
  767. ------------------------------------------------------------------------------
  768. */
  769. #smallcalendar {
  770. border: 1px solid #fff;
  771. border-collapse: collapse;
  772. margin: 0 auto;
  773. width: 100%;
  774. }
  775. #smallcalendar .weekdays {
  776. background-color: #D3DFF1;
  777. border: 1px solid #fff;
  778. border-collapse: collapse;
  779. font-size: 11px;
  780. font-weight: bold;
  781. text-align: center;
  782. }
  783. #smallcalendar .days_week {
  784. background-color: #f5f5f5;
  785. border-collapse: collapse;
  786. font-size: 11px;
  787. text-align: center;
  788. }
  789. #smallcalendar .days_weekend {
  790. background-color: #e6e6e6;
  791. border: 1px solid #fff;
  792. border-collapse: collapse;
  793. font-size: 11px;
  794. text-align: center;
  795. }
  796. #smallcalendar .days_today {
  797. background-color: #FFCA8D;
  798. border: 1px solid #FA8500;
  799. border-collapse: collapse;
  800. font-size: 11px;
  801. text-align: center;
  802. width: 12%;
  803. }
  804. /*
  805. ------------------------------------------------------------------------------
  806. styles for the personal agenda
  807. ------------------------------------------------------------------------------
  808. */
  809. .personal_agenda,
  810. .personal_agenda a:link,
  811. .personal_agenda a:visited,
  812. a.personal_agenda:link,
  813. a.personal_agenda:visited{
  814. color: #008000;
  815. }
  816. .personal_agenda a:hover,
  817. a.personal_agenda:hover {
  818. color: #666666;
  819. }
  820. /*
  821. ==============================================================================
  822. DISPLAY MESSAGES
  823. ==============================================================================
  824. */
  825. /* Common message styles */
  826. .normal-message,
  827. .warning-message,
  828. .confirmation-message,
  829. .error-message {
  830. border-width: 1px;
  831. border-style: solid;
  832. left: 50%;
  833. margin: 10px auto;
  834. margin-left: -250px;
  835. min-height: 30px;
  836. padding: 5px;
  837. position: relative;
  838. right: 50%;
  839. width: 500px;
  840. }
  841. /* Specific message styles */
  842. .normal-message {
  843. background-color: #E5EDF9;
  844. border-color: #4171B5;
  845. color: #000;
  846. }
  847. .warning-message {
  848. background-color: #FFEFA7;
  849. border-color: #FFB30F;
  850. color: #000;
  851. }
  852. .confirmation-message {
  853. background-color: #CAF0C7;
  854. border-color: #1F8323;
  855. color: #000;
  856. }
  857. .error-message {
  858. background-color: #FFD1D1;
  859. border-color: #FF0000;
  860. color: #000;
  861. }
  862. #message {
  863. margin: 0 auto;
  864. text-align: center;
  865. }
  866. #message select {
  867. margin: 10px 0;
  868. width: 220px;
  869. }
  870. #message textarea {
  871. margin: 10px 0;
  872. }
  873. #message td {
  874. padding: 4px;
  875. }
  876. /*
  877. ==============================================================================
  878. DOCUMENT MODULE
  879. ==============================================================================
  880. */
  881. /* styles from the document.php file */
  882. .comment {
  883. margin-left: 30px;
  884. }
  885. /* styles from the upload.php file */
  886. dl.upload_option {
  887. margin: 1em 0;
  888. padding: 0;
  889. }
  890. .upload_option dt {
  891. font-weight:bold;
  892. margin:0;
  893. }
  894. .upload_option dd {
  895. margin:0;
  896. }
  897. /*
  898. ==============================================================================
  899. DROPBOX MODULE
  900. ==============================================================================
  901. */
  902. /* styles from dropbox.php file */
  903. .dropbox_detail {
  904. font-size: small
  905. }
  906. .dropbox_date {
  907. font-style: italic
  908. }
  909. .dropbox_person {
  910. font-weight: bold
  911. }
  912. .dropbox_listTitle {
  913. color: #000000;
  914. }
  915. .dropbox_feedback {
  916. font-size: x-small;
  917. height: 50px;
  918. overflow: auto
  919. width: 200px;
  920. }
  921. .dropbox_feedbacks {
  922. height: 250px;
  923. width: 100%;
  924. overflow: auto
  925. }
  926. /*
  927. ==============================================================================
  928. CHAT MODULE
  929. ==============================================================================
  930. */
  931. /* styles for chat / conference tools */
  932. #chat_entermessage {
  933. background-color: #D6E5FA;
  934. border-top: 1px solid #4171B5;
  935. padding: 5px; margin: 0;
  936. }
  937. /* the following for the greyed out elements */
  938. a.nobold:link,
  939. a.nobold:visited,
  940. a.nobold:active {
  941. font-weight: normal;
  942. color: #999;
  943. margin: 0 0 0 25px;
  944. }
  945. a.nobold:hover {
  946. font-weight: normal;
  947. color: #999;
  948. text-decoration: underline;
  949. margin: 0 0 0 25px;
  950. }
  951. .note {
  952. background-color: #FFF089;
  953. border: 1px solid #4171B5;
  954. color: #4171B5;
  955. font-size: 12px;
  956. font-family: verdana, arial, helvetica, sans-serif;
  957. line-height: 14px;
  958. margin: 6px;
  959. padding: 4px;}
  960. .alternativeBgLight {
  961. background-color: #f5f5f5;
  962. border: 1px solid #4171B5;
  963. border-collapse: collapse;
  964. }
  965. .alternativeBgDark {
  966. background-color: #ccf;
  967. border: 1px solid #4171B5;
  968. border-collapse: collapse;
  969. }
  970. .myagendatoday {
  971. background-color: #FFCA8D;
  972. border-collapse: collapse;
  973. color: #CC3300;
  974. font-family: verdana, arial, helvetica, sans-serif;
  975. font-weight: bold;
  976. }
  977. /*
  978. ==============================================================================
  979. FORM STYLES
  980. ==============================================================================
  981. */
  982. div.row {
  983. clear: both;
  984. padding-top: 5px;
  985. }
  986. div.row div.form_header {
  987. background-color: #E5EDF9;
  988. border: 1px solid #4271B5;
  989. padding: 2px;
  990. white-space: nowrap;
  991. }
  992. div.row div.label {
  993. float: left;
  994. text-align: right;
  995. width: 18%;
  996. }
  997. div.row div.formw {
  998. width: 80%;
  999. }
  1000. [dir=ltr] div.row div.label,
  1001. [dir=rtl] div.row div.formw {
  1002. float: left;
  1003. text-align: right;
  1004. }
  1005. [dir=rtl] div.row div.label,
  1006. [dir=ltr] div.row div.formw {
  1007. float: right;
  1008. text-align: left;
  1009. }
  1010. span.form_required {
  1011. color: #f00;
  1012. }
  1013. span.form_error {
  1014. color: #f00;
  1015. font-size: x-small;
  1016. margin: 2px;
  1017. }
  1018. /*
  1019. ==============================================================================
  1020. ACCORDION STYLES
  1021. ==============================================================================
  1022. */
  1023. .accordion_header {
  1024. background-color: #E5EDF9;
  1025. border: 1px solid gray;
  1026. cursor: pointer;
  1027. margin-top: 10px;
  1028. padding: 5px;
  1029. width: 300px;
  1030. }
  1031. .accordion_content {
  1032. background-color: #fafafa;
  1033. border: 1px solid gray;
  1034. display: none;
  1035. padding: 5px;
  1036. text-align: left;
  1037. width: 770px;
  1038. }
  1039. /*
  1040. ==============================================================================
  1041. DATA TABLE STYLES
  1042. ==============================================================================
  1043. */
  1044. .cell_header { /* header cell in data table in tools */
  1045. background-color: #EEEEFF;
  1046. font-weight:bold;
  1047. padding-left:5px;
  1048. text-align:left;
  1049. }
  1050. .data_table {
  1051. border-collapse: collapse;
  1052. margin-bottom: 5px;
  1053. margin-top: 5px;
  1054. padding: 5px;
  1055. width: 100%;
  1056. }
  1057. .data_table th {
  1058. background-color: #E5EDF9;
  1059. border: 1px solid gray;
  1060. padding-right: 20px;
  1061. }
  1062. .data_table tr.row_odd {
  1063. background-color: #fafafa;
  1064. }
  1065. .data_table tr.row_odd:hover,
  1066. .data_table tr.row_even:hover{
  1067. background-color: #f0f0f0;
  1068. }
  1069. .data_table tr.row_even {
  1070. background-color: #fff;
  1071. }
  1072. .data_table td {
  1073. border-bottom: 1px solid #b0b0b0;
  1074. border-left: 1px dotted #e1e1e1;
  1075. border-right: 1px dotted #e1e1e1;
  1076. padding: 5px;
  1077. vertical-align: top;
  1078. }
  1079. .data_table td.border {
  1080. border: 1px solid gray;
  1081. padding: 5px;
  1082. vertical-align: top;
  1083. }
  1084. .data_table td.none {
  1085. border-bottom: none;
  1086. border-left:none;
  1087. border-right:none;
  1088. padding: 5px;
  1089. vertical-align: top;
  1090. }
  1091. .data_table td.redText {
  1092. color:red;
  1093. }
  1094. .data_table td.borderRight {
  1095. border-bottom: none;
  1096. border-left:none;
  1097. border-right:1px solid gray;
  1098. }
  1099. .data_table td.borderLeft {
  1100. border-bottom: none;
  1101. border-left:1px solid gray;
  1102. border-right:none;
  1103. }
  1104. .data_table td.noLink {
  1105. color:grey;
  1106. }
  1107. .data_table tr.tableName {
  1108. border: 1px solid gray;
  1109. background-color: #e6e6ff;
  1110. padding: 5px;
  1111. text-align:left;
  1112. }
  1113. .data_table tr.total {
  1114. background-color: #ffffcc;
  1115. border: 1px solid gray;
  1116. padding: 5px;
  1117. text-align:left;
  1118. }
  1119. .data_table th.head {
  1120. background-color: #ffffcc;
  1121. border: 1px solid gray;
  1122. padding-right: 20px;
  1123. }
  1124. /*
  1125. ==============================================================================
  1126. admin page tool list definitions
  1127. ==============================================================================
  1128. */
  1129. .tool_list dt {
  1130. font-weight: bold;
  1131. }
  1132. .tool_list dd {
  1133. margin: 0;
  1134. padding: 4px 0 0 10px;
  1135. }
  1136. /*
  1137. ==============================================================================
  1138. divs for category list / platform news on home page
  1139. ==============================================================================
  1140. */
  1141. .home_cats {
  1142. background: #fff;
  1143. float: left;
  1144. margin: 0;
  1145. padding: 0px;
  1146. padding-top: 8px;
  1147. position: relative;
  1148. width: 45%;
  1149. }
  1150. .home_news {
  1151. background: #fff;
  1152. float: right;
  1153. margin: 0;
  1154. padding: 0px;
  1155. padding-top: 8px;
  1156. position: relative;
  1157. width: 45%;
  1158. }
  1159. label.left {
  1160. float: left;
  1161. width: 15em;
  1162. margin: 0 0 0.5em 0;
  1163. }
  1164. form br {
  1165. clear: both;
  1166. }
  1167. /* Fix for alignment problem in IE-Win browsers */
  1168. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1169. * html .label { margin-right: 10px; }
  1170. * html .data { height: 1%; margin-left: 0;}
  1171. /* End hide from IE5/mac */
  1172. .radio,
  1173. .checkbox {
  1174. background-color: transparent;
  1175. border: none;
  1176. margin: 0;
  1177. padding: 0;
  1178. }
  1179. .required {
  1180. color: #f00;
  1181. font-weight: bold;
  1182. }
  1183. /*
  1184. ==============================================================================
  1185. Admin section
  1186. ==============================================================================
  1187. */
  1188. div.admin_section {
  1189. float: left;
  1190. margin: 10px 20px;
  1191. padding: 5px;
  1192. width: 40%;
  1193. }
  1194. div.admin_section h4 {
  1195. border-bottom: 1px solid gray;
  1196. margin: 0;
  1197. width: 100%;
  1198. }
  1199. .user_course_category {
  1200. background-color: #efefef;
  1201. border: 1px solid #666;
  1202. color: #666;
  1203. font-weight: bold;
  1204. list-style-type: none;
  1205. margin: 5px;
  1206. padding: 5px;
  1207. }
  1208. /*
  1209. ==============================================================================
  1210. DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION
  1211. ==============================================================================
  1212. */
  1213. .settingtitle{
  1214. background-color: #EFEFEF;
  1215. border: 1px solid #cccccc;
  1216. color: #666666;
  1217. font-size: 11px;
  1218. font-weight: bold;
  1219. list-style-type: none;
  1220. margin: 5px;
  1221. padding: 5px;
  1222. }
  1223. .settingcomment{
  1224. color: #000000;
  1225. font-size: 11px;
  1226. margin: 5px;
  1227. padding: 5px;
  1228. }
  1229. .settingvalue{
  1230. list-style-type: none;
  1231. margin: 5px;
  1232. padding: 5px;
  1233. }
  1234. /*
  1235. ==============================================================================
  1236. ANNOUNCEMENTS
  1237. ==============================================================================
  1238. */
  1239. .announcements_datum {
  1240. color: #666666;
  1241. font-size: 12px;
  1242. font-style: italic;
  1243. }
  1244. /*
  1245. ==============================================================================
  1246. SYSTEM ANNOUNCEMENTS
  1247. ==============================================================================
  1248. */
  1249. div.system_announcements{
  1250. }
  1251. div.system_announcements h3{
  1252. }
  1253. div.system_announcement{
  1254. margin: 5px;
  1255. }
  1256. div.system_announcement_title{
  1257. }
  1258. div.system_announcement_content{
  1259. margin-left: 20px;
  1260. border-left: 1px solid gray;
  1261. padding-left: 5px;
  1262. }
  1263. /*
  1264. ==============================================================================
  1265. THE NEW FORUM
  1266. ==============================================================================
  1267. */
  1268. /*
  1269. ------------------------------------------------------------------------------
  1270. FORUM CATEGORY
  1271. ------------------------------------------------------------------------------
  1272. */
  1273. .forum_category {
  1274. background-color: #0066CC;
  1275. color: #fff;
  1276. }
  1277. .forum_category a {
  1278. color: #fff;
  1279. }
  1280. .forum_category_header {
  1281. background-color: #0066CC;
  1282. color: #fff;
  1283. }
  1284. tr.forum_category_header a {
  1285. color: #fff;
  1286. }
  1287. /*
  1288. ------------------------------------------------------------------------------
  1289. FORUM
  1290. ------------------------------------------------------------------------------
  1291. */
  1292. .forum_header {
  1293. background-color: #EFEFEF;
  1294. }
  1295. /*
  1296. ------------------------------------------------------------------------------
  1297. THREAD
  1298. ------------------------------------------------------------------------------
  1299. */
  1300. .forum_threadheader {
  1301. background-color: #F7F7F7;
  1302. color: #aaa;
  1303. }
  1304. tr.forum_threadheader td{
  1305. }
  1306. /*
  1307. ------------------------------------------------------------------------------
  1308. POST
  1309. ------------------------------------------------------------------------------
  1310. */
  1311. .quote{
  1312. background-color: #EFEFEF;
  1313. }
  1314. .forum_message_left {
  1315. background-color: #F7F7F7;
  1316. /*border-bottom: 1px solid #666666;*/
  1317. border-right: 1px solid #aaa;
  1318. vertical-align: top;
  1319. width: 150px;
  1320. }
  1321. .forum_message_left_2_be_approved {
  1322. background-color: #F7F7F7;
  1323. /*border-bottom: 1px solid #666666;*/
  1324. border-right: 1px solid #aaa;
  1325. color: #999;
  1326. vertical-align: top;
  1327. width: 150px;
  1328. }
  1329. .forum_message_post_title{
  1330. background-color: #F7F7F7;
  1331. /*border-bottom: 1px solid #666666;*/
  1332. font-weight: bold;
  1333. height: 20px;
  1334. }
  1335. .forum_message_post_title_2_be_approved{
  1336. background-color: #F7F7F7;
  1337. /*border-bottom: 1px solid #666666;*/
  1338. color: #999;
  1339. font-weight: bold;
  1340. height: 20px;
  1341. }
  1342. .forum_message_post_text{
  1343. /*border-bottom: 1px solid #666666;*/
  1344. margin-bottom: 10px;
  1345. vertical-align: top;
  1346. }
  1347. .forum_message_post_text_2_be_approved{
  1348. /*border-bottom: 1px solid #666666;*/
  1349. color: #999;
  1350. margin-bottom: 10px;
  1351. vertical-align: top;
  1352. }
  1353. .current{
  1354. font-weight: bold;
  1355. }
  1356. .structure{
  1357. background-color: #F7F7F7;
  1358. /*border-bottom: 1px solid #666666;*/
  1359. font-weight: bold;
  1360. height: 20px;
  1361. }
  1362. a.forum_group_link {
  1363. display:inline;
  1364. font-weight: lighter;
  1365. }
  1366. /*
  1367. ------------------------------------------------------------------------------
  1368. BLOG
  1369. ------------------------------------------------------------------------------
  1370. */
  1371. span.blog_title {
  1372. color: #1657A9;
  1373. font-size: 20px;
  1374. font-weight: bold;
  1375. }
  1376. span.blog_subttitle {
  1377. font-size: 12px;
  1378. }
  1379. td.blog_left {
  1380. border-right: 1px solid #dddddd;
  1381. margin-right: 5px;
  1382. padding-right: 5px;
  1383. }
  1384. td.blog_right {
  1385. padding-left: 10px;
  1386. }
  1387. td.blog_menu_title {
  1388. background-color: #dddddd;
  1389. color: #1657A9;
  1390. font-weight: bold;
  1391. font-size: 11px;
  1392. padding: 2px;
  1393. }
  1394. td.blog_menu {
  1395. border-bottom: 1px dashed #dddddd;
  1396. border-left: 1px dashed #dddddd;
  1397. border-right: 1px dashed #dddddd;
  1398. padding: 10px;
  1399. }
  1400. td.blog_menu ul {
  1401. margin: 0 0 0 15px;
  1402. padding: 0;
  1403. }
  1404. td.blog_menu ul li {
  1405. }
  1406. span.blogpost_title {
  1407. color: #1657A9;
  1408. display: block;
  1409. font-size: 18px;
  1410. font-weight: bold;
  1411. padding-bottom: 5px;
  1412. }
  1413. span.blogpost_date {
  1414. color: #333333;
  1415. display: block;
  1416. font-size: 12px;
  1417. font-weight: bold;
  1418. padding-bottom: 10px;
  1419. }
  1420. span.blogpost_info {
  1421. border-top: 1px solid #dddddd;
  1422. color: #333333;
  1423. display: block;
  1424. margin-top: 5px;
  1425. }
  1426. table.newBlog {
  1427. background-color: #f6f6f6;
  1428. border: 1px solid #dddddd;
  1429. margin-bottom: 10px;
  1430. margin-top: 10px;
  1431. padding: 10px;
  1432. }
  1433. table.newTask {
  1434. background-color: #f6f6f6;
  1435. border: 1px solid #dddddd;
  1436. margin-bottom: 10px;
  1437. margin-top: 10px;
  1438. padding: 10px;
  1439. }
  1440. table.new_comment {
  1441. background-color: #F4F4F4;
  1442. border: 1px solid #dddddd;
  1443. margin-bottom: 10px;
  1444. margin-top: 10px;
  1445. padding: 10px;
  1446. }
  1447. div.blogpost_comment {
  1448. background-color: white;
  1449. border: 1px dashed #dddddd;
  1450. margin-bottom: 10px;
  1451. padding: 10px;
  1452. }
  1453. span.blogpost_comment_title {
  1454. color: #1657A9;
  1455. display: block;
  1456. font-size: 14px;
  1457. font-weight: bold;
  1458. padding-bottom: 5px;
  1459. }
  1460. span.blogpost_comment_date {
  1461. color: #333333;
  1462. display: block;
  1463. font-size: 10px;
  1464. font-weight: bold;
  1465. padding-bottom: 10px;
  1466. }
  1467. span.blogpost_comment_info {
  1468. border-top: 1px solid #dddddd;
  1469. color: #333333;
  1470. display: block;
  1471. font-size: 10px;
  1472. margin-top: 10px;
  1473. }
  1474. div.blogpost {
  1475. background-color: #ECECEC;
  1476. border: 1px solid #DDDDDD;
  1477. margin-bottom: 15px;
  1478. padding: 10px;
  1479. }
  1480. div.comments {
  1481. background-color: #F4F4F4;
  1482. border: 1px solid #dddddd;
  1483. margin-bottom: 10px;
  1484. margin-top: 10px;
  1485. padding: 10px;
  1486. }
  1487. .link {
  1488. color : #1657A9;
  1489. cursor: pointer
  1490. font-weight : bold;
  1491. text-decoration: none;
  1492. }
  1493. .link:hover {
  1494. color: #abd9f1;
  1495. cursor: pointer
  1496. font-weight: bold;
  1497. text-decoration: none;
  1498. }
  1499. /*
  1500. ==============================================================================
  1501. INSTALLATION
  1502. ==============================================================================
  1503. */
  1504. #installation_steps {
  1505. background-color: #EFEFEF;
  1506. float:left;
  1507. }
  1508. .current_step{
  1509. font-weight: bold;
  1510. }
  1511. .RequirementHeading{
  1512. margin-right:10px;
  1513. }
  1514. .RequirementHeading h1{
  1515. border-bottom: 1px solid #0066CC;
  1516. color:#0066CC;
  1517. font-size:1.2em;
  1518. font-weight: bold;
  1519. }
  1520. .RequirementText{
  1521. color:#666;
  1522. float:right;
  1523. font-size:1.0em;
  1524. font-weight: normal;
  1525. width:200px;
  1526. }
  1527. .RequirementContent{
  1528. color:#000;
  1529. font-size:1.0em;
  1530. font-weight: normal;
  1531. }
  1532. .RequirementContent table{
  1533. border: 1px solid #ccc;
  1534. width: 400px;
  1535. }
  1536. .RequirementContent table th{
  1537. border-bottom: 1px solid #ccc;
  1538. text-align: left;
  1539. }
  1540. .requirements-item{
  1541. background-color:#f7f7f7;
  1542. padding-left:2px;
  1543. width: 50%;
  1544. }
  1545. .requirements-value{
  1546. }
  1547. /*
  1548. ==============================================================================
  1549. styles below here are not necessarily used in the current
  1550. release and the CVS files, they are from earlier versions,
  1551. and have been left untouched for anyone needing them in
  1552. their own platform ...
  1553. ==============================================================================
  1554. */
  1555. .topBanner a:link,
  1556. .topBanner a:active,
  1557. .topBanner a:visited {
  1558. color:white;
  1559. text-decoration:none;
  1560. }
  1561. .topBanner table {
  1562. text-decoration:none;
  1563. }
  1564. .topBanner a:hover {
  1565. text-decoration:underline;
  1566. }
  1567. .topBanner td {
  1568. border-top: solid White 1px;
  1569. }
  1570. .alternativeBgLight {
  1571. background-color: #f5f5f5;
  1572. }
  1573. .alternativeBgDark {
  1574. background-color: #e6e6e6
  1575. }
  1576. .forms {
  1577. letter-spacing: normal;
  1578. padding: 2px 5px;
  1579. text-align: justify;
  1580. text-indent: 3pt;
  1581. word-spacing: normal;
  1582. }
  1583. .formsTips {
  1584. text-align: justify;
  1585. text-indent: 15pt;
  1586. word-spacing: normal;
  1587. }
  1588. /*
  1589. input.forms {
  1590. letter-spacing: normal;
  1591. padding-top: 0px;
  1592. padding-right: 0px;
  1593. padding-bottom: 0px;
  1594. padding-left: 0px;
  1595. text-align: justify;
  1596. text-indent: 3pt;
  1597. word-spacing: normal;
  1598. }
  1599. */
  1600. .warn {
  1601. border: thin double Silver;
  1602. color: Red;
  1603. font-family: serif;
  1604. margin-left: 15px;
  1605. margin-right: 15px;
  1606. padding-left: 25px;
  1607. }
  1608. .small {
  1609. font-family: Verdana, Arial, Helvetica, sans-serif;
  1610. font-size: 11px
  1611. }
  1612. .xsmall {
  1613. font-family: Verdana, Arial, Helvetica, sans-serif;
  1614. font-size: 11px
  1615. }
  1616. .xxsmall {
  1617. font-family: Verdana, Arial, Helvetica, sans-serif;
  1618. font-size: 9px
  1619. }
  1620. /*
  1621. ------------------------------------------------------------------------------
  1622. TABBED INTERFACE
  1623. ------------------------------------------------------------------------------
  1624. */
  1625. #tabbed_menu {
  1626. border-bottom-width: 1px;
  1627. border-bottom-style: solid;
  1628. border-bottom-color: #666666;
  1629. height: 20px;
  1630. margin-bottom: 20px;
  1631. width: 100%;
  1632. }
  1633. #tabbed_menu #tabbed_menu_tabs li {
  1634. display: inline;
  1635. list-style-type: none;
  1636. margin: 0 10;
  1637. padding: 0;
  1638. }
  1639. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1640. background: #f3f3f3;
  1641. border: 1px solid #cccccc;
  1642. border-bottom: 1px solid #666666;
  1643. color: #666;
  1644. float: left;
  1645. font-weight: bold;
  1646. margin-right: 4px;
  1647. padding: 2px 10px 2px 10px;
  1648. text-decoration: none;
  1649. }
  1650. #tabbed_menu #tabbed_menu_tabs a:link.active,
  1651. #tabbed_menu_tabs a:visited.active {
  1652. background: #fff;
  1653. border: 1px solid #666666;
  1654. border-bottom: 1px solid #fff;
  1655. color: #000;
  1656. }
  1657. /*
  1658. ------------------------------------------------------------------------------
  1659. FCKeditor
  1660. ------------------------------------------------------------------------------
  1661. */
  1662. #content___Frame,
  1663. #forum_category_comment___Frame,
  1664. #forum_comment___Frame,
  1665. #post_text___Frame,
  1666. #texte___Frame, #questionDescription___Frame{
  1667. margin-left: -200px;
  1668. }
  1669. #intro_content___Frame{
  1670. margin-left: -100px;
  1671. }