default.css 56 KB

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