style.css

  1. 6.x themes/fp6_clean/style.css
  2. 6.x modules/engagements/css/style.css
  3. 6.x modules/alerts/css/style.css
  4. 6.x modules/system/css/style.css
  5. 6.x modules/calendar/css/style.css
  6. 6.x modules/student_profile/css/style.css
  7. 6.x modules/schools/css/style.css
  8. 4.x themes/classic/style.css
  9. 4.x modules/system/css/style.css
  10. 5.x themes/basic/style.css
  11. 5.x themes/fp5_clean/style.css
  12. 5.x themes/classic/style.css
  13. 5.x modules/system/css/style.css

This CSS file pertains to the look of content itself in FlightPath.

File

themes/classic/style.css
View source
  1. /**
  2. * @file
  3. * This CSS file pertains to the look of content itself in FlightPath.
  4. */
  5. .level-3-raquo {
  6. padding: 0 5px 0 5px;
  7. }
  8. .c-fieldset-content {
  9. /* the astericks mean "only for IE" */
  10. *margin-left: 10px;
  11. *margin-right: 10px;
  12. }
  13. .c-fieldset {
  14. margin-bottom: 10px;
  15. }
  16. .selection_highlight {
  17. background-color: #FFFF99;
  18. }
  19. img.fpmn-icon {
  20. position: relative;
  21. top: 4px;
  22. margin-right: 8px;
  23. }
  24. /*
  25. * checkboxes....
  26. *
  27. * */
  28. span.advise-checkbox {
  29. width:14px;
  30. height:14px;
  31. display:inline-block;
  32. background: url('images/cb_eligible.gif') no-repeat top left;
  33. }
  34. span.advise-checkbox-eligible {
  35. background: url('images/cb_eligible.gif') no-repeat top left;
  36. }
  37. span.advise-checkbox-eligible-checked {
  38. background: url('images/cb_eligible-check.gif') no-repeat top left;
  39. }
  40. span.advise-checkbox-completed {
  41. background: url('images/cb_completed.gif') no-repeat top left;
  42. }
  43. span.advise-checkbox-completed-checked {
  44. background: url('images/cb_completed-check.gif') no-repeat top left;
  45. }
  46. span.advise-checkbox-disabled {
  47. background: url('images/cb_disabled.gif') no-repeat top left;
  48. }
  49. span.advise-checkbox-disabled-checked {
  50. background: url('images/cb_disabled-check.gif') no-repeat top left;
  51. }
  52. span.advise-checkbox-enrolled {
  53. background: url('images/cb_enrolled.gif') no-repeat top left;
  54. }
  55. span.advise-checkbox-enrolled-checked {
  56. background: url('images/cb_enrolled-check.gif') no-repeat top left;
  57. }
  58. span.advise-checkbox-retake {
  59. background: url('images/cb_retake.gif') no-repeat top left;
  60. }
  61. span.advise-checkbox-retake-checked {
  62. background: url('images/cb_retake-check.gif') no-repeat top left;
  63. }
  64. /**************/
  65. .full_admin_top_options
  66. {
  67. font-size: 10pt;
  68. border: 1px solid maroon;
  69. padding: 2px;
  70. margin-left: 10px;
  71. }
  72. .flightpath-greeting-message {
  73. font-size: 0.8em;
  74. }
  75. .page-content {
  76. background-color: white;
  77. }
  78. .sub-tabs {
  79. margin-bottom: 10px;
  80. margin-top: 5px;
  81. font-size: 0.9em;
  82. }
  83. .sub-tabs .gradbutton-active {
  84. font-weight: bold;
  85. }
  86. th {
  87. text-align: left;
  88. }
  89. .admin-message
  90. {
  91. padding: 5px;
  92. margin: 5px;
  93. font-size: 10pt;
  94. background-color: #FFFACD;
  95. }
  96. .fp-semester-table {
  97. border-collapse: collapse;
  98. width: 100%;
  99. }
  100. .fp-currently-advising {
  101. border-collapse: collapse;
  102. width: 100%;
  103. }
  104. .print-graphic
  105. {
  106. background-image: url('images/print.gif');
  107. width: 57px;
  108. height: 20px;
  109. }
  110. .fp-messages {
  111. border: 1px solid #FFCC66;
  112. background-color: #FFFFCC;
  113. padding: 5px 20px 5px 20px;
  114. margin: 5px;
  115. margin-bottom: 10px;
  116. }
  117. .fp-message {
  118. margin-top: 3px;
  119. margin-bottom: 10px;
  120. }
  121. .fp-message-error {
  122. color: red;
  123. }
  124. .fp-message .fp-message-backtrace {
  125. font-size: 0.8em;
  126. text-align: right;
  127. font-style: italic;
  128. }
  129. /*
  130. Gradiant buttons.... I have to write them out like this,
  131. and use onmouse events or else IE won't display them correctly.
  132. The onmouse events are like this:
  133. $onMouse = "onmouseover='this.className=\"gradbutton_hover hand\";'
  134. onmouseout='this.className=\"gradbutton hand\";'
  135. onmousedown='this.className=\"gradbutton_down hand\";'
  136. ";
  137. And add it to a span like this:
  138. Button 1
  139. */
  140. span.gradbutton
  141. {
  142. background: url('images/buttonbg1.jpg') #fff bottom left repeat-x;
  143. padding: 3px;
  144. border: 1px solid #BBBBBB;
  145. display: inline-block;
  146. margin-top: 5px;
  147. /*min-width: 55px; */
  148. }
  149. span.gradbutton_hover
  150. {
  151. border: 1px solid #808080;
  152. }
  153. span.gradbutton_down
  154. {
  155. background: url('images/buttonbg1-down.jpg') #fff top left repeat-x;
  156. border: 1px solid #808080;
  157. }
  158. .selectVariableClassHidden
  159. {
  160. visibility: hidden;
  161. overflow: hidden;
  162. background-color: #FFFFFF;
  163. }
  164. .selectVariableClass
  165. {
  166. visibility: visible;
  167. }
  168. div.updateMsg
  169. {
  170. border: 5px solid maroon;
  171. background-color: white;
  172. width: 200px;
  173. text-align: center;
  174. font-weight: bold;
  175. }
  176. .variableHoursList
  177. {
  178. position: absolute;
  179. background-color: white;
  180. border: 1px solid #333333;
  181. width: 150px;
  182. /*z-index:12;*/
  183. }
  184. .variableHoursList a
  185. {
  186. text-decoration: none;
  187. }
  188. .variableHoursList a:hover
  189. {
  190. font-weight: bold;
  191. }
  192. .tenpt
  193. {
  194. font-size: 10pt;
  195. font-family: Arial;
  196. }
  197. .elevenpt
  198. {
  199. font-size: 11pt;
  200. font-family: Arial;
  201. }
  202. .fixedlen
  203. {
  204. font-family: Courier New;
  205. font-size: 10pt;
  206. }
  207. .smallspace
  208. {
  209. padding-left: 15px;
  210. }
  211. .viewSelectorActive
  212. {
  213. font-weight: bold;
  214. color: black;
  215. text-decoration: none;
  216. }
  217. .viewSelectorInactive
  218. {
  219. font-weight: normal;
  220. text-decoration: none;
  221. }
  222. .viewSelectorInactive:hover
  223. {
  224. font-weight: normal;
  225. text-decoration: none;
  226. }
  227. .superscript
  228. {
  229. /* mimic the apearance of a superscript */
  230. font-size: 7pt;
  231. position: relative;
  232. top: -5px;
  233. }
  234. .transfer_area
  235. {
  236. background-color: white;
  237. color: black;
  238. border-style: solid;
  239. border-color: gray;
  240. width: 350px;
  241. margin: 0px 0px 0px 0px;
  242. padding: 0px 0px 0px 0px;
  243. height: 150px;
  244. font-size: 11px;
  245. cursor: default;
  246. }
  247. a.nounderline
  248. {
  249. text-decoration: none;
  250. color: blue;
  251. }
  252. a.nounderline2
  253. {
  254. text-decoration: none;
  255. color: blue;
  256. }
  257. a.nounderline:hover
  258. {
  259. text-decoration: underline;
  260. color: blue;
  261. }
  262. .falseLink
  263. {
  264. text-decoration: none;
  265. color: blue;
  266. cursor: pointer;
  267. }
  268. .smallinput
  269. {
  270. font-size: 8pt;
  271. border-style: solid;
  272. border-width: 1px;
  273. border-color: #96a3dc;
  274. }
  275. .smallbutton
  276. {
  277. font-size: 8pt;
  278. border-style: solid;
  279. border-width: 1px;
  280. border-color: blue;
  281. }
  282. .tabinput
  283. {
  284. font-size: 8pt;
  285. color: white;
  286. border-style: solid;
  287. border-width: 1px;
  288. border-color: white;
  289. background-color: maroon;
  290. }
  291. .tabbutton
  292. {
  293. font-size: 8pt;
  294. border-style: solid;
  295. border-width: 1px;
  296. border-color: white;
  297. }
  298. td.underline
  299. {
  300. border-bottom: 1px solid black;
  301. }
  302. td.u
  303. {
  304. background-image:URL('images/underline.gif');
  305. }
  306. .uhand
  307. {
  308. background-image:URL('images/underline.gif');
  309. cursor: pointer;
  310. }
  311. .hand
  312. {
  313. cursor: pointer;
  314. }
  315. .blueTitle
  316. {
  317. color: white;
  318. background: url('images/grad_bg.gif') #660000 top left repeat-x;
  319. }
  320. .hypo
  321. {
  322. background-color: #FDFFBB;
  323. color: black;
  324. }
  325. .hypocolor
  326. {
  327. color: black;
  328. }
  329. table.blueBorder
  330. {
  331. border-bottom: solid 2px #C1A599;
  332. border-right: solid 2px #C1A599;
  333. border-left: solid 2px #C1A599;
  334. }
  335. .completed /* student passed course */
  336. {
  337. color: #1d7bff;
  338. text-decoration:none;
  339. }
  340. .course-assigned-more-than-one-degree td /* the course has been assigned to multiple degrees */
  341. {
  342. background-color: #FFFF99;
  343. text-decoration: none;
  344. }
  345. .eligible /* elegible courses (student may take) */
  346. {
  347. color: black;
  348. text-decoration:none;
  349. }
  350. .d /* developmental requirement */
  351. {
  352. color: black;
  353. font-style:italic;
  354. }
  355. .locked /* not elegible. Student may not take this course. */
  356. {
  357. color: gray;
  358. text-decoration:none;
  359. }
  360. .retake /* student must re-take course. Grade not good enough. */
  361. {
  362. color: #ff5559;
  363. text-decoration:none;
  364. }
  365. .enrolled /* student is currently enrolled in course. */
  366. {
  367. color: green;
  368. text-decoration:none;
  369. }
  370. blockquote.slo
  371. {
  372. margin-top: 2px;
  373. margin-left: 20px;
  374. margin-bottom: 2px;
  375. padding: 0px;
  376. }
  377. table.box
  378. {
  379. border-width: 1px;
  380. border-style: solid;
  381. border-color: white;
  382. }
  383. td.box
  384. {
  385. border-style: solid;
  386. border-color: white;
  387. }
  388. table.saveoption
  389. {
  390. border-style: solid;
  391. border-width: 1px;
  392. border-color: black;
  393. background-color: #ffffcc;
  394. }
  395. table.announcement
  396. {
  397. border-style: solid;
  398. border-width: 1px;
  399. border-color: black;
  400. background-color: white;
  401. }
  402. .edit_col
  403. {
  404. background-color: #ffffcc;
  405. }
  406. .rubric_col
  407. {
  408. background-color: #CCFFFF;
  409. }
  410. .top_col
  411. {
  412. background-color: #CCCCCC;
  413. }
  414. table.slo
  415. {
  416. border-width: 1px;
  417. border-style: solid;
  418. border-color: white;
  419. }
  420. td.slo
  421. {
  422. border-style: solid;
  423. border-color: black;
  424. border-width: 1px;
  425. }
  426. table.score
  427. {
  428. border-width: 1px;
  429. border-style: solid;
  430. border-color: black;
  431. }
  432. td.score
  433. {
  434. border-width: 1px;
  435. border-style: solid;
  436. border-color: black;
  437. }
  438. .side_padding {
  439. padding-left: 3px;
  440. padding-right: 3px;
  441. padding-top: 1px;
  442. padding-bottom: 1px;
  443. }
  444. .tab_text
  445. {
  446. font-family: Arial;
  447. font-size: 10pt;
  448. }
  449. td.tl {
  450. background: url('images/tl.gif') #ECECDB top left no-repeat;
  451. height: 17px;
  452. }
  453. td.top {
  454. background: url('images/top.gif') #ECECDB top repeat-x;
  455. height: 17px;
  456. }
  457. td.tr {
  458. background: url('images/tr.gif') #ECECDB top right no-repeat;
  459. height: 17px;
  460. }
  461. td.bl {
  462. background: url('images/bl.gif') #ECECDB bottom left no-repeat;
  463. height: 36px;
  464. }
  465. td.bottom {
  466. background: url('images/bottom.gif') #ECECDB bottom repeat-x;
  467. height: 36px;
  468. }
  469. td.br {
  470. background: url('images/br.gif') #ECECDB bottom right no-repeat;
  471. height: 36px;
  472. }
  473. td.tab_tl {
  474. background: url('images/tab_tl.gif') #FFFFFF top left no-repeat;
  475. height: 14px;
  476. }
  477. td.tab_top {
  478. background: url('images/tab_top.gif') #FFFFFF top repeat-x;
  479. height: 14px;
  480. }
  481. td.tab_tr {
  482. background: url('images/tab_tr.gif') #FFFFFF top right no-repeat;
  483. height: 14px;
  484. }
  485. td.tab_left {
  486. background: url('images/tab_left_edge.gif') #FFFFFF top left repeat-y;
  487. height: 1px;
  488. }
  489. td.tab_right {
  490. background: url('images/tab_right_edge.gif') #FFFFFF top right repeat-y;
  491. height: 1px;
  492. }
  493. td.tab_center {
  494. background: url('images/tab_center.gif') #FFFFFF top repeat-x;
  495. height: 18px;
  496. font-weight: bold;
  497. }
  498. td.tab_tl_i {
  499. background: url('images/tab_tl_i.gif') #FFFFFF top left no-repeat;
  500. height: 14px;
  501. }
  502. td.tab_top_i {
  503. background: url('images/tab_top_i.gif') #FFFFFF top repeat-x;
  504. height: 14px;
  505. }
  506. td.tab_tr_i {
  507. background: url('images/tab_tr_i.gif') #FFFFFF top right no-repeat;
  508. height: 14px;
  509. }
  510. td.tab_left_i {
  511. background: url('images/tab_left_edge_i.gif') #FFFFFF top left repeat-y;
  512. height: 1px;
  513. }
  514. td.tab_right_i {
  515. background: url('images/tab_right_edge_i.gif') #FFFFFF top right repeat-y;
  516. height: 1px;
  517. }
  518. td.tab_center_i {
  519. background: url('images/tab_bottom_i.gif') #FFFFFF top repeat-x;
  520. height: 18px;
  521. font-weight: normal;
  522. }
  523. .active_tab {
  524. position: relative;
  525. top: 4px;
  526. border-bottom: 1px solid white;
  527. color: #660000;
  528. cursor: default;
  529. }
  530. .inactive_tab {
  531. position: relative;
  532. top: 3px;
  533. color: #A0A0A0;
  534. border-bottom: 1px solid #A3A397;
  535. }
  536. .inactive_tab_over {
  537. position: relative;
  538. top: 3px;
  539. color: #660000;
  540. border-bottom: 1px solid #A3A397;
  541. cursor: pointer;
  542. }
  543. .inactive_tab_over_no_link {
  544. position: relative;
  545. top: 3px;
  546. color: #A0A0A0;
  547. border-bottom: 1px solid #A3A397;
  548. cursor: default;
  549. }
  550. .tab_padding {
  551. padding-right: 3px;
  552. }
  553. .nounderlink
  554. {
  555. color: #1d7bff;
  556. text-decoration: none;
  557. }
  558. .nounderlink:hover
  559. {
  560. color: #1d7bff;
  561. text-decoration: underline;
  562. }
  563. /*
  564. This starts off a "box", like "Freshman Year" or "Excess Credits"
  565. */
  566. table.fp-box-top {
  567. margin-bottom: 10px;
  568. }
  569. .what-if-selector {
  570. width: 90%;
  571. }
  572. /* What If selection screen */
  573. #element-inner-wrapper-select_level_1_degrees,
  574. #element-inner-wrapper-select_level_2_degrees
  575. {
  576. max-height: 300px;
  577. overflow-y: scroll;
  578. }
  579. /*
  580. Main
  581. */
  582. .fp-menu-item {
  583. padding-top: 10px;
  584. padding-bottom: 10px;
  585. padding-left: 20px;
  586. font-size: 0.8em;
  587. }
  588. .fp-menu-item-tight {
  589. padding-bottom:0;
  590. }
  591. .fp-menu-item .fp-menu-item-description {
  592. padding-left: 25px;
  593. }
  594. .fp-menu-item a {
  595. text-decoration: none;
  596. color: blue;
  597. }
  598. .fp-menu-item a:hover {
  599. text-decoration: underline;
  600. }
  601. .fp-warn-grant-full {
  602. font-size: 0.8em;
  603. color: red;
  604. }
  605. /*
  606. Admin-console related
  607. */
  608. .fp-user-management-permission
  609. {
  610. margin-bottom: 15px;
  611. padding-left: 20px;
  612. }
  613. .fp-user-management-permission-disabled {
  614. background-color: #eee;
  615. font-style: italic;
  616. }
  617. .fp-user-management-permission .fp-user-management-permission-line {
  618. padding-left: 20px;
  619. font-size: 0.8em;
  620. }
  621. .fp-user-management-permission-module-name {
  622. background-color: #eee;
  623. padding: 3px;
  624. margin-top: 10px;
  625. margin-bottom: 3px;
  626. font-weight: bold;
  627. }
  628. ul.top-menu-links {
  629. font-size: 0.8em;
  630. padding: 0;
  631. margin: 0;
  632. }
  633. ul.top-menu-links li {
  634. display: inline;
  635. padding-right: 20px;
  636. }
  637. ul.top-menu-links li.first {
  638. list-style: none;
  639. }
  640. /*
  641. * Forms...
  642. */
  643. label {
  644. display: block;
  645. font-weight: bold;
  646. }
  647. .fp-form textarea {
  648. width: 100%;
  649. }
  650. .form-element {
  651. margin-bottom: 20px;
  652. }
  653. .form-element .radio-element {
  654. padding: 5px;
  655. }
  656. label.label-for-radio,
  657. label.label-for-checkbox
  658. {
  659. font-weight: normal;
  660. }
  661. .form-element-description {
  662. font-size: 0.8em;
  663. padding-left: 10px;
  664. color: #444;
  665. }
  666. .form-element-description fieldset {
  667. margin-top: 5px;
  668. padding-bottom: 0px;
  669. }
  670. .form-required-ast {
  671. color: red;
  672. font-weight: bold;
  673. font-size: 1.1em;
  674. padding-right: 5px;
  675. }
  676. .form-element-error {
  677. border: 1px dotted red;
  678. padding: 5px;
  679. }
  680. a.form-popup-description {
  681. font-weight: normal;
  682. padding-left: 5px;
  683. text-decoration: none;
  684. }
  685. /**
  686. * FPM related
  687. */
  688. .fp-html-print-r-wrapper {
  689. font-size: 0.9em;
  690. }
  691. .fp-html-print-r-multi-row {
  692. background-color: #eee;
  693. border: 1px solid #bbb;
  694. padding: 5px;
  695. }
  696. .fp-html-print-r-multi-row .fp-html-print-r-selector {
  697. cursor: pointer;
  698. }
  699. .fp-html-print-r-multi-row > .fp-html-print-r-var-value {
  700. padding-left: 30px;
  701. }
  702. .fp-html-print-r-single-row {
  703. border-top: 1px solid #bbb;
  704. }
  705. .fp-html-print-r-var-name {
  706. color: #404000;
  707. font-weight: bold;
  708. }
  709. .fp-html-print-r-var-type {
  710. font-style: italic;
  711. }
  712. .fp-html-print-r-single-row .fp-html-print-r-var-value {
  713. font-weight: bold;
  714. }
  715. .student-search-advanced-tips-wrapper {
  716. font-size: 0.8em;
  717. }
  718. .student-search-advanced-tips-wrapper label {
  719. display:block;
  720. font-weight: bold;
  721. }