You are here

Home » API reference » Fast Permissions Administration 6.2

fpa.css in Fast Permissions Administration 6.2

Same filename and directory in other branches
  1. 8.2 css/fpa.css
  2. 7.2 css/fpa.css
  3. 3.0.x css/fpa.css
#user-admin-perm {
  background-repeat: no-repeat;
  background-position: center -18px;
  background-image: url('data:image/gif;base64,R0lGODlhDwAoAMQAAAAAAAhzvQx7vRh7xhyExjWQykaczlqi02uv2Iu/4bW1taDO57XW7729vb3e78bGxs7OztbW1t7e3sri89bn997v9+fn5+fv9+f3/+/v7+/3//f39/f3//f//////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBgAAACwAAAAADwAoAAAFxiAgApkUWduoAhukvC+UqlujNFD0vI2nuo8ZyRYZZW5C0VExkyiKK8DOIoooJFGAFQtwQldTJXK1FAKFGSLNpsjtbj6aC/ZMqkone3bP7/v/gIGCfhQJCAsVexUGAY2NBxorFQIBAgQBl5gcKowFFQkBCROXCCMUlRceoAkeE42RAAsBCB6qobWMDCIIt7asHrwJIqC0HgwHDLgBugCnAqm1ta4BsACdFdETA7Mqk40GCIyaKxfijgjVKxQLh4mD7/Dx8vIhAAAh+QQFBgAAACwAABQADQANAAAFRyAgAtOSANqoriI3XgQQFEchFunqcUQwvCpPImBwiC6rikxpc5wQooNKulgApIALwjVyTGQskcAzinVZ5qsNsA5HkSvkaRUCACH5BAUGAAAALAAAFAANAA0AAAU/ICAC11iNY4mKKnCKxsqtoudNwjgBweg5hZ7AIzqwjAECDSVI0BAoVYEFyK0cvFZhJ+KmRtOYSGNazlZe8igEACH5BAUGAAAALAAAFAANAA0AAAVIICACVIKMKFClooYKAIwYIsGmtkjFqOdNgIALcAI4EsiEjXFKiJyBaACARDEO2MNydwMChqLVTQUDGIoAAmd0YSHAo91JLAoBACH5BAUGAAAALAAAFAANAA0AAAVJICAC05IA2qiuIjdeBBAUx1ikbH7lgCPuqgvi4vEUeieEqCZIeGqLBaAG2AUChKNjIlM5CgGAwDOKjRyClXl6BLR5U2AQcFqFAAAh+QQFBgAAACwAABQADQANAAAFQCAgAtdYjWOJiipwigZQjNy6DuMEBLYueKIDqgaI2UQJ4AohqvAqShJAMEoEDI5dq6DjEHio7UpjOhJROhF5FAIAIfkEBQYAAAAsAAAUAA0ADQAABUUgIAIUgIwoUKWihgoAjBgiwaa2WMJ34JoiR8KBYpwSIuToqEwCEh4AjVEaJQLQSQtVuSYmAy6PEMgROKMLC/FDlU6rUQgAIfkEBQYAAAAsAAAUAA0ADQAABUYgIAITkADaqK4iN14EEBTHWKRsfuWAI+6qCwJX6J0QohoSUFssmL2AACdylAKAQmDhGQm6osHM4/GtYtlDMcsbHYBBEysEACH5BAUGAAAALAAAFAANAA0AAAVBICAC11iNY4mKKnCKBlCM3LoO4wQEti54ooPoVAPEUJwEzwYj8BCjGUkUMFCAAMeuRZhgdagWbKQxMYsoMKA8CgEAIfkEBQYAAAAsAAAUAA0ADQAABUkgIAJUgowoUKWihgoAjBgiwaa2SMU3EGgJAOFAPDBQjFNgKQoCTs5CYppwiGiMneDi8YwmrVFh1avAAIZTjTO6sBCu1O5EFoUAACH5BAUGAAAALAAAFAANAA0AAAVIICAC05IA2qiuIjdeBBAUx1ikY8yKlxwYlJGDtwAYCIEAAlcAOE4IzgmAENWKgIPHU4mqHBPZDiDw5L4sXbYJYI+zvVVvqgoBACH5BAUGAAAALAAAFAANAA0AAAVBICAC11iNY4mKKnCixcitQSwO48QWwSLqAo/o4HEABCPDyuM5rFAIFkAjspWQK2OgVdD9VlyAUkQVvVazlXeKCgEAOw==');
  height: 18px;
}

