style.css

  1. 7.x themes/fp_clean/style.css
  2. 7.x modules/student_profile/css/style.css
  3. 7.x modules/schools/css/style.css
  4. 7.x modules/calendar/css/style.css
  5. 7.x modules/engagements/css/style.css
  6. 7.x modules/system/css/style.css
  7. 7.x modules/alerts/css/style.css
  8. 6.x themes/fp6_clean/style.css
  9. 6.x modules/engagements/css/style.css
  10. 6.x modules/alerts/css/style.css
  11. 6.x modules/system/css/style.css
  12. 6.x modules/calendar/css/style.css
  13. 6.x modules/student_profile/css/style.css
  14. 6.x modules/schools/css/style.css
  15. 4.x themes/classic/style.css
  16. 4.x modules/system/css/style.css
  17. 5.x themes/basic/style.css
  18. 5.x themes/fp5_clean/style.css
  19. 5.x themes/classic/style.css
  20. 5.x modules/system/css/style.css
/* Login page */


.fp-form-system_login_form {
  padding-top: 20px;
  padding-left: 20px;
}

.fp-form-system_login_form label {
  display: inline-block;
  width: 105px;
}
 


.login-welcome {
  text-align: center;
  font-size: 1.1em;    
  margin-bottom: 10px;
}

.login-welcome .flightpath-name {
  color: maroon;
  font-weight: bold;
  font-style: italic;
}

.logout-successful {
  color: green;
}


.activity-view-all {
  text-align: right;
  padding-right: 30px;
}




/* Misc */
.fp-system-settings-element {
  margin-bottom: 20px;  
}

.fp-system-settings-textfield input {
  width: 80%;
}

.fp-system-settings-element textarea {
  width: 80%;
  height: 75px;
}

.fp-system-settings-input {
  padding-left: 10px;
}

.fp-system-settings-element label {  
  font-weight: bold;
}

.fp-system-settings-element-description {
  font-size: 0.8em;
  padding-left: 10px;
  color: #888;
}

.fp-system-modules-table {
  font-size: 0.8em;
  margin-bottom: 20px;
  width: 100%;
}
.fp-system-modules-type {
  background-color: #ddd;
  padding: 3px;
  font-size: 0.8em;
}

.fp-system-modules-row td {
  padding: 3px;
}
.fp-system-modules-row-odd
{
  background-color: 	#EDF9FF;
}

.fp-system-modules-machine-name,
.fp-system-modules-installation-status
{
  font-size: 0.85em;
  font-style: italic;
  padding-left: 30px;
}

.fp-system-modules-installation-status {
  color: #666; 
}

.status-table .module-status-alert {
  background-color: pink;
}

.status-table .module-status-warning {
  background-color: orange;
}


img.fpmn-item {
  margin-right: 20px;
}





___dashboard{}

.dash-welcome-block {
    padding: 25px;
    background-color: #F9F9F9;
    color: #555555;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.dash-welcome-block .welcome-section {
    display: inline;
}

.dash-welcome-block h1 {
    font-size: 1.1em;
    font-weight: 500;
    margin: 0;
}

.dash-welcome-block h2 {
    font-size: 0.95em;
    font-weight: 200;
    margin: 0;
    margin-top: 5px;
    font-style: italic;
}

.dash-left {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  
}

.dash-right {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}




.activity-feed-block  {
  border: 1px solid #ccc;
}

.dash-feed-block .contents
 {
  padding-left: 10px;
  max-height: 500px;
  overflow-y: scroll;
}



.appointments-feed-block .contents {
  max-height: 125px;
  overflow-y: scroll;  
}


.feed-item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.feed-item .feed-item-icon {
  float: left;
  display: inline-block;
  margin-right: 30px;
  margin-top: 6px;
  font-size: 2.1em;
}

.feed-item .feed-item-title {
  font-size: 1.1em;
  font-weight: 500;
}

.feed-item .feed-item-datetime {
  text-align: right;
  padding-right: 20px;
  font-style: italic;
  font-size: 0.9em;
}


.dash-feed-block {
  margin-bottom: 10px;
  border: 1px solid #ccc;  
}


.dash-right .dash-feed-block {
  margin-left: 10px;  
}

.announcements-feed-block .feed-item .feed-item-title {
  margin-bottom: 10px;
}





.dash-full-width {
  margin-top: 10px;
  margin-bottom: 10px;
}



.advising-stats-block-inner-wrapper {
  text-align: center;
}

.advising-stats-block-inner-wrapper .advising-stat-box {
  
  display: inline-block;
  min-width: 300px;  
  text-align: center;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}



.advising-stats-block-inner-wrapper .advising-stat-box-wide {  
  min-width: 400px;
  text-align: left;
}
.advising-stat-box-upcoming {
  padding-right: 0;
}
 


.advising-stat-box-upcoming .stat-box-wrapper {  
  width: 100%;
  overflow-y: scroll;
  max-height: 150px;
  height: 150px;
  padding-right: 20px;
  padding-bottom: 5px;
}


