typo3/css/backend-style.css

   1 /* - - - - - - - - - - - - - - - - - - - - -
   2
   3 Title  : TYPO3 backend styles
   4 Author : Ingo Renner <ingo@typo3.org>
   5 URL    : http://typo3.org
   6
   7 Description : styles the TYPO3 backend
   8
   9         $Id$
  10
  11 - - - - - - - - - - - - - - - - - - - - - */
  12
  13
  14 /* ----- Basics ----- */
  15
  16 #typo3-backend {
  17         /* background-color: #fff; */
  18 }
  19
  20 #typo3-top-container {
  21         background-image: url(../gfx/bar.png);
  22 }
  23
  24 #typo3-logo {
  25         padding: 1px 0px 0px 10px;
  26 }
  27
  28
  29 /* ----- Logout ----- */
  30
  31 #typo3-side-menu form,
  32 #login-info p {
  33         text-align: center;
  34 }
  35
  36 #login-info p {
  37         padding-top: 5px;
  38         padding-bottom: 30px;
  39 }
  40
  41
  42 /* ----- Toolbar ----- */
  43
  44 .typo3-top-toolbar {
  45         padding-right: 15px;
  46         position: absolute;
  47         right: 0px;
  48 }
  49
  50 #typo3-toolbar {
  51         display: inline;
  52         list-style: none;
  53         margin: 0px;
  54         padding: 0px;
  55 }
  56
  57 #typo3-toolbar li {
  58         display: inline;
  59         float: left;
  60         margin-right: -1px; /* necessary for overlaying the separators with the active state background */
  61 }
  62
  63 #typo3-toolbar * li {
  64         display: list-item;
  65 }
  66
  67 .toolbar-item {
  68         display: block;
  69         padding-top: 2px;
  70         padding-bottom: 9px;
  71         display: block;
  72         text-align: center;
  73         background-image: url(../gfx/toolbar_separator.png);
  74         background-repeat: no-repeat;
  75 }
  76
  77 .toolbar-item-menu {
  78         top: 25px;
  79 }
  80
  81 #typo3-toolbar .no-separator {
  82         background-image: none;
  83 }
  84
  85 .toolbar-item-active {
  86         background-image: url(../gfx/toolbar_item_active_bg.png);
  87 }
  88
  89
  90 /* ----- logged in user ----- */
  91
  92 #username {
  93         height: 13px;
  94 }
  95
  96 #username.su-user {
  97         background: #f7989f;
  98         padding-left: 4px;
  99 }
 100
 101 #username img {
 102         padding: 0px 4px;
 103         vertical-align: bottom;
 104 }
 105
 106 #username span {
 107         padding-right: 4px;
 108 }
 109
 110 #logout-button {
 111         padding-left: 4px;
 112         padding-right: 7px;
 113 }
 114
 115
 116 /* ----- Workspace Selector ----- */
 117
 118 #workspace-selector span {
 119         padding-top: 2px;
 120         padding-left: 7px;
 121         margin-right: 5px;
 122 }
 123
 124 /* ----- Caching ----- */
 125
 126 #clear-cache-actions-menu {
 127         width: 30px;
 128 }
 129
 130 #clear-cache-actions-menu ul {
 131         position: absolute;
 132         list-style: none;
 133         padding: 2px 0px 0px;
 134         margin: 0px;
 135         background-color: #f9f9f9;
 136         border: 1px solid #abb2bc;
 137         border-top: none;
 138         width: 180px;
 139 }
 140
 141 #clear-cache-actions-menu li {
 142         padding-top: 2px;
 143         text-align: left;
 144         float: none;
 145         vertical-align: middle;
 146         height: 19px;
 147 }
 148
 149 #clear-cache-actions-menu li img {
 150         float: left;
 151         padding-right: 3px;
 152 }
 153
 154 #clear-cache-actions-menu li a {
 155         text-decoration: none;
 156         line-height: 12px;
 157         vertical-align: middle;
 158         display: block;
 159         padding-bottom: 2px;
 160         padding-left: 3px;
 161         font-size: 11px;
 162 }
 163
 164
 165 /* ----- Shortcuts ----- */
 166
 167 #shortcut-menu {
 168         width: 30px;
 169 }
 170
 171 #shortcut-menu .toolbar-item-menu {
 172         position: absolute;
 173         list-style: none;
 174         padding: 2px 0px 0px;
 175         margin: 0px;
 176         background-color: #f9f9f9;
 177         border: 1px solid #abb2bc;
 178         border-top: none;
 179         width: 220px;
 180 }
 181
 182 #shortcut-menu .shortcut-list {
 183         width: 100%;
 184 }
 185
 186 #shortcut-menu .shortcut-list tr.shortcut td {
 187         padding: 2px 1px;
 188         line-height: 16px;
 189 }
 190
 191 #shortcut-menu .shortcut-list tr.shortcut.first-row td {
 192         background-image: url(../gfx/shortcutgroups-bg.png);
 193         background-repeat: repeat-x;
 194         padding-top: 4px;
 195 }
 196
 197 #shortcut-menu .shortcut-list tr.shortcut-group td.shortcut-group-icon,
 198 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-icon,
 199 #shortcut-menu .shortcut-list td.shortcut-edit,
 200 #shortcut-menu .shortcut-list td.shortcut-delete {
 201         width: 18px;
 202         text-align: center;
 203         vertical-align: top;
 204 }
 205
 206 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-label a {
 207         display: block;
 208         cursor: pointer;
 209 }
 210
 211 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-edit img,
 212 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-delete img {
 213         display: none;
 214         cursor: pointer;
 215 }
 216
 217 #shortcut-menu .shortcut-list tr.shortcut:hover td.shortcut-edit img,
 218 #shortcut-menu .shortcut-list tr.shortcut:hover td.shortcut-delete img {
 219         display: inline;
 220 }
 221
 222 #shortcut-menu .shortcut-list tr.shortcut-group td.shortcut-group-icon,
 223 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-icon {
 224         padding-left: 7px;
 225         vertical-align: top;
 226 }
 227
 228 #shortcut-menu .shortcut-list .shortcut-group td {
 229         border-top: 1px solid #a5a5a5;
 230         border-bottom: 1px solid #a5a5a5;
 231         background-color: #dbdbdb;
 232 }
 233
 234
 235 /* ----- Backend Search ----- */
 236
 237 #backend-search-menu {
 238         width: 30px;
 239 }
 240
 241 #backend-search-menu div {
 242         position: absolute;
 243         padding: 3px 5px;
 244         text-align: right;
 245         margin: 0px;
 246         background-color: #f9f9f9;
 247         border: 1px solid #abb2bc;
 248         border-top: none;
 249         width: 180px;
 250 }
 251
 252 #search-query {
 253         width: 170px;
 254         border: 1px #848484 solid;
 255         padding: 1px;
 256 }
 257
 258
 259
 260
 261
 262
 263
 264
 265
 266
 267
 268
 269
 270
 271
 272
 273
 274
 275
 276
 277
 278
 279
 280
 281
 282
 283
 284
 285
 286
 287
 288
 289