base.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466
  1. /**
  2. * Common CSS for all themes
  3. */
  4. * {
  5. outline :none;
  6. }
  7. input {
  8. -moz-border-radius:5px;
  9. -webkit-border-radius:5px;
  10. border-radius:5px;
  11. -x-system-font:none;
  12. border:1px solid #CCCCCC;
  13. color:#666666;
  14. font-family:Arial,Helvetica,sans-serif;
  15. font-size:120%;
  16. line-height:normal;
  17. padding:4px;
  18. }
  19. textarea {
  20. border:1px solid #CCCCCC;
  21. padding:5px;
  22. -moz-border-radius:5px;
  23. -webkit-border-radius:5px;
  24. border-radius:5px;
  25. color:#666666;
  26. }
  27. select {
  28. color:#555;
  29. border: 1px solid #CCC;
  30. padding: 4px;
  31. background-color: #F3F3F3;
  32. font-size: 12px;
  33. -moz-border-radius:5px;
  34. -webkit-border-radius:5px;
  35. border-radius:5px;
  36. }
  37. input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  38. cursor: pointer;
  39. font-size: 12px;
  40. -moz-border-radius:5px;
  41. -webkit-border-radius:5px;
  42. -border-radius:5px;
  43. border:1px solid #E1E1E0;
  44. }
  45. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  46. border: 1px solid #849FB3;
  47. box-shadow: 0 0 5px #C9D2D9;
  48. background-image:none;
  49. background-color:white;
  50. -moz-border-radius:5px;
  51. -border-radius:5px;
  52. -webkit-border-radius:5px;
  53. border-radius:5px;
  54. }
  55. /* Fixes the FB input*/
  56. input.maininput:focus {
  57. box-shadow:0 0 0px #fff;
  58. border:none;
  59. }
  60. /* Big icons course home page styles */
  61. .big_icon {
  62. /*width:205px; */
  63. padding:10px;
  64. }
  65. .big_icon img {
  66. margin:0 auto 0 auto;
  67. }
  68. .courseadminview .big_icon a {
  69. font-size:12px;
  70. }
  71. /* Fixes the administration block section */
  72. .admin_section div {
  73. margin: 5px 0 14px 5px;
  74. margin-left: 39px;
  75. }
  76. .rounded_div {
  77. background: none repeat scroll 0 0 #FFFFFF;
  78. border: 1px solid #E5E5E5;
  79. -webkit-border-radius: 11px;
  80. -opera-border-radius: 11px;
  81. -moz-border-radius: 11px;
  82. border-radius: 11px;
  83. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  84. -opera-box-shadow: 0 4px 18px #C8C8C8;
  85. -moz-box-shadow: 0 4px 18px #C8C8C8;
  86. box-shadow: 0 4px 18px #C8C8C8;
  87. float: left;
  88. height: auto;
  89. margin: 10px 8px 15px 15px;
  90. padding: 16px 12px 5px;
  91. }
  92. /* Categories courses*/
  93. #course-picture {
  94. position:absolute;
  95. top:8%;
  96. left:85%;
  97. padding:4px;
  98. border:1pt solid #ccc;
  99. }
  100. #categories-content-first {
  101. width:290px;
  102. padding:5px;
  103. float:left;
  104. }
  105. #categories-search {
  106. text-align:center;
  107. /*height:55px; */
  108. float: right;
  109. }
  110. #categories-list {
  111. -moz-border-radius-topleft:8px;
  112. -moz-border-radius-topright:8px;
  113. -webkit-border-top-left-radius: 8px;
  114. -webkit-border-top-right-radius: 8px;
  115. border-top-left-radius: 8px;
  116. border-top-right-radius: 8px;
  117. -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
  118. -Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
  119. box-shadow: 0 -1px 10px 2px #CCCCCC;
  120. border:1px solid #CCCCCC;
  121. float:left;
  122. margin:10px;
  123. width:240px;
  124. min-height:132px;
  125. padding:25px;
  126. font-size:11pt;
  127. }
  128. #categories-content-second {
  129. margin-left: 315px;
  130. padding:5px;
  131. margin-top:5px;
  132. }
  133. .categories-block-course {
  134. -moz-border-radius-topleft:8px;
  135. -moz-border-radius-topright:8px;
  136. -webkit-border-top-left-radius: 8px;
  137. -webkit-border-top-right-radius: 8px;
  138. border-top-left-radius: 8px;
  139. border-top-right-radius: 8px;
  140. -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
  141. -Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
  142. box-shadow: 0 -1px 10px 2px #CCCCCC;
  143. border:1px solid #CCCCCC;
  144. float:left;
  145. margin:10px;
  146. padding:9px;
  147. width:220px;
  148. min-height:180px;
  149. color: #BBBBBB;
  150. }
  151. .categories-course-picture {
  152. width:95px;
  153. height:95px;
  154. float:left;
  155. -moz-border-radius-topleft:4px;
  156. -moz-border-radius-topright:4px;
  157. -webkit-border-top-left-radius: 4px;
  158. -webkit-border-top-right-radius: 4px;
  159. border-top-left-radius: 4px;
  160. border-top-right-radius: 4px;
  161. -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
  162. -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
  163. box-shadow: 0 -1px 5px 2px #CCCCCC;
  164. margin-left: 8px;
  165. }
  166. .categories-course-picture img {
  167. width: 95px;
  168. height: 95px;
  169. background-color: #eeeeee;
  170. }
  171. .categories-course-description {
  172. margin-left:10px;
  173. font-family:arial;
  174. font-size:11px;
  175. margin-bottom: 10px;
  176. }
  177. .categories-course-description .course-block-title {
  178. font-family: arial;
  179. font-size: large;
  180. margin-bottom: 10px;
  181. color: #222222;
  182. }
  183. .categories-course-description .course-block-teacher {
  184. font-size: large;
  185. font-style: italic;
  186. text-align: right;
  187. color: #444444;
  188. }
  189. .categories-course-description .course-block-date {
  190. font-size: large;
  191. font-style: italic;
  192. text-align: right;
  193. color: #444444;
  194. }
  195. .course-block-popularity {
  196. width: 90px;
  197. margin-left:120px;
  198. font-size: x-small;
  199. font-style: italic;
  200. text-align: right;
  201. background-color: #eeeeee;
  202. min-height:95px;
  203. padding-right: 5px;
  204. -moz-border-radius-topleft:4px;
  205. -moz-border-radius-topright:4px;
  206. -webkit-border-top-left-radius: 4px;
  207. -webkit-border-top-right-radius: 4px;
  208. border-top-left-radius: 4px;
  209. border-top-right-radius: 4px;
  210. -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
  211. -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
  212. box-shadow: 0 -1px 5px 2px #CCCCCC;
  213. }
  214. .course-block-popularity-score {
  215. font-size: 3em;
  216. text-align: center;
  217. color: #000000;
  218. padding-top: 10px;
  219. text-shadow: gray 3px 3px 2px;
  220. }
  221. .categories-course-links {
  222. margin-top:5px;
  223. height: 25px;
  224. }
  225. .course-link-desc a {
  226. text-decoration:underline;
  227. }
  228. .course-link-desc span {
  229. padding-top:10px;
  230. }
  231. .attendance-users-table td {
  232. height:66px;
  233. }
  234. .attendance-calendar-table td {
  235. height:66px;
  236. }
  237. .rounded_div_agenda {
  238. background: none repeat scroll 0 0 #FFFFFF;
  239. -webkit-border-radius: 6px;
  240. -opera-border-radius: 6px;
  241. -moz-border-radius: 6px;
  242. border-radius: 6px;
  243. -webkit-box-shadow: 0 2px 5px #C8C8C8;
  244. -opera-box-shadow: 0 2px 5px #C8C8C8;
  245. -moz-box-shadow: 0 2px 5px #C8C8C8;
  246. box-shadow: 0 2px 5px #C8C8C8;
  247. float: left;
  248. height: auto;
  249. margin: 2px 4px 15px;
  250. padding: 8px;
  251. width: 85%;
  252. }
  253. .agenda_day {
  254. float:left;
  255. width:100%;
  256. background-color: #F8F9FF;
  257. color: #666666;
  258. line-height: 16px;
  259. overflow: hidden;
  260. margin-bottom:5px;
  261. }
  262. .days_today .agenda_day {
  263. float:left;
  264. width:100%;
  265. background-color: #FAD163;
  266. color: #666666;
  267. line-height: 16px;
  268. overflow: hidden;
  269. margin-bottom:5px;
  270. }
  271. a.tag {
  272. background-color: #E0EAF1;
  273. border-bottom: 1px solid #3E6D8E;
  274. border-right: 1px solid #7F9FB6;
  275. color: #3E6D8E;
  276. font-size: 90%;
  277. line-height: 2.4;
  278. margin: 2px 2px 2px 0;
  279. padding: 3px 4px;
  280. text-decoration: none;
  281. white-space: nowrap;
  282. }
  283. /* New button style experimental */
  284. button {
  285. border:1px solid #ccc;
  286. -opera-border-radius: 8px;
  287. -webkit-border-radius: 8px;
  288. border-radius: 8px;
  289. -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  290. -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  291. box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  292. font-weight:bold;
  293. font-size: 105%;
  294. }
  295. button:hover {
  296. color:#000;
  297. border-style: inset;
  298. background-color:#eee;
  299. border:1px solid #ccc;
  300. }
  301. /* Makes the course elements more readable */
  302. .userportal-course-item{
  303. padding:15px;
  304. }
  305. .session_course_item {
  306. padding: 6px 0px 6px 5px ;
  307. }
  308. /* New LP add item */
  309. div.lp_resource {
  310. /*background:#FAFAFA;
  311. border:1px solid #ccc; */
  312. padding:5px 10px;
  313. width:450px;
  314. list-style-type: none;
  315. margin: 0;
  316. padding: 0;
  317. }
  318. .lp_resource_element, .lp_resource_element_no_link {
  319. /*background: -moz-linear-gradient(center top , #FEFEFE, #EEEEEE) repeat scroll 0 0 #EEEEEE;
  320. background: -webkit-linear-gradient(center top , #FEFEFE, #EEEEEE) repeat scroll 0 0 #EEEEEE;*/
  321. background-image:-moz-linear-gradient(top,#fefefe,#eee);
  322. background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
  323. border: 1px solid #CCCCCC;
  324. color: #444444;
  325. cursor: pointer;
  326. font-weight: bold;
  327. text-decoration: none;
  328. text-shadow: 0 1px 1px #F6F6F6;
  329. margin:5px;
  330. padding:5px;
  331. }
  332. .doc_resource {
  333. margin:5px;
  334. }
  335. div.lp_tree {
  336. height: 100%;
  337. overflow: auto;
  338. padding: 3px 10px 3px 0;
  339. width: 230px;
  340. }
  341. table.lp_build td.tree {
  342. border:none;
  343. }
  344. #resource_tab {
  345. min-height:380px;
  346. }
  347. /* Calendar */
  348. #agenda_list .days_week {
  349. height: 100px;
  350. }
  351. /* Breadcrumb */
  352. .bread {
  353. //border: 1px solid #DEDEDE;
  354. height: 25px;
  355. margin: 0px;
  356. padding:0px;
  357. }
  358. .bread li {
  359. color: #777777;
  360. float: left;
  361. line-height: 25px;
  362. }
  363. .bread span {
  364. display: block;
  365. font-size:11px;
  366. padding: 0 15px 0 9px;
  367. }
  368. .bread a {
  369. display: block;
  370. font-size:11px;
  371. }
  372. .bread a:hover {
  373. color:#35acc5;
  374. }
  375. .bread li {
  376. display: block;
  377. }
  378. .bread li a {
  379. background: url("crumbs.gif") no-repeat scroll right center transparent;
  380. display: block;
  381. background-repeat:no-repeat;
  382. background-position:right;
  383. }
  384. .bread .home {
  385. padding:5px 15px 4px 8px;
  386. }
  387. #logo {
  388. height:85px;
  389. overflow:hidden;
  390. margin-left:4%;
  391. }