[Summary view] [Print] [Text view]

   1  /* $Id: gbif.css,v 1.1 2009/08/14 09:06:19 kehan Exp $ */ /*
   2   * ZEN STYLES
   3   *
   4   * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
   5   * file, but instead copy this CSS to their own stylesheets.
   6   *
   7   * In this stylesheet, we have included all of the classes and IDs from this
   8   * theme's tpl.php files. We have also included many of the useful Drupal core
   9   * styles to make it easier for theme developers to see them.
  10   *
  11   * Many of these styles are over-riding Drupal's core stylesheets, so if you
  12   * remove a declaration from here, the styles may still not be what you want
  13   * since Drupal's core stylesheets are still styling the element. See the
  14   * drupal5-reference.css file for a list of all Drupal 5.x core styles.
  15   *
  16   * In addition to the style declarations in this file, other Drupal styles that
  17   * you might want to override or augment are those for:
  18   *
  19   *   Book Navigation  See line 74  of Zen's drupal5-reference.css file
  20   *   Forum            See line 197 of Zen's drupal5-reference.css file
  21   *   Menus            See line 667 of Zen's drupal5-reference.css file
  22   *   News Aggregator  See line 20  of Zen's drupal5-reference.css file
  23   *   Polls            See line 287 of Zen's drupal5-reference.css file
  24   *   Search           See line 320 of Zen's drupal5-reference.css file
  25   *   User Profiles    See line 945 of Zen's drupal5-reference.css file
  26   */ /** body **/
  27  body {
  28      background: #cccccc;
  29      /*text-align: center;*/
  30  }
  31  
  32  #page {
  33      text-align: left;
  34      background-color: #FFF;
  35  }
  36  
  37  #page-inner {
  38      
  39  }
  40  
  41  /** header **/
  42  #header {
  43      
  44  }
  45  
  46  #header-inner {
  47      
  48  }
  49  
  50  #logo-title /* Wrapper for logo, website name, and slogan */ {
  51      
  52  }
  53  
  54  #logo /* Wrapper for logo */ {
  55      margin: 0 10px 0 0;
  56      padding: 0;
  57  }
  58  
  59  #logo-image /* The actual logo image */ {
  60      margin-left: 10px;
  61  }
  62  
  63  h1#site-name,div#site-name /* The name of the website */ {
  64      margin: 0;
  65      font-size: 1.375em;
  66      line-height: 1.3em;
  67  }
  68  
  69  #site-name a:link,#site-name a:visited, #site-name strong {
  70      color: #777777;
  71      text-decoration: none;
  72      text-transform: uppercase;
  73      letter-spacing: 0.05em;
  74      font-weight: normal;
  75  }
  76  
  77  #site-name a:hover {
  78      text-decoration: underline;
  79  }
  80  
  81  #site-slogan /* The slogan (or tagline) of a website */ {
  82      color: #999999;
  83      font-size: 0.9em;
  84    text-transform: lowercase;
  85  }
  86  
  87  #header-blocks /* Wrapper for any blocks placed in the header region */
  88      {
  89      
  90  }
  91  
  92  /** main (container for everything else) **/
  93  #main {
  94      background-color: #FFF;
  95  }
  96  
  97  #main-inner {
  98      
  99  }
 100  
 101  /** content **/
 102  #content {
 103      
 104  }
 105  
 106  #content-inner {
 107      
 108  }
 109  
 110  #mission /* The mission statement of the site (displayed on homepage) */
 111      {
 112      
 113  }
 114  
 115  #content-top
 116      /* Wrapper for any blocks placed in the "content top" region */ {
 117      
 118  }
 119  
 120  #content-header
 121      /* Wrapper for breadcrumb, title, messages, tabs, and help */ {
 122      
 123  }
 124  
 125  .breadcrumb
 126      /* The path to the current page in the form of a list of links */ {
 127      padding-bottom: 0; /* Undo system.css */
 128  }
 129  
 130  h1.title, /* The title of the page */ h2.title,
 131      /* Block title or the title of a piece of content when it is given in a list of content */
 132      h3.title /* Comment title */ {
 133      border-bottom: 1px dotted #666666;
 134      margin-top: 8px;
 135      margin-bottom: 1em;
 136      color: #077a2d;
 137  }
 138  
 139  
 140  
 141  div.tabs /* See also the tabs.css file. */ {
 142      
 143  }
 144  
 145  .help /* Help text on a page */ {
 146      margin: 1em 0;
 147  }
 148  
 149  .more-help-link /* Link to more help */ {
 150      font-size: 0.85em;
 151      text-align: right;
 152  }
 153  
 154  #content-area /* Wrapper for the actual page content */ {
 155      
 156  }
 157  
 158  .pager
 159      /* A list of page numbers when more than 1 page of content is available */
 160      {
 161      clear: both;
 162      margin: 1em 0;
 163      text-align: center;
 164  }
 165  
 166  .pager a,.pager strong.pager-current {
 167      padding: 0.5em;
 168  }
 169  
 170  .feed-icons
 171      /* The links to the RSS or Atom feeds for the current list of content */
 172      {
 173      margin: 1em 0;
 174  }
 175  
 176  #content-bottom
 177      /* Wrapper for any blocks placed in the "content bottom" region */ {
 178      
 179  }
 180  
 181  /** navbar **/
 182  #navbar {
 183      background-color: #ededed;
 184      text-align: left;
 185  }
 186  
 187  #navbar-inner {
 188      
 189  }
 190  
 191  #navbar li {
 192      background: transparent url(bkgButton_up.gif) no-repeat;
 193      text-align: center;
 194  }
 195  
 196  #navbar a,#navbar a:link,#navbar a:visited {
 197      background: transparent;
 198      display: inline-block;
 199      /* hide from ie/mac \*/
 200      display: block;
 201      /* end hide */
 202      font-weight: bold;
 203      text-decoration: none;
 204      margin: 0;
 205      font-size: 12px;
 206      padding: 0.8em 1.5em 1em 1.5em;
 207      color: #FFF;
 208      width: 114px;
 209  }
 210  
 211  #navbar a:hover,#navbar a.current,#navbar a:active,#navbar a:visited active, #primary a:active,#primary a:visited active {
 212      text-decoration: none;
 213      width: 114px;
 214      
 215      background: transparent url(bkgButton.gif) no-repeat;
 216  }
 217  
 218  
 219  
 220  #search-box /* Wrapper for the search form */ {
 221      
 222  }
 223  #navbar #autocomplete ul li{
 224       background: #FFF;
 225       
 226       text-align: left;
 227      }
 228      #navbar #autocomplete ul li:hover{
 229     background: #ededed;
 230     color: #666666;
 231     text-align: left;
 232    }
 233  #primary /* Primary links */ {
 234      
 235  }
 236  
 237  #secondary /* Secondary links */ {
 238      
 239  }
 240  
 241  /** sidebar-left **/
 242  #sidebar-left {
 243      
 244  }
 245  
 246  #sidebar-left-inner {
 247      
 248  }
 249  
 250  /** sidebar-right **/
 251  #sidebar-right {
 252      
 253  }
 254  
 255  #sidebar-right-inner {
 256      
 257  }
 258  
 259  /** footer **/
 260  #footer, div #scratchpadify-footer {
 261      color: #444;
 262      background-color: #e6e6e6;
 263  }
 264  #footer-inner {
 265      
 266  }
 267  
 268  #footer-message
 269      /* Wrapper for the footer message from Drupal's "Site information"
 270                       and for any blocks placed in the footer region */ {
 271      
 272  }
 273  
 274  /** closure **/
 275  #closure-blocks
 276      /* Wrapper for any blocks placed in the closure region */ {
 277      
 278  }
 279  
 280  /** Drupal nodes **/
 281  .node /* Node wrapper */ {
 282      
 283  }
 284  
 285  .node-inner /* Additional wrapper for node */ {
 286      
 287  }
 288  
 289  .sticky /* A sticky node (displayed before others in a list) */ {
 290      
 291  }
 292  
 293  .node-unpublished /* Unpublished nodes */ {
 294      /* background-color: #fff4f4; */
 295      /* Drupal core uses a #fff4f4 background */
 296      
 297  }
 298  
 299  .node-unpublished div.unpublished,
 300      /* The word "Unpublished" displayed beneath the content. */
 301      .comment-unpublished div.unpublished {
 302      height: 0;
 303      overflow: visible;
 304      color: #d8d8d8;
 305      font-size: 75px;
 306      line-height: 1;
 307      font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
 308      font-weight: bold;
 309      text-transform: uppercase;
 310      text-align: center;
 311      word-wrap: break-word; /* A very nice CSS3 property */
 312  }
 313  
 314  .node-mine /* A node created by the current user */ {
 315      
 316  }
 317  
 318  .node-teaser /* A node displayed as teaser */ {
 319      
 320  }
 321  
 322  /* All nodes are given a node-type-FOO class that describes the type of
 323     * content that it is. If you create a new content type called
 324     * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 325     */
 326  .node-type-page /* Page content node */ {
 327      
 328  }
 329  
 330  .node-type-story /* Story content node */ {
 331      
 332  }
 333  
 334  .node h2.title /* Node title */ {
 335      
 336  }
 337  
 338  .marker
 339      /* "New" or "Updated" marker for content that is new or updated for the current user */
 340      {
 341      color: #c00;
 342  }
 343  
 344  .node .picture /* The picture of the node author */ {
 345      
 346  }
 347  
 348  .node.node-unpublished .picture,.comment.comment-unpublished .picture {
 349      position: relative;
 350      /* Otherwise floated pictures will appear below the "Unpublished" text. */
 351  }
 352  
 353  .node .submitted /* The "posted by" information */ {
 354      
 355  }
 356  
 357  .node .taxonomy /* Node taxonomy (categories) */ {
 358      
 359  }
 360  
 361  .node .content /* Node's content wrapper */ {
 362      
 363  }
 364  
 365  .node div.links /* Wrapper for node links */ {
 366      margin: 1em 0;
 367  }
 368  
 369  ul.links /* Taxonomy links, node links, comment links */ {
 370      margin: 0;
 371      padding: 0;
 372  }
 373  
 374  ul.links.inline {
 375      display: inline;
 376  }
 377  
 378  ul.links li {
 379      display: inline;
 380      list-style-type: none;
 381      padding: 0 0.5em;
 382  }
 383  
 384  .preview .node
 385      /* Preview of the content before submitting new or updated content */ {
 386      /* background-color: #ffffea; */
 387      /* Drupal core uses a #ffffea background */
 388      
 389  }
 390  
 391  /** Drupal comments **/
 392  #comments /* Wrapper for all comments */ {
 393      margin: 1em 0;
 394  }
 395  
 396  .comment /* Wrapper for a single comment */ {
 397      
 398  }
 399  
 400  .comment-inner /* Additional wrapper for a single comment */ {
 401      
 402  }
 403  
 404  .comment.odd /* An odd-numbered comment in the list of comments */ {
 405      
 406  }
 407  
 408  .comment.even /* An even-numbered comment in the list of comments */ {
 409      
 410  }
 411  
 412  .comment-unpublished /* Unpublished comments */ {
 413      /* background-color: #fff4f4; */
 414      /* Drupal core uses a #fff4f4 background */
 415      
 416  }
 417  
 418  .comment-unpublished div.unpublished
 419      /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
 420      {
 421      
 422  }
 423  
 424  .comment-by-author /* A comment created by the node's author */ {
 425      
 426  }
 427  
 428  .comment-by-anon /* A comment created by an anonymous user */ {
 429      
 430  }
 431  
 432  .comment-mine /* A comment created by the current user */ {
 433      
 434  }
 435  
 436  .comment h3.title /* Comment title */ {
 437      
 438  }
 439  
 440  .new /* "New" marker for comments that are new for the current user */ {
 441      color: #c00;
 442  }
 443  
 444  .comment .picture /* The picture of the comment author */ {
 445      
 446  }
 447  
 448  .comment .submitted /* The "posted by" information */ {
 449      
 450  }
 451  
 452  .comment .content /* Comment's content wrapper */ {
 453      
 454  }
 455  
 456  .comment div.links
 457      /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
 458      {
 459      margin: 1em 0;
 460  }
 461  
 462  .indented /* Nested comments are indented */ { /* margin-left: 25px; */
 463      /* Drupal core uses a 25px left margin */
 464      
 465  }
 466  
 467  .preview .comment
 468      /* Preview of the comment before submitting new or updated comment */ {
 469      /* background-color: #ffffea; */
 470      /* Drupal core uses a #ffffea background */
 471      
 472  }
 473  
 474  /** Drupal blocks **/
 475  .block /* Block wrapper */ {
 476      margin-bottom: 1em;
 477  }
 478  
 479  .block.region-odd /* Zebra striping for each block in the region */ {
 480      
 481  }
 482  
 483  .block.region-even /* Zebra striping for each block in the region */ {
 484      
 485  }
 486  
 487  .block.odd /* Zebra striping independent of each region */ {
 488      
 489  }
 490  
 491  .block.even /* Zebra striping independent of each region */ {
 492      
 493  }
 494  
 495  .region-count-1 /* Incremental count for each block in the region */ {
 496      
 497  }
 498  
 499  .count-1 /* Incremental count independent of each region */ {
 500      
 501  }
 502  
 503  .block-inner /* Additional wrapper for block */ {
 504      
 505  }
 506  
 507  .block h2.title /* Block title */ {
 508      
 509  }
 510  
 511  .block .content /* Block's content wrapper */ {
 512      
 513  }
 514  
 515  #block-aggregator-category-1
 516      /* Block for the latest news items in the first category */ {
 517      
 518  }
 519  
 520  #block-aggregator-feed-1
 521      /* Block for the latest news items in the first feed */ {
 522      
 523  }
 524  
 525  #block-block-1 /* First administrator-defined block */ {
 526      
 527  }
 528  
 529  #block-blog-0 /* "Recent blog posts" block */ {
 530      
 531  }
 532  
 533  #block-book-0
 534      /* "Book navigation" block for the current book's table of contents */
 535      {
 536      
 537  }
 538  
 539  #block-comments-0 /* "Recent comments" block */ {
 540      
 541  }
 542  
 543  #block-forum-0 /* "Active forum topics" block */ {
 544      
 545  }
 546  
 547  #block-forum-1 /* "New forum topics" block */ {
 548      
 549  }
 550  
 551  #block-menu-2 /* "Primary links" block */ {
 552      
 553  }
 554  
 555  #block-node-0 /* "Syndicate" block for primary RSS feed */ {
 556      
 557  }
 558  
 559  #block-poll-0 /* "Most recent poll" block */ {
 560      
 561  }
 562  
 563  #block-profile-0
 564      /* "Author information" block for the profile of the page's author */ {
 565      
 566  }
 567  
 568  #block-search-0 /* "Search form" block */ {
 569      
 570  }
 571  
 572  #block-statistics-0 /* "Popular content" block */ {
 573      
 574  }
 575  
 576  #block-user-0 /* "User login form" block */ {
 577      
 578  }
 579  
 580  #block-user-1 /* "Navigation" block for Drupal navigation menu */ {
 581      
 582  }
 583  
 584  #block-user-2 /* "Who's new" block for a list of the newest users */ {
 585      
 586  }
 587  
 588  #block-user-3 /* "Who's online" block for a list of the online users */
 589      {
 590      
 591  }
 592  
 593  /** Drupal boxes **/
 594      /* Wrapper for Comment form, Comment viewing options, Menu admin, and
 595     * Search results.
 596     */
 597  .box /* Wrapper for box */ {
 598      
 599  }
 600  
 601  .box-inner /* Additional wrapper for box */ {
 602      
 603  }
 604  
 605  .box h2.title /* Box title */ {
 606      
 607  }
 608  
 609  .box .content /* Box's content wrapper */ {
 610      
 611  }
 612  
 613  /** Miscellaneous Drupal styles **/
 614  .error
 615      /* Errors that are separate from div.messages status messages (see above.) */
 616      {
 617      color: #c00;
 618  }
 619  
 620  .more-link /* Aggregator, blog, and forum more link */ {
 621      text-align: right;
 622  }
 623  
 624  #user-login-form /* Drupal's default login form */ {
 625      text-align: left;
 626  }
 627  
 628  tr.even,tr.odd
 629      /* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
 630      {
 631      border-bottom: none;
 632      padding: 0;
 633  }
 634  
 635  tr.even {
 636      background: #fff !important; /* Drupal core uses a #eee background */
 637  }
 638  
 639  tr.odd {
 640      background: #eeeeee !important;
 641      /* Drupal core uses a #eee background */
 642  }
 643  
 644  li a.active /* The active item in a Drupal menu */ {
 645      color: #000;
 646  }
 647  
 648  /** Drupal forms **/
 649  .form-item,
 650      /* Wrapper for a form element (or group of form elements) and its label */
 651      .form-checkboxes,.form-radios {
 652      margin: 1em 0;
 653  }
 654  
 655  .form-item input.error,
 656      /* Highlight the form elements that caused a form submission error */
 657      .form-item textarea.error,.form-item select.error {
 658      border: 2px solid #c00;
 659  }
 660  
 661  .form-item label /* The label for a form element */ {
 662      display: block;
 663      font-weight: bold;
 664  }
 665  
 666  .form-item label.option /* The label for a radio button or checkbox */ {
 667      display: inline;
 668      font-weight: normal;
 669  }
 670  
 671  .form-required
 672      /* The part of the label that indicates a required field */ {
 673      color: #c00;
 674  }
 675  
 676  .form-item .description
 677      /* The descriptive help text (separate from the label) */ {
 678      font-size: 0.85em;
 679  }
 680  
 681  .form-checkboxes .form-item,
 682      /* Pack groups of checkboxes and radio buttons closer together */
 683      .form-radios .form-item {
 684      margin: 0.4em 0;
 685  }
 686  
 687  .form-submit /* The submit button */ {
 688      
 689  }
 690  
 691  .container-inline div,.container-inline label
 692      /* Inline labels and form divs */ {
 693      display: inline;
 694  }
 695  
 696  .tips /* Tips for Drupal's input formats */ {
 697      margin: 0;
 698      padding: 0;
 699      font-size: 0.9em;
 700  }
 701  
 702  /** Drupal admin tables **/
 703      /* We overrode these styles in html-elements.css, but restore them for the
 704     * admin section of the site.
 705     */
 706  .section-admin tbody {
 707      border-top: 1px solid #ccc;
 708  }
 709  
 710  .section-admin th {
 711      text-align: left;
 712      padding-right: 1em;
 713      border-bottom: 3px solid #ccc;
 714  }
 715  
 716  .section-admin tbody th {
 717      border-bottom: 1px solid #ccc;
 718  }
 719  
 720  .section-admin thead th {
 721      text-align: left;
 722      padding-right: 1em;
 723      border-bottom: 3px solid #ccc;
 724  }
 725  
 726  .section-admin tr.even,.section-admin tr.odd {
 727      background-color: #eee;
 728      border-bottom: 1px solid #ccc;
 729      padding: 0.1em 0.6em;
 730  }
 731  /**
 732  * Taken from http://drupal.org/node/221956
 733  */
 734  #taxonomy-manager-term-data-fieldset{
 735  width: 300px;
 736  float: right;
 737  }
 738  div #taxonomy-manager-tree-outer-div{
 739  width: 275px;
 740  float: left;
 741  }
 742  .clear{
 743  clear: both;
 744  }