user.css

  1. 6.x modules/user/css/user.css
  2. 4.x modules/user/css/user.css
  3. 5.x modules/user/css/user.css
table.user-list  {
  font-size: 0.85em;
}


/* Permissions page */
table.admin-perm-table {
  background-color: white !important;
}

.admin-perm-table .perm-desc {
  padding-left: 10px;
  font-style: italic;
  font-size: 0.85em;
}

.admin-perm-table th {
  text-align: center;
  vertical-align: top;
  font-size: 0.8em;  
  border-left: 1px solid #ccc;
}

.admin-perm-table td
 {
  font-size: 0.85em;
}

.admin-perm-table td.perm-cb {
  text-align: center;
}

.admin-perm-table .perm-module-name {
  background-color: #D4E7F3;
  font-weight: bold;
  font-size: 1.2em;
  padding:10px;
  
  border-top: 50px solid white;
}

.admin-perm-table .perm-cb-row-even {
  background-color: #EDF5FA;
}

.admin-perm-table .perm-details {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.admin-perm-table .perm-name {
  font-style: italic;
  font-size: 0.9em;
  color: #aaa;
  display: none;
  
}

.admin-perm-table .perm-desc {
  color: #777;
  font-size: 0.9em;
}


.admin-perm-table {
  position: relative;
}

.admin-perm-table .headers th {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
  background-color: #faf9f6;
  color: #555;
  min-width: 75px;
  vertical-align: middle;  

}

.admin-perm-table .perm-cb-row:hover {
  background-color: lightyellow;
}

.admin-perm-table tr.perm-cb-row td {
  vertical-align: middle;
}

.admin-perm-table tr.perm-cb-row td div.form-element {
  margin-bottom: 0px;
}

.admin-perm-table .headers th.permission-name-and-desc {
  min-width: 400px;
}


.admin-perm-table .headers th.role-anonymous_user 
{
  background-color: #ddd;
}

.admin-perm-table .headers th.role-authenticated_user {
  background-color: #eee;
}



table.user-list tr.no-roles {
  background-color: #eee;
}

form.filters {
  margin: 0;
  padding: 0;
  margin-top: 5px;
  font-size: 0.8em;
}

.user-profile-markup-faculty .small-profile-image {
  float: left;
  margin-right: 20px;
}

.user-profile-markup-faculty .small-profile-image img {
  width: 75px;
  height: auto;
  border-radius: 10px;
}

.user-profile-markup-faculty .profile-item {
  font-size: 1.3em;
  line-height: 1.9em;
}


.markup-element-mark_clear {
  clear: both;
}

.restricted-permissions {
  margin-left: 20px;
  color: red;
}




.selected {
  border: 1px solid blue;
  padding: 0 3px;
}

___users-page{}
#fp-form-user_list_filter_form .markup-element-mark_top,
#fp-form-user_list_filter_form #element-wrapper-filter_school,
#fp-form-user_list_filter_form #element-wrapper-filter_role,
#fp-form-user_list_filter_form #element-wrapper-filter_dept,
#fp-form-user_list_filter_form #element-wrapper-filter_name,
#fp-form-user_list_filter_form #element-wrapper-submit_btn,
#fp-form-user_list_filter_form #element-wrapper-reset_btn,
#fp-form-user_list_filter_form #element-wrapper-filter_school div,
#fp-form-user_list_filter_form #element-wrapper-filter_school label,
#fp-form-user_list_filter_form #element-wrapper-filter_school select,
#fp-form-user_list_filter_form #element-wrapper-filter_name div,
#fp-form-user_list_filter_form #element-wrapper-filter_name label,
#fp-form-user_list_filter_form #element-wrapper-filter_name input,
#fp-form-user_list_filter_form #element-wrapper-filter_dept div,
#fp-form-user_list_filter_form #element-wrapper-filter_dept label,
#fp-form-user_list_filter_form #element-wrapper-filter_dept select,
#fp-form-user_list_filter_form #element-wrapper-filter_role div,
#fp-form-user_list_filter_form #element-wrapper-filter_role label,
#fp-form-user_list_filter_form #element-wrapper-filter_role select,
#ignore .ignoreme
 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;  
  width: auto; 
}

#fp-form-user_list_filter_form select
{
  max-width: 200px;
}

#fp-form-user_list_filter_form #element-wrapper-reset_btn {
  margin-left: 20px;
}


a.filter-indicator {
  color: black;  
  padding-left: 10px;
  padding-right: 10px;
  cursor: default;
}
a.filter-indicator:hover {
  text-decoration: none;
}



___users-students-page {}

