[Summary view] [Print] [Text view]

   1  /* base
   2  ----------------------------------------------- */
   3  
   4  body, input, textarea, select {
   5  font: 11px Verdana, Arial, sans-serif;
   6  }
   7  
   8  body {
   9  margin: 0 0 20px 0;
  10  padding: 0;
  11  color: #000;
  12  background-color: #fff;
  13  }
  14  
  15  code, .code {
  16  font: 1.1em Monaco, "Courier New", monospace;
  17  }
  18  
  19  small, .small {
  20  font-size: 0.9em;
  21  }
  22  
  23  h1, h2, h3, p, ul, ol {
  24  margin: 0 0 10px 0;
  25  padding: 0;
  26  }
  27  
  28  h1, h2, h3 {
  29  font-family: Georgia, Times, serif;
  30  font-weight: normal;
  31  }
  32  
  33  h1 {
  34  font-size: 1.45em;
  35  }
  36  
  37  h2 {
  38  font-size: 1.3em;
  39  }
  40  
  41  h3 {
  42  font-size: 1.2em;
  43  }
  44  
  45  h3.plain {
  46  font: 1em Verdana, Arial, sans-serif;
  47  }
  48  
  49  p {
  50  line-height: 1.4em;
  51  }
  52  
  53  ul {
  54  list-style-type: circle;
  55  }
  56  
  57  li {
  58  margin: 0 0 5px 35px;
  59  padding: 0;
  60  }
  61  
  62  /* links
  63  ----------------------------------------------- */
  64  
  65  h3 a {
  66  font-weight: bold;
  67  }
  68  
  69  a img {
  70  border: none;
  71  }
  72  
  73  a:link, a:visited, a:active {
  74  color: #963;
  75  background-color: transparent;
  76  text-decoration: none;
  77  }
  78  
  79  a:hover, a:focus {
  80  text-decoration: underline;
  81  }
  82  
  83  a.alink, a.dlink, a.pophelp {
  84  border-right: 1px solid #999;
  85  border-bottom: 1px solid #999;
  86  }
  87  
  88  a.alink {
  89  color: #00f;
  90  background-color: #eee;
  91  }
  92  
  93  a.dlink:hover, a.pophelp:hover {
  94  text-decoration: none;
  95  }
  96  
  97  a.dlink {
  98  color: #f00;
  99  background-color: #eee;
 100  }
 101  
 102  a.navlink {
 103  padding: 3px;
 104  color: #000;
 105  background-color: #ffc;
 106  border-right: 1px solid #ddd;
 107  border-bottom: 1px solid #ddd;
 108  border-left: 1px solid #f1f1f1;
 109  }
 110  
 111  a.navlink-active {
 112  padding: 3px;
 113  color: #000;
 114  border-right: 1px solid #ddd;
 115  border-bottom: 1px solid #ddd;
 116  border-left: 1px solid #f1f1f1;
 117  }
 118  
 119  a.plain, a.plain:visited, a.plain:active {
 120  color: #000;
 121  background-color: transparent;
 122  }
 123  
 124  a.pophelp {
 125  padding: 0 2px;
 126  font-weight: normal;
 127  color: #00f;
 128  background-color: #eee;
 129  }
 130  
 131  /* form elements
 132  ----------------------------------------------- */
 133  
 134  fieldset {
 135  margin: 0 0 10px 0;
 136  padding: 5px;
 137  border: 1px solid #ddd;
 138  }
 139  
 140  label {
 141  cursor: pointer;
 142  }
 143  
 144  input {
 145  font-size: 0.9em;
 146  }
 147  
 148  textarea {
 149  padding: 3px;
 150  line-height: 1.4em;
 151  background-color: #eee;
 152  }
 153  
 154  select {
 155  font-size: 0.9em;
 156  background-color: #eee;
 157  }
 158  
 159  form.search-form {
 160  margin: auto;
 161  text-align: center;
 162  }
 163  
 164  form.upload-form {
 165  text-align: center;
 166  }
 167  
 168  input.cancel, input.delete,
 169  input.interbox, input.interbox2,
 170  input.navbox,
 171  input.preview,
 172  input.smallbox, input.smallerbox, input.smallerboxsp,
 173  select {
 174  border-width: 1px;
 175  border-style: solid;
 176  border-color: #fff #999 #999 #fff;
 177  }
 178  
 179  input.cancel, input.delete,
 180  input.publish, input.preview {
 181  margin: 5px 10px 5px auto;
 182  padding: 5px;
 183  width: auto;
 184  }
 185  
 186  input.edit, input.list,
 187  textarea {
 188  border-width: 1px;
 189  border-style: solid;
 190  border-color: #999 #fff #fff #999;
 191  }
 192  
 193  input.edit {
 194  margin-top: 5px;
 195  padding: 1px;
 196  font-size: 1em;
 197  background-color: #eee;
 198  }
 199  
 200  input.navbox,
 201  input.smallbox, input.smallerbox, input.smallerboxsp {
 202  padding: 3px 6px 4px 6px;
 203  }
 204  
 205  input.interbox, input.interbox2     {
 206  padding: 3px 4px 4px 4px;
 207  }
 208  
 209  input.interbox2 {
 210  margin-left: 100px;
 211  }
 212  
 213  input.list {
 214  margin: 5px 5px auto auto;
 215  padding: 3px;
 216  background-color: #ddd;
 217  }
 218  
 219  input.navbox {
 220  margin-right: 10px;
 221  background-color: #eee;
 222  }
 223  
 224  input.publish {
 225  color: #fff;
 226  background-color: #900;
 227  border-width: 2px 1px 1px 2px;
 228  border-style: solid;
 229  border-color: #b00 #600 #600 #b00;
 230  }
 231  
 232  input.smallbox {
 233  margin-right: 10px;
 234  vertical-align: text-top;
 235  background-color: #ddd;
 236  }
 237  
 238  input.smallerbox {
 239  padding: 2px;
 240  background-color: #ddd;
 241  }
 242  
 243  input.smallerboxsp {
 244  margin-right: 10px;
 245  padding: 2px;
 246  background-color: #ddd;
 247  }
 248  
 249  /* table elements
 250  ----------------------------------------------- */
 251  
 252  table, tr, th, td {
 253  vertical-align: top;
 254  }
 255  
 256  table.edit-table {
 257  margin-top: 2em;
 258  }
 259  
 260  td.column {
 261  padding: 10px;
 262  }
 263  
 264  td.declaration {
 265  padding: 0 3px;
 266  font-size: 0.9em;
 267  text-align: left;
 268  }
 269  
 270  td.selector, td.selector2 {
 271  padding: 6px 3px;
 272  text-align: left;
 273  border-top: 3px solid #fff;
 274  }
 275  
 276  td.selector2 {
 277  font-size: 0.9em;
 278  }
 279  
 280  table#edit td.noline,
 281  table#list td.noline    {
 282  vertical-align: middle;
 283  border: none;
 284  }
 285  
 286  table#list th, table#list td {
 287  padding: 3px 5px;
 288  text-align: left;
 289  border-bottom: 1px solid #ddd;
 290  }
 291  
 292  table#list td.noline {
 293  height: 30px;
 294  }
 295  
 296  table#list td.unpublished {
 297  color: #ccc;
 298  }
 299  
 300  table#list th {
 301  vertical-align: bottom;
 302  }
 303  
 304  table#list th a {
 305  margin-right: 14px;
 306  }
 307  
 308  table#list th.asc a {
 309  background: url(txp_img/arrowupdn.gif) no-repeat right 2px;
 310  padding-right: 14px;
 311  margin-right: 0;
 312  }
 313  
 314  table#list th.desc a {
 315  background: url(txp_img/arrowupdn.gif) no-repeat right -18px;
 316  padding-right: 14px;
 317  margin-right: 0;
 318  }
 319  
 320  table#list ul {
 321  margin-bottom: 0;
 322  list-style-type: none;
 323  }
 324  
 325  table#list li {
 326  margin: 0 0 2px 0;
 327  }
 328  
 329  /* other element overrides
 330  ----------------------------------------------- */
 331  
 332  .ok {
 333  color: #008000;
 334  }
 335  
 336  .not-ok {
 337  color: #C40000;
 338  }
 339  
 340  .prev-next {
 341  margin: 15px 0;
 342  font-size: 0.9em;
 343  text-align: center;
 344  }
 345  
 346  span.navlink-disabled {
 347  padding: 3px;
 348  color: #999;
 349  background-color: #eee;
 350  border-right: 1px solid #ddd;
 351  border-bottom: 1px solid #ddd;
 352  border-left: 1px solid #f1f1f1;
 353  }
 354  
 355  p#js {
 356  margin-top: 10px;
 357  padding-right: 30px;
 358  display: none;
 359  }
 360  
 361  p#js span {
 362  padding: 10px;
 363  background-color: #ffc;
 364  }
 365  
 366  p.indicator {
 367  text-align: center;
 368  }
 369  
 370  ul.plain-list {
 371  list-style-type: none;
 372  }
 373  
 374  ul.plain-list li {
 375  margin: 0 0 2px 0;
 376  }
 377  
 378  #warning {
 379  margin: 0 auto 15px auto;
 380  padding: 10px;
 381  width: 30em;
 382  text-align: center;
 383  background-color: #fff4f4;
 384  border: 2px solid #fdd;
 385  }
 386  
 387  /* global layout
 388  ----------------------------------------------- */
 389  
 390  h1#textpattern {
 391  font-size: 15px;
 392  text-indent: -9999px;
 393  width: 368px;
 394  height: 17px;
 395  padding: 0;
 396  margin: 0;
 397  background: transparent url(txp_img/textpattern.gif) no-repeat top left;
 398  }
 399  
 400  td.tabup, td.tabdown,
 401  td.tabup2, td.tabdown2 {
 402  padding-top: 6px;
 403  width: 124px;
 404  height: 25px;
 405  font-size: 0.9em;
 406  text-align: center;
 407  }
 408  
 409  td.tabdown {
 410  background: transparent url(txp_img/down.gif) no-repeat top left;
 411  cursor: pointer;
 412  }
 413  
 414  td.tabdown2 {
 415  background: transparent url(txp_img/down2.gif) no-repeat top left;
 416  cursor: pointer;
 417  }
 418  
 419  td.tabup a, td.tabdown a,
 420  td.tabup2 a, td.tabdown2 a {
 421  width: 100%;
 422  display: block;
 423  }
 424  
 425  td.tabdown a {
 426  color: #000;
 427  background-color: transparent;
 428  border: 0;
 429  }
 430  
 431  td.tabs {
 432  height: 25px;
 433  text-align: center;
 434  background: transparent url(txp_img/tabshadow.gif) repeat-x top left;
 435  }
 436  
 437  td.tabs td {
 438  vertical-align: middle;
 439  }
 440  
 441  table#pagetop {
 442  width: 100%;
 443  margin-bottom: 2em;
 444  }
 445  
 446  tr#branding {
 447  background-color: #FFCC33;
 448  }
 449  
 450  tr#branding img {
 451  width: 368px;
 452  height: 15px;
 453  }
 454  
 455  tr#branding td#navpop {
 456  text-align: right;
 457  }
 458  
 459  td.tabup, td.tabup2 {
 460  background: transparent url(txp_img/up.gif) no-repeat top left;
 461  }
 462  
 463  td.tabup a {
 464  cursor: default;
 465  }
 466  
 467  div#end_page {
 468  text-align: center;
 469  margin: 4em;
 470  }
 471  
 472  /* setup
 473  ----------------------------------------------- */
 474  
 475  table#setup td {
 476  padding: 3px;
 477  vertical-align: middle;
 478  }
 479  
 480  /* organize
 481  ----------------------------------------------- */
 482  
 483  td.categories p {
 484  margin: 6px auto 3px auto;
 485  padding-top: 3px;
 486  line-height: 1.6em;
 487  border-top: 1px solid #ddd;
 488  }
 489  
 490  /* write
 491  ----------------------------------------------- */
 492  
 493  td#article-col-1 {
 494  width: 165px;
 495  }
 496  
 497  td#article-main {
 498  padding-left: 20px;
 499  width: 500px;
 500  }
 501  
 502  td#article-tabs {
 503  padding-top: 70px;
 504  width: 20px;
 505  }
 506  
 507  td#article-col-2 {
 508  padding-left: 10px;
 509  width: 200px;
 510  }
 511  
 512  td#article-col-2 fieldset {
 513  width: auto;
 514  }
 515  
 516  td#article-col-1 select, td#article-col-1 input, td#article-col-1 textarea {
 517  width: 155px;
 518  }
 519  
 520  textarea#body {
 521  width: 500px;
 522  height: 420px;
 523  line-height: 1.6em;
 524  }
 525  
 526  textarea#excerpt {
 527  width: 500px;
 528  height: 100px;
 529  line-height: 1.6em;
 530  }
 531  
 532  textarea#keywords {
 533  width: 140px;
 534  height: 80px;
 535  }
 536  
 537  input#title {
 538  margin-top: 1px;
 539  width: 420px;
 540  }
 541  
 542  td#article-tabs ul {
 543  list-style-type: none;
 544  margin: 0;
 545  }
 546  
 547  td#article-tabs li {
 548  width: 19px;
 549  height: 100px;
 550  margin: 0;
 551  padding: 0;
 552  text-indent: -9999px;
 553  background: transparent top left no-repeat;
 554  }
 555  
 556  td#article-tabs a {
 557  display: block;
 558  width: 15px;
 559  height: 100px;
 560  outline: none;
 561  }
 562  
 563  td#article-tabs #tab-textup {
 564  background-image: url(txp_img/textup.gif);
 565  }
 566  
 567  td#article-tabs #tab-textdown {
 568  background-image: url(txp_img/textdown.gif);
 569  }
 570  
 571  td#article-tabs #tab-htmlup {
 572  background-image: url(txp_img/htmlup.gif);
 573  }
 574  
 575  td#article-tabs #tab-htmldown {
 576  background-image: url(txp_img/htmldown.gif);
 577  }
 578  
 579  td#article-tabs #tab-previewup {
 580  background-image: url(txp_img/previewup.gif);
 581  }
 582  
 583  td#article-tabs #tab-previewdown {
 584  background-image: url(txp_img/previewdown.gif);
 585  }
 586  
 587  /* comments
 588  ----------------------------------------------- */
 589  
 590  tr.spam td,
 591  tr.spam a {
 592  color: #666;
 593  background-color: #f1f1f1;
 594  }
 595  
 596  tr.moderate td,
 597  tr.moderate a {
 598  color: #900;
 599  background-color: #fff8f8;
 600  }
 601  
 602  tr.spam a, tr.moderate a {
 603  font-weight: bold;
 604  }
 605  
 606  form.cb_show_spam {
 607  margin: 0 auto;
 608  padding: 0 0 0 10px;
 609  width: 90%;
 610  }
 611  
 612  /* pages, forms, style, plugins
 613  ----------------------------------------------- */
 614  
 615  input.css {
 616  margin: 0;
 617  padding: 1px;
 618  background-color: #eee;
 619  border-width: 1px;
 620  border-style: solid;
 621  border-color: #999 #fff #fff #999;
 622  }
 623  
 624  textarea#html {
 625  margin-top: 6px;
 626  width: 600px;
 627  height: 500px;
 628  }
 629  
 630  textarea#css {
 631  width: 500px;
 632  height: 515px;
 633  }
 634  
 635  div#preview-plugin, div#preview-help {
 636  margin: 0 auto 10px auto;
 637  padding: 3px;
 638  height: 300px;
 639  overflow: auto;
 640  background-color: #efefef;
 641  }
 642  
 643  textarea#plugin-install {
 644  width: 400px;
 645  height: 30px;
 646  }
 647  
 648  /* tagbuilder
 649  ----------------------------------------------- */
 650  
 651  body#tag-event {
 652  padding: 10px;
 653  border-top: 15px solid #fc3;
 654  }
 655  
 656  table#tagbuilder td {
 657  padding: 2px 5px;
 658  }
 659  
 660  p#tagbuilder-output {
 661  margin-top: 10px;
 662  text-align: center;
 663  }
 664  
 665  /* preferences
 666  ----------------------------------------------- */
 667  
 668  h2.pref-heading {
 669  margin: 20px 0 0 0;
 670  }
 671  
 672  /* images
 673  ----------------------------------------------- */
 674  
 675  table#image-thumbnail {
 676  width: 100%;
 677  }
 678  
 679  table#image-thumbnail td {
 680  border: none;
 681  }