default.css 52 KB

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