.advising-stat-box .stat-box-title {
  text-align: center;
}

.advising-stat-box .stat-box-row-title {
  font-size: 1.2em;
 
}

.stat-box-row-date {
  float: right;
}



.advising-stats-block-inner-wrapper .advising-stat-box .stat-box-title {
  font-size: 1.1em;
  font-weight: bold;
}

.advising-stats-block-inner-wrapper .advising-stat-box .stat-box-chart img {
  min-width: 120px;
  height: auto;
}

.advising-stats-block-inner-wrapper .advising-stat-box .stat-box-caption {
  font-weight: 0.8em;
  font-style: italic;
}


.snapshot-in-iframe {
  font-size: 1.2em !important;
}

.snapshot-in-iframe .pie-image {
  float: left;
  margin-right: 10px;
}

.snapshot-in-iframe .pie-term-title {
  display: block;
  font-size: 1.3em ;
  font-weight: bold;
  margin-bottom: 7px;
}

.loading-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('throbber.gif') left center no-repeat;
  margin-left: 10px;
  padding-left: 20px;
}




input.disable-element,
.disable-element
{
  background-color: #eee;
  color: #777;
  pointer-events: none;
}


/* don't need scroll bars here */
.snapshot-feed-block .contents {
  max-height: 85px;
  overflow-y: hidden;
  background:url('tenor.gif') center center no-repeat; 
  background-size: 50px;
}

.snapshot-school-selector {
  font-size: 0.8em;
  float: right;
}

.snapshot-school-selector select#selected_school_id {
  border: 1px solid #8E929C;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);
  border-radius: 3px;
  max-width: 120px;
}
 

.textarea-maxlength-count {
  display: block;
  text-align: right;
  font-size: 0.85em; 
  color: #999; 
}

.textarea-maxlength-count .current-count {
  color: black;
  padding-right: 3px;
}


.textarea-maxlength-count .maxlength-chars {  
  padding-left: 3px;
}







File

