default.css 57 KB

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