default.css 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923
  1. /* Styles that should disappear */
  2. .row {
  3. width:100%;
  4. }
  5. div.row div.label {
  6. width: 0%;
  7. }
  8. div.row div.formw {
  9. width: 100%;
  10. }
  11. /* Redefining html styles */
  12. body {
  13. /* hack ignored by non-IE to enable ie to support :hover on button */
  14. behavior:url("/main/css/csshover3.htc");
  15. font-family: bold arial, verdana, helvetica, sans-serif;
  16. font-size: 12px;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
  21. background-image:url(images/shadow.gif);
  22. }
  23. img {
  24. border: none;
  25. }
  26. a:link {
  27. color : #333;
  28. }
  29. a:visited {
  30. color : #333;
  31. }
  32. a:hover {
  33. color: #f3840d;
  34. }
  35. a:active {
  36. }
  37. input, input[type=file], select, textarea {
  38. background:#F8F8F8;
  39. border:1px solid #999999;
  40. padding:1px 2px;
  41. }
  42. input[type=button], input[type=submit] {
  43. border:1px solid #999999;
  44. background:#F0F0F0;
  45. padding-left:10px;
  46. padding-right:10px;
  47. font-weight:bold;
  48. color:#666;
  49. }
  50. /* header styles */
  51. #header {
  52. }
  53. /* header 1 styles */
  54. #header1 {
  55. background-color: #dcdcdc;
  56. color: #666;
  57. border-bottom: 1px solid #ccc;
  58. }
  59. #header1 a {
  60. color: #333;
  61. text-decoration: none;
  62. }
  63. #header1 a:hover {
  64. }
  65. #my_courses {
  66. float: right;
  67. font-weight: bold;
  68. margin-right: 100px;
  69. }
  70. #header1 img {
  71. border: 0px;
  72. }
  73. /* header 2 styles */
  74. #header2 {
  75. background: #f0f0f0;
  76. color: #666;
  77. border-bottom: 1px solid #ccc;
  78. }
  79. #header2 a {
  80. color: #333;
  81. text-decoration: none;
  82. }
  83. #header2 a:hover {
  84. }
  85. #Header2Right ul {
  86. float: right;
  87. list-style-type: none;
  88. text-align: right;
  89. color:#680157;
  90. margin: 0;
  91. padding: 0;
  92. }
  93. #Header2Right ul li {
  94. display: inline;
  95. }
  96. #Header2Right ul li a {
  97. color:#333;
  98. }
  99. #Header2Right ul li a:hover {
  100. color:#333;
  101. }
  102. /* header 3 styles */
  103. #header3 {
  104. background: #fff;
  105. border-bottom: 1px solid #aeaeae;
  106. color: #333;
  107. height:auto;
  108. font-weight: bold;
  109. }
  110. #header3 ul {
  111. list-style:none;
  112. }
  113. #header3 li {
  114. /*display:inline;*/
  115. cursor: pointer;
  116. }
  117. #header3 a {
  118. float:left;
  119. background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top;
  120. text-decoration:none;
  121. cursor: pointer;
  122. color: #333;
  123. padding-right: 1px;
  124. padding-left: 9px;
  125. height:25px;
  126. }
  127. #header3 li a:hover {
  128. float:left;
  129. background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top;
  130. text-decoration:none;
  131. cursor: pointer;
  132. }
  133. #header3 li a span {
  134. float:left;
  135. display:block;
  136. background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top;
  137. color:#333;
  138. cursor: pointer;
  139. padding-right: 10px;
  140. padding-top: 5px;
  141. height:20px;
  142. }
  143. #header3 li a:hover span {
  144. float:left;
  145. display:block;
  146. background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
  147. color:#333;
  148. cursor: pointer;
  149. }
  150. #header3 #current a {
  151. float:left;
  152. background:url(../../img/dokeosgrey/tab_left_active.gif) no-repeat left top;
  153. text-decoration:none;
  154. }
  155. #header3 #current a span {
  156. float:left;
  157. display:block;
  158. background:url(../../img/dokeosgrey/tab_right_active.gif) no-repeat right top;
  159. }
  160. #logout li a {
  161. float: right;
  162. vertical-align:top;
  163. background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top;
  164. margin-right:5px;
  165. text-decoration:none;
  166. }
  167. #logout li a:hover {
  168. float: right;
  169. vertical-align:top;
  170. background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top;
  171. text-decoration:none;
  172. margin-right:5px;
  173. }
  174. #logout li a span {
  175. float:left;
  176. display:block;
  177. background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top;
  178. color:#333;
  179. cursor: pointer;
  180. }
  181. #logout li a:hover span{
  182. background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
  183. }
  184. /* header 4 styles */
  185. #header4 {
  186. margin-left: 5px;
  187. height: 21px;
  188. }
  189. a.breadcrumb {
  190. height: 21px;
  191. }
  192. a.breadcrumb0 {
  193. background:url(images/home.gif) no-repeat;
  194. padding-left: 22px;
  195. }
  196. /* footer styles */
  197. #footer {
  198. border-top: 1px solid #aeaeae;
  199. }
  200. #footerright {
  201. margin-top: 10px;
  202. float: right;
  203. margin-right:20px;
  204. }
  205. #footerleft {
  206. padding-top: 10px;
  207. }
  208. #footer a {
  209. }
  210. /* main styles */
  211. #main {
  212. position: relative;
  213. min-height: 320px;
  214. padding-left: 15px;
  215. padding-right: 15px;
  216. padding-bottom: 5px;
  217. }
  218. /* my courses styles */
  219. #maincontent {
  220. float: left;
  221. width: 75%;
  222. min-height: 333px;
  223. margin-top:0;
  224. }
  225. .coursestatusicons {
  226. border: 0px solid #000;
  227. float: left;
  228. padding-right: 5px;
  229. width: auto;
  230. }
  231. .courseslist {
  232. margin-left: -25px;
  233. }
  234. .courses {
  235. list-style-type: none;
  236. margin-bottom: 5px;
  237. }
  238. .courses a {
  239. text-decoration:underline;
  240. }
  241. .user_course_category {
  242. background-color: #efefef;
  243. border: 1px solid #666;
  244. font-weight: bold;
  245. color: #666;
  246. list-style-type: none;
  247. margin: 5px;
  248. padding: 5px;
  249. }
  250. .menu {
  251. float: right;
  252. width: 200px;
  253. min-height: 150px;
  254. background-color: #F0F0F0;
  255. border: 1px solid #bbb;
  256. margin-right: 0px;
  257. margin-bottom: 10px;
  258. padding-bottom: 10px;
  259. }
  260. .menu form {
  261. margin: 0px 6px 0 6px;
  262. }
  263. .menucaption {
  264. font-size: 12px;
  265. font-weight: bold;
  266. padding-left: 12px;
  267. }
  268. .menusection {
  269. width: auto;
  270. margin: 24px 6px 0 6px;
  271. padding-left: 10px;
  272. border: 1px solid #bbb;
  273. }
  274. .menusectioncaption {
  275. position: relative;
  276. top: -9px;
  277. background-color:#F0F0F0;
  278. font-size: 12px;
  279. padding: 0 8px 0 4px;
  280. }
  281. .menulist {
  282. list-style: none;
  283. margin: 0 0 12px 0;
  284. padding: 0;
  285. }
  286. .note {
  287. width: auto;
  288. margin: 24px 6px 0 6px;
  289. padding: 3px;
  290. background-color:#bbb;
  291. border: 1px outset;
  292. }
  293. /* form styles */
  294. .form {
  295. width: 75%;
  296. float: 'left';
  297. }
  298. form div.row {
  299. clear: both;
  300. padding-top: 5px;
  301. }
  302. .form_header {
  303. white-space: nowrap;
  304. padding: 2px;
  305. background-color: #f0f0f0;
  306. border: 1px solid #bbb;
  307. font-weight: bold;
  308. }
  309. form div.row div.label {
  310. float: left;
  311. width: 18%;
  312. text-align: right;
  313. }
  314. form div.row div.formw {
  315. width: 80%;
  316. float:left;
  317. }
  318. [dir=ltr] form div.row div.label, [dir=rtl] form div.row div.formw {
  319. float: left;
  320. text-align: right;
  321. }
  322. [dir=rtl] form div.row div.label, [dir=ltr] form div.row div.formw {
  323. float: right;
  324. text-align: left;
  325. }
  326. form span.form_required {
  327. color: #f00;
  328. }
  329. form span.form_error {
  330. color: #f00;
  331. font-size: x-small;
  332. margin: 2px;
  333. }
  334. /* feedback messages */
  335. .normal-message {
  336. position: relative;
  337. margin: 6px 6px 10px 6px;
  338. width: 98%;
  339. border-width: 1px;
  340. border-style: solid;
  341. padding: 5px;
  342. border: 1px solid #dcdcdc;
  343. color: #00407F;
  344. background-color: #E5EDF9;
  345. min-height: 30px;
  346. }
  347. .warning-message {
  348. position: relative;
  349. margin: 6px 6px 10px 6px;
  350. width: 98%;
  351. border-width: 1px;
  352. border-style: solid;
  353. padding: 5px;
  354. border: 1px solid #FFB30F;
  355. color: #000;
  356. background-color: #FFEFA7;
  357. min-height: 30px;
  358. }
  359. .confirmation-message {
  360. position: relative;
  361. margin: 6px 6px 10px 6px;
  362. width: 98%;
  363. border-width: 1px;
  364. border-style: solid;
  365. padding: 5px;
  366. border: 1px solid #1F8323;
  367. color: #1F8323;
  368. background-color: #CAF0C7;
  369. min-height: 30px;
  370. }
  371. .error-message {
  372. position: relative;
  373. margin: 6px 6px 10px 6px;
  374. width: 98%;
  375. border-width: 1px;
  376. border-style: solid;
  377. padding: 5px;
  378. border: 1px solid #FF0000;
  379. color: #000;
  380. background-color: #FFD1D1;
  381. min-height: 30px;
  382. }
  383. /* other styles */
  384. .clear {
  385. clear: both;
  386. line-height: 0px;
  387. height: 0;
  388. }
  389. /* actions */
  390. .actions_lp {
  391. background:#F8F8F8;
  392. //border-bottom:1px solid #999999;
  393. //border-top:1px solid #999999;
  394. height:29px;
  395. padding-left: -17px;
  396. margin: 5px 2px 1px 12px;
  397. background:url(images/actions.jpg) repeat-x;
  398. vertical-align:middle;
  399. width: 90%;
  400. }
  401. .actions_lp img {
  402. vertical-align:middle;
  403. }
  404. .actions_lp a {
  405. margin-right: 10px;
  406. vertical-align:middle;
  407. }
  408. .actions_lp span {
  409. margin-right: 10px;
  410. vertical-align:middle;
  411. }
  412. .actions_lp form {
  413. margin-right: 10px;
  414. vertical-align:middle;
  415. }
  416. .actions {
  417. background:#efefef;
  418. border-bottom:1px dotted #999999;
  419. border-top:1px dotted #999999;
  420. /*height:35px;*/
  421. padding:2px;
  422. margin-bottom: 5px;
  423. /*background:url(images/actions.jpg) repeat-x;*/
  424. vertical-align:middle;
  425. }
  426. .actions img {
  427. /*display:inline-block;*/
  428. border: none;
  429. text-decoration: none;
  430. background-color: #efefef;
  431. padding-right: 5px;
  432. vertical-align:middle;
  433. }
  434. .actions a {
  435. display:inline-block;
  436. margin-right: 10px;
  437. vertical-align:middle;
  438. }
  439. .actions span {
  440. margin-right: 10px;
  441. vertical-align:middle;
  442. }
  443. .actions form {
  444. margin-right: 10px;
  445. vertical-align:middle;
  446. }
  447. /* big actions */
  448. .actionsbig {
  449. background:#F8F8F8;
  450. border-bottom:1px solid #999999;
  451. border-top:1px solid #999999;
  452. background-color:#efefef;
  453. height:100%;
  454. padding:2px;
  455. margin-bottom: 5px;
  456. vertical-align:middle;
  457. float:left;
  458. width:100%;
  459. }
  460. .actionsbig a {
  461. float:left;
  462. padding-left:12px;
  463. padding-right:12px;
  464. text-align:center;
  465. }
  466. .actions img {
  467. vertical-align:middle;
  468. }
  469. .actions a {
  470. margin-right: 10px;
  471. vertical-align:middle;
  472. }
  473. .actions-title {
  474. background:#efefef;
  475. border-bottom:1px dotted #999999;
  476. border-top:1px dotted #999999;
  477. /*height:35px;*/
  478. padding:4px;
  479. margin-bottom: 5px;
  480. font-size:14px;
  481. font-weight:bolder;
  482. /*background:url(images/actions.jpg) repeat-x;*/
  483. vertical-align:middle;
  484. }
  485. .actions-message {
  486. white-space: nowrap;
  487. padding: 2px;
  488. background-color: #f0f0f0;
  489. border: 1px solid #bbb;
  490. }
  491. /* styles for the profile page */
  492. .profile_image {
  493. float: right;
  494. margin-right: 20px;
  495. }
  496. .profile_form {
  497. float: left;
  498. width: 75%;
  499. }
  500. /* course introduction */
  501. #courseintrocenter {
  502. position: relative;
  503. width: 80%;
  504. margin: 25px auto 10px;
  505. }
  506. #courseintro_iconscenter {
  507. position: relative;
  508. width: 80%;
  509. margin: 0px auto 10px;
  510. }
  511. #courseintroleft {
  512. position: relative;
  513. width: 80%;
  514. margin-bottom: 5px;
  515. }
  516. #courseintro_iconsleft {
  517. position: relative;
  518. width: 80%;
  519. }
  520. /* styles for the agenda */
  521. #agenda {
  522. width: 100%;
  523. margin: 0 auto;
  524. border: 1px solid #CCCCCC;
  525. border-collapse: collapse;
  526. }
  527. /* The cells with the name of the days of the weeks (mon->sun)*/
  528. .weekdays {
  529. background-color: #dcdcdc;
  530. text-align: center;
  531. font-weight: bold;
  532. border: 1px solid #CCCCCC;
  533. border-collapse: collapse;
  534. }
  535. /* The cells for the days (1->31) */
  536. .days_week {
  537. height: 40px;
  538. width: 12%;
  539. border: 1px solid #CCCCCC;
  540. border-collapse: collapse;
  541. background-color: #f9f9f9;
  542. }
  543. .days_weekend {
  544. height: 40px;
  545. width: 12%;
  546. border: 1px solid #CCCCCC;
  547. border-collapse: collapse;
  548. background-color: #eaeaea;
  549. }
  550. .days_today {
  551. height: 40px;
  552. width: 12%;
  553. border: 1px solid #CCCCCC;
  554. border-collapse: collapse;
  555. background-color: #FFCA8D;
  556. color: #CC3300;
  557. font-weight: bold;
  558. }
  559. .agenda_month_divider {
  560. background-color: #666;
  561. color: #fff;
  562. text-align: center;
  563. }
  564. /*The caption of the calendar (displays the month and the << and >> links*/
  565. #agenda_list .title {
  566. background-color: #680157;
  567. color: #fff;
  568. text-align: left;
  569. padding: 2px 10px;
  570. text-align: center;
  571. border: 1px solid #bbb;
  572. }
  573. #agenda_list .title a:link, #agenda_list #title a:visited {
  574. color: #fff;
  575. padding: 2px 10px;
  576. text-align: center;
  577. }
  578. #agenda_list .title a:hover {
  579. color: #B70297;
  580. padding: 2px 10px;
  581. text-align: center;
  582. }
  583. /* text in the cells: display of agenda items (visible)*/
  584. #agenda_list .data {
  585. background-color: #eee;
  586. text-align: left;
  587. padding: 2px 10px;
  588. font-weight: bold;
  589. border: 0px solid #dcdcdc;
  590. border-collapse: collapse;
  591. }
  592. #agenda_list .datanotbold {
  593. background-color: #eee;
  594. text-align: left;
  595. padding: 2px 10px;
  596. font-weight: normal;
  597. border: 0px solid #dcdcdc;
  598. border-collapse: collapse;
  599. }
  600. #agenda_list .text {
  601. background-color: #fff;
  602. text-align: left;
  603. padding: 2px 10px;
  604. font-weight: normal;
  605. border: 0px solid #dcdcdc;
  606. border-collapse: collapse;
  607. }
  608. /*text in the cells: display of agenda items (invisible)*/
  609. #agenda_list .data_hidden {
  610. background-color: #eee;
  611. text-align: left;
  612. padding: 2px 10px;
  613. font-weight: bold;
  614. border: 0px solid #dcdcdc;
  615. border-collapse: collapse;
  616. color: #999999;
  617. }
  618. #agenda_list .datanotbold_hidden {
  619. background-color: #eee;
  620. text-align: left;
  621. padding: 2px 10px;
  622. font-weight: normal;
  623. border: 0px solid #dcdcdc;
  624. border-collapse: collapse;
  625. color: #999999;
  626. }
  627. #agenda_list .text_hidden {
  628. background-color: #fff;
  629. text-align: left;
  630. padding: 2px 10px;
  631. font-weight: normal;
  632. border: 0px solid #dcdcdc;
  633. border-collapse: collapse;
  634. color: #999999;
  635. }
  636. /*text in the cells: display of agenda items (highlighted)*/
  637. #agenda_list .datanow {
  638. background-color: #FFCC00;
  639. text-align: left;
  640. padding: 2px 10px;
  641. font-weight: bold;
  642. border: 0px solid #dcdcdc;
  643. border-collapse: collapse;
  644. }
  645. #agenda_list .datanotboldnow {
  646. background-color: #FFCC00;
  647. text-align: left;
  648. padding: 2px 10px;
  649. font-weight: normal;
  650. border: 0px solid #dcdcdc;
  651. border-collapse: collapse;
  652. }
  653. #agenda_list .textnow {
  654. background-color: #fff;
  655. text-align: left;
  656. padding: 2px 10px;
  657. font-weight: normal;
  658. border: 0px solid #dcdcdc;
  659. border-collapse: collapse;
  660. }
  661. .personal_agenda {
  662. color: #008000;
  663. }
  664. .personal_agenda a:link, .personal_agenda a:visited {
  665. color: #008000;
  666. }
  667. a.personal_agenda:link, a.personal_agenda:visited {
  668. color: #008000;
  669. }
  670. .personal_agenda a:hover, .personal_agenda a:hover {
  671. color: #B70297;
  672. }
  673. a.personal_agenda:hover, a.personal_agenda:hover {
  674. color: #B70297;
  675. }
  676. /* Login form */
  677. #formLogin div {
  678. margin-bottom: 3px;
  679. }
  680. #formLogin div input[type=submit] {
  681. width: 109px;
  682. }
  683. /* normal table*/
  684. .normal_table {
  685. margin: 3px;
  686. border-collapse: collapse;
  687. width: 98%;
  688. padding: 5px;
  689. }
  690. /* Data table */
  691. .data_table {
  692. margin: 3px;
  693. border-collapse: collapse;
  694. width: 100%;
  695. padding: 5px;
  696. }
  697. .data_table th {
  698. font-weight: bold;
  699. padding-right: 20px;
  700. border: 1px solid #666;
  701. background-color: #999;
  702. color: #fff;
  703. }
  704. .data_table th a {
  705. color: #fff;
  706. text-decoration:none;
  707. }
  708. .data_table tr.row_odd {
  709. background-color: #fafafa;
  710. }
  711. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  712. background-color: #f0f0f0;
  713. }
  714. .data_table tr.row_even {
  715. background-color: #fff;
  716. }
  717. .data_table td {
  718. padding: 5px;
  719. vertical-align: top;
  720. border-bottom: 1px solid #b0b0b0;
  721. border-right: 1px dotted #e1e1e1;
  722. border-left: 1px dotted #e1e1e1;
  723. }
  724. /* sections in the page */
  725. .sectiontitle {
  726. background-color: #EFEFEF;
  727. border: 1px solid #cccccc;
  728. font-weight: bold;
  729. color: #666666;
  730. list-style-type: none;
  731. margin: 5px;
  732. padding: 5px;
  733. }
  734. .sectioncomment {
  735. color: #000000;
  736. margin: 5px;
  737. padding: 5px;
  738. }
  739. .sectionvalue {
  740. list-style-type: none;
  741. margin: 5px;
  742. padding: 5px;
  743. }
  744. /* invisible styles */
  745. a.invisible {
  746. color: #999999;
  747. }
  748. a.invisible:visited {
  749. color: #999999;
  750. }
  751. a.invisible:active {
  752. color: #999999;
  753. }
  754. a.invisible:hover {
  755. color: #999999;
  756. }
  757. /* Platform Administration */
  758. div.admin_section {
  759. width: 40%;
  760. float: left;
  761. padding: 5px;
  762. margin: 10px 20px;
  763. }
  764. div.admin_section h4 {
  765. background-color: #EFEFEF;
  766. border: 1px solid #cccccc;
  767. font-weight: bold;
  768. color: #666666;
  769. list-style-type: none;
  770. margin: 5px;
  771. padding: 5px;
  772. }
  773. /* course homepage */
  774. .courseadminview, .platformadminview {
  775. position: relative;
  776. width: 80%;
  777. margin: 25px auto 10px;
  778. padding: 10px;
  779. border: 1px solid #ccc;
  780. }
  781. .courseadminview img, .platformadminview img {
  782. display:inline-block;
  783. border: none;
  784. text-decoration: none;
  785. background-color: #fff;
  786. padding-right: 5px;
  787. vertical-align:middle;
  788. }
  789. .viewcaption {
  790. position: relative;
  791. top: -20px;
  792. font-weight: bold;
  793. color: #ccc;
  794. background-color: #fff;
  795. padding: 0 4px;
  796. }
  797. .tool-icon {
  798. margin-bottom: -3px;
  799. }
  800. /* learning path */
  801. table.lp_build {
  802. height:400px;
  803. width:100%;
  804. }
  805. table.lp_build td {
  806. vertical-align:top;
  807. }
  808. table.lp_build td.tree {
  809. border-right:1px solid #999999;
  810. width:240px;
  811. }
  812. table.lp_build td.workspace {
  813. padding: 0px;
  814. padding-left:5px;
  815. width:auto;
  816. }
  817. table.lp_overview {
  818. width:100%;
  819. }
  820. table.lp_overview td {
  821. border-bottom:1px solid #999999;
  822. border-top:1px solid #999999;
  823. height:20px;
  824. padding:3px;
  825. vertical-align:middle;
  826. width:auto;
  827. }
  828. table.lp_overview td.title {
  829. width:200px;
  830. }
  831. table.lp_overview td.actions {
  832. text-align:center;
  833. width:100px;
  834. }
  835. table.lp_overview td.move {
  836. text-align:center;
  837. width:50px;
  838. }
  839. table.lp_overview th {
  840. background:#FFFFFF;
  841. padding-left:3px;
  842. text-align:center;
  843. }
  844. table.lp_overview tr {
  845. background:#F8F8F8;
  846. }
  847. table.lp_overview tr:hover {
  848. background:#E5EDF9;
  849. }
  850. table.lp_overview img {
  851. margin-left:3px;
  852. }
  853. table.lp_prerequisites th {
  854. background:#F8F8F8;
  855. border-bottom:1px solid #999999;
  856. border-top:1px solid #999999;
  857. }
  858. .lp_mediaplayer {
  859. float: right;
  860. padding-top: 3px;
  861. margin-right: 5px;
  862. }
  863. div.lp_manipulate {
  864. background:#F8F8F8;
  865. border-bottom:1px dotted #999999;
  866. margin-bottom:0px;
  867. padding:3px 0 3px 10px;
  868. }
  869. div.lp_manipulate a {
  870. padding-right:10px;
  871. }
  872. div.lp_resource_header {
  873. background:#F0F0F0;
  874. border:1px solid #999999;
  875. font-weight:bold;
  876. padding:10px;
  877. width:350px;
  878. cursor:pointer;
  879. margin-top: -1px;
  880. }
  881. div.lp_resource_elements {
  882. background:#FAFAFA;
  883. border:1px solid #999999;
  884. display:none;
  885. padding:5px 10px;
  886. width:350px;
  887. margin-top: -1px;
  888. }
  889. .learnpath_chapter_form {
  890. width: 300px;
  891. }
  892. .learnpath_item_form {
  893. width: 300px;
  894. }
  895. #learnpath_preview_frame {
  896. margin-top: 5px;
  897. border:1px solid #CCCCCC;
  898. height:490px;
  899. width:95%;
  900. }
  901. /* exercices styles */
  902. .exercice_form {
  903. width: 300px;
  904. }
  905. #validationButton {
  906. text-decoration: none;
  907. margin: 5px;
  908. border:1px solid #999999;
  909. background:#F0F0F0;
  910. padding: 3px;
  911. padding-left:10px;
  912. padding-right:10px;
  913. font-weight:bold;
  914. color:#666;
  915. }
  916. .exercise_scenario_label {
  917. }
  918. .exercise_scenario_element {
  919. }
  920. span.checkbox {
  921. width: 19px;
  922. height: 25px;
  923. padding: 0 5px 0 0;
  924. background: url(images/checkbox.gif) no-repeat;
  925. display: block;
  926. clear: left;
  927. float: left;
  928. }
  929. span.radio {
  930. width: 19px;
  931. height: 25px;
  932. padding: 0 5px 0 0;
  933. background: url(images/radio.gif) no-repeat;
  934. display: block;
  935. clear: left;
  936. float: left;
  937. }
  938. /* forum styles */
  939. .forum_header {
  940. background: #f3f3f3;
  941. font-weight: bold;
  942. }
  943. .forum_message_left {
  944. width: 150px;
  945. vertical-align: top;
  946. /*border-bottom: 1px solid #666666;*/
  947. border-right: 1px solid #aaa;
  948. background-color: #F7F7F7;
  949. }
  950. .forum_message_post_title {
  951. border-bottom: 1px solid #aaa;
  952. font-weight: bold;
  953. background-color: #F7F7F7;
  954. height: 20px;
  955. }
  956. .forum-thread-header{
  957. color: #000000;
  958. background-color: #F7F7F7;
  959. border-left: 1px solid #aaa;
  960. border-right: 1px solid #aaa;
  961. border-bottom: 1px solid #aaa;
  962. border-top: 1px solid #aaa;
  963. }
  964. .forum-thread-body{
  965. color: #000000;
  966. background-color: #FFFFFF;
  967. border-left: 1px solid #aaa;
  968. border-right: 1px solid #aaa;
  969. border-bottom: 1px solid #aaa;
  970. border-top: 1px solid #aaa;
  971. }
  972. /* Survey styles */
  973. #survey_title {
  974. background-color:#dcdcdc;
  975. color:#000;
  976. padding:2px;
  977. }
  978. #survey_subtitle {
  979. background-color:#dcdcdc;
  980. color:#000;
  981. padding:2px;
  982. }
  983. .survey_content {
  984. background-color:#EFEFEF;
  985. color:#264269;
  986. padding:5px;
  987. border: 1px solid #999;
  988. }
  989. .survey_question_wrapper {
  990. border: 1px solid #999;
  991. }
  992. .survey_question {
  993. /* 264269 4271b5 E5EDF9 */
  994. background-color:#f0f0f0;
  995. color:#999;
  996. padding:5px;/*border: 1px solid #264269;*/
  997. }
  998. .survey_question_options {
  999. /* 264269 4271b5 E5EDF9 */
  1000. background-color:#FFF;
  1001. color:#000;
  1002. padding:5px;/*border: 1px solid #264269;*/
  1003. }
  1004. /* Blog */
  1005. .blog_menu {
  1006. border-bottom: 1px dashed #dddddd;
  1007. border-right: 1px dashed #dddddd;
  1008. border-left: 1px dashed #dddddd;
  1009. padding: 10px;
  1010. }
  1011. .blogpost {
  1012. border: 1px solid #DDDDDD;
  1013. background-color: #ECECEC;
  1014. margin-bottom: 15px;
  1015. padding: 10px;
  1016. }
  1017. .blogpost_title {
  1018. display: block;
  1019. font-weight: bold;
  1020. padding-bottom: 5px;
  1021. }
  1022. .blogpost_date {
  1023. display: block;
  1024. font-weight: bold;
  1025. color: #333333;
  1026. padding-bottom: 10px;
  1027. }
  1028. .blogpost_info {
  1029. display: block;
  1030. color: #333333;
  1031. border-top: 1px solid #dddddd;
  1032. margin-top: 5px;
  1033. }
  1034. .blogpost_comment {
  1035. border-top: 1px dashed #dddddd;
  1036. border-right: 1px dashed #dddddd;
  1037. border-bottom: 1px dashed #dddddd;
  1038. border-left: 1px dashed #dddddd;
  1039. margin-bottom: 10px;
  1040. padding: 10px;
  1041. background-color: white;
  1042. }
  1043. .blogpost_comment_title {
  1044. display: block;
  1045. font-weight: bold;
  1046. color: #1657A9;
  1047. padding-bottom: 5px;
  1048. }
  1049. .blogpost_comment_date {
  1050. display: block;
  1051. font-size: 10px;
  1052. font-weight: bold;
  1053. color: #333333;
  1054. padding-bottom: 10px;
  1055. }
  1056. .blogpost_comment_info {
  1057. font-size: 10px;
  1058. display: block;
  1059. color: #333333;
  1060. border-top: 1px solid #dddddd;
  1061. margin-top: 10px;
  1062. }
  1063. .blogpost {
  1064. border: 1px solid #DDDDDD;
  1065. background-color: #ECECEC;
  1066. margin-bottom: 15px;
  1067. padding: 10px;
  1068. }
  1069. .comments {
  1070. border: 1px solid #dddddd;
  1071. margin-bottom: 10px;
  1072. margin-top: 10px;
  1073. padding: 10px;
  1074. background-color: #F4F4F4;
  1075. }
  1076. /* tabbed menu */
  1077. #tabbed_menu {
  1078. width: 100%;
  1079. height: 20px;
  1080. border-bottom-width: 1px;
  1081. border-bottom-style: solid;
  1082. border-bottom-color: #666666;
  1083. margin-bottom: 20px;
  1084. }
  1085. #tabbed_menu #tabbed_menu_tabs li {
  1086. margin: 0 10;
  1087. padding: 0;
  1088. display: inline;
  1089. list-style-type: none;
  1090. }
  1091. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1092. float: left;
  1093. background: #f3f3f3;
  1094. font-weight: bold;
  1095. padding: 2px 10px 2px 10px;
  1096. margin-right: 4px;
  1097. border: 1px solid #cccccc;
  1098. border-bottom: 1px solid #666666;
  1099. text-decoration: none;
  1100. color: #666;
  1101. }
  1102. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active {
  1103. border: 1px solid #666666;
  1104. border-bottom: 1px solid #fff;
  1105. background: #fff;
  1106. color: #000;
  1107. }
  1108. #image_preview {
  1109. text-align:center;
  1110. padding-left: 17px;
  1111. }
  1112. .skip {
  1113. display: none;
  1114. }
  1115. /* Glossary tool */
  1116. .glossary-term {
  1117. margin: 1em;
  1118. background-color: #ffe99b;
  1119. padding: 0.5em 0.5em 1.8em 0;
  1120. -moz-border-radius: 0.5em;
  1121. }
  1122. .glossary-term-title {
  1123. margin: 2em 0 1em 0.5em;
  1124. font-weight: bold;
  1125. font-size: 120%;
  1126. }
  1127. .glossary-term-desc {
  1128. margin-left: 1em;
  1129. }
  1130. .glossary-term-action-links {
  1131. float: right;
  1132. }
  1133. .glossary-term-edit-form {
  1134. margin: 1em;
  1135. background-color: #FFE4C4;
  1136. padding: 0.5em 0.5em 2em 0;
  1137. -moz-border-radius: 0.5em;
  1138. }
  1139. .glossary-term-edit-desc {
  1140. font-weight: bold;
  1141. font-size: 120%;
  1142. }
  1143. .glossary-term-edit-title {
  1144. font-weight: bold;
  1145. font-size: 120%;
  1146. }
  1147. .glossary-add-form {
  1148. font-weight: bold;
  1149. font-size: 120%;
  1150. margin: 1em;
  1151. }
  1152. .glossary-orderby-link {
  1153. float:right;
  1154. margin: 1em;
  1155. }
  1156. .glossary-msg-error {
  1157. color: #FF0000;
  1158. display :none;
  1159. font-weight: normal;
  1160. font-size: 80%;
  1161. }
  1162. /*NAVIGATION MENU BAR*/
  1163. .menucaption {
  1164. font-size: 12px;
  1165. font-weight: bold;
  1166. padding-left: 12px;
  1167. }
  1168. .menusection {
  1169. width: auto;
  1170. margin: 24px 6px 0 6px;
  1171. padding-left: 10px;
  1172. border: 1px solid #4171B5;
  1173. }
  1174. .menusectioncaption {
  1175. position: relative;
  1176. top: -9px;
  1177. background-color: #E5EDF9;
  1178. font-size: 12px;
  1179. padding: 0 8px 0 4px;
  1180. }
  1181. .menulist {
  1182. list-style: none;
  1183. margin: 0 0 12px 0;
  1184. padding: 0;
  1185. }
  1186. #centerwrap {
  1187. float: left;
  1188. width: 100%;
  1189. margin-right: -95%;
  1190. /* this needs to be less than 100% for Moz/Mac which thinks
  1191. it's empty otherwise. The difference is made up by putting a
  1192. negative left margin on the left float:
  1193. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  1194. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  1195. */
  1196. }
  1197. #center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
  1198. min-height: 300px; }
  1199. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  1200. margin-left: -5%; /* the difference to make the left colum appear flush left */
  1201. }
  1202. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1203. * html #toolnav { margin-right: 0px;}
  1204. * html #center { height: 1%; margin-left: 0; }
  1205. /* End hide from IE5/mac */
  1206. /* --- course navigation menu as a definition list --- */
  1207. #swap_menu_link {
  1208. float: left;
  1209. }
  1210. #toolnavbox {
  1211. margin: 0 0 0 10px;
  1212. padding: 0;
  1213. float: left;
  1214. border: 1px solid #4271b5;
  1215. }
  1216. #toolnavbox dl {
  1217. width: 160px;
  1218. margin: 0 auto;
  1219. padding: 0;
  1220. background: transparent;
  1221. font-size: 12px;
  1222. text-align: center;
  1223. }
  1224. #toolnavbox dt {
  1225. margin: 0;
  1226. padding: 0;
  1227. font-weight: bold;
  1228. font-size: 12px;
  1229. text-align: center;
  1230. color: #000;
  1231. border-bottom: 1px solid #fff;
  1232. background: transparent;
  1233. }
  1234. #toolnavbox dd {
  1235. margin: 0;
  1236. padding: 0;
  1237. color: #009;
  1238. text-align: left;
  1239. border-bottom:1px solid #fff;
  1240. background: #E5EDF9;
  1241. }
  1242. #toolnav img {
  1243. float: left;
  1244. width: 25px;
  1245. height: 25px;
  1246. margin: 0 4px 0 0;
  1247. }
  1248. #toolnavlist a, #toolnavlist a:link {
  1249. background: #D3D3D3;
  1250. color: #000;
  1251. padding: 5px 5px 5px 10px;
  1252. margin: 0;
  1253. text-decoration: none;
  1254. display: block;
  1255. }
  1256. #toolnavlist a:hover {
  1257. background: #fff;
  1258. color:#4171b5;
  1259. }
  1260. #toolnavlist a#here {
  1261. background: #fff;
  1262. color:#4171b5;
  1263. }
  1264. /* Notebook */
  1265. .notebook-add-form {
  1266. margin: 1em;
  1267. background-color: #c3d9ff;
  1268. padding: 1em 1em;
  1269. }
  1270. .notebook-add-desc-textarea {
  1271. background-color: #f2f5f8;
  1272. border-color: #ffe99b;
  1273. overflow: hidden;
  1274. }
  1275. .notebook-add-title-text {
  1276. background-color: #f2f5f8;
  1277. border-color: #ffe99b;
  1278. }
  1279. .notebook-edit-desc-textarea {
  1280. background-color: #e0ecff;
  1281. border-color: #ffe99b;
  1282. overflow: hidden;
  1283. }
  1284. .notebook-edit-title-text {
  1285. background-color: #e0ecff;
  1286. border-color: #ffe99b;
  1287. }
  1288. .notebook-msg-error {
  1289. color: #FF0000;
  1290. display :none;
  1291. background-color: #ffe99b;
  1292. width: 40%;
  1293. }
  1294. .notebook-list{
  1295. margin: 1em 1em 0em 1em;
  1296. background-color: #79b;
  1297. padding: 0.3em 0.3em;
  1298. -moz-border-radius: 0.5em;
  1299. }
  1300. .notebook-title-list{
  1301. color : #fff;
  1302. padding: 0.3em 0.3em;
  1303. font-weight: bold;
  1304. font-size: 120%;
  1305. }
  1306. .notebook-desc-list {
  1307. margin: 0em;
  1308. background-color: #f2f5f8;
  1309. padding: 0.5em 0.3em 2em 0.3em;
  1310. border: 1px solid #79b;
  1311. }
  1312. .notebook-term-action-links {
  1313. padding: 0.3em 0.3em;
  1314. width: 50%;
  1315. color : #fff;
  1316. }
  1317. .notebook-orderby-link {
  1318. text-align:right;
  1319. margin-right: 1em;
  1320. }
  1321. .notebook-search-title {
  1322. text-align:right;
  1323. margin: 1em;
  1324. }
  1325. .notebook-date-information {
  1326. color : #fff;
  1327. padding: 0.3em;
  1328. font-size: 120%;
  1329. font-weight: bold;
  1330. }
  1331. /* --- end of course navigation menu section --- */
  1332. /* Gradebook */
  1333. .resource-deleted {
  1334. color:#990000;
  1335. }
  1336. .gradebook-table-header {
  1337. border: 1px solid rgb(153, 153, 153);
  1338. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  1339. }
  1340. .gradebook-table-body {
  1341. border: 1px solid rgb(153, 153, 153);
  1342. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  1343. }
  1344. /**********************************************
  1345. * MESSAGE TOOL *
  1346. **********************************************/
  1347. /* styles from the new_message.php file */
  1348. .message_view_table{
  1349. cellspacing:0;
  1350. cellpadding:0;
  1351. background-color:#dbeaf5;
  1352. border=0;
  1353. border-collapse: collapse;
  1354. width: 100%;
  1355. }
  1356. .message_view_table th{
  1357. padding-right: 12px;
  1358. border: 1px solid gray;
  1359. background-color: #f0f0f0;
  1360. }
  1361. .message-select-box{
  1362. float:left;
  1363. width:350px;
  1364. display:inline;
  1365. position:absolute;
  1366. margin-top:20px;
  1367. margin-left:32px;
  1368. }
  1369. /* styles from the my.profile.php file */
  1370. .message-content {
  1371. float:right;
  1372. margin:20px auto;
  1373. background:#F5E38E;
  1374. border:2px solid #EBCA4F;
  1375. padding:10px;
  1376. width:200px;
  1377. position:relative;
  1378. }
  1379. .message-content .message-delete {
  1380. position: absolute;
  1381. top: 10px;
  1382. right: 10px;
  1383. cursor: pointer;
  1384. }
  1385. .message-content-internal{
  1386. display:inline;
  1387. margin:20px auto;
  1388. background:#F5E38E;
  1389. border:2px solid #EBCA4F;
  1390. padding:10px;
  1391. width:100px;
  1392. position:relative;
  1393. margin-top:150px;
  1394. margin-right:-100px;
  1395. }
  1396. .message-title { color:#ff0000; font-size:15px; }
  1397. .message-body { font-size:11px; padding: 0 0 11px; color:#333; }
  1398. .message-link { color:#ff8400; }
  1399. .message-view {
  1400. float:right;
  1401. margin:20px auto;
  1402. background:#F5E38E;
  1403. border:2px solid #EBCA4F;
  1404. padding:10px;
  1405. width:100px;
  1406. position:relative;
  1407. margin-top:115px;
  1408. margin-right:-100px;
  1409. }
  1410. .message-content-table {
  1411. background-color:white;
  1412. border:1px solid black;
  1413. position:absolute;
  1414. width:200px;
  1415. height:60px;
  1416. z-index:3;
  1417. visibility:hidden;
  1418. top:85px;
  1419. left:10px;
  1420. margin: 0px;
  1421. padding: 0px;
  1422. }
  1423. .message-top-title {
  1424. float:left;
  1425. margin-top:1px;
  1426. margin-bottom:1px;
  1427. background-color:#F2F2F2;
  1428. width:600px;
  1429. border-bottom:1px solid #CCCCCC;
  1430. margin:left:5px;
  1431. }
  1432. .message-bottom-title {
  1433. height:22px;
  1434. float:left;
  1435. margin-top:1px;
  1436. margin-bottom:1px;
  1437. background-color:#F2F2F2;
  1438. width:600px;
  1439. border-bottom:1px solid #CCCCCC;
  1440. }
  1441. .message-content-body-left{
  1442. float:left;
  1443. width:55%;
  1444. }
  1445. .message-content-body-right {
  1446. float:right;
  1447. text-align:left;
  1448. width:45%;
  1449. }
  1450. .message-body-title{
  1451. float:right;
  1452. margin-top:1px;
  1453. margin-bottom:5px;
  1454. border-bottom:1px solid #CCCCCC;
  1455. border-collapse:collapse;
  1456. }
  1457. .message-image-info {
  1458. width:35%;
  1459. float:left;
  1460. margin-top:10px;
  1461. margin-bottom:10px;
  1462. margin-left:10px;
  1463. text-align:left;
  1464. margin-right:20px;
  1465. }
  1466. .message-content-body-right dd {
  1467. color:#333399;
  1468. border-bottom:1px solid #CCCCCC;
  1469. height:20px;
  1470. text-decoration:none;
  1471. outline-style:none;
  1472. background:#ffffff;
  1473. }
  1474. .message-content-body-right:hover {
  1475. }
  1476. /**********************************************
  1477. * EXERCISE TOOL *
  1478. **********************************************/
  1479. .exercice_form {
  1480. width: 300px;
  1481. }
  1482. #validationButton{
  1483. text-decoration: none;
  1484. margin: 5px;
  1485. /*border:1px solid #999999;*/
  1486. /*background:#F0F0F0; */
  1487. padding: 3px;
  1488. padding-left:10px;
  1489. padding-right:10px;
  1490. font-weight:bold;
  1491. color:#666;
  1492. }
  1493. .rounded{
  1494. background:#ccc;
  1495. padding: 3px;
  1496. width: 200px;
  1497. margin-left:10px;
  1498. }
  1499. .rounded_inner{
  1500. background:#FFF;
  1501. padding-top: 10px;
  1502. padding-bottom: 10px;
  1503. }
  1504. .rounded_inner:hover{
  1505. color:#C802A5;
  1506. background:#F0F0F0;
  1507. }
  1508. .exercise_scenario_label{
  1509. }
  1510. .exercise_scenario_element{
  1511. }
  1512. span.checkbox {
  1513. width: 19px;
  1514. height: 25px;
  1515. padding: 0 5px 0 0;
  1516. background: url(images/checkbox.gif) no-repeat;
  1517. display: block;
  1518. clear: left;
  1519. float: left;
  1520. }
  1521. span.radio {
  1522. width: 19px;
  1523. height: 25px;
  1524. padding: 0 5px 0 0;
  1525. background: url(images/radio.gif) no-repeat;
  1526. display: block;
  1527. clear: left;
  1528. float: left;
  1529. }
  1530. #question_title{
  1531. }
  1532. #question_description {
  1533. padding-left:5px;
  1534. padding-top:10px;
  1535. }
  1536. #question_score {
  1537. padding-left:5px;
  1538. padding-top:10px;
  1539. padding-bottom:10px;
  1540. font-weight:bold;
  1541. }
  1542. #question_feedback {
  1543. background-color:#FCF7BA;
  1544. border:1px solid #CCCCCC;
  1545. color:#666666;
  1546. font-size:11px;
  1547. font-weight:bold;
  1548. list-style-type:none;
  1549. margin-top:5px;
  1550. padding:5px;
  1551. }
  1552. #exercise_close_link{
  1553. background: url(images/close.gif) no-repeat;
  1554. padding-left: 20px;
  1555. }
  1556. #exercise_close_link:hover{
  1557. background: url(images/close_highlight.gif) no-repeat;
  1558. padding-left: 20px;
  1559. }
  1560. /*SOCIAL TOOL*/
  1561. .image-social-content {
  1562. cursor:pointer;
  1563. text-align:left;
  1564. margin:1px auto;
  1565. background:#ffffff;
  1566. border:1px solid #B8C8DC;
  1567. padding:5px;
  1568. width:100px;
  1569. position:relative;
  1570. margin-right:3px;
  1571. margin-left:4px;
  1572. margin-bottom:2px;
  1573. }
  1574. .image-social-content .image-delete {
  1575. position: absolute;
  1576. top: 1px;
  1577. right: 1px;
  1578. cursor: pointer;
  1579. }
  1580. .social-title{
  1581. color:#ffffff;
  1582. background:#4475B0;
  1583. border-bottom:1px dotted #4475B0;
  1584. border-top:1px dotted #4475B0;
  1585. padding:0px;
  1586. margin-bottom: 0px;
  1587. vertical-align:middle;
  1588. font-weight:bolder;
  1589. }
  1590. .social-subtitle{
  1591. background:#FFFFFF;
  1592. border-bottom:1px dotted #999999;
  1593. border-top:1px dotted #999999;
  1594. padding:0px;
  1595. margin-bottom: 0px;
  1596. vertical-align:middle;
  1597. }
  1598. .social-qualify{
  1599. border-bottom:1px solid #ece9d8;
  1600. border-left:1px solid #ece9d8;
  1601. background:#FFFFFF;
  1602. }
  1603. .social-qualify-display{
  1604. border-bottom:1px solid #ece9d8;
  1605. border-left:1px solid #ece9d8;
  1606. background:#FFFF66;
  1607. color:#000033;
  1608. font-weight:bold;
  1609. }
  1610. .social-info{
  1611. background:#B8C8DC;
  1612. color:#4475B0;
  1613. font-size:12px;
  1614. font-weight:bold;
  1615. }
  1616. .social-display-image{
  1617. float:right;
  1618. margin-top:-130px;
  1619. margin-right:5px;
  1620. }
  1621. .social-search-image{
  1622. color:#000033;
  1623. margin-top:2px;
  1624. border-bottom:1px solid #6B6262;
  1625. border-left:1px solid #6B6262;
  1626. border-right:1px solid #6B6262;
  1627. border-top:1px solid #6B6262;
  1628. width:250px;
  1629. }
  1630. .social-subtitle-search{
  1631. background:#ffffff;
  1632. border-top:1px #9DACBF solid;
  1633. border-bottom:1px #9DACBF solid;
  1634. }
  1635. .social-align-box {
  1636. text-align:left;
  1637. float:left;
  1638. }
  1639. .social-content-description {
  1640. background:#ECE9D8;
  1641. }
  1642. .social-content-body{
  1643. background:#ffffff;
  1644. }
  1645. .social-content-table{
  1646. border-top:1px #9DACBF solid;
  1647. border-left:1px #9DACBF solid;
  1648. border-right:1px #9DACBF solid;
  1649. border-bottom:1px #9DACBF solid;
  1650. }
  1651. .social-profile-info {
  1652. width:350px;
  1653. }
  1654. .social-profile-info dt {
  1655. text-align:left;
  1656. clear:left;
  1657. color:#808080;
  1658. float:left;
  1659. width:100px;
  1660. }
  1661. .social-profile-info dd {
  1662. padding:1px 0px 3px 0px;
  1663. float:left;
  1664. margin:0;
  1665. display : block;
  1666. padding-left:10px;
  1667. width:200px;
  1668. }
  1669. #social-profile-wrapper {
  1670. width: 100%;
  1671. text-align:left;
  1672. margin:0 auto;
  1673. float: left;
  1674. }
  1675. #social-profile-container {
  1676. /*width: 100%;*/
  1677. }
  1678. #social-profile-left {
  1679. float:left;
  1680. width:22%;
  1681. }
  1682. .left-side {
  1683. min-width: 198px;
  1684. margin: 0px;
  1685. }
  1686. #social-profile-content {
  1687. float:right;
  1688. width:48%;
  1689. }
  1690. #social-profile-right {
  1691. float:right;
  1692. width:30%;
  1693. }
  1694. .social-profile-post {
  1695. width: 450px;
  1696. background : #EFEFEF;
  1697. }
  1698. .maincourse {
  1699. width: 100%; margin-left:0px;
  1700. }
  1701. .social-profile-rounded {
  1702. background : #eee;
  1703. }
  1704. #social-profile-forum {
  1705. padding-left:0px;
  1706. }
  1707. #social-profile-thread {
  1708. padding-left:20px;
  1709. }
  1710. #social-post{
  1711. padding-left:30px;
  1712. }
  1713. .actions-profile {
  1714. font-size:14px;
  1715. background:#efefef;
  1716. border-bottom:1px dotted #999999;
  1717. border-top:1px dotted #999999;
  1718. /*height:35px;*/
  1719. padding:2px;
  1720. margin-bottom: 2px;
  1721. /*background:url(images/actions.jpg) repeat-x;*/
  1722. vertical-align:middle;
  1723. font-weight:700;
  1724. margin-right:2px;
  1725. }
  1726. .social-content-image {
  1727. margin-top:4px;
  1728. margin-right:5px;
  1729. background:#EFEFEF;
  1730. border-left:1px #999999 dotted;
  1731. border-top:1px #999999 dotted ;
  1732. border-right:1px #999999 dotted;
  1733. border-bottom:1px #999999 dotted;
  1734. }
  1735. .social-background-content {
  1736. background:#EFEFEF;
  1737. }
  1738. .social-content-information {
  1739. margin-left:10px;
  1740. margin-right:10px;
  1741. }
  1742. .social-content-training {
  1743. margin-left:10px;
  1744. margin-right:10px;
  1745. }
  1746. .social-friend-container {
  1747. margin-left:10px;
  1748. margin-right:10px;
  1749. }
  1750. .social-content-competences {
  1751. margin-left:5px;
  1752. margin-right:5px;
  1753. }
  1754. .social-content-announcements {
  1755. margin-left:10px;
  1756. margin-right:10px;
  1757. }
  1758. .social-content-agenda {
  1759. margin-left:10px;
  1760. margin-right:10px;
  1761. }
  1762. .social-actions-message {
  1763. white-space: nowrap;
  1764. padding: 2px;
  1765. background-color: #ffffff;
  1766. border: 1px solid #bbb;
  1767. }
  1768. /*****************************************************
  1769. * BUTTONS *
  1770. *****************************************************/
  1771. /* BUTTONS */
  1772. button {
  1773. margin:0 5px 3px 3px !important;
  1774. background-color: #DFDFDF;
  1775. border-width: 1px;
  1776. /* -moz-border-radius-topright : 5px;
  1777. -moz-border-radius-topleft : 5px;
  1778. -moz-border-radius-bottomright : 5px;
  1779. -moz-border-radius-bottomleft : 5px;
  1780. */
  1781. font-family: bold arial,verdana,helvetica,sans-serif;
  1782. font-size: 100%;
  1783. line-height :130%;
  1784. text-decoration: none;
  1785. color: black;
  1786. cursor: pointer;
  1787. padding:5px 15px 5px 15px;
  1788. vertical-align:middle;
  1789. }
  1790. button:hover {
  1791. background-color:#cbcbcb;
  1792. color:#545454;
  1793. border-style: inset;
  1794. }
  1795. /* button with image */
  1796. button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
  1797. padding-left:30px;
  1798. background-position:10px;
  1799. background-repeat:no-repeat;
  1800. }
  1801. /* POSITIVE */
  1802. button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
  1803. background-color:#E5EDF9;
  1804. border-color: #D4E2F6;
  1805. }
  1806. button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
  1807. border-color: #D4E2F6;
  1808. background-color:#D4E2F6;
  1809. }
  1810. /* NEGATIVE */
  1811. button.cancel {
  1812. background-color:#F8E8E6;
  1813. border-color: #FFE3DE;
  1814. }
  1815. button.cancel:hover {
  1816. border-color: #F4E1D0;
  1817. background-color: #FFE3DE;
  1818. }
  1819. /*including "save" image*/
  1820. button.save {
  1821. background-image:url(images/button_accept.gif);
  1822. }
  1823. /*including "add" image*/
  1824. button.add {
  1825. background-image:url(images/button_add.gif);
  1826. }
  1827. /*including "cancel" image*/
  1828. button.cancel {
  1829. background-image:url(images/button_delete.gif);
  1830. }
  1831. /*including "search" image*/
  1832. button.search {
  1833. background-image:url(images/button_search.gif);
  1834. }
  1835. /*including "login" image*/
  1836. button.login {
  1837. background-image:url(images/button_login.gif);
  1838. }
  1839. /*including "plus" image*/
  1840. button.plus {
  1841. background-image:url(images/button_plus.gif);
  1842. }
  1843. /*including "minus" image*/
  1844. button.minus {
  1845. background-image:url(images/button_minus.gif);
  1846. }
  1847. /*including "next" image*/
  1848. button.next {
  1849. background-image:url(images/button_next.gif);
  1850. }
  1851. /*including "back" image*/
  1852. button.back {
  1853. background-image:url(images/button_back.gif);
  1854. }
  1855. .icon_image_content{
  1856. width:70px;
  1857. cursor:hand;
  1858. height:8em;
  1859. text-align: center;
  1860. padding-top: 3px;
  1861. padding-right: 5x;
  1862. padding-bottom: 3px;
  1863. padding-left: 5px;
  1864. }
  1865. .question_menu {list-style:none; float:left; }
  1866. .question_menu li{float:left; margin:0px;}
  1867. #exercise_admin {margin: 0; padding: 0; border: 0; }