#user-admin-perm.show {
  background-image: none;
  height: auto;
}

#user-admin-perm > div {
  display: none;
}

#user-admin-perm.show > div {
  display:block;
}

#user-admin-perm .fpa-left-section {
  background-color: #F6F6F6;
  border: 1px solid #D6DBDE;
  float: left;
  margin-right: -1px;
  text-align: center;
  width: 150px;
}

#user-admin-perm .fpa-left-section ul {
  list-style: none;
  margin:0;
  padding: 0;
  text-align: left;
}

#user-admin-perm .fpa-left-section ul li {
  background: #EFEFEF;
  border-bottom: 1px solid #D6DBDE;
  cursor: pointer;
  font-size: 90%;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#user-admin-perm .fpa-left-section ul li.active {
  background: white;
  margin-right: -1px;
  position: relative;
  width: 151px;
}

#user-admin-perm .fpa-left-section ul li div {
  padding: 0.5em;
}

#user-admin-perm .fpa-left-section ul li div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#user-admin-perm .fpa-right-section {
  margin-left: 151px;
  border: 1px solid #D6DBDE;
}

#user-admin-perm .fpa-right-section .fpa-filter-form .form-item {
  display: inline-block;
  padding: 0.3em 0.5em;
  vertical-align: top;
}

#user-admin-perm .fpa-right-section .fpa-filter-form .clear-search {
  cursor: pointer;
  display: inline-block;
}

#user-admin-perm .fpa-right-section .form-submit {
  margin-left: 0.5em;
}

File

