default.css 45 KB

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