project/media/admin_tools/css/dashboard.css

   1 /* Utilities {{{ */
   2
   3 .float-right {
   4     float: right;
   5 }
   6
   7 /* }}} */
   8 /* Dashboard general styles {{{ */
   9
  10 .warning {
  11     color: red;
  12     background: transparent url(../images/admin-tools.png) 0 -412px no-repeat;
  13     padding-left: 25px;
  14 }
  15
  16 .dashboard #content {
  17     display: block;
  18     width: auto; !important;
  19 }
  20
  21 .dashboard-container {
  22     clear: both;
  23 }
  24
  25 h1.dashboard-title {
  26     float: left;
  27 }
  28
  29 #dashboard-panel {
  30     margin: 0 10px 0 0;
  31     float: right;
  32 }
  33
  34 #dashboard-panel h3 a {
  35     padding: 5px;
  36     min-width: 100px;
  37     display: block;
  38     text-align: center;
  39     border: 1px solid #e5e5e5;
  40     -moz-border-radius: 6px;
  41     -webkit-border-radius: 6px;
  42 }
  43
  44 #dashboard-panel ul {
  45     display: none;
  46     position: absolute;
  47     top: auto;
  48     right: 25px;
  49     margin-top: -1px;
  50 }
  51
  52 #dashboard-panel ul li {
  53     padding: 5px;
  54     border: 1px solid #e5e5e5;
  55     background-color: white;
  56 }
  57
  58 #dashboard-panel ul li a {
  59     display: block;
  60 }
  61
  62 #dashboard-panel:hover ul {
  63     display: block;
  64 }
  65
  66 .dashboard ul {
  67     margin: 0;
  68     padding: 0;
  69     list-style: none;
  70 }
  71
  72 .dashboard ul li {
  73     list-style: none;
  74 }
  75
  76 .dashboard-column {
  77     width: 49.9%;
  78     float: left;
  79     min-height: 200px;
  80 }
  81
  82 .dashboard-module {
  83     margin: 10px 10px 5px 10px;
  84     padding: 1px;
  85     border: 1px solid #e5e5e5;
  86     -moz-border-radius: 6px;
  87     -webkit-border-radius: 6px;
  88 }
  89
  90 .dashboard-placeholder {
  91     border: 2px dashed #cbe0ff;
  92         background-color: #fafafa;
  93     margin: 10px 10px 5px 10px;
  94 }
  95
  96 .dashboard-module h2 {
  97     margin: 0;
  98     padding: 7px 5px 8px 8px;
  99     text-align: left;
 100     font-weight: normal;
 101         background: url(../images/admin-tools.png) repeat-x 0 -245px;
 102     height: 20px;
 103     color: #555;
 104 }
 105
 106 .dashboard-module.draggable h2 {
 107     cursor: move;
 108 }
 109
 110 .dashboard-module h2 a.toggle-icon,
 111 .dashboard-module h2 a.close-icon {
 112     text-indent: -9999px;
 113     display: block;
 114     float: right;
 115     height: 20px;
 116     width: 17px;
 117     margin: 0 0 0 5px;
 118     cursor: pointer;
 119     background-image: url(../images/admin-tools.png);
 120     background-repeat: no-repeat;
 121 }
 122
 123 .dashboard-module h2 a.toggle-icon {
 124     background-position: 0 -45px;
 125 }
 126
 127 .dashboard-module h2 a.toggle-icon:hover {
 128     background-position: 0 -65px;
 129 }
 130
 131 .dashboard-module h2 a.toggle-icon.collapsed {
 132     background-position: 0 -85px;
 133 }
 134
 135 .dashboard-module h2 a.toggle-icon.collapsed:hover {
 136     background-position: 0 -105px;
 137 }
 138
 139 .dashboard-module h2 a.close-icon {
 140     background-position: 0 -125px;
 141 }
 142
 143 .dashboard-module h2 a.close-icon:hover {
 144     background-position: 0 -145px;
 145 }
 146
 147 .fixed h2 span.toggle-icon,
 148 .fixed h2 span.close-icon {
 149     display: none;
 150 }
 151
 152 .dashboard-module h3 {
 153     padding: 5px 10px;
 154     margin: 0;
 155     background: transparent url(../images/admin-tools.png) repeat-x 0 -325px;
 156     text-indent: 12px;
 157     height: 22px;
 158 }
 159
 160 .dashboard-module h3 a {
 161     color: #808080;
 162     font-size: 13px;
 163     font-weight: 600;
 164 }
 165
 166 .dashboard-module-content {
 167     border-top: 1px solid #ececec;
 168 }
 169
 170 .dashboard-module-content a {
 171     color: #5B80B2;
 172 }
 173
 174 .dashboard-module-content p {
 175     margin: 10px;
 176 }
 177
 178 .dashboard-module ul li {
 179     vertical-align: top;
 180     padding: 5px 8px;
 181     line-height: 20px;
 182 }
 183
 184 .dashboard-module ul li.odd {
 185     background: #f5f5f5;
 186 }
 187
 188 .dashboard-module ul li.even {
 189     background: #ffffff;
 190 }
 191
 192 .dashboard-module ul li a.external-link {
 193     background-image: url(../images/admin-tools.png);
 194     background-repeat: no-repeat;
 195     background-position: -5px -168px;
 196     padding-left: 15px;
 197 }
 198
 199 .dashboard-module ul li ul {
 200     float: right;
 201 }
 202
 203 .dashboard-module ul li ul li {
 204     display: block;
 205     float: left;
 206     border: 0;
 207     padding: 0 5px;
 208     vertical-align: top;
 209     height: auto;
 210     line-height: auto;
 211 }
 212
 213 .dashboard-module ul li:hover {
 214     background: #fffff4;
 215 }
 216
 217 /* }}} */
 218 /* link list specific styles {{{ */
 219
 220
 221 .dashboard-module ul.inline {
 222     display: block;
 223     height: auto;
 224     padding: 15px;
 225     text-align: center;
 226 }
 227
 228 .dashboard-module ul.inline li {
 229     display: inline;
 230     margin: 10px auto;
 231 }
 232
 233 .dashboard-module ul.inline li.odd,
 234 .dashboard-module ul.inline li.even {
 235     background: none;
 236 }
 237
 238 /* }}} */
 239 /* Dashboard groups {{{ */
 240
 241 .group {
 242     border: 0;
 243     margin: 0;
 244     padding: 0;
 245 }
 246
 247 .group ul {
 248     background: none;
 249     background-color: #fafafa;
 250     border-width: 0 0 1px 0;
 251     border-color: #d3d3d3;
 252     -moz-border-radius: 0;
 253     -webkit-border-radius: 0;
 254     border-radius: 0;
 255 }
 256
 257 .group ul li.group-tabs-link {
 258     margin-top: 7px;
 259 }
 260
 261 .group ul li.group-tabs-link a:focus,
 262 .group ul li.group-tabs-link a:active {
 263     border: none;
 264     outline: none;
 265 }
 266
 267 .group .dashboard-module {
 268     padding: 5px;
 269     margin: 0;
 270 }
 271
 272 .group-accordion .group-accordion-header {
 273     display: block;
 274     clear: both;
 275     border: none;
 276     -moz-border-radius: 0;
 277     -webkit-border-radius: 0;
 278     border-radius: 0;
 279     border-bottom: 1px solid #d3d3d3;
 280     margin: 0;
 281     background: none;
 282     background-color: #f6f6f6;
 283 }
 284
 285 .group-accordion .group-accordion-header.ui-state-default {
 286     background-color: #f0f0f0;
 287 }
 288
 289 .group-accordion .dashboard-module {
 290     border: 0;
 291 }
 292
 293
 294 /* }}} */