course.css 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  1. /*
  2. ==============================================================================
  3. GLOBAL STYLES
  4. ==============================================================================
  5. */
  6. .dokeos_course {
  7. width:95%;
  8. margin:1em auto;
  9. text-align:center;
  10. }
  11. /*
  12. ------------------------------------------------------------------------------
  13. Introductory title
  14. ------------------------------------------------------------------------------
  15. */
  16. #box_title1, #footer1 {
  17. border:1px solid #4171b5;
  18. padding:1em;
  19. width:99%;
  20. margin:1em auto;
  21. }
  22. #box_title1 h1 {
  23. font:bold 2.5em Arial, sans-serif, sans;
  24. }
  25. #box_title h2 {
  26. font:bold 2em Arial, sans-serif, sans;
  27. }
  28. #content1 {
  29. width:99%;
  30. clear:both;
  31. text-align:justify;
  32. }
  33. #content1 img.icon {
  34. float:left;
  35. margin:0 1em 1em 1em;
  36. display:block;
  37. vertical-align:top;
  38. }
  39. #email1 {
  40. float:right;
  41. clear:right;
  42. text-align:right;
  43. }
  44. #email1, .manager1 {
  45. width:50%;
  46. }
  47. #footer1 {
  48. font-weight:bold;
  49. height: 1em;
  50. line-height: 1em;
  51. }
  52. #manager1 {
  53. float:left;
  54. clear:left;
  55. text-align:left;
  56. }
  57. /*
  58. ------------------------------------------------------------------------------
  59. Explanation
  60. ------------------------------------------------------------------------------
  61. */
  62. #content2 {
  63. position:absolute;
  64. top:2em;
  65. left:18em;
  66. text-align:justify;
  67. margin-right:2em;
  68. }
  69. #content2 h1 {
  70. padding:.5em;
  71. font:bold 2em Arial, sans-serif, sans;
  72. }
  73. #content2 h2 {
  74. font:normal 1.1em Arial, sans-serif, sans;
  75. margin:.2em 0 3em .5em;
  76. }
  77. #content2 p {
  78. margin:.5em;
  79. }
  80. #explanation {
  81. text-align:center;
  82. margin: 1em auto;
  83. width:auto;
  84. border:1px solid #4171b5;
  85. }
  86. #list2 {
  87. width:10em;
  88. border:1px solid #4171b5;
  89. margin:2em auto;
  90. }
  91. #list2 p {
  92. text-align:left;
  93. margin-left:.2em;
  94. }
  95. #list2 li {
  96. margin:0 0 0 2em;
  97. padding:0;
  98. text-indent:.5em;
  99. text-align:left;
  100. list-style-position:inside;
  101. }
  102. #list2 ul {
  103. margin:0 0 .5em 0;
  104. padding:0;
  105. text-align:left;
  106. list-style-position:inside;
  107. }
  108. #main2 {
  109. border:1px solid #4171b5;
  110. }
  111. #nav2 {
  112. position:absolute;
  113. left:2em;
  114. top:3em;
  115. width:15em;
  116. }
  117. .template2 {
  118. position:relative;
  119. }
  120. /*
  121. ------------------------------------------------------------------------------
  122. Course objetives
  123. ------------------------------------------------------------------------------
  124. */
  125. #box_title3, #content3 {
  126. border:1px solid #4171b5;
  127. padding:1em;
  128. width:99%;
  129. margin:1em auto;
  130. }
  131. #box_title3 h1 {
  132. font:bold 3.5em Arial, sans-serif, sans;
  133. }
  134. #content3 {
  135. position:relative;
  136. padding-bottom:50px;
  137. text-align:left;
  138. }
  139. #content3 #primary {
  140. font-weight:bold;
  141. font-size:2em;
  142. margin:0;
  143. padding:0;
  144. }
  145. #content3 #primary li, #content3 #secondary li {
  146. margin:0 0 0 1em;
  147. padding:0;
  148. }
  149. #content3 #primary .secondary {
  150. font-weight:normal;
  151. font-size:.8em;
  152. margin:0 0 0 2em;
  153. padding:0;
  154. }
  155. #footer3 {
  156. position:absolute;
  157. bottom:0;
  158. right:0;
  159. }
  160. /*
  161. ==============================================================================
  162. Styles for corporative version
  163. ==============================================================================
  164. */
  165. #corp {
  166. font:normal .85em Lucida Grande, Arial, sans-serif, sans;
  167. }
  168. #corp a {
  169. text-decoration: none;
  170. font: bold 100% Arial, sans-serif, sans;
  171. color: #4170b4;
  172. }
  173. #corp a:hover, #corp a:focus {
  174. color: #111;
  175. }
  176. /*
  177. ------------------------------------------------------------------------------
  178. Introductory title
  179. ------------------------------------------------------------------------------
  180. */
  181. #corp #box_title1 {
  182. background:transparent url("images/alert.jpg") no-repeat top center;
  183. border:none;
  184. padding-top:10px;
  185. }
  186. #corp #box_title1 #bottom {
  187. background:transparent url("images/alert.jpg") no-repeat top center;
  188. height:40px;
  189. width:100%;
  190. }
  191. #corp #footer1 {
  192. border: 1px solid #ddd;
  193. background:#eee url("images/headertables.jpg") repeat-x top center;
  194. line-height:.8em;
  195. height:.8em;
  196. padding:.5em;
  197. }
  198. /*
  199. ------------------------------------------------------------------------------
  200. Explanation
  201. ------------------------------------------------------------------------------
  202. */
  203. #corp #explanation {
  204. background:transparent url("images/alert.jpg") no-repeat top center;
  205. border:none;
  206. padding-top:10px;
  207. }
  208. #corp #explanation #bottom {
  209. background:transparent url("images/alert.jpg") no-repeat top center;
  210. height:40px;
  211. margin-top:-15px;
  212. width:100%;
  213. }
  214. #corp #list2, #corp #main2 {
  215. border:1px solid #aaa;
  216. }
  217. #corp #content2 #main2 h2 {
  218. font:bold 1.1em Arial, sans-serif, sans;
  219. margin:.2em 0 3em .5em;
  220. }
  221. /*
  222. ------------------------------------------------------------------------------
  223. Course objetives
  224. ------------------------------------------------------------------------------
  225. */
  226. #corp #box_title3 {
  227. background:transparent url("images/alert.jpg") no-repeat top center;
  228. border:none;
  229. padding-top:10px;
  230. }
  231. #corp #box_title3 #bottom {
  232. background:transparent url("images/alert.jpg") no-repeat top center;
  233. height:40px;
  234. width:100%;
  235. }
  236. #corp #content3 {
  237. border:1px solid #bbb;
  238. }
  239. /*
  240. ==============================================================================
  241. Styles for academic version
  242. ==============================================================================
  243. */
  244. #academic {
  245. font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
  246. color: #000915;
  247. }
  248. #academic a {
  249. text-decoration: none;
  250. font: bold 100% Arial, sans-serif, sans;
  251. }
  252. #academic a:hover, a:focus {
  253. }
  254. /*
  255. ------------------------------------------------------------------------------
  256. Introductory title
  257. ------------------------------------------------------------------------------
  258. */
  259. #academic #box_title1 {
  260. background:transparent url("images/alert_academic.jpg") no-repeat top center;
  261. border:none;
  262. padding-top:10px;
  263. color: #00122B;
  264. }
  265. #academic #box_title1 #bottom {
  266. background:transparent url("images/alert_academic.jpg") no-repeat top center;
  267. height:40px;
  268. width:100%;
  269. }
  270. #academic #footer1 {
  271. background: #8cafe1 url('images/crystal3.png') repeat-x;
  272. }
  273. #academic #footer1 a {
  274. color:#fff;
  275. }
  276. #academic #footer1 a:hover, #academic #footer1 a:focus {
  277. }
  278. /*
  279. ------------------------------------------------------------------------------
  280. Explanation
  281. ------------------------------------------------------------------------------
  282. */
  283. #academic #explanation {
  284. background:transparent url("images/alert_academic.jpg") no-repeat top center;
  285. border:none;
  286. padding-top:10px;
  287. color: #00122B;
  288. }
  289. #academic #explanation #bottom {
  290. background:transparent url("images/alert_academic.jpg") no-repeat top center;
  291. height:40px;
  292. width:100%;
  293. }
  294. #academic #list2, #academic #main2 {
  295. border: 1px solid #0049AF;
  296. }
  297. #academic #nav2 img {
  298. margin-bottom:3em;
  299. }
  300. #academic #nav2 .logo {
  301. margin-left:-1.2em;
  302. }
  303. #academic #nav2 {
  304. top:5em;
  305. }
  306. /*
  307. ------------------------------------------------------------------------------
  308. Course objetives
  309. ------------------------------------------------------------------------------
  310. */
  311. #academic #box_title3 {
  312. border: 1px solid #0049AF;
  313. background: #b0c8eb url('images/crystal3.png') repeat-x;
  314. color: #00122B;
  315. }
  316. #academic #content3 {
  317. border: 1px solid #0049AF;
  318. }
  319. /*
  320. ==============================================================================
  321. Styles for baby version
  322. ==============================================================================
  323. */
  324. #baby {
  325. font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
  326. color: #000;
  327. }
  328. #baby a {
  329. text-decoration: none;
  330. font: bold 100% Arial, sans-serif, sans;
  331. color: #9a0;
  332. }
  333. #baby a:hover, a:focus {
  334. }
  335. /*
  336. ------------------------------------------------------------------------------
  337. Introductory title
  338. ------------------------------------------------------------------------------
  339. */
  340. #baby #box_title1 {
  341. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  342. border:none;
  343. padding-top:10px;
  344. color: #00122B;
  345. }
  346. #baby #box_title1 #bottom {
  347. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  348. height:40px;
  349. width:100%;
  350. }
  351. #baby #footer1 {
  352. background-color:transparent;
  353. border: 1px solid #BFAF00;
  354. padding: .2em;
  355. color: #3F3A00;
  356. }
  357. /*
  358. ------------------------------------------------------------------------------
  359. Explanation
  360. ------------------------------------------------------------------------------
  361. */
  362. #baby #explanation {
  363. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  364. border:none;
  365. padding-top:10px;
  366. color: #3F3A00;
  367. }
  368. #baby #explanation #bottom {
  369. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  370. height:40px;
  371. width:100%;
  372. }
  373. #baby #list2, #baby #main2 {
  374. border: 1px solid #BFAF00;
  375. }
  376. #baby #nav2 {
  377. top:0;
  378. }
  379. #baby #content2 #main2 h2 {
  380. font:bold 1.1em Arial, sans-serif, sans;
  381. margin:.2em 0 3em .5em;
  382. }
  383. /*
  384. ------------------------------------------------------------------------------
  385. Course objetives
  386. ------------------------------------------------------------------------------
  387. */
  388. #baby #box_title3 {
  389. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  390. border:none;
  391. padding-top:10px;
  392. color: #3F3A00;
  393. }
  394. #baby #box_title3 #bottom {
  395. background:transparent url("images/alert_baby.jpg") no-repeat top center;
  396. height:40px;
  397. width:100%;
  398. }
  399. #baby #content3 {
  400. border: 1px solid #BFAF00;
  401. }