css/fpa.css
View source 
  1. #user-admin-perm {

  2.   background-repeat: no-repeat;

  3.   background-position: center -18px;

  4.   background-image: url('data:image/gif;base64,R0lGODlhDwAoAMQAAAAAAAhzvQx7vRh7xhyExjWQykaczlqi02uv2Iu/4bW1taDO57XW7729vb3e78bGxs7OztbW1t7e3sri89bn997v9+fn5+fv9+f3/+/v7+/3//f39/f3//f//////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBgAAACwAAAAADwAoAAAFxiAgApkUWduoAhukvC+UqlujNFD0vI2nuo8ZyRYZZW5C0VExkyiKK8DOIoooJFGAFQtwQldTJXK1FAKFGSLNpsjtbj6aC/ZMqkone3bP7/v/gIGCfhQJCAsVexUGAY2NBxorFQIBAgQBl5gcKowFFQkBCROXCCMUlRceoAkeE42RAAsBCB6qobWMDCIIt7asHrwJIqC0HgwHDLgBugCnAqm1ta4BsACdFdETA7Mqk40GCIyaKxfijgjVKxQLh4mD7/Dx8vIhAAAh+QQFBgAAACwAABQADQANAAAFRyAgAtOSANqoriI3XgQQFEchFunqcUQwvCpPImBwiC6rikxpc5wQooNKulgApIALwjVyTGQskcAzinVZ5qsNsA5HkSvkaRUCACH5BAUGAAAALAAAFAANAA0AAAU/ICAC11iNY4mKKnCKxsqtoudNwjgBweg5hZ7AIzqwjAECDSVI0BAoVYEFyK0cvFZhJ+KmRtOYSGNazlZe8igEACH5BAUGAAAALAAAFAANAA0AAAVIICACVIKMKFClooYKAIwYIsGmtkjFqOdNgIALcAI4EsiEjXFKiJyBaACARDEO2MNydwMChqLVTQUDGIoAAmd0YSHAo91JLAoBACH5BAUGAAAALAAAFAANAA0AAAVJICAC05IA2qiuIjdeBBAUx1ikbH7lgCPuqgvi4vEUeieEqCZIeGqLBaAG2AUChKNjIlM5CgGAwDOKjRyClXl6BLR5U2AQcFqFAAAh+QQFBgAAACwAABQADQANAAAFQCAgAtdYjWOJiipwigZQjNy6DuMEBLYueKIDqgaI2UQJ4AohqvAqShJAMEoEDI5dq6DjEHio7UpjOhJROhF5FAIAIfkEBQYAAAAsAAAUAA0ADQAABUUgIAIUgIwoUKWihgoAjBgiwaa2WMJ34JoiR8KBYpwSIuToqEwCEh4AjVEaJQLQSQtVuSYmAy6PEMgROKMLC/FDlU6rUQgAIfkEBQYAAAAsAAAUAA0ADQAABUYgIAITkADaqK4iN14EEBTHWKRsfuWAI+6qCwJX6J0QohoSUFssmL2AACdylAKAQmDhGQm6osHM4/GtYtlDMcsbHYBBEysEACH5BAUGAAAALAAAFAANAA0AAAVBICAC11iNY4mKKnCKBlCM3LoO4wQEti54ooPoVAPEUJwEzwYj8BCjGUkUMFCAAMeuRZhgdagWbKQxMYsoMKA8CgEAIfkEBQYAAAAsAAAUAA0ADQAABUkgIAJUgowoUKWihgoAjBgiwaa2SMU3EGgJAOFAPDBQjFNgKQoCTs5CYppwiGiMneDi8YwmrVFh1avAAIZTjTO6sBCu1O5EFoUAACH5BAUGAAAALAAAFAANAA0AAAVIICAC05IA2qiuIjdeBBAUx1ikY8yKlxwYlJGDtwAYCIEAAlcAOE4IzgmAENWKgIPHU4mqHBPZDiDw5L4sXbYJYI+zvVVvqgoBACH5BAUGAAAALAAAFAANAA0AAAVBICAC11iNY4mKKnCixcitQSwO48QWwSLqAo/o4HEABCPDyuM5rFAIFkAjspWQK2OgVdD9VlyAUkQVvVazlXeKCgEAOw==');

  5.   height: 18px;

  6. }

  7. 

  8. #user-admin-perm.show {

  9.   background-image: none;

  10.   height: auto;

  11. }

  12. 

  13. #user-admin-perm > div {

  14.   display: none;

  15. }

  16. 

  17. #user-admin-perm.show > div {

  18.   display:block;

  19. }

  20. 

  21. #user-admin-perm .fpa-left-section {

  22.   background-color: #F6F6F6;

  23.   border: 1px solid #D6DBDE;

  24.   float: left;

  25.   margin-right: -1px;

  26.   text-align: center;

  27.   width: 150px;

  28. }

  29. 

  30. #user-admin-perm .fpa-left-section ul {

  31.   list-style: none;

  32.   margin:0;

  33.   padding: 0;

  34.   text-align: left;

  35. }

  36. 

  37. #user-admin-perm .fpa-left-section ul li {

  38.   background: #EFEFEF;

  39.   border-bottom: 1px solid #D6DBDE;

  40.   cursor: pointer;

  41.   font-size: 90%;

  42.   line-height: 100%;

  43.   margin: 0;

  44.   overflow: hidden;

  45.   padding: 0;

  46.   text-overflow: ellipsis;

  47.   white-space: nowrap;

  48. }

  49. 

  50. #user-admin-perm .fpa-left-section ul li.active {

  51.   background: white;

  52.   margin-right: -1px;

  53.   position: relative;

  54.   width: 151px;

  55. }

  56. 

  57. #user-admin-perm .fpa-left-section ul li div {

  58.   padding: 0.5em;

  59. }

  60. 

  61. #user-admin-perm .fpa-left-section ul li div:after {

  62.   content: ".";

  63.   display: block;

  64.   height: 0;

  65.   clear: both;

  66.   visibility: hidden;

  67. }

  68. 

  69. #user-admin-perm .fpa-right-section {

  70.   margin-left: 151px;

  71.   border: 1px solid #D6DBDE;

  72. }

  73. 

  74. #user-admin-perm .fpa-right-section .fpa-filter-form .form-item {

  75.   display: inline-block;

  76.   padding: 0.3em 0.5em;

  77.   vertical-align: top;

  78. }

  79. 

  80. #user-admin-perm .fpa-right-section .fpa-filter-form .clear-search {

  81.   cursor: pointer;

  82.   display: inline-block;

  83. }

  84. 

  85. #user-admin-perm .fpa-right-section .form-submit {

  86.   margin-left: 0.5em;

  87. }