modules/system/css/style.css
View source
  1. /* Login page */
  2. .fp-form-system_login_form {
  3. padding-top: 20px;
  4. padding-left: 20px;
  5. }
  6. .fp-form-system_login_form label {
  7. display: inline-block;
  8. width: 105px;
  9. }
  10. .login-welcome {
  11. text-align: center;
  12. font-size: 1.1em;
  13. margin-bottom: 10px;
  14. }
  15. .login-welcome .flightpath-name {
  16. color: maroon;
  17. font-weight: bold;
  18. font-style: italic;
  19. }
  20. .logout-successful {
  21. color: green;
  22. }
  23. .activity-view-all {
  24. text-align: right;
  25. padding-right: 30px;
  26. }
  27. /* Misc */
  28. .fp-system-settings-element {
  29. margin-bottom: 20px;
  30. }
  31. .fp-system-settings-textfield input {
  32. width: 80%;
  33. }
  34. .fp-system-settings-element textarea {
  35. width: 80%;
  36. height: 75px;
  37. }
  38. .fp-system-settings-input {
  39. padding-left: 10px;
  40. }
  41. .fp-system-settings-element label {
  42. font-weight: bold;
  43. }
  44. .fp-system-settings-element-description {
  45. font-size: 0.8em;
  46. padding-left: 10px;
  47. color: #888;
  48. }
  49. .fp-system-modules-table {
  50. font-size: 0.8em;
  51. margin-bottom: 20px;
  52. width: 100%;
  53. }
  54. .fp-system-modules-type {
  55. background-color: #ddd;
  56. padding: 3px;
  57. font-size: 0.8em;
  58. }
  59. .fp-system-modules-row td {
  60. padding: 3px;
  61. }
  62. .fp-system-modules-row-odd
  63. {
  64. background-color: #EDF9FF;
  65. }
  66. .fp-system-modules-machine-name,
  67. .fp-system-modules-installation-status
  68. {
  69. font-size: 0.85em;
  70. font-style: italic;
  71. padding-left: 30px;
  72. }
  73. .fp-system-modules-installation-status {
  74. color: #666;
  75. }
  76. .status-table .module-status-alert {
  77. background-color: pink;
  78. }
  79. .status-table .module-status-warning {
  80. background-color: orange;
  81. }
  82. img.fpmn-item {
  83. margin-right: 20px;
  84. }
  85. ___dashboard{}
  86. .dash-welcome-block {
  87. padding: 25px;
  88. background-color: #F9F9F9;
  89. color: #555555;
  90. margin-bottom: 20px;
  91. border-bottom: 1px solid #ccc;
  92. border-left: 1px solid #ccc;
  93. border-right: 1px solid #ccc;
  94. }
  95. .dash-welcome-block .welcome-section {
  96. display: inline;
  97. }
  98. .dash-welcome-block h1 {
  99. font-size: 1.1em;
  100. font-weight: 500;
  101. margin: 0;
  102. }
  103. .dash-welcome-block h2 {
  104. font-size: 0.95em;
  105. font-weight: 200;
  106. margin: 0;
  107. margin-top: 5px;
  108. font-style: italic;
  109. }
  110. .dash-left {
  111. display: table-cell;
  112. width: 50%;
  113. vertical-align: top;
  114. }
  115. .dash-right {
  116. display: table-cell;
  117. width: 50%;
  118. vertical-align: top;
  119. }
  120. .activity-feed-block {
  121. border: 1px solid #ccc;
  122. }
  123. .dash-feed-block .contents
  124. {
  125. padding-left: 10px;
  126. max-height: 500px;
  127. overflow-y: scroll;
  128. }
  129. .appointments-feed-block .contents {
  130. max-height: 125px;
  131. overflow-y: scroll;
  132. }
  133. .feed-item {
  134. margin-bottom: 15px;
  135. padding-bottom: 5px;
  136. border-bottom: 1px solid #eee;
  137. }
  138. .feed-item .feed-item-icon {
  139. float: left;
  140. display: inline-block;
  141. margin-right: 30px;
  142. margin-top: 6px;
  143. font-size: 2.1em;
  144. }
  145. .feed-item .feed-item-title {
  146. font-size: 1.1em;
  147. font-weight: 500;
  148. }
  149. .feed-item .feed-item-datetime {
  150. text-align: right;
  151. padding-right: 20px;
  152. font-style: italic;
  153. font-size: 0.9em;
  154. }
  155. .dash-feed-block {
  156. margin-bottom: 10px;
  157. border: 1px solid #ccc;
  158. }
  159. .dash-right .dash-feed-block {
  160. margin-left: 10px;
  161. }
  162. .announcements-feed-block .feed-item .feed-item-title {
  163. margin-bottom: 10px;
  164. }
  165. .dash-full-width {
  166. margin-top: 10px;
  167. margin-bottom: 10px;
  168. }
  169. .advising-stats-block-inner-wrapper {
  170. text-align: center;
  171. }
  172. .advising-stats-block-inner-wrapper .advising-stat-box {
  173. display: inline-block;
  174. min-width: 300px;
  175. text-align: center;
  176. padding-right: 30px;
  177. margin-left: auto;
  178. margin-right: auto;
  179. }
  180. .advising-stats-block-inner-wrapper .advising-stat-box-wide {
  181. min-width: 400px;
  182. text-align: left;
  183. }
  184. .advising-stat-box-upcoming {
  185. padding-right: 0;
  186. }
  187. .advising-stat-box-upcoming .stat-box-wrapper {
  188. width: 100%;
  189. overflow-y: scroll;
  190. max-height: 150px;
  191. height: 150px;
  192. padding-right: 20px;
  193. padding-bottom: 5px;
  194. }
  195. .advising-stat-box .stat-box-title {
  196. text-align: center;
  197. }
  198. .advising-stat-box .stat-box-row-title {
  199. font-size: 1.2em;
  200. }
  201. .stat-box-row-date {
  202. float: right;
  203. }
  204. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-title {
  205. font-size: 1.1em;
  206. font-weight: bold;
  207. }
  208. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-chart img {
  209. min-width: 120px;
  210. height: auto;
  211. }
  212. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-caption {
  213. font-weight: 0.8em;
  214. font-style: italic;
  215. }
  216. .snapshot-in-iframe {
  217. font-size: 1.2em !important;
  218. }
  219. .snapshot-in-iframe .pie-image {
  220. float: left;
  221. margin-right: 10px;
  222. }
  223. .snapshot-in-iframe .pie-term-title {
  224. display: block;
  225. font-size: 1.3em ;
  226. font-weight: bold;
  227. margin-bottom: 7px;
  228. }
  229. .loading-spinner {
  230. display: inline-block;
  231. width: 18px;
  232. height: 18px;
  233. background: url('throbber.gif') left center no-repeat;
  234. margin-left: 10px;
  235. padding-left: 20px;
  236. }
  237. input.disable-element,
  238. .disable-element
  239. {
  240. background-color: #eee;
  241. color: #777;
  242. pointer-events: none;
  243. }
  244. /* don't need scroll bars here */
  245. .snapshot-feed-block .contents {
  246. max-height: 85px;
  247. overflow-y: hidden;
  248. background:url('tenor.gif') center center no-repeat;
  249. background-size: 50px;
  250. }
  251. .snapshot-school-selector {
  252. font-size: 0.8em;
  253. float: right;
  254. }
  255. .snapshot-school-selector select#selected_school_id {
  256. border: 1px solid #8E929C;
  257. box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);
  258. border-radius: 3px;
  259. max-width: 120px;
  260. }
  261. .textarea-maxlength-count {
  262. display: block;
  263. text-align: right;
  264. font-size: 0.85em;
  265. color: #999;
  266. }
  267. .textarea-maxlength-count .current-count {
  268. color: black;
  269. padding-right: 3px;
  270. }
  271. .textarea-maxlength-count .maxlength-chars {
  272. padding-left: 3px;
  273. }