[Summary view] [Print] [Text view]

   1  /* Control Panel Styles
   2  ---------------------------------------- */
   3  
   4  
   5  /* Main CP box
   6  ----------------------------------------*/
   7  #cp-menu {
   8      float:left;
   9      width: 19%;
  10      margin-top: 1em;
  11      margin-bottom: 5px;
  12  }
  13  
  14  #cp-main {
  15      float: left;
  16      width: 81%;
  17  }
  18  
  19  #cp-main .content {
  20      padding: 0;
  21  }
  22  
  23  #cp-main h3, #cp-main hr, #cp-menu hr {
  24      border-color: #bfbfbf;
  25  }
  26  
  27  #cp-main .panel p {
  28      font-size: 1.1em;
  29  }
  30  
  31  #cp-main .panel ol {
  32      margin-left: 2em;
  33      font-size: 1.1em;
  34  }
  35  
  36  #cp-main .panel li.row {
  37      border-bottom: 1px solid #cbcbcb;
  38      border-top: 1px solid #F9F9F9;
  39  }
  40  
  41  ul.cplist {
  42      margin-bottom: 5px;
  43      border-top: 1px solid #cbcbcb;
  44  }
  45  
  46  #cp-main .panel li.header dd, #cp-main .panel li.header dt {
  47      color: #000000;
  48      margin-bottom: 2px;
  49  }
  50  
  51  #cp-main table.table1 {
  52      margin-bottom: 1em;
  53  }
  54  
  55  #cp-main table.table1 thead th {
  56      color: #333333;
  57      font-weight: bold;
  58      border-bottom: 1px solid #333333;
  59      padding: 5px;
  60  }
  61  
  62  #cp-main table.table1 tbody th {
  63      font-style: italic;
  64      background-color: transparent !important;
  65      border-bottom: none;
  66  }
  67  
  68  #cp-main .pagination {
  69      float: right;
  70      width: auto;
  71      padding-top: 1px;
  72  }
  73  
  74  #cp-main .postbody p {
  75      font-size: 1.1em;
  76  }
  77  
  78  #cp-main .pm-message {
  79      border: 1px solid #e2e2e2;
  80      margin: 10px 0;
  81      background-color: #FFFFFF;
  82      width: auto;
  83      float: none;
  84  }
  85  
  86  .pm-message h2 {
  87      padding-bottom: 5px;
  88  }
  89  
  90  #cp-main .postbody h3, #cp-main .box2 h3 {
  91      margin-top: 0;
  92  }
  93  
  94  #cp-main .buttons {
  95      margin-left: 0;
  96  }
  97  
  98  #cp-main ul.linklist {
  99      margin: 0;
 100  }
 101  
 102  /* MCP Specific tweaks */
 103  .mcp-main .postbody {
 104      width: 100%;
 105  }
 106  
 107  .tabs-container h2 {
 108      float: left;
 109      margin-bottom: 0px;
 110  }
 111  
 112  .tabs-container #minitabs {
 113      float: right;
 114      margin-top: 19px;
 115  }
 116  
 117  .tabs-container:after {
 118      display: block;
 119      clear: both;
 120      content: '';
 121  }
 122  
 123  /* CP tabbed menu
 124  ----------------------------------------*/
 125  #tabs {
 126      line-height: normal;
 127      margin: 20px 0 -1px 7px;
 128      min-width: 570px;
 129  }
 130  
 131  #tabs ul {
 132      margin:0;
 133      padding: 0;
 134      list-style: none;
 135  }
 136  
 137  #tabs li {
 138      display: inline;
 139      margin: 0;
 140      padding: 0;
 141      font-size: 1em;
 142      font-weight: bold;
 143  }
 144  
 145  #tabs a {
 146      float: left;
 147      background: none no-repeat 0% -35px;
 148      margin: 0 1px 0 0;
 149      padding: 0 0 0 5px;
 150      text-decoration: none;
 151      position: relative;
 152      cursor: pointer;
 153  }
 154  
 155  #tabs a span {
 156      float: left;
 157      display: block;
 158      background: none no-repeat 100% -35px;
 159      padding: 6px 10px 6px 5px;
 160      color: #828282;
 161      white-space: nowrap;
 162  }
 163  
 164  #tabs a:hover span {
 165      color: #bcbcbc;
 166  }
 167  
 168  #tabs .activetab a {
 169      background-position: 0 0;
 170      border-bottom: 1px solid #ebebeb;
 171  }
 172  
 173  #tabs .activetab a span {
 174      background-position: 100% 0;
 175      padding-bottom: 7px;
 176      color: #333333;
 177  }
 178  
 179  #tabs a:hover {
 180      background-position: 0 -70px;
 181  }
 182  
 183  #tabs a:hover span {
 184      background-position:100% -70px;
 185  }
 186  
 187  #tabs .activetab a:hover {
 188      background-position: 0 0;
 189  }
 190  
 191  #tabs .activetab a:hover span {
 192      color: #000000;
 193      background-position: 100% 0;
 194  }
 195  
 196  /* Mini tabbed menu used in MCP
 197  ----------------------------------------*/
 198  #minitabs {
 199      line-height: normal;
 200      margin: -20px 7px 0 0;
 201  }
 202  
 203  #minitabs ul {
 204      margin:0;
 205      padding: 0;
 206      list-style: none;
 207  }
 208  
 209  #minitabs li {
 210      display: block;
 211      float: right;
 212      padding: 0 10px 4px 10px;
 213      font-size: 1em;
 214      font-weight: bold;
 215      background-color: #f2f2f2;
 216      margin-left: 2px;
 217  }
 218  
 219  #minitabs a {
 220  }
 221  
 222  #minitabs a:hover {
 223      text-decoration: none;
 224  }
 225  
 226  #minitabs li.activetab {
 227      background-color: #F9F9F9;
 228  }
 229  
 230  #minitabs li.activetab a, #minitabs li.activetab a:hover {
 231      color: #333333;
 232  }
 233  
 234  /* UCP navigation menu
 235  ----------------------------------------*/
 236  /* Container for sub-navigation list */
 237  #navigation {
 238      width: 100%;
 239      padding-top: 36px;
 240  }
 241  
 242  #navigation ul {
 243      list-style:none;
 244  }
 245  
 246  /* Default list state */
 247  #navigation li {
 248      margin: 1px 0;
 249      padding: 0;
 250      font-weight: bold;
 251      display: inline;
 252  }
 253  
 254  /* Link styles for the sub-section links */
 255  #navigation a {
 256      display: block;
 257      padding: 5px;
 258      margin: 1px 0;
 259      text-decoration: none;
 260      font-weight: bold;
 261      color: #333;
 262      background: #cfcfcf none repeat-y 100% 0;
 263  }
 264  
 265  #navigation a:hover {
 266      text-decoration: none;
 267      background-color: #c6c6c6;
 268      color: #bcbcbc;
 269      background-image: none;
 270  }
 271  
 272  #navigation #active-subsection a {
 273      display: block;
 274      color: #d3d3d3;
 275      background-color: #F9F9F9;
 276      background-image: none;
 277  }
 278  
 279  #navigation #active-subsection a:hover {
 280      color: #d3d3d3;
 281  }
 282  
 283  /* Preferences pane layout
 284  ----------------------------------------*/
 285  #cp-main h2 {
 286      border-bottom: none;
 287      padding: 0;
 288      margin-left: 10px;
 289      color: #333333;
 290  }
 291  
 292  #cp-main .panel {
 293      background-color: #F9F9F9;
 294  }
 295  
 296  #cp-main .pm {
 297      background-color: #FFFFFF;
 298  }
 299  
 300  #cp-main span.corners-top, #cp-menu span.corners-top {
 301      background-image: none;
 302  }
 303  
 304  #cp-main span.corners-top span, #cp-menu span.corners-top span {
 305      background-image: none;
 306  }
 307  
 308  #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
 309      background-image: none;
 310  }
 311  
 312  #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
 313      background-image: none;
 314  }
 315  
 316  /* Topicreview */
 317  #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
 318      background-image: none;
 319  }
 320  
 321  #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
 322      background-image: none;
 323  }
 324  
 325  #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
 326      background-image: none;
 327  }
 328  
 329  #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
 330      background-image: none;
 331  }
 332  
 333  /* Friends list */
 334  .cp-mini {
 335      background-color: #f9f9f9;
 336      padding: 0 5px;
 337      margin: 10px 15px 10px 5px;
 338  }
 339  
 340  .cp-mini span.corners-top, .cp-mini span.corners-bottom {
 341      margin: 0 -5px;
 342  }
 343  
 344  dl.mini dt {
 345      font-weight: bold;
 346      color: #676767;
 347  }
 348  
 349  dl.mini dd {
 350      padding-top: 4px;
 351  }
 352  
 353  .friend-online {
 354      font-weight: bold;
 355  }
 356  
 357  .friend-offline {
 358      font-style: italic;
 359  }
 360  
 361  /* PM Styles
 362  ----------------------------------------*/
 363  #pm-menu {
 364      line-height: 2.5em;
 365  }
 366  
 367  /* PM panel adjustments */
 368  .reply-all a.left {
 369      background-position: 3px 60%;
 370  }
 371  
 372  .reply-all a.left:hover {
 373      background-position: 0px 60%;
 374  }
 375  
 376  .reply-all {
 377      font-size: 11px;
 378      padding-top: 5px;
 379  }
 380  
 381  /* PM Message history */
 382  .current {
 383      color: #999999;
 384  }
 385  
 386  /* Defined rules list for PM options */
 387  ol.def-rules {
 388      padding-left: 0;
 389  }
 390  
 391  ol.def-rules li {
 392      line-height: 180%;
 393      padding: 1px;
 394  }
 395  
 396  /* PM marking colours */
 397  .pmlist li.bg1 {
 398      padding: 0 3px;
 399  }
 400  
 401  .pmlist li.bg2 {
 402      padding: 0 3px;
 403  }
 404  
 405  .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
 406      border-left-color: #bcbcbc;
 407      border-right-color: #bcbcbc;
 408  }
 409  
 410  .pmlist li.pm_marked_colour, .pm_marked_colour {
 411      padding: 0;
 412      border: solid 3px #ffffff;
 413      border-width: 0 3px;
 414  }
 415  
 416  .pmlist li.pm_replied_colour, .pm_replied_colour {
 417      padding: 0;
 418      border: solid 3px #c2c2c2;
 419      border-width: 0 3px;
 420  }
 421  
 422  .pmlist li.pm_friend_colour, .pm_friend_colour {
 423      padding: 0;
 424      border: solid 3px #bdbdbd;
 425      border-width: 0 3px;
 426  }
 427  
 428  .pmlist li.pm_foe_colour, .pm_foe_colour {
 429      padding: 0;
 430      border: solid 3px #000000;
 431      border-width: 0 3px;
 432  }
 433  
 434  .pm-legend {
 435      border-left-width: 10px;
 436      border-left-style: solid;
 437      border-right-width: 0;
 438      margin-bottom: 3px;
 439      padding-left: 3px;
 440  }
 441  
 442  /* Avatar gallery */
 443  #gallery label {
 444      position: relative;
 445      float: left;
 446      margin: 10px;
 447      padding: 5px;
 448      width: auto;
 449      background: #FFFFFF;
 450      border: 1px solid #CCC;
 451      text-align: center;
 452  }
 453  
 454  #gallery label:hover {
 455      background-color: #EEE;
 456  }