default.css 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187
  1. /*****************************************************
  2. * MAIN - ACADEMICA *
  3. *****************************************************/
  4. /* Adding default generic style for non chamilo_X themes */
  5. @import url('../base.css');
  6. /* the sticky effect */
  7. html {
  8. height: 100%;
  9. }
  10. /* Redefining html styles */
  11. body {
  12. /* hack ignored by non-IE to enable ie to support :hover on button */
  13. behavior:url("/main/css/csshover3.htc");
  14. font-family: bold 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 -9em;
  25. }
  26. img {
  27. border: none;
  28. }
  29. a {
  30. font-family:Arial, Helvetica, sans-serif;
  31. font-weight: bold;
  32. text-decoration: none;
  33. }
  34. a {
  35. color : #4171b5;
  36. }
  37. a:visited {
  38. }
  39. a:hover {
  40. color: #000915;
  41. }
  42. a:active {
  43. }
  44. #my_courses {
  45. float: right;
  46. font-weight: bold;
  47. }
  48. /* header 3 styles */
  49. .subnav {
  50. border-bottom: 1px solid #aeaeae;
  51. font-weight: bold;
  52. margin: 0;
  53. padding: 0;
  54. width:100%;
  55. }
  56. .subnav UL {
  57. PADDING-RIGHT: 2px;
  58. PADDING-LEFT: 10px;
  59. PADDING-BOTTOM: 0px;
  60. MARGIN: 0px;
  61. LIST-STYLE-TYPE: none;
  62. }
  63. .subnav LI {
  64. PADDING-RIGHT: 0px;
  65. PADDING-LEFT: 9px;
  66. FLOAT: left;
  67. PADDING-BOTTOM: 0px;
  68. MARGIN: 0px;
  69. PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/
  70. cursor: pointer;
  71. }
  72. .subnav a {
  73. float:left;
  74. text-decoration:none;
  75. cursor: pointer;
  76. padding-right: 1px;
  77. height:25px;
  78. }
  79. .subnav li a:hover {
  80. float:left;
  81. text-decoration:none;
  82. cursor: pointer;
  83. }
  84. .subnav li a span {
  85. float:left;
  86. cursor: pointer;
  87. padding-right: 10px;
  88. padding-top: 5px;
  89. height:20px;
  90. }
  91. .subnav li a:hover span {
  92. float:left;
  93. cursor: pointer;
  94. }
  95. .subnav #current a {
  96. float:left;
  97. text-decoration:none;
  98. }
  99. .subnav #current a span {
  100. float:left;
  101. }
  102. /* The tool shortcuts */
  103. #toolshortcuts {
  104. text-align: right;
  105. clear: right;
  106. margin-left: auto;
  107. margin-right: auto;
  108. width: 97.6%
  109. }
  110. /* footer styles */
  111. footer {
  112. background-color: #4171b5;
  113. background-image: url(images/bg.jpg);
  114. background-repeat:repeat-x;
  115. color: #B0C8EB;
  116. font-weight:bold;
  117. overflow:hidden;
  118. width: 100%;
  119. }
  120. footer a:link, footer a:visited {
  121. color:#fff;
  122. }
  123. .push {
  124. height: 9em; /* Very important */
  125. }
  126. /* main styles */
  127. #main {
  128. padding-left: 30px;
  129. position: relative;
  130. min-height: 320px;
  131. padding-left: 20px;
  132. padding-right: 15px;
  133. padding-bottom: 5px;
  134. }
  135. /*
  136. -----------------------------------------------------------------------------
  137. Side-Menu Slider (JQuery) see banner.inc.php
  138. -----------------------------------------------------------------------------
  139. */
  140. ul#navigation {
  141. position: fixed;
  142. margin: 0px;
  143. padding: 0px;
  144. top: 10px;
  145. right: -10px;
  146. list-style: none;
  147. z-index:9999;
  148. }
  149. ul#navigation li {
  150. width: 73px;
  151. }
  152. ul#navigation li a {
  153. display: block;
  154. margin-left: 1px;
  155. width: 65px;
  156. height: 60px;
  157. background-color:#CFCFCF;
  158. background-repeat:no-repeat;
  159. background-position:center center;
  160. border:1px solid #AFAFAF;
  161. -moz-border-radius:10px 0px 0px 10px;
  162. -webkit-border-bottom-right-radius: 10px;
  163. -webkit-border-top-right-radius: 10x;
  164. -khtml-border-bottom-right-radius: 10px;
  165. -khtml-border-top-right-radius: 10px;
  166. -moz-box-shadow: 0px 4px 3px #000;
  167. opacity: 0.6;
  168. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  169. -webkit-box-shadow: 0px 4px 3px #000;
  170. }
  171. ul#navigation .help a {
  172. -moz-border-radius:8px 0 0 8px;
  173. -moz-box-shadow:0 2px 2px #000000;
  174. background-color:#879DAA;
  175. background-position:center center;
  176. background-repeat:no-repeat;
  177. border:1px solid #FFFFFF;
  178. display:block;
  179. height:44px;
  180. margin-left:1px;
  181. opacity:0.6;
  182. width:65px;
  183. padding: 6px 0 8px 6px;
  184. }
  185. ul#navigation .report a {
  186. -moz-border-radius:8px 0 0 8px;
  187. -moz-box-shadow:0 2px 2px #000000;
  188. background-color:#8fd400;
  189. background-position:center center;
  190. background-repeat:no-repeat;
  191. border:1px solid #FFFFFF;
  192. display:block;
  193. height:44px;
  194. margin-left:1px;
  195. opacity:0.6;
  196. width:65px;
  197. padding: 6px 0 8px 6px;
  198. }
  199. ul#navigation .student a {
  200. -moz-border-radius:8px 0 0 8px;
  201. -moz-box-shadow:0 2px 2px #000000;
  202. background-color:#b27651 ;
  203. background-position:center center;
  204. background-repeat:no-repeat;
  205. border:1px solid #FFFFFF;
  206. display:block;
  207. height:44px;
  208. margin-left:1px;
  209. opacity:0.6;
  210. width:65px;
  211. padding-bottom: 8px;
  212. }
  213. ul#navigation .user-online a {
  214. -moz-border-radius:8px 0 0 8px;
  215. -moz-box-shadow:0 2px 2px #000000;
  216. background-color:#ccbc67 ;
  217. background-position:center center;
  218. background-repeat:no-repeat;
  219. border:1px solid #FFFFFF;
  220. display:block;
  221. height:44px;
  222. margin-left:1px;
  223. opacity:0.6;
  224. width:65px;
  225. padding: 6px 0 8px 6px;
  226. }
  227. /* Other colors for other tabs in the earth tones */
  228. ul#navigation .user-connect a {
  229. -moz-border-radius:8px 0 0 8px;
  230. -moz-box-shadow:0 2px 2px #000000;
  231. background-color:#fac97a ;
  232. background-position:center center;
  233. background-repeat:no-repeat;
  234. border:1px solid #FFFFFF;
  235. display:block;
  236. height:44px;
  237. margin-left:1px;
  238. opacity:0.6;
  239. width:65px;
  240. padding: 6px 0 8px 6px;
  241. }
  242. ul#navigation .student-connect a {
  243. -moz-border-radius:8px 0 0 8px;
  244. -moz-box-shadow:0 2px 2px #000000;
  245. background-color:#d0d5d1 ;
  246. background-position:center center;
  247. background-repeat:no-repeat;
  248. border:1px solid #FFFFFF;
  249. display:block;
  250. height:44px;
  251. margin-left:1px;
  252. opacity:0.6;
  253. width:65px;
  254. padding: 6px 0 8px 6px;
  255. }
  256. /* my courses styles */
  257. .maincontent {
  258. /* float: left; */
  259. width: 71%;
  260. min-height: 333px;
  261. margin-top:0;
  262. float: right;
  263. clear: right;
  264. }
  265. .coursestatusicons {
  266. border: 0px solid #000;
  267. float: left;
  268. padding-right: 5px;
  269. width: auto;
  270. }
  271. .courseslist {
  272. margin-left: -25px;
  273. }
  274. .courses {
  275. list-style-type: none;
  276. margin-bottom: 5px;
  277. }
  278. /* user_portal session list */
  279. .session_course_item .courses {
  280. margin-bottom: 5px;
  281. height:35px;
  282. }
  283. .session_course_item {
  284. /* padding: 0px; */
  285. margin: 0px;
  286. }
  287. .courses a {
  288. text-decoration:underline;
  289. }
  290. .user_course_category {
  291. background-color: #efefef;
  292. border: 1px solid #666;
  293. font-weight: bold;
  294. color: #666;
  295. list-style-type: none;
  296. margin: 5px;
  297. padding: 5px;
  298. }
  299. .menu {
  300. background: url('images/bglogin.jpg') repeat-y top center;
  301. float: left;
  302. clear: left;
  303. width: 215px;
  304. border: 1px solid #b0c8eb;
  305. margin: 0 0 1em 0;
  306. padding: 0 0 .3em 0;
  307. /* min-height hack for ie6 or older*/
  308. min-height: 320px;
  309. height: auto !important;
  310. height: 320px;
  311. margin-top:10px;
  312. }
  313. .note {
  314. width: auto;
  315. margin: 24px 6px 0 6px;
  316. padding: 3px;
  317. border: 2px outset;
  318. border-color:#4171b5;
  319. }
  320. /* form styles */
  321. .form {
  322. width: 75%;
  323. float: 'left';
  324. }
  325. form div.row {
  326. clear: both;
  327. padding-top: 5px;
  328. }
  329. .form_header {
  330. white-space: nowrap;
  331. padding: 2px;
  332. background-color: #f0f0f0;
  333. border: 1px solid #bbb;
  334. font-weight: bold;
  335. }
  336. form span.form_required {
  337. color: #f00;
  338. }
  339. form span.form_error {
  340. color: #f00;
  341. font-size: x-small;
  342. margin: 2px;
  343. }
  344. /* New training */
  345. .bottom-link {
  346. background-image:url(images/button_back.jpg);
  347. }
  348. /* other styles */
  349. .clear {
  350. clear: both;
  351. line-height: 0px;
  352. height: 0;
  353. }
  354. /* actions */
  355. .actions_lp {
  356. background:#F8F8F8;
  357. border-bottom:1px solid #4171b5;
  358. border-top:1px solid #4171b5;
  359. height:29px;
  360. padding-left: -17px;
  361. margin: 5px 2px 1px 12px;
  362. vertical-align:middle;
  363. width: 90%;
  364. }
  365. .actions_lp img {
  366. vertical-align:middle;
  367. }
  368. .actions_lp a {
  369. margin-right: 10px;
  370. vertical-align:middle;
  371. }
  372. .actions_lp span {
  373. margin-right: 10px;
  374. vertical-align:middle;
  375. }
  376. .actions_lp form {
  377. margin-right: 10px;
  378. vertical-align:middle;
  379. }
  380. .actions {
  381. background:#efefef;
  382. border-bottom:1px solid #4171b5;
  383. border-top:1px solid #4171b5;
  384. /*height:35px;*/
  385. padding:2px;
  386. margin-bottom: 5px;
  387. vertical-align:middle;
  388. }
  389. .actions img {
  390. /*display:inline-block;*/
  391. border: none;
  392. text-decoration: none;
  393. /*background-color: #efefef;*/
  394. padding-right: 5px;
  395. vertical-align:middle;
  396. }
  397. .actions a {
  398. display:inline-block;
  399. margin-right: 10px;
  400. vertical-align:middle;
  401. }
  402. .actions span {
  403. margin-right: 10px;
  404. vertical-align:middle;
  405. }
  406. .actions form {
  407. margin-right: 10px;
  408. vertical-align:middle;
  409. }
  410. /* big actions */
  411. .actionsbig {
  412. background:#F8F8F8;
  413. border-bottom:1px solid #4171b5;
  414. border-top:1px solid #4171b5;
  415. background-color:#efefef;
  416. padding:2px;
  417. margin-bottom: 5px;
  418. vertical-align:middle;
  419. float:left;
  420. width:100%;
  421. }
  422. .content_table {
  423. padding:2px;
  424. margin-bottom: 5px;
  425. vertical-align:middle;
  426. float:left;
  427. width:100%;
  428. }
  429. .actionsbig a {
  430. float:left;
  431. padding-left:6px;
  432. padding-right:12px;
  433. text-align:center;
  434. }
  435. .actions img {
  436. vertical-align:middle;
  437. }
  438. .actions a {
  439. margin-right: 10px;
  440. vertical-align:middle;
  441. }
  442. .actions-title {
  443. background:#efefef;
  444. border-bottom:1px dotted #999999;
  445. border-top:1px dotted #999999;
  446. /*height:35px;*/
  447. padding:4px;
  448. margin-bottom: 5px;
  449. font-size:14px;
  450. font-weight:bolder;
  451. /*background:url(images/actions.jpg) repeat-x;*/
  452. vertical-align:middle;
  453. }
  454. .actions-message {
  455. white-space: nowrap;
  456. padding: 2px;
  457. background-color: #f0f0f0;
  458. border: 1px solid #bbb;
  459. }
  460. /* styles for the profile page */
  461. .profile_image {
  462. float: right;
  463. margin-right: 20px;
  464. }
  465. .profile_form {
  466. float: left;
  467. width: 75%;
  468. }
  469. /* course introduction */
  470. #courseintrocenter {
  471. position: relative;
  472. width: 80%;
  473. margin: 25px auto 10px;
  474. }
  475. #courseintro_iconscenter {
  476. position: relative;
  477. width: 80%;
  478. margin: 0px auto 10px;
  479. }
  480. #courseintroleft {
  481. position: relative;
  482. width: 80%;
  483. margin-bottom: 5px;
  484. }
  485. #courseintro_iconsleft {
  486. position: relative;
  487. width: 80%;
  488. }
  489. /* Login form */
  490. #formLogin div {
  491. margin-bottom: 3px;
  492. }
  493. #formLogin div input[type=submit] {
  494. width: 109px;
  495. }
  496. /* normal table*/
  497. .normal_table {
  498. margin: 3px;
  499. border-collapse: collapse;
  500. width: 98%;
  501. padding: 5px;
  502. }
  503. /* Data table */
  504. .data_table {
  505. margin: 3px;
  506. border-collapse: collapse;
  507. width: 100%;
  508. padding: 5px;
  509. }
  510. .data_table th {
  511. text-transform: capitalize;
  512. padding: .2em;
  513. background: #8cafe1 url('images/crystal3.png') repeat-x;
  514. color: #fff;
  515. border-right: 1px solid #fff;
  516. }
  517. .data_table th a {
  518. color: #fff;
  519. text-decoration:none;
  520. }
  521. .data_table th a:hover {
  522. color: #d6e3f5;
  523. }
  524. .data_table tr.row_odd {
  525. border-right: 1px solid #fff;
  526. background: #dfecff;
  527. padding: .2em;
  528. color: #00122B;
  529. margin: 0;
  530. }
  531. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  532. background-color: #8cafe1;
  533. }
  534. .data_table tr.row_even {
  535. border-right: 1px solid #fff;
  536. background: #d6e3f5;
  537. padding: .2em;
  538. color: #00122B;
  539. margin: 0;
  540. }
  541. .data_table td {
  542. padding: 5px;
  543. vertical-align: top;
  544. border-bottom: 2px solid #fff;
  545. border-right: 2px solid #fff;
  546. border-left: 2px solid #fff;
  547. }
  548. .data_table_pagination {
  549. width:100%;
  550. margin-top: 8px;
  551. }
  552. /* sections in the page */
  553. .sectiontitle {
  554. background-color: #EFEFEF;
  555. border: 1px solid #4171b5;
  556. font-weight: bold;
  557. color: #4171b5;
  558. list-style-type: none;
  559. margin: 5px;
  560. padding: 5px;
  561. }
  562. .sectioncomment {
  563. color: #000000;
  564. margin: 5px;
  565. padding: 5px;
  566. }
  567. .sectionvalue {
  568. list-style-type: none;
  569. margin: 5px;
  570. padding: 5px;
  571. }
  572. /* invisible styles */
  573. a.invisible {
  574. color: #999999;
  575. }
  576. a.invisible:visited {
  577. color: #999999;
  578. }
  579. a.invisible:active {
  580. color: #999999;
  581. }
  582. a.invisible:hover {
  583. color: #999999;
  584. }
  585. /* Platform Administration */
  586. div.admin_section {
  587. width: 40%;
  588. float: left;
  589. padding: 5px;
  590. margin: 10px 20px;
  591. min-height:210px;
  592. }
  593. div.admin_section h4 {
  594. background-color: #EFEFEF;
  595. border: 1px solid #4171b5;
  596. font-weight: bold;
  597. color: #4171b5;
  598. list-style-type: none;
  599. margin: 5px;
  600. padding: 5px;
  601. }
  602. /* Report section */
  603. div.report_section {
  604. width: 40%;
  605. float: left;
  606. padding: 5px;
  607. margin: 10px 20px;
  608. }
  609. div.report_section h4 {
  610. background-color: #EFEFEF;
  611. border: 1px solid #4171b5;
  612. font-weight: bold;
  613. color: #4171b5;
  614. list-style-type: none;
  615. margin: 5px;
  616. padding: 5px;
  617. }
  618. /* course homepage */
  619. .courseadminview, .platformadminview {
  620. position: relative;
  621. width: 80%;
  622. margin: 25px auto 10px;
  623. padding: 10px;
  624. border: 1px solid #0049AF;
  625. }
  626. .courseadminview img, .platformadminview img {
  627. display:inline-block;
  628. border: none;
  629. text-decoration: none;
  630. background-color: #fff;
  631. padding-right: 5px;
  632. vertical-align:middle;
  633. }
  634. .viewcaption {
  635. position: relative;
  636. top: -20px;
  637. font-weight: bold;
  638. background-color: #fff;
  639. padding: 0 4px;
  640. }
  641. .tool-icon {
  642. margin-bottom: -3px;
  643. }
  644. /* learning path */
  645. table.lp_build {
  646. height:400px;
  647. width:100%;
  648. }
  649. table.lp_build td {
  650. vertical-align:top;
  651. }
  652. table.lp_build td.tree {
  653. border-right:1px solid #999999;
  654. width:240px;
  655. }
  656. table.lp_build td.workspace {
  657. padding: 0px;
  658. padding-left:5px;
  659. width:auto;
  660. }
  661. table.lp_overview {
  662. width:100%;
  663. }
  664. table.lp_overview td {
  665. border-bottom:1px solid #999999;
  666. border-top:1px solid #999999;
  667. height:20px;
  668. padding:3px;
  669. vertical-align:middle;
  670. width:auto;
  671. }
  672. table.lp_overview td.title {
  673. width:200px;
  674. }
  675. table.lp_overview td.actions {
  676. text-align:center;
  677. width:100px;
  678. }
  679. table.lp_overview td.move {
  680. text-align:center;
  681. width:50px;
  682. }
  683. table.lp_overview th {
  684. background:#FFFFFF;
  685. padding-left:3px;
  686. text-align:center;
  687. }
  688. table.lp_overview tr {
  689. background:#F8F8F8;
  690. }
  691. table.lp_overview tr:hover {
  692. background:#E5EDF9;
  693. }
  694. table.lp_overview img {
  695. margin-left:3px;
  696. }
  697. table.lp_prerequisites th {
  698. background:#F8F8F8;
  699. border-bottom:1px solid #999999;
  700. border-top:1px solid #999999;
  701. }
  702. .lp_mediaplayer {
  703. float: right;
  704. padding-top: 3px;
  705. margin-right: 5px;
  706. }
  707. div.lp_manipulate {
  708. background:#F8F8F8;
  709. border-bottom:1px dotted #999999;
  710. margin-bottom:0px;
  711. padding:3px 0 3px 10px;
  712. }
  713. div.lp_manipulate a {
  714. padding-right:10px;
  715. }
  716. div.lp_resource_header {
  717. background:#F0F0F0;
  718. border:1px solid #999999;
  719. font-weight:bold;
  720. padding:10px;
  721. width:350px;
  722. cursor:pointer;
  723. margin-top: -1px;
  724. }
  725. div.lp_resource_elements {
  726. background:#FAFAFA;
  727. border:1px solid #999999;
  728. display:none;
  729. padding:5px 10px;
  730. width:350px;
  731. margin-top: -1px;
  732. }
  733. .learnpath_chapter_form {
  734. width: 300px;
  735. }
  736. .learnpath_item_form {
  737. width: 300px;
  738. }
  739. #learnpath_preview_frame {
  740. margin-top: 5px;
  741. border:1px solid #CCCCCC;
  742. height:490px;
  743. width:95%;
  744. }
  745. /* exercices styles */
  746. .exercice_form {
  747. width: 300px;
  748. }
  749. #validationButton {
  750. text-decoration: none;
  751. margin: 5px;
  752. border:1px solid #999999;
  753. background:#F0F0F0;
  754. padding: 3px;
  755. padding-left:10px;
  756. padding-right:10px;
  757. font-weight:bold;
  758. color:#666;
  759. }
  760. .exercise_scenario_label {
  761. }
  762. .exercise_scenario_element {
  763. }
  764. span.checkbox {
  765. width: 19px;
  766. height: 25px;
  767. padding: 0 5px 0 0;
  768. background: url(images/checkbox.gif) no-repeat;
  769. display: block;
  770. clear: left;
  771. float: left;
  772. }
  773. span.radio {
  774. width: 19px;
  775. height: 25px;
  776. padding: 0 5px 0 0;
  777. background: url(images/radio.gif) no-repeat;
  778. display: block;
  779. clear: left;
  780. float: left;
  781. }
  782. /* forum styles */
  783. .forum_header {
  784. background: #f3f3f3;
  785. font-weight: bold;
  786. }
  787. .forum_message_left {
  788. width: 150px;
  789. vertical-align: top;
  790. /*border-bottom: 1px solid #666666;*/
  791. border-right: 1px solid #aaa;
  792. background-color: #F7F7F7;
  793. }
  794. .forum_message_post_title {
  795. border-bottom: 1px solid #aaa;
  796. font-weight: bold;
  797. background-color: #F7F7F7;
  798. height: 20px;
  799. }
  800. .forum-thread-header {
  801. color: #000000;
  802. background-color: #F7F7F7;
  803. border-left: 1px solid #aaa;
  804. border-right: 1px solid #aaa;
  805. border-bottom: 1px solid #aaa;
  806. border-top: 1px solid #aaa;
  807. }
  808. .forum-thread-body {
  809. color: #000000;
  810. background-color: #FFFFFF;
  811. border-left: 1px solid #aaa;
  812. border-right: 1px solid #aaa;
  813. border-bottom: 1px solid #aaa;
  814. border-top: 1px solid #aaa;
  815. }
  816. /* Survey styles */
  817. #survey_title {
  818. background-color:#dcdcdc;
  819. color:#000;
  820. padding:2px;
  821. }
  822. #survey_subtitle {
  823. background-color:#dcdcdc;
  824. color:#000;
  825. padding:2px;
  826. }
  827. .survey_content {
  828. background-color:#EFEFEF;
  829. color:#264269;
  830. padding:5px;
  831. border: 1px solid #999;
  832. }
  833. .survey_question_wrapper {
  834. border: 1px solid #999;
  835. }
  836. .survey_question {
  837. /* 264269 4271b5 E5EDF9 */
  838. background-color:#f0f0f0;
  839. color:#999;
  840. padding:5px;/*border: 1px solid #264269;*/
  841. }
  842. .survey_question_options {
  843. /* 264269 4271b5 E5EDF9 */
  844. background-color:#FFF;
  845. color:#000;
  846. padding:5px;/*border: 1px solid #264269;*/
  847. }
  848. /* Blog */
  849. .blog_menu {
  850. border-bottom: 1px dashed #dddddd;
  851. border-right: 1px dashed #dddddd;
  852. border-left: 1px dashed #dddddd;
  853. padding: 10px;
  854. }
  855. .blogpost {
  856. border: 1px solid #DDDDDD;
  857. background-color: #ECECEC;
  858. margin-bottom: 15px;
  859. padding: 10px;
  860. }
  861. .blogpost_title {
  862. display: block;
  863. font-weight: bold;
  864. padding-bottom: 5px;
  865. }
  866. .blogpost_date {
  867. display: block;
  868. font-weight: bold;
  869. color: #333333;
  870. padding-bottom: 10px;
  871. }
  872. .blogpost_info {
  873. display: block;
  874. color: #333333;
  875. border-top: 1px solid #dddddd;
  876. margin-top: 5px;
  877. }
  878. .blogpost_comment {
  879. border-top: 1px dashed #dddddd;
  880. border-right: 1px dashed #dddddd;
  881. border-bottom: 1px dashed #dddddd;
  882. border-left: 1px dashed #dddddd;
  883. margin-bottom: 10px;
  884. padding: 10px;
  885. background-color: white;
  886. z-index: -1;
  887. }
  888. .blogpost_comment_title {
  889. display: block;
  890. font-weight: bold;
  891. color: #1657A9;
  892. padding-bottom: 5px;
  893. }
  894. .blogpost_comment_date {
  895. display: block;
  896. font-size: 10px;
  897. font-weight: bold;
  898. color: #333333;
  899. padding-bottom: 10px;
  900. }
  901. .blogpost_comment_info {
  902. font-size: 10px;
  903. display: block;
  904. color: #333333;
  905. border-top: 1px solid #dddddd;
  906. margin-top: 10px;
  907. }
  908. .blogpost {
  909. border: 1px solid #DDDDDD;
  910. background-color: #ECECEC;
  911. margin-bottom: 15px;
  912. padding: 10px;
  913. }
  914. .comments {
  915. border: 1px solid #dddddd;
  916. margin-bottom: 10px;
  917. margin-top: 10px;
  918. padding: 10px;
  919. background-color: #F4F4F4;
  920. margin-left:50px;
  921. }
  922. /* tabbed menu */
  923. #tabbed_menu {
  924. border: 1px solid #4171b5;
  925. background: transparent url('images/dropbox.jpg') no-repeat top left;
  926. width: 300px;
  927. margin: 0 0 1em 0;
  928. }
  929. #tabbed_menu_tabs {
  930. width: 90%;
  931. margin: 15px .2em 0 .2em;
  932. padding: 0;
  933. list-style-type: none;
  934. }
  935. #tabbed_menu_tabs li {
  936. padding: 0;
  937. margin: 0 .8em;
  938. }
  939. /* system announcements */
  940. div.system_announcement {
  941. padding: .2em;
  942. background-color: #d6e3f5;
  943. border: 1px solid #002D6D;
  944. color: #002D6D;
  945. min-height:20px;
  946. }
  947. .system_announcement {
  948. background: #8cafe1 url('images/crystal3.png') repeat-x;
  949. font: bold 100% arial, sans-serif, sans;
  950. color: #fff;
  951. }
  952. .system_announcement a {
  953. color: #d6e3f5;
  954. }
  955. .system_announcement a:hover, .system_announcement a:focus {
  956. color: #fff;
  957. }
  958. .system_announcement_content {
  959. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  960. }
  961. .system_announcements {
  962. background: transparent url('images/systemenouvelles.jpg') no-repeat top left;
  963. padding-top: 30px;
  964. width: 50%;
  965. }
  966. .system_announcements h3 {
  967. text-align: center;
  968. }
  969. .system_announcement_title {
  970. color: #fff;
  971. }
  972. #image_preview {
  973. text-align:center;
  974. padding-left: 17px;
  975. }
  976. .skip {
  977. display: none;
  978. }
  979. /* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
  980. #add_course, #profile, #advanced_course_search, #advanced_search, #category, #course_user_import, #export_users, #update_course, #user_add, #user_import {
  981. /* border: 1px solid #0049AF;
  982. background: transparent url("images/headerform.jpg") no-repeat top left; */
  983. width: 550px;
  984. position: relative;
  985. /* padding: 60px 0 1em 0;*/
  986. }
  987. /* Glossary tool */
  988. .glossary-term {
  989. margin: 1em;
  990. background-color: #ffe99b;
  991. padding: 0.5em 0.5em 1.8em 0;
  992. -moz-border-radius: 0.5em;
  993. }
  994. .glossary-term-title {
  995. margin: 2em 0 1em 0.5em;
  996. font-weight: bold;
  997. font-size: 120%;
  998. }
  999. .glossary-term-desc {
  1000. margin-left: 1em;
  1001. }
  1002. .glossary-term-action-links {
  1003. float: right;
  1004. }
  1005. .glossary-term-edit-form {
  1006. margin: 1em;
  1007. background-color: #FFE4C4;
  1008. padding: 0.5em 0.5em 2em 0;
  1009. -moz-border-radius: 0.5em;
  1010. }
  1011. .glossary-term-edit-desc {
  1012. font-weight: bold;
  1013. font-size: 120%;
  1014. }
  1015. .glossary-term-edit-title {
  1016. font-weight: bold;
  1017. font-size: 120%;
  1018. }
  1019. .glossary-add-form {
  1020. font-weight: bold;
  1021. font-size: 120%;
  1022. margin: 1em;
  1023. }
  1024. .glossary-orderby-link {
  1025. float:right;
  1026. margin: 1em;
  1027. }
  1028. .glossary-msg-error {
  1029. color: #FF0000;
  1030. display :none;
  1031. font-weight: normal;
  1032. font-size: 80%;
  1033. }
  1034. /*SESSIONS*/
  1035. .sessions_list {
  1036. line-height: 20px;
  1037. margin-top: 20px;
  1038. }
  1039. .sessions_list_inactive {
  1040. line-height: 20px;
  1041. }
  1042. .session_box {
  1043. border: 1px solid #DCE5F3;
  1044. /* font-weight: bold; */
  1045. color: #666;
  1046. list-style-type: none;
  1047. margin:5px 5px 10px 5px;
  1048. padding: 5px;
  1049. background-color:#FFF;
  1050. -webkit-border-radius: 10px;
  1051. -moz-border-radius: 10px;
  1052. border-radius: 10px;
  1053. }
  1054. .sub_session_box {
  1055. border: 1px solid #DCE5F3;
  1056. /* font-weight: bold; */
  1057. color: #666;
  1058. list-style-type: none;
  1059. margin:5px 5px 10px 0px;
  1060. padding: 5px;
  1061. background-color:#FFF;
  1062. -webkit-border-radius: 10px;
  1063. -moz-border-radius: 10px;
  1064. border-radius: 10px;
  1065. }
  1066. .sub_session_box_title {
  1067. margin-bottom: 10px;
  1068. background-color:#F9F9F9;
  1069. }
  1070. .session_box_title {
  1071. margin-bottom: 10px;
  1072. background-color:#F9F9F9;
  1073. }
  1074. .session_box_coach {
  1075. }
  1076. .session_course_item {
  1077. /* padding: 0px; */
  1078. margin: 0px;
  1079. margin-bottom:20px;
  1080. font-size:135%;
  1081. }
  1082. .session_course_item .courses {
  1083. margin-bottom: 5px;
  1084. height:35px;
  1085. }
  1086. .session_course_item .item_closed, .userportal-course-item-title .item_closed {
  1087. font-size:80%;
  1088. }
  1089. /* Notebook */
  1090. .notebook-add-form {
  1091. margin: 1em;
  1092. background-color: #c3d9ff;
  1093. padding: 1em 1em;
  1094. }
  1095. .notebook-add-desc-textarea {
  1096. background-color: #f2f5f8;
  1097. border-color: #ffe99b;
  1098. overflow: hidden;
  1099. }
  1100. .notebook-add-title-text {
  1101. background-color: #f2f5f8;
  1102. border-color: #ffe99b;
  1103. }
  1104. .notebook-edit-desc-textarea {
  1105. background-color: #e0ecff;
  1106. border-color: #ffe99b;
  1107. overflow: hidden;
  1108. }
  1109. .notebook-edit-title-text {
  1110. background-color: #e0ecff;
  1111. border-color: #ffe99b;
  1112. }
  1113. .notebook-msg-error {
  1114. color: #FF0000;
  1115. display :none;
  1116. background-color: #ffe99b;
  1117. width: 40%;
  1118. }
  1119. .notebook-list {
  1120. margin: 1em 1em 0em 1em;
  1121. background-color: #79b;
  1122. padding: 0.3em 0.3em;
  1123. -moz-border-radius: 0.5em;
  1124. }
  1125. .notebook-title-list {
  1126. color : #fff;
  1127. padding: 0.3em 0.3em;
  1128. font-weight: bold;
  1129. font-size: 120%;
  1130. }
  1131. .notebook-desc-list {
  1132. margin: 0em;
  1133. background-color: #f2f5f8;
  1134. padding: 0.5em 0.3em 2em 0.3em;
  1135. border: 1px solid #79b;
  1136. }
  1137. .notebook-term-action-links {
  1138. padding: 0.3em 0.3em;
  1139. width: 50%;
  1140. color : #fff;
  1141. }
  1142. .notebook-orderby-link {
  1143. text-align:right;
  1144. margin-right: 1em;
  1145. }
  1146. .notebook-search-title {
  1147. text-align:right;
  1148. margin: 1em;
  1149. }
  1150. .notebook-date-information {
  1151. color : #fff;
  1152. padding: 0.3em;
  1153. font-size: 120%;
  1154. font-weight: bold;
  1155. }
  1156. /*NAVIGATION MENU BAR*/
  1157. .menucaption {
  1158. font-size: 12px;
  1159. font-weight: bold;
  1160. padding-left: 12px;
  1161. }
  1162. .menusection {
  1163. width: auto;
  1164. margin: 24px 6px 0 6px;
  1165. padding-left: 10px;
  1166. /* border: 1px solid #4171B5; */
  1167. }
  1168. .menusectioncaption {
  1169. position: relative;
  1170. top: -9px;
  1171. background-color: #E5EDF9;
  1172. font-size: 12px;
  1173. padding: 0 8px 0 4px;
  1174. }
  1175. .menulist {
  1176. list-style: none;
  1177. margin: 0 0 12px 0;
  1178. padding: 0;
  1179. }
  1180. #centerwrap {
  1181. float: left;
  1182. width: 100%;
  1183. margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
  1184. it's empty otherwise. The difference is made up by putting a
  1185. negative left margin on the left float:
  1186. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  1187. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  1188. */
  1189. }
  1190. #center {
  1191. margin: 0 190px 0 0;
  1192. padding: 10px 0 40px 0;
  1193. min-height: 300px;
  1194. }
  1195. #toolnav {
  1196. float: right;
  1197. width: 180px;
  1198. padding: 0;
  1199. margin: 0;
  1200. margin-left: -5%; /* the difference to make the left colum appear flush left */
  1201. }
  1202. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1203. * html #toolnav {
  1204. margin-right: 0px;
  1205. }
  1206. * html #center {
  1207. height: 1%;
  1208. margin-left: 0;
  1209. }
  1210. /* End hide from IE5/mac */
  1211. /* --- course navigation menu as a definition list --- */
  1212. #swap_menu_link {
  1213. float: left;
  1214. }
  1215. #toolnavbox {
  1216. margin: 0 0 0 10px;
  1217. padding: 0;
  1218. float: left;
  1219. border: 1px solid #4271b5;
  1220. }
  1221. #toolnavbox dl {
  1222. width: 160px;
  1223. margin: 0 auto;
  1224. padding: 0;
  1225. background: transparent;
  1226. font-size: 12px;
  1227. text-align: center;
  1228. }
  1229. #toolnavbox dt {
  1230. margin: 0;
  1231. padding: 0;
  1232. font-weight: bold;
  1233. font-size: 12px;
  1234. text-align: center;
  1235. color: #000;
  1236. border-bottom: 1px solid #fff;
  1237. background: transparent;
  1238. }
  1239. #toolnavbox dd {
  1240. margin: 0;
  1241. padding: 0;
  1242. color: #009;
  1243. text-align: left;
  1244. border-bottom:1px solid #fff;
  1245. background: #E5EDF9;
  1246. }
  1247. #toolnav img {
  1248. float: left;
  1249. width: 25px;
  1250. height: 25px;
  1251. margin: 0 4px 0 0;
  1252. }
  1253. #toolnavlist a, #toolnavlist a:link {
  1254. background: #E5EDF9;
  1255. color: #4171b5;
  1256. padding: 5px 5px 5px 10px;
  1257. margin: 0;
  1258. text-decoration: none;
  1259. display: block;
  1260. line-height:24px;
  1261. }
  1262. #toolnavlist a:hover {
  1263. background: #fff;
  1264. color:#4171b5;
  1265. }
  1266. #toolnavlist a#here {
  1267. background: #fff;
  1268. color:#4171b5;
  1269. }
  1270. /* --- end of course navigation menu section --- */
  1271. /*
  1272. -----------------------------------------------------------------------------
  1273. Menu Slide JQuery
  1274. -----------------------------------------------------------------------------
  1275. */
  1276. ul#navigation {
  1277. position: fixed;
  1278. margin: 0px;
  1279. padding: 0px;
  1280. top: 90px;
  1281. right: -10px;
  1282. list-style: none;
  1283. z-index:9999;
  1284. }
  1285. ul#navigation li {
  1286. width: 73px;
  1287. }
  1288. ul#navigation li a {
  1289. display: block;
  1290. margin-left: 1px;
  1291. width: 65px;
  1292. height: 60px;
  1293. background-color:#CFCFCF;
  1294. background-repeat:no-repeat;
  1295. background-position:center center;
  1296. border:1px solid #AFAFAF;
  1297. -moz-border-radius:10px 0px 0px 10px;
  1298. -webkit-border-bottom-right-radius: 10px;
  1299. -webkit-border-top-right-radius: 10x;
  1300. -khtml-border-bottom-right-radius: 10px;
  1301. -khtml-border-top-right-radius: 10px;
  1302. -moz-box-shadow: 0px 4px 3px #000;
  1303. opacity: 0.6;
  1304. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  1305. -webkit-box-shadow: 0px 4px 3px #000;
  1306. }
  1307. ul#navigation .help a{
  1308. background-image: url(images/help2.png);
  1309. }
  1310. /**********************************************
  1311. * EXERCISE TOOL *
  1312. **********************************************/
  1313. .exercice_form {
  1314. width: 300px;
  1315. }
  1316. #validationButton {
  1317. text-decoration: none;
  1318. margin: 5px;
  1319. /*border:1px solid #999999;*/
  1320. /*background:#F0F0F0; */
  1321. padding: 3px;
  1322. padding-left:10px;
  1323. padding-right:10px;
  1324. font-weight:bold;
  1325. color:#666;
  1326. }
  1327. .rounded {
  1328. border: 3px solid #CCCCCC;
  1329. padding: 3px;
  1330. width: 200px;
  1331. /*margin-left:10px;*/
  1332. }
  1333. .rounded_inner {
  1334. background:#FFF;
  1335. padding-top: 10px;
  1336. padding-bottom: 10px;
  1337. }
  1338. .rounded_inner:hover {
  1339. color:#C802A5;
  1340. background:#F0F0F0;
  1341. }
  1342. .exercise_scenario_label {
  1343. }
  1344. .exercise_scenario_element {
  1345. }
  1346. span.checkbox {
  1347. width: 19px;
  1348. height: 25px;
  1349. padding: 0 5px 0 0;
  1350. background: url(images/checkbox.gif) no-repeat;
  1351. display: block;
  1352. clear: left;
  1353. float: left;
  1354. }
  1355. span.radio {
  1356. width: 19px;
  1357. height: 25px;
  1358. padding: 0 5px 0 0;
  1359. background: url(images/radio.gif) no-repeat;
  1360. display: block;
  1361. clear: left;
  1362. float: left;
  1363. }
  1364. #question_title {
  1365. }
  1366. #question_description {
  1367. padding-left:5px;
  1368. padding-top:10px;
  1369. }
  1370. #question_score {
  1371. padding-left:5px;
  1372. padding-top:10px;
  1373. padding-bottom:10px;
  1374. font-weight:bold;
  1375. }
  1376. #question_feedback {
  1377. background-color:#FCF7BA;
  1378. border:1px solid #CCCCCC;
  1379. color:#666666;
  1380. font-size:11px;
  1381. font-weight:bold;
  1382. list-style-type:none;
  1383. margin-top:5px;
  1384. padding:5px;
  1385. }
  1386. #exercise_close_link {
  1387. background: url(images/close.gif) no-repeat;
  1388. padding-left: 20px;
  1389. }
  1390. #exercise_close_link:hover {
  1391. background: url(images/close_highlight.gif) no-repeat;
  1392. padding-left: 20px;
  1393. }
  1394. /* Quizzes tool */
  1395. .quiz_export_link {
  1396. float: right;
  1397. }
  1398. /*Exercice timer*/
  1399. #square{
  1400. padding:5px;
  1401. background-color:#EEEEEE;
  1402. border:1px solid #CCCCCC;
  1403. margin-right : 24px;
  1404. width : 155px;
  1405. margin-bottom:20px;
  1406. }
  1407. #wrapper-clock{
  1408. width:100%;
  1409. margin:0;
  1410. }
  1411. .count_down{
  1412. padding: 3px;
  1413. font-size:22px;
  1414. font-weight:bold;
  1415. color:#222;
  1416. }
  1417. /*****************************************************
  1418. * BUTTONS *
  1419. *****************************************************/
  1420. button:hover input[type="submit"]:hover{
  1421. background-color:#cbcbcb;
  1422. color:#545454;
  1423. border-style: inset;
  1424. }
  1425. /* button with image */
  1426. 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 {
  1427. padding-left:30px;
  1428. background-position:10px;
  1429. background-repeat:no-repeat;
  1430. }
  1431. /*including "save" image*/
  1432. button.save {
  1433. background-image:url(images/button_accept.gif);
  1434. }
  1435. /*including "add" image*/
  1436. button.add {
  1437. background-image:url(images/button_add.gif);
  1438. }
  1439. /*including "cancel" image*/
  1440. button.cancel {
  1441. background-image:url(images/button_delete.gif);
  1442. }
  1443. /*including "search" image*/
  1444. button.search {
  1445. background-image:url(images/button_search.gif);
  1446. }
  1447. /*including "login" image*/
  1448. button.login {
  1449. background-image:url(images/button_login.gif);
  1450. margin:2px 5px 3px 5px !important;
  1451. }
  1452. /*including "plus" image*/
  1453. button.plus {
  1454. background-image:url(images/button_plus.gif);
  1455. }
  1456. /*including "minus" image*/
  1457. button.minus {
  1458. background-image:url(images/button_minus.gif);
  1459. }
  1460. /*including "next" image*/
  1461. button.next,input[type="submit"].submit_next {
  1462. background-image:url(images/button_next.gif);
  1463. }
  1464. /*including "back" image*/
  1465. button.back {
  1466. background-image:url(images/button_back.gif);
  1467. }
  1468. /*including "refresh" image*/
  1469. button.refresh {
  1470. background-image:url(images/button_refresh.gif);
  1471. }
  1472. /*including "upload" image*/
  1473. button.upload {
  1474. background-image:url(images/button_upload.gif);
  1475. }
  1476. .icon_image_content {
  1477. width:70px;
  1478. cursor:hand;
  1479. height:6em;
  1480. text-align: center;
  1481. padding-right: 10px;
  1482. padding-left: 0px;
  1483. border: 1px dotted #ccc;
  1484. background-color: #eee;
  1485. margin-right: 0.2em;
  1486. margin-top: 0.1em;
  1487. -moz-border-radius-topleft : 5px;
  1488. -moz-border-radius-bottomright : 5px;
  1489. -moz-border-radius-bottomleft : 5px;
  1490. -moz-border-radius-topright : 5px;
  1491. }
  1492. .icon_image_content:hover {
  1493. background-color: #fff;
  1494. border: 1px solid #ccc;
  1495. }
  1496. .question_menu {
  1497. list-style:none;
  1498. float:left;
  1499. padding:0px;
  1500. margin:-2px;
  1501. min-height:100px;
  1502. }
  1503. .question_menu li {
  1504. float:left;
  1505. margin:0px;
  1506. }
  1507. #exercise_admin {
  1508. margin: 0;
  1509. padding: 0;
  1510. border: 0;
  1511. }
  1512. div#friend-header {
  1513. float:left;
  1514. width:100%;
  1515. line-height: 2.1em;
  1516. }
  1517. div#friend-header a {
  1518. padding-right:6px;
  1519. }
  1520. div#friend-container {
  1521. float:left;
  1522. }
  1523. div.image_friend_network {
  1524. float:left;
  1525. border:1px solid #CCCCCC;
  1526. margin:2px;
  1527. padding:4px;
  1528. background: #EFEFEF;
  1529. height:125px;
  1530. width:82px;
  1531. z-index:5;
  1532. }
  1533. div.image_friend_network span {
  1534. overflow:hidden;
  1535. display:block;
  1536. height:92px;
  1537. margin: 0px 0px;
  1538. }
  1539. div.image_friend_network img {
  1540. vertical-align:middle;
  1541. }
  1542. div.image_friend_network center.friend {
  1543. overflow:hidden;
  1544. height:30px;
  1545. }
  1546. .friend_invitations {
  1547. float:left;
  1548. margin: 0 0 4px 12px;
  1549. }
  1550. button.arrowr, input.arrowr {
  1551. background-image:url(images/2rightarrow.gif);
  1552. }
  1553. button.arrowl, input.arrowl {
  1554. background-image:url(images/2leftarrow.gif);
  1555. }
  1556. .u-m-answer {
  1557. width:100%;
  1558. }
  1559. .u-m-answer p {
  1560. margin:2px;
  1561. }
  1562. .refresh {
  1563. background-image:url(images/refresh.png);
  1564. background-repeat:no-repeat;
  1565. padding-left:20px;
  1566. padding-bottom:2px;
  1567. }
  1568. .portal {
  1569. background-image:url(images/portal.png);
  1570. background-repeat:no-repeat;
  1571. padding-left:28px;
  1572. padding-bottom:10px;
  1573. padding-top:8px;
  1574. }
  1575. .legal-terms {
  1576. height:150px;
  1577. overflow:auto;
  1578. background-color:#eee;
  1579. width:500px;
  1580. }
  1581. /* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
  1582. * {
  1583. outline :none;
  1584. }
  1585. /*
  1586. input, select, textarea {
  1587. -moz-border-radius-bottomleft:5px;
  1588. -moz-border-radius-bottomright:5px;
  1589. -moz-border-radius-topleft:5px;
  1590. -moz-border-radius-topright:5px;
  1591. -x-system-font:none;
  1592. border:1px solid #CCCCCC;
  1593. color:#666666;
  1594. font-family:Arial,Helvetica,sans-serif;
  1595. font-size:120%;
  1596. font-size-adjust:none;
  1597. font-stretch:normal;
  1598. font-style:normal;
  1599. font-variant:normal;
  1600. font-weight:normal;
  1601. line-height:normal;
  1602. padding:5px;
  1603. }
  1604. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  1605. background-image:url(images/shadow.gif);
  1606. }
  1607. .independent_course_item a {
  1608. font-size:135%;
  1609. }
  1610. .session_course_item a {
  1611. font-size:120%;
  1612. }
  1613. */
  1614. #maincontent .courseslist li {
  1615. margin-bottom:8px;
  1616. }
  1617. /*
  1618. a.read {
  1619. font-weight:normal;
  1620. }
  1621. .actions {
  1622. background:#efefef;
  1623. border:1px solid #ccc;
  1624. padding:2px;
  1625. margin-bottom: 5px;
  1626. vertical-align:middle;
  1627. }
  1628. .actions-title {
  1629. background:#efefef;
  1630. border:1px solid #ccc;
  1631. padding:4px;
  1632. margin-bottom: 5px;
  1633. font-size:14px;
  1634. font-weight:bolder;
  1635. vertical-align:middle;
  1636. }*/
  1637. /* GROUP TOOL */
  1638. #group_description {
  1639. margin: 10px 0px 10px 0px;
  1640. }
  1641. #group_privacy {
  1642. margin: 10px 0px 10px 0px;
  1643. }
  1644. #group_permissions {
  1645. -moz-background-clip:border;
  1646. -moz-background-inline-policy:continuous;
  1647. -moz-background-origin:padding;
  1648. -moz-border-radius-bottomleft:8px;
  1649. -moz-border-radius-bottomright:8px;
  1650. -moz-border-radius-topleft:8px;
  1651. -moz-border-radius-topright:8px;
  1652. background:#EEE none repeat scroll 0 0;
  1653. margin: 20px 0px 20px 0px;
  1654. }
  1655. #group_permissions ul {
  1656. list-style-image:none;
  1657. list-style-position:outside;
  1658. list-style-type:none;
  1659. margin:0;
  1660. padding:0;
  1661. }
  1662. #group_permissions ul li {
  1663. margin: 10px 0px 10px 5px;
  1664. }
  1665. /* Groups boxes */
  1666. .groups_grid_container {
  1667. width:100%;
  1668. }
  1669. .groups_grid_item {
  1670. width:80px;
  1671. float:left;
  1672. margin:5px;
  1673. }
  1674. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1675. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  1676. .groups_grid_element_2 { width:150px; float:left;}
  1677. /*POPULAR GROUP*/
  1678. .popular_grid_item {
  1679. background: none repeat scroll 0 0 #FFFFFF;
  1680. border: 1px solid #E5E5E5;
  1681. border-radius: 11px 11px 11px 11px;
  1682. -webkit-border-radius: 11px 11px 11px 11px;
  1683. -opera-border-radius: 11px 11px 11px 11px;
  1684. -moz-border-radius: 11px 11px 11px 11px;
  1685. box-shadow: 0 4px 18px #C8C8C8;
  1686. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1687. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1688. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1689. float: left;
  1690. height: auto;
  1691. margin: 0 8px 15px 15px;
  1692. padding: 16px 12px 5px;
  1693. width:90%;
  1694. }
  1695. .popular_grid_element_0 {
  1696. width:600px;
  1697. height:98px;
  1698. padding-left:10px;
  1699. padding-right:10px;
  1700. overflow:hidden;
  1701. }
  1702. /*NEWEST GROUP*/
  1703. .newest_grid_item {
  1704. background: none repeat scroll 0 0 #FFFFFF;
  1705. border: 1px solid #E5E5E5;
  1706. border-radius: 11px 11px 11px 11px;
  1707. -webkit-border-radius: 11px 11px 11px 11px;
  1708. -opera-border-radius: 11px 11px 11px 11px;
  1709. -moz-border-radius: 11px 11px 11px 11px;
  1710. box-shadow: 0 4px 18px #C8C8C8;
  1711. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1712. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1713. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1714. float: left;
  1715. height: auto;
  1716. margin: 0 8px 15px 15px;
  1717. padding: 16px 12px 5px;
  1718. width:90%;
  1719. }
  1720. .newest_grid_element_1 {
  1721. width:600px;
  1722. height:98x;
  1723. padding-left:10px;
  1724. padding-right:10px;
  1725. overflow:hidden;
  1726. }
  1727. /*MY GROUPS*/
  1728. .mygroups_grid_item {
  1729. background: none repeat scroll 0 0 #FFFFFF;
  1730. border: 1px solid #E5E5E5;
  1731. border-radius: 11px 11px 11px 11px;
  1732. -webkit-border-radius: 11px 11px 11px 11px;
  1733. -opera-border-radius: 11px 11px 11px 11px;
  1734. -moz-border-radius: 11px 11px 11px 11px;
  1735. box-shadow: 0 4px 18px #C8C8C8;
  1736. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1737. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1738. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1739. float: left;
  1740. height: 88px;
  1741. margin: 0 8px 15px 15px;
  1742. padding: 16px 12px 5px;
  1743. width:600px;
  1744. }
  1745. .box_description_group_member {
  1746. color: #999999;
  1747. font-size: 10px;
  1748. }
  1749. .mygroups_grid_element_1 {
  1750. width:600px;
  1751. height:100px;
  1752. overflow:hidden;
  1753. }
  1754. .box_description_group_title h3 {
  1755. margin-bottom:4px;
  1756. }
  1757. .box_description_group_title {
  1758. float:right;width:80%;
  1759. }
  1760. .box_description_group_content {
  1761. float:right;
  1762. width:80%;
  1763. margin-top:5px;
  1764. /* height:45px;*/
  1765. font-family:Verdana, Geneva, sans-serif;
  1766. font-size:12px;
  1767. color:#666666;
  1768. }
  1769. .box_description_group_actions {
  1770. float:right;
  1771. width:80%;
  1772. text-align:right;
  1773. margin-top:4px;
  1774. margin-right:4px;
  1775. }
  1776. #menu-wrapper {
  1777. width:200px;
  1778. float: left;
  1779. }
  1780. #menu {
  1781. -moz-border-radius: 10px; border: 1px solid #e1e1e0;
  1782. -webkit-border-radius: 10px; border: 1px solid #e1e1e0;
  1783. -opera-border-radius: 10px; border: 1px solid #e1e1e0;
  1784. /*
  1785. margin-top:20px;
  1786. margin-right:10px;
  1787. margin-bottom:40px;
  1788. padding-left:10px;
  1789. padding-right:10px;
  1790. padding-top:5px;
  1791. padding-bottom:30px;
  1792. width:240px; */
  1793. /* float: right; */
  1794. min-height: 150px;
  1795. }
  1796. /* INVITATIONS */
  1797. .invitation_confirm {
  1798. border-top:1px solid #D8DFEA;
  1799. }
  1800. .invitation_image {
  1801. width:110px;
  1802. }
  1803. /* DASHBOARD */
  1804. /* Head section */
  1805. #head {
  1806. background-color: #000;
  1807. height: 100px;
  1808. }
  1809. #head h1 {
  1810. line-height: 100px;
  1811. color: #FFF;
  1812. text-align: center;
  1813. text-indent: -9999em
  1814. }
  1815. /* End Head Section */
  1816. /* Columns section */
  1817. #columns .column {
  1818. float: left;
  1819. width: 50%;
  1820. /* Min-height: */
  1821. min-height: 400px;
  1822. height: auto !important;
  1823. height: 400px;
  1824. }
  1825. #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;}
  1826. /* To add in 1.8.7*/
  1827. .session_box_title span {
  1828. font-size: 130%;
  1829. font-weight: bold;
  1830. }
  1831. .sub_session_box_title span {
  1832. font-size: 130%;
  1833. font-weight: bold;
  1834. }
  1835. #session_category_title {
  1836. font-size: 140%;
  1837. font-weight: bold;
  1838. padding: 2px 0px 5px 5px;
  1839. }
  1840. /* fixes the * */
  1841. span.form_required {
  1842. padding-right:5px;
  1843. }
  1844. .userportal-course-item {
  1845. -webkit-border-radius: 10px;
  1846. -moz-border-radius: 10px;
  1847. border-radius: 10px;
  1848. background-color:#F9F9F9;
  1849. padding:5px 10px 5px 10px;
  1850. height:40px;
  1851. margin:5px;
  1852. }
  1853. .userportal-course-item-title {
  1854. font-size:150%;
  1855. }
  1856. .courseadminview-activity-3col, .platformadminview-activity-3col {
  1857. -moz-border-radius:5px 5px 5px 5px;
  1858. border:1px solid #E1E1E0;
  1859. float:left;
  1860. margin:0px 20px 10px 2px;
  1861. padding:11px;
  1862. width:220px;
  1863. height:330px;
  1864. }
  1865. .courseadminview-activity-3col ul {
  1866. padding:0px 20px 10px 4px;
  1867. list-style-type:none;
  1868. height:240px;
  1869. margin-left:0px;
  1870. margin: 0px 0px 0px 0px ;
  1871. }
  1872. .courseadminview-activity-3col ul li {
  1873. padding:4px 0px 4px 0px;
  1874. }
  1875. #activity-3col {
  1876. width: 800px ;
  1877. margin-left: auto ;
  1878. margin-right: auto ;
  1879. }
  1880. .userportal-catalog-item {
  1881. -webkit-border-radius: 10px;
  1882. -moz-border-radius: 10px;
  1883. border-radius: 10px;
  1884. background-color:#F9F9F9;
  1885. padding:5px 10px 10px 6px;
  1886. /* height:40px; */
  1887. }
  1888. .userportal-catalog-item .catalog_box li span {
  1889. font-size:130%;
  1890. font-weight:bold;
  1891. margin-left:5px;
  1892. }
  1893. .catalog_box {
  1894. border: 1px solid #DCE5F3;
  1895. /* font-weight: bold; */
  1896. color: #666;
  1897. list-style-type: none;
  1898. margin:5px 5px 10px 5px;
  1899. padding: 5px;
  1900. background-color:#FFF;
  1901. -webkit-border-radius: 10px;
  1902. -moz-border-radius: 10px;
  1903. border-radius: 10px;
  1904. }
  1905. .course-student-view-activity-3col {
  1906. -webkit-border-radius: 10px;
  1907. -moz-border-radius: 10px;
  1908. border-radius: 10px;
  1909. background-color:#FFFFFF;
  1910. height: 350px;
  1911. width: 800px ;
  1912. margin-left: auto ;
  1913. margin-right: auto ;
  1914. }
  1915. .course-student-view-activity-3col ul {
  1916. padding:10px 20px 10px 20px;
  1917. list-style-type:none;
  1918. /* height:240px; */
  1919. margin-left:0px;
  1920. margin: 0px 0px 0px 0px ;
  1921. float:left;
  1922. width : 280px;
  1923. }
  1924. .course-student-view-activity-3col ul li {
  1925. padding:5px 0px 4px 0px;
  1926. /* float:left;
  1927. width : 380px; */
  1928. }
  1929. /* plugins divs */
  1930. #plugin-header {
  1931. margin-left:65px;
  1932. padding:5px;
  1933. }
  1934. #plugin-mycourses_menu {
  1935. padding:5px;
  1936. }
  1937. #plugin-mycourses_main {
  1938. padding:5px;
  1939. }
  1940. #plugin-footer {
  1941. padding:5px;
  1942. }
  1943. /* New forum table */
  1944. .forum_table_title {
  1945. border-collapse: collapse;
  1946. width: 100%;
  1947. padding: 5px;
  1948. border-left: 1px solid gray;
  1949. border-top: 1px solid gray;
  1950. border-right: 1px solid gray;
  1951. padding:5px;
  1952. }
  1953. .forum_table_title th {
  1954. padding-right: 12px;
  1955. /*border: 1px solid gray;*/
  1956. background-color: #E5EDF9;
  1957. }
  1958. .forum_table {
  1959. border-collapse: collapse;
  1960. width: 100%;
  1961. padding: 5px;
  1962. border: 1px solid gray;
  1963. margin-bottom:15px;
  1964. }
  1965. .forum_table .forum_head {
  1966. padding:5px;
  1967. text-align: left;
  1968. font-size:14px;
  1969. }
  1970. .forum_table th {
  1971. padding-right: 12px;
  1972. /*border: 1px solid gray;*/
  1973. background-color: #E5EDF9;
  1974. }
  1975. .forum_table tr.row_odd {
  1976. background-color: #F2F2F2;
  1977. }
  1978. .forum_table tr.row_odd:hover, .data_table tr.row_even:hover {
  1979. background-color: #E5EDF9;
  1980. }
  1981. .forum_table tr.row_even {
  1982. background-color: #fff;
  1983. }
  1984. .forum_table td {
  1985. padding: 5px;
  1986. vertical-align: top;
  1987. border-bottom: 1px solid #b0b0b0;
  1988. border-right: 1px dotted #e1e1e1;
  1989. border-left: 1px dotted #e1e1e1;
  1990. }
  1991. .post {
  1992. border: 1px solid gray;
  1993. margin-bottom:5px;
  1994. }
  1995. /* Text resize icons in header */
  1996. .resize_font { /* the canvas */
  1997. margin: 0 5px 0 5px;
  1998. }
  1999. .reset_font {
  2000. font-size: 1.2em;
  2001. color: gray;
  2002. border: 1px solid white;
  2003. padding: 2px;
  2004. }
  2005. .reset_font:hover {
  2006. border: 1px solid black;
  2007. cursor: pointer;
  2008. }
  2009. .increase_font {
  2010. font-size: 1.8em;
  2011. color: gray;
  2012. border: 1px solid white;
  2013. padding: 2px;
  2014. }
  2015. .increase_font:hover {
  2016. border: 1px solid black;
  2017. cursor: pointer;
  2018. }
  2019. .decrease_font {
  2020. font-size: 0.6em;
  2021. color: gray;
  2022. border: 1px solid white;
  2023. padding: 2px;
  2024. }
  2025. .decrease_font:hover {
  2026. border: 1px solid black;
  2027. cursor: pointer;
  2028. }
  2029. .online_grid_item {
  2030. float:left;
  2031. margin:10px;
  2032. text-align:center;
  2033. }
  2034. .online_grid_element_0 {
  2035. width: 100px;
  2036. height: 100px;
  2037. overflow: hidden;
  2038. }
  2039. /* input values to crop the image: top, right, bottom, left */
  2040. .online_grid_element_0 img{
  2041. width: 200px;
  2042. margin: -10px 0 0 -50px;
  2043. /* height: 150px; */
  2044. }
  2045. .online_grid_element_1, .online_grid_element_2 {
  2046. font-size:10px;
  2047. }
  2048. /* tips Abbr-plugin for FCKeditor */
  2049. abbr {
  2050. border-bottom: 1px dotted rgb(102, 102, 102);
  2051. background-color:#F00;
  2052. cursor: help;
  2053. }