course.css 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  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. color: #4171b5;
  252. }
  253. #academic a:hover, a:focus {
  254. color: #000915;
  255. }
  256. /*
  257. ------------------------------------------------------------------------------
  258. Introductory title
  259. ------------------------------------------------------------------------------
  260. */
  261. #academic #box_title1 {
  262. background:transparent url("images/alert.jpg") no-repeat top center;
  263. border:none;
  264. padding-top:10px;
  265. color: #00122B;
  266. }
  267. #academic #box_title1 #bottom {
  268. background:transparent url("images/alert.jpg") no-repeat top center;
  269. height:40px;
  270. width:100%;
  271. }
  272. #academic #footer1 {
  273. background: #8cafe1 url('images/crystal3.png') repeat-x;
  274. }
  275. #academic #footer1 a {
  276. color:#fff;
  277. }
  278. #academic #footer1 a:hover, #academic #footer1 a:focus {
  279. color: #000915;
  280. }
  281. /*
  282. ------------------------------------------------------------------------------
  283. Explanation
  284. ------------------------------------------------------------------------------
  285. */
  286. #academic #explanation {
  287. background:transparent url("images/alert.jpg") no-repeat top center;
  288. border:none;
  289. padding-top:10px;
  290. color: #00122B;
  291. }
  292. #academic #explanation #bottom {
  293. background:transparent url("images/alert.jpg") no-repeat top center;
  294. height:40px;
  295. width:100%;
  296. }
  297. #academic #list2, #academic #main2 {
  298. border: 1px solid #0049AF;
  299. }
  300. #academic #nav2 img {
  301. margin-bottom:3em;
  302. }
  303. #academic #nav2 .logo {
  304. margin-left:-1.2em;
  305. }
  306. #academic #nav2 {
  307. top:5em;
  308. }
  309. /*
  310. ------------------------------------------------------------------------------
  311. Course objetives
  312. ------------------------------------------------------------------------------
  313. */
  314. #academic #box_title3 {
  315. border: 1px solid #0049AF;
  316. background: #b0c8eb url('images/crystal3.png') repeat-x;
  317. color: #00122B;
  318. }
  319. #academic #content3 {
  320. border: 1px solid #0049AF;
  321. }
  322. /*
  323. ==============================================================================
  324. Styles for baby version
  325. ==============================================================================
  326. */
  327. #baby {
  328. font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
  329. color: #000;
  330. }
  331. #baby a {
  332. text-decoration: none;
  333. font: bold 100% Arial, sans-serif, sans;
  334. color: #9a0;
  335. }
  336. #baby a:hover, a:focus {
  337. color: #470;
  338. }
  339. /*
  340. ------------------------------------------------------------------------------
  341. Introductory title
  342. ------------------------------------------------------------------------------
  343. */
  344. #baby #box_title1 {
  345. background:transparent url("images/alert.jpg") no-repeat top center;
  346. border:none;
  347. padding-top:10px;
  348. color: #00122B;
  349. }
  350. #baby #box_title1 #bottom {
  351. background:transparent url("images/alert.jpg") no-repeat top center;
  352. height:40px;
  353. width:100%;
  354. }
  355. #baby #footer1 {
  356. background-color:transparent;
  357. border: 1px solid #BFAF00;
  358. padding: .2em;
  359. color: #3F3A00;
  360. }
  361. /*
  362. ------------------------------------------------------------------------------
  363. Explanation
  364. ------------------------------------------------------------------------------
  365. */
  366. #baby #explanation {
  367. background:transparent url("images/alert.jpg") no-repeat top center;
  368. border:none;
  369. padding-top:10px;
  370. color: #3F3A00;
  371. }
  372. #baby #explanation #bottom {
  373. background:transparent url("images/alert.jpg") no-repeat top center;
  374. height:40px;
  375. width:100%;
  376. }
  377. #baby #list2, #baby #main2 {
  378. border: 1px solid #BFAF00;
  379. }
  380. #baby #nav2 {
  381. top:0;
  382. }
  383. #baby #content2 #main2 h2 {
  384. font:bold 1.1em Arial, sans-serif, sans;
  385. margin:.2em 0 3em .5em;
  386. }
  387. /*
  388. ------------------------------------------------------------------------------
  389. Course objetives
  390. ------------------------------------------------------------------------------
  391. */
  392. #baby #box_title3 {
  393. background:transparent url("images/alert.jpg") no-repeat top center;
  394. border:none;
  395. padding-top:10px;
  396. color: #3F3A00;
  397. }
  398. #baby #box_title3 #bottom {
  399. background:transparent url("images/alert.jpg") no-repeat top center;
  400. height:40px;
  401. width:100%;
  402. }
  403. #baby #content3 {
  404. border: 1px solid #BFAF00;
  405. }