rt/share/static/css/base/rights-editor.css

   1 /* Styles for putting jQuery UI tabs on the left */
   2 .rights-editor {
   3     border: none;
   4     background: transparent;
   5     width: 100%;
   6     font-size: 110%;
   7 }
   8
   9 /* Position and style the left tabs */
  10 .rights-editor > .ui-tabs-nav {
  11     float: left;
  12     background: transparent;
  13     border: none;
  14     color: black;
  15     width: 25%;
  16 }
  17
  18 .rights-editor > .ui-tabs-nav li {
  19     float: none;
  20     display: block;
  21     border: none;
  22     background: transparent;
  23 }
  24
  25 .rights-editor > .ui-tabs-nav li a {
  26     float: none;
  27     display: block;
  28     padding: 0 0 0.2em 1em;
  29     overflow: hidden;
  30     text-overflow: ellipsis;
  31 }
  32
  33 .rights-editor .ui-tabs-nav li.category {
  34     text-transform: uppercase;
  35 }
  36
  37 li.category ~ li.category {
  38     margin-top: 1em;
  39 }
  40
  41 .rights-editor li.addprincipal .warning {
  42     color: #a00;
  43     display: none;
  44 }
  45
  46 /* Position the outer-most panel */
  47 .rights-editor > .ui-tabs-panel {
  48     position: static;
  49     float: left;
  50     width: 72%;
  51 }
  52
  53 .rights-editor .ui-tabs-panel {
  54     padding: 2px;
  55 }
  56
  57 .rights-editor .ui-tabs-panel h3 {
  58     color: black;
  59     margin-top: 0;
  60     line-height: 0.8em;
  61 }
  62
  63 .rights-editor .ui-tabs-panel h3 .subgroups {
  64     color: #444;
  65     font-size: 80%;
  66 }
  67
  68 .category-tabs {
  69     width: 100%;
  70     border: none;
  71     background: none;
  72 }
  73
  74 .category-tabs .ui-tabs-nav {
  75     border: none;
  76     background: none;
  77 }
  78
  79 .category-tabs .ui-tabs-panel {
  80     background: none;
  81     border: 1px solid #aaa;
  82 }
  83
  84 .rights-editor li.ui-tabs-active {
  85     background: white !important;
  86     color: #222 !important;
  87     border-color: #aaa !important;
  88     font-weight: bold;
  89 }
  90
  91 .rights-editor .ui-state-active a,
  92 .rights-editor .ui-state-hover a {
  93     color: #222 !important;
  94 }
  95
  96 .rights-editor .category-tabs li.ui-state-hover {
  97     background: #f6f6f6;
  98     border-color: #aaa !important;
  99 }
 100
 101 .rights-editor .separator {
 102     display: none;
 103 }
 104
 105 .rights-editor ul.rights-list {
 106     list-style: none;
 107 }
 108
 109 .rights-editor ul.rights-list li {
 110     padding: 0.2em 0;
 111 }
 112
 113 .rights-editor ul.rights-list li:nth-child(even) {
 114     background: #f4f4f4;
 115 }
 116
 117 .rights-editor ul.rights-list li label {
 118     cursor: pointer;
 119 }
 120
 121 .rights-editor .rightname {
 122     color: #888;
 123     font-size: 0.9em;
 124
 125     position: absolute;
 126     right: 1em;
 127     margin-top: 0.3em;
 128
 129     text-align: right;
 130 }