default.css 48 KB

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