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
/* 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. 

  2. /* Login page */

  3. 

  4. 

  5. .fp-form-system_login_form {

  6.   padding-top: 20px;

  7.   padding-left: 20px;

  8. }

  9. 

  10. .fp-form-system_login_form label {

  11.   display: inline-block;

  12.   width: 105px;

  13. }

  14.  

  15. 

  16. 

  17. .login-welcome {

  18.   text-align: center;

  19.   font-size: 1.1em;    

  20.   margin-bottom: 10px;

  21. }

  22. 

  23. .login-welcome .flightpath-name {

  24.   color: maroon;

  25.   font-weight: bold;

  26.   font-style: italic;

  27. }

  28. 

  29. .logout-successful {

  30.   color: green;

  31. }

  32. 

  33. 

  34. .activity-view-all {

  35.   text-align: right;

  36.   padding-right: 30px;

  37. }

  38. 

  39. 

  40. 

  41. 

  42. /* Misc */

  43. .fp-system-settings-element {

  44.   margin-bottom: 20px;  

  45. }

  46. 

  47. .fp-system-settings-textfield input {

  48.   width: 80%;

  49. }

  50. 

  51. .fp-system-settings-element textarea {

  52.   width: 80%;

  53.   height: 75px;

  54. }

  55. 

  56. .fp-system-settings-input {

  57.   padding-left: 10px;

  58. }

  59. 

  60. .fp-system-settings-element label {  

  61.   font-weight: bold;

  62. }

  63. 

  64. .fp-system-settings-element-description {

  65.   font-size: 0.8em;

  66.   padding-left: 10px;

  67.   color: #888;

  68. }

  69. 

  70. .fp-system-modules-table {

  71.   font-size: 0.8em;

  72.   margin-bottom: 20px;

  73.   width: 100%;

  74. }

  75. .fp-system-modules-type {

  76.   background-color: #ddd;

  77.   padding: 3px;

  78.   font-size: 0.8em;

  79. }

  80. 

  81. .fp-system-modules-row td {

  82.   padding: 3px;

  83. }

  84. .fp-system-modules-row-odd

  85. {

  86.   background-color: 	#EDF9FF;

  87. }

  88. 

  89. .fp-system-modules-machine-name,

  90. .fp-system-modules-installation-status

  91. {

  92.   font-size: 0.85em;

  93.   font-style: italic;

  94.   padding-left: 30px;

  95. }

  96. 

  97. .fp-system-modules-installation-status {

  98.   color: #666; 

  99. }

  100. 

  101. .status-table .module-status-alert {

  102.   background-color: pink;

  103. }

  104. 

  105. .status-table .module-status-warning {

  106.   background-color: orange;

  107. }

  108. 

  109. 

  110. img.fpmn-item {

  111.   margin-right: 20px;

  112. }

  113. 

  114. 

  115. 

  116. 

  117. 

  118. ___dashboard{}

  119. 

  120. .dash-welcome-block {

  121.     padding: 25px;

  122.     background-color: #F9F9F9;

  123.     color: #555555;

  124.     margin-bottom: 20px;

  125.     border-bottom: 1px solid #ccc;

  126.     border-left: 1px solid #ccc;

  127.     border-right: 1px solid #ccc;

  128. }

  129. 

  130. .dash-welcome-block .welcome-section {

  131.     display: inline;

  132. }

  133. 

  134. .dash-welcome-block h1 {

  135.     font-size: 1.1em;

  136.     font-weight: 500;

  137.     margin: 0;

  138. }

  139. 

  140. .dash-welcome-block h2 {

  141.     font-size: 0.95em;

  142.     font-weight: 200;

  143.     margin: 0;

  144.     margin-top: 5px;

  145.     font-style: italic;

  146. }

  147. 

  148. .dash-left {

  149.   display: table-cell;

  150.   width: 50%;

  151.   vertical-align: top;

  152.   

  153. }

  154. 

  155. .dash-right {

  156.   display: table-cell;

  157.   width: 50%;

  158.   vertical-align: top;

  159. }

  160. 

  161. 

  162. 

  163. 

  164. .activity-feed-block  {

  165.   border: 1px solid #ccc;

  166. }

  167. 

  168. .dash-feed-block .contents

  169.  {

  170.   padding-left: 10px;

  171.   max-height: 500px;

  172.   overflow-y: scroll;

  173. }

  174. 

  175. 

  176. 

  177. .appointments-feed-block .contents {

  178.   max-height: 125px;

  179.   overflow-y: scroll;  

  180. }

  181. 

  182. 

  183. .feed-item {

  184.   margin-bottom: 15px;

  185.   padding-bottom: 5px;

  186.   border-bottom: 1px solid #eee;

  187. }

  188. 

  189. .feed-item .feed-item-icon {

  190.   float: left;

  191.   display: inline-block;

  192.   margin-right: 30px;

  193.   margin-top: 6px;

  194.   font-size: 2.1em;

  195. }

  196. 

  197. .feed-item .feed-item-title {

  198.   font-size: 1.1em;

  199.   font-weight: 500;

  200. }

  201. 

  202. .feed-item .feed-item-datetime {

  203.   text-align: right;

  204.   padding-right: 20px;

  205.   font-style: italic;

  206.   font-size: 0.9em;

  207. }

  208. 

  209. 

  210. .dash-feed-block {

  211.   margin-bottom: 10px;

  212.   border: 1px solid #ccc;  

  213. }

  214. 

  215. 

  216. .dash-right .dash-feed-block {

  217.   margin-left: 10px;  

  218. }

  219. 

  220. .announcements-feed-block .feed-item .feed-item-title {

  221.   margin-bottom: 10px;

  222. }

  223. 

  224. 

  225. 

  226. 

  227. 

  228. .dash-full-width {

  229.   margin-top: 10px;

  230.   margin-bottom: 10px;

  231. }

  232. 

  233. 

  234. 

  235. .advising-stats-block-inner-wrapper {

  236.   text-align: center;

  237. }

  238. 

  239. .advising-stats-block-inner-wrapper .advising-stat-box {

  240.   

  241.   display: inline-block;

  242.   min-width: 300px;  

  243.   text-align: center;

  244.   padding-right: 30px;

  245.   margin-left: auto;

  246.   margin-right: auto;

  247. }

  248. 

  249. 

  250. 

  251. .advising-stats-block-inner-wrapper .advising-stat-box-wide {  

  252.   min-width: 400px;

  253.   text-align: left;

  254. }

  255. .advising-stat-box-upcoming {

  256.   padding-right: 0;

  257. }

  258.  

  259. 

  260. 

  261. .advising-stat-box-upcoming .stat-box-wrapper {  

  262.   width: 100%;

  263.   overflow-y: scroll;

  264.   max-height: 150px;

  265.   height: 150px;

  266.   padding-right: 20px;

  267.   padding-bottom: 5px;

  268. }

  269. 

  270. 

  271. .advising-stat-box .stat-box-title {

  272.   text-align: center;

  273. }

  274. 

  275. .advising-stat-box .stat-box-row-title {

  276.   font-size: 1.2em;

  277.  

  278. }

  279. 

  280. .stat-box-row-date {

  281.   float: right;

  282. }

  283. 

  284. 

  285. 

  286. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-title {

  287.   font-size: 1.1em;

  288.   font-weight: bold;

  289. }

  290. 

  291. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-chart img {

  292.   min-width: 120px;

  293.   height: auto;

  294. }

  295. 

  296. .advising-stats-block-inner-wrapper .advising-stat-box .stat-box-caption {

  297.   font-weight: 0.8em;

  298.   font-style: italic;

  299. }

  300. 

  301. 

  302. .snapshot-in-iframe {

  303.   font-size: 1.2em !important;

  304. }

  305. 

  306. .snapshot-in-iframe .pie-image {

  307.   float: left;

  308.   margin-right: 10px;

  309. }

  310. 

  311. .snapshot-in-iframe .pie-term-title {

  312.   display: block;

  313.   font-size: 1.3em ;

  314.   font-weight: bold;

  315.   margin-bottom: 7px;

  316. }

  317. 

  318. .loading-spinner {

  319.   display: inline-block;

  320.   width: 18px;

  321.   height: 18px;

  322.   background: url('throbber.gif') left center no-repeat;

  323.   margin-left: 10px;

  324.   padding-left: 20px;

  325. }

  326. 

  327. 

  328. 

  329. 

  330. input.disable-element,

  331. .disable-element

  332. {

  333.   background-color: #eee;

  334.   color: #777;

  335.   pointer-events: none;

  336. }

  337. 

  338. 

  339. /* don't need scroll bars here */

  340. .snapshot-feed-block .contents {

  341.   max-height: 85px;

  342.   overflow-y: hidden;

  343.   background:url('tenor.gif') center center no-repeat; 

  344.   background-size: 50px;

  345. }

  346. 

  347. .snapshot-school-selector {

  348.   font-size: 0.8em;

  349.   float: right;

  350. }

  351. 

  352. .snapshot-school-selector select#selected_school_id {

  353.   border: 1px solid #8E929C;

  354.   box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);

  355.   border-radius: 3px;

  356.   max-width: 120px;

  357. }

  358.  

  359. 

  360. .textarea-maxlength-count {

  361.   display: block;

  362.   text-align: right;

  363.   font-size: 0.85em; 

  364.   color: #999; 

  365. }

  366. 

  367. .textarea-maxlength-count .current-count {

  368.   color: black;

  369.   padding-right: 3px;

  370. }

  371. 

  372. 

  373. .textarea-maxlength-count .maxlength-chars {  

  374.   padding-left: 3px;

  375. }

  376. 

  377. 

  378. 

  379. 

  380. 

  381. 

  382.