#fp-form-user_student_list_filter_form .markup-element-mark_top,
#fp-form-user_student_list_filter_form #element-wrapper-filter_school,
#fp-form-user_student_list_filter_form #element-wrapper-filter_active,
#fp-form-user_student_list_filter_form #element-wrapper-filter_major,
#fp-form-user_student_list_filter_form #element-wrapper-filter_name,
#fp-form-user_student_list_filter_form #element-wrapper-submit_btn,
#fp-form-user_student_list_filter_form #element-wrapper-reset_btn,
#fp-form-user_student_list_filter_form #element-wrapper-filter_school div,
#fp-form-user_student_list_filter_form #element-wrapper-filter_school label,
#fp-form-user_student_list_filter_form #element-wrapper-filter_school select,
#fp-form-user_student_list_filter_form #element-wrapper-filter_name div,
#fp-form-user_student_list_filter_form #element-wrapper-filter_name label,
#fp-form-user_student_list_filter_form #element-wrapper-filter_name input,
#fp-form-user_student_list_filter_form #element-wrapper-filter_major div,
#fp-form-user_student_list_filter_form #element-wrapper-filter_major label,
#fp-form-user_student_list_filter_form #element-wrapper-filter_major select,
#fp-form-user_student_list_filter_form #element-wrapper-filter_active div,
#fp-form-user_student_list_filter_form #element-wrapper-filter_active label,
#fp-form-user_student_list_filter_form #element-wrapper-filter_active select,
#ignore .ignoreme
 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;  
  width: auto; 
}

#fp-form-user_student_list_filter_form select
{
  max-width: 200px;
}

#fp-form-user_student_list_filter_form #element-wrapper-reset_btn {
  margin-left: 20px;
}

File

modules/user/css/user.css
View source
  1. 

  2. table.user-list  {

  3.   font-size: 0.85em;

  4. }

  5. 

  6. 

  7. /* Permissions page */

  8. table.admin-perm-table {

  9.   background-color: white !important;

  10. }

  11. 

  12. .admin-perm-table .perm-desc {

  13.   padding-left: 10px;

  14.   font-style: italic;

  15.   font-size: 0.85em;

  16. }

  17. 

  18. .admin-perm-table th {

  19.   text-align: center;

  20.   vertical-align: top;

  21.   font-size: 0.8em;  

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

  23. }

  24. 

  25. .admin-perm-table td

  26.  {

  27.   font-size: 0.85em;

  28. }

  29. 

  30. .admin-perm-table td.perm-cb {

  31.   text-align: center;

  32. }

  33. 

  34. .admin-perm-table .perm-module-name {

  35.   background-color: #D4E7F3;

  36.   font-weight: bold;

  37.   font-size: 1.2em;

  38.   padding:10px;

  39.   

  40.   border-top: 50px solid white;

  41. }

  42. 

  43. .admin-perm-table .perm-cb-row-even {

  44.   background-color: #EDF5FA;

  45. }

  46. 

  47. .admin-perm-table .perm-details {

  48.   padding-left: 20px;

  49.   padding-bottom: 10px;

  50.   padding-top: 10px;

  51. }

  52. 

  53. .admin-perm-table .perm-name {

  54.   font-style: italic;

  55.   font-size: 0.9em;

  56.   color: #aaa;

  57.   display: none;

  58.   

  59. }

  60. 

  61. .admin-perm-table .perm-desc {

  62.   color: #777;

  63.   font-size: 0.9em;

  64. }

  65. 

  66. 

  67. .admin-perm-table {

  68.   position: relative;

  69. }

  70. 

  71. .admin-perm-table .headers th {

  72.   position: sticky;

  73.   top: 0px;

  74.   padding-top: 5px;

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

  76.   background-color: #faf9f6;

  77.   color: #555;

  78.   min-width: 75px;

  79.   vertical-align: middle;  

  80. 

  81. }

  82. 

  83. .admin-perm-table .perm-cb-row:hover {

  84.   background-color: lightyellow;

  85. }

  86. 

  87. .admin-perm-table tr.perm-cb-row td {

  88.   vertical-align: middle;

  89. }

  90. 

  91. .admin-perm-table tr.perm-cb-row td div.form-element {

  92.   margin-bottom: 0px;

  93. }

  94. 

  95. .admin-perm-table .headers th.permission-name-and-desc {

  96.   min-width: 400px;

  97. }

  98. 

  99. 

  100. .admin-perm-table .headers th.role-anonymous_user 

  101. {

  102.   background-color: #ddd;

  103. }

  104. 

  105. .admin-perm-table .headers th.role-authenticated_user {

  106.   background-color: #eee;

  107. }

  108. 

  109. 

  110. 

  111. table.user-list tr.no-roles {

  112.   background-color: #eee;

  113. }

  114. 

  115. form.filters {

  116.   margin: 0;

  117.   padding: 0;

  118.   margin-top: 5px;

  119.   font-size: 0.8em;

  120. }

  121. 

  122. .user-profile-markup-faculty .small-profile-image {

  123.   float: left;

  124.   margin-right: 20px;

  125. }

  126. 

  127. .user-profile-markup-faculty .small-profile-image img {

  128.   width: 75px;

  129.   height: auto;

  130.   border-radius: 10px;

  131. }

  132. 

  133. .user-profile-markup-faculty .profile-item {

  134.   font-size: 1.3em;

  135.   line-height: 1.9em;

  136. }

  137. 

  138. 

  139. .markup-element-mark_clear {

  140.   clear: both;

  141. }

  142. 

  143. .restricted-permissions {

  144.   margin-left: 20px;

  145.   color: red;

  146. }

  147. 

  148. 

  149. 

  150. 

  151. .selected {

  152.   border: 1px solid blue;

  153.   padding: 0 3px;

  154. }

  155. 

  156. ___users-page{}

  157. #fp-form-user_list_filter_form .markup-element-mark_top,

  158. #fp-form-user_list_filter_form #element-wrapper-filter_school,

  159. #fp-form-user_list_filter_form #element-wrapper-filter_role,

  160. #fp-form-user_list_filter_form #element-wrapper-filter_dept,

  161. #fp-form-user_list_filter_form #element-wrapper-filter_name,

  162. #fp-form-user_list_filter_form #element-wrapper-submit_btn,

  163. #fp-form-user_list_filter_form #element-wrapper-reset_btn,

  164. #fp-form-user_list_filter_form #element-wrapper-filter_school div,

  165. #fp-form-user_list_filter_form #element-wrapper-filter_school label,

  166. #fp-form-user_list_filter_form #element-wrapper-filter_school select,

  167. #fp-form-user_list_filter_form #element-wrapper-filter_name div,

  168. #fp-form-user_list_filter_form #element-wrapper-filter_name label,

  169. #fp-form-user_list_filter_form #element-wrapper-filter_name input,

  170. #fp-form-user_list_filter_form #element-wrapper-filter_dept div,

  171. #fp-form-user_list_filter_form #element-wrapper-filter_dept label,

  172. #fp-form-user_list_filter_form #element-wrapper-filter_dept select,

  173. #fp-form-user_list_filter_form #element-wrapper-filter_role div,

  174. #fp-form-user_list_filter_form #element-wrapper-filter_role label,

  175. #fp-form-user_list_filter_form #element-wrapper-filter_role select,

  176. #ignore .ignoreme

  177.  {

  178.   display: inline-block;

  179.   margin-right: 10px;

  180.   margin-bottom: 0;  

  181.   width: auto; 

  182. }

  183. 

  184. #fp-form-user_list_filter_form select

  185. {

  186.   max-width: 200px;

  187. }

  188. 

  189. #fp-form-user_list_filter_form #element-wrapper-reset_btn {

  190.   margin-left: 20px;

  191. }

  192. 

  193. 

  194. a.filter-indicator {

  195.   color: black;  

  196.   padding-left: 10px;

  197.   padding-right: 10px;

  198.   cursor: default;

  199. }

  200. a.filter-indicator:hover {

  201.   text-decoration: none;

  202. }

  203. 

  204. 

  205. 

  206. ___users-students-page {}

  207. 

  208. #fp-form-user_student_list_filter_form .markup-element-mark_top,

  209. #fp-form-user_student_list_filter_form #element-wrapper-filter_school,

  210. #fp-form-user_student_list_filter_form #element-wrapper-filter_active,

  211. #fp-form-user_student_list_filter_form #element-wrapper-filter_major,

  212. #fp-form-user_student_list_filter_form #element-wrapper-filter_name,

  213. #fp-form-user_student_list_filter_form #element-wrapper-submit_btn,

  214. #fp-form-user_student_list_filter_form #element-wrapper-reset_btn,

  215. #fp-form-user_student_list_filter_form #element-wrapper-filter_school div,

  216. #fp-form-user_student_list_filter_form #element-wrapper-filter_school label,

  217. #fp-form-user_student_list_filter_form #element-wrapper-filter_school select,

  218. #fp-form-user_student_list_filter_form #element-wrapper-filter_name div,

  219. #fp-form-user_student_list_filter_form #element-wrapper-filter_name label,

  220. #fp-form-user_student_list_filter_form #element-wrapper-filter_name input,

  221. #fp-form-user_student_list_filter_form #element-wrapper-filter_major div,

  222. #fp-form-user_student_list_filter_form #element-wrapper-filter_major label,

  223. #fp-form-user_student_list_filter_form #element-wrapper-filter_major select,

  224. #fp-form-user_student_list_filter_form #element-wrapper-filter_active div,

  225. #fp-form-user_student_list_filter_form #element-wrapper-filter_active label,

  226. #fp-form-user_student_list_filter_form #element-wrapper-filter_active select,

  227. #ignore .ignoreme

  228.  {

  229.   display: inline-block;

  230.   margin-right: 10px;

  231.   margin-bottom: 0;  

  232.   width: auto; 

  233. }

  234. 

  235. #fp-form-user_student_list_filter_form select

  236. {

  237.   max-width: 200px;

  238. }

  239. 

  240. #fp-form-user_student_list_filter_form #element-wrapper-reset_btn {

  241.   margin-left: 20px;

  242. }

  243. 

  244. 

  245. 

  246.