1/* $Id*/ 2 3/******************************************/ 4/* TopNotchThemes CSS Stylesheet */ 5/******************************************/ 6 7 8 9/* Reset browser defaults 10-------------------------------------------------------------- */ 11 12html, body, div, span, applet, object, iframe, 13h1, h2, h3, h4, h5, h6, p, blockquote, 14a, abbr, acronym, address, big, cite, dl, dd, 15del, dfn, font, img, ins, kbd, q, s, samp, 16small, strike, sub, sup, tt, var, ol, ul, li, menu, 17fieldset, form, label, legend, input, textarea, 18table, caption, tbody, tfoot, thead, tr, th, td { 19 border: 0; 20 font-family: inherit; 21 font-size: 100%; 22 font-style: inherit; 23 font-weight: inherit; 24 margin: 0; 25 outline: 0; 26 padding: 0; 27} 28 29 30/* HTML & Body 31-------------------------------------------------------------- */ 32 33html { 34 background-color: #000000; 35} 36 37body { 38 background: #292929; 39 color: #F0F0F0; 40 font-family: Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; /* web safe fonts */ 41 font-size: 83%; 42 font-weight: normal; 43 line-height: 1.5em; 44} 45 46/* Headings 47-------------------------------------------------------------- */ 48 49h1,h2,h3,h4 { 50 font-weight: normal; 51} 52 53h1 { 54 color: #DFB77C; 55 font-size: 1.8em; 56 font-weight: bold; 57 line-height: 1.2142em; 58} 59 60h2 { 61 font-size: 1.4285em; 62 line-height: 1.2em; 63} 64 65h3 { 66 font-size: 1.1428em; 67 line-height: 1.25; 68} 69 70h4 { 71 font-size: 1em; 72 height: 1.25em; 73 line-height: 1.25; 74 margin-bottom: 1.25em; 75} 76 77h5 { 78 font-size: 1em; 79 font-weight: bold; 80 margin-bottom: 1.5em; 81} 82 83h6 { 84 font-size: 1em; 85 font-weight: bold; 86} 87 88 89/* Text elements 90-------------------------------------------------------------- */ 91 92p { 93 font-size: 1em; 94 margin: 1em 0; 95} 96 97a, 98a:link { 99 color: #DFB77C; 100 text-decoration: none; 101} 102 103a:active, 104a:hover, 105a:focus { 106 color: #EBDCC7; 107 text-decoration: underline; 108} 109 110blockquote { 111 color: #999; 112 font-style: italic; 113 margin: 1.5em; 114} 115 116strong { 117 font-weight: bold; 118} 119 120em,dfn { 121 font-style: italic; 122} 123 124dfn { 125 font-weight: bold; 126} 127 128sup,sub { 129 line-height: 0; 130} 131 132abbr,acronym { 133 border-bottom: 1px dotted #666; 134} 135 136address { 137 font-style: italic; 138 margin: 0 0 1.5em; 139} 140 141del { 142 color: #666; 143} 144 145pre,code { 146 margin: 1.5em 0; 147 white-space: pre; 148} 149 150pre,code,tt { 151 font: 1em 'andale mono', 'lucida console', monospace; 152 line-height: 1.5; 153} 154 155 156/* Lists 157-------------------------------------------------------------- */ 158 159ul, 160ul.menu { 161 list-style-position: inside; 162 list-style-type: disc; 163} 164 165ol { 166 list-style-position: inside; 167 list-style-type: decimal; 168} 169 170ul.links li { 171 padding: 0; 172} 173 174/* remove list styling on taxonomy */ 175div.terms ul li { 176 list-style-type: none; 177 margin: 0; 178} 179 180li a.active { 181 color: #EBDCC7; 182} 183 184dl { 185 margin: 0 0 22px 0; 186} 187 188dl dt { 189 font-weight: bold; 190} 191 192dd { 193 margin: 0 0 10px 22px; 194} 195 196/* adds indentation for child list items within nodes */ 197#content-wrapper .node .content ol li, 198#content-wrapper .node .content ul li { 199 margin: 0 0 0 6px; 200} 201 202#content-wrapper .node .content ol li, 203#content-wrapper .node .content ul li { 204 padding: 0 0 0 12px; 205} 206 207 208/* Helper classes 209-------------------------------------------------------------- */ 210 211.hide { 212 display: none; 213 visibility: hidden; 214} 215 216.left { 217 float: left; 218} 219 220.right { 221 float: right; 222} 223 224.clear { 225 clear: both; 226} 227 228.clearfix:after { /* add .clearfix class to clear floats after an element */ 229 clear: both; /* (IE version is in ie6-fixes.css) */ 230 content: "."; 231 display: block; 232 font-size: 0; 233 height: 0; 234 visibility: hidden; 235} 236 237.first { 238 margin-left: 0; 239 padding-left: 0; 240} 241 242.last { 243 margin-right: 0; 244 padding-right: 0; 245} 246 247.top { 248 margin-top: 0; 249 padding-top: 0; 250} 251 252.bottom { 253 margin-bottom: 0; 254 padding-bottom: 0; 255} 256 257 258/* Misc. 259-------------------------------------------------------------- */ 260 261hr { 262 height: 1px; 263 border: 1px solid gray; 264} 265 266div.content a.feed-icon img, 267div.content th img { 268 border: 0; /* remove image borders where we don't want them */ 269} 270 271/* format initial startup page list nicely */ 272#first-time p { 273 clear: both; 274} 275 276#first-time ol { 277 list-style-position: outside; 278} 279 280/* notice at bottom of page */ 281#legal-notice { 282 background: #000; 283 color: #777; 284 font-size: 0.85em; 285 padding: 10px 0; 286 text-align: center; 287} 288 289#legal-notice a { 290 color: #996633; 291} 292 293/* Layout 294-------------------------------------------------------------- */ 295 296#page { 297 margin: 0 auto; /* center page */ 298 position: relative; 299 width: 960px; 300} 301 302 303/********************/ 304/* ALL PAGE REGIONS */ 305/********************/ 306 307 308/* Banner region 309-------------------------------------------------------------- */ 310 311#banner { 312 padding: 8px; 313 text-align: center; 314} 315 316#banner p, 317#banner .block-wrapper { 318 margin: 0; 319} 320 321 322/* Header regions 323-------------------------------------------------------------- */ 324 325#header-wrapper { 326 background: #fff url('images/header.png') no-repeat left top; 327 height: 33px; 328 margin-bottom: 25px; 329 overflow: hidden; 330 padding: 26px 20px 32px 20px; 331 position: relative; 332} 333 334#header-first { 335 float: left; 336 margin: 0 15px 0 0; 337} 338 339#header-first #logo { /* logo postion. default image replaced if you upload your own */ 340 display: inline; 341 margin: 0 14px 10px 0; 342} 343 344#header-first h1 { 345 border-right: 1px solid #DDDDDD; 346 color: #525252; 347 display: inline; 348 font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; 349 font-size: 2.1em; 350 font-weight: normal; 351 letter-spacing: 3px; 352 padding-right: 15px; 353 position: relative; 354 text-transform: uppercase; 355 top: -7px; 356 white-space: nowrap; 357} 358 359#header-first h1 a { /* site name link */ 360 color: #525252; 361 text-decoration: none; 362} 363 364#header-middle { 365 color: #555555; 366 display: inline; 367 padding: 0; 368 position: relative; 369} 370 371#slogan { /* site slogan */ 372 display: inline; 373 font-weight: bold; 374 margin-right: 15px; 375 position: relative; 376 top: 10px; 377} 378 379#header-wrapper #search-box { 380 margin: 4px 14px; 381 position: absolute; 382 right: 0; 383 top: 28px; 384 white-space: nowrap; 385} 386 387#header-wrapper .search_submit { 388 background: transparent url('images/search-arrow.png') no-repeat 4px 1px; 389 cursor: pointer; 390 padding: 0 6px; 391 text-indent: -999em; 392} 393 394#header-wrapper #search-box #search input.form-text { 395 border: 1px solid #D5D5D5; 396 background: #fff; 397 color: #292929; 398 width: 11em; 399} 400 401 402/* Preface regions 403-------------------------------------------------------------- */ 404 405#preface-wrapper { 406 background: transparent url('images/cropped/seascape.jpg') no-repeat left top; 407 height: 420px; 408 margin: -33px 0 20px; 409 overflow: hidden; 410 position: relative; 411 width: 960px; 412 -moz-border-radius: 0 0 10px 10px; 413 -webkit-border-bottom-right-radius: 10px; 414 -webkit-border-bottom-left-radius: 10px; 415} 416 417#preface-sidebar { 418 background: transparent url('images/preface-sidebar-bg.png') no-repeat center; 419 float: left; 420 height: 380px; 421 margin: 0 0 0 20px; 422 padding: 20px; 423 width: 190px; 424} 425 426#mission { 427 bottom: 0; 428 color: #fff; 429 font-size: 2.0312em; 430 line-height: 1.1153em; 431 padding: 10px; 432 position: absolute; 433 right: 0; 434 text-align: right; 435 width: 680px; 436} 437 438 439/* Main area wrapper 440 * sidebars + content 441-------------------------------------------------------------- */ 442 443#main-wrapper { 444 margin-bottom: 30px; 445} 446 447 448/* Sidebar regions 449-------------------------------------------------------------- */ 450 451#sidebar-first { 452 float: left; 453} 454 455#sidebar-last { 456 float: right; 457} 458 459 460/* Content regions 461-------------------------------------------------------------- */ 462 463#content-wrapper { 464 float: left; 465} 466 467#content-top { 468 background: transparent url('images/cropped/seascape-header.jpg') no-repeat left top; 469 padding: 0; 470 overflow: hidden; 471} 472 473#content-top a { 474 color: #000; 475} 476 477#content { 478 margin: 0; /* default spacing between content regions */ 479 margin: 0; 480} 481 482#content-inner { 483} 484 485/* content bottom */ 486#content-bottom { 487 background: #444; 488 margin-top: 30px; 489} 490 491#node-bottom { 492 margin: 30px 0 0 0; 493} 494 495 496/* Footer region 497-------------------------------------------------------------- */ 498 499#footer { 500 background: #000; 501 color: #999999; 502 display: block; 503} 504 505#footer-wrapper { 506 overflow: hidden; 507 text-align: center; 508 width: 100%; 509} 510 511#footer a { 512 color: #DB8A3B; 513 text-decoration: none; 514} 515 516#footer a:hover, 517#footer a:active { 518 color: #EBDCC7; 519} 520 521#footer a:link, 522#footer a:visited { 523} 524 525#footer-message, 526#footer-region { 527 float: left; 528 margin: 10px 0; 529 width: 100%; 530} 531 532#footer ul { 533 display: inline; 534 margin: 0; 535 padding: 0 0 0 9px; 536} 537 538#footer ul li { 539 background: transparent none repeat; 540 border-left: 1px solid #CCC; 541 display: inline; 542 padding: 0 5px 0 9px; 543} 544 545#footer ul li.first { 546 border: none; 547} 548 549 550 551/****************************************/ 552/* COLUMN LAYOUTS */ 553/* */ 554/* Classes for different column layouts */ 555/* that are applied to the <body> tag. */ 556/****************************************/ 557 558 559/* Single column layout 560 * main content 561-------------------------------------------------------------- */ 562 563body.layout-main #content-wrapper { 564 margin: 0; 565 width: 960px; 566} 567 568 569/* Two column layout 570 * sidebar | main content 571-------------------------------------------------------------- */ 572 573body.layout-first-main #sidebar-first { 574 margin: 0 20px 0 0; 575 width: 230px; 576} 577 578body.layout-first-main #content-wrapper { 579 margin: 0; 580 width: 710px; 581} 582 583body.layout-first-main #content { 584 border-left: 1px solid #444444; 585 padding: 30px 0 30px 60px; 586} 587 588body.front.layout-first-main #content { 589 border-left: none; 590 padding: 0; 591} 592 593 594/* Two colum layout 595 * main content | sidebar 596-------------------------------------------------------------- */ 597 598body.layout-main-last #content-wrapper { 599 margin: 0 20px 0 0; 600 width: 690px; 601} 602 603body.layout-main-last #sidebar-last { 604 margin: 10px 0 0; 605 width: 220px; 606} 607 608body.layout-main-last #content { 609 border-left: none; 610 border-right: 1px solid #444; 611 padding: 30px 60px 30px 0; 612} 613 614body.front.layout-main-last #content { 615 border-left: none; 616 padding: 0 60px 30px 0; 617} 618 619/* Three column layout 620 * sidebar | main content | sidebar 621-------------------------------------------------------------- */ 622 623body.layout-first-main-last #sidebar-first { 624 margin: 0 20px 0 0; 625 width: 230px; 626} 627 628body.layout-first-main-last #content-wrapper { 629 margin: 0 20px 0 0; 630 position: relative; 631 width: 460px; 632 z-index: 1; /* keep content visible on admin pages */ 633} 634 635body.layout-first-main-last #sidebar-last { 636 margin: 10px 0 0; 637 width: 230px; 638} 639 640body.layout-first-main-last #content { 641 border-left: 1px solid #444; 642 border-right: 1px solid #444; 643 padding: 30px; 644} 645 646body.front.layout-first-main-last #content { 647 border-left: none; 648 padding: 0 20px 0 0; 649} 650 651 652/* Postscript regions 653-------------------------------------------------------------- */ 654 655#postscripts { 656 background: #000; 657} 658 659#postscript-wrapper { 660 color: #999999; 661 margin: 0 auto; 662 padding: 30px; 663 width: 960px; 664} 665 666#postscript-wrapper #postscript-first { 667 margin-left: 0; 668} 669 670#postscript-wrapper #postscript-middle { 671} 672 673#postscript-wrapper #postscript-last { 674 margin-right: 0; 675} 676 677body.postscript-middle #postscript-wrapper #postscript-middle { 678 text-align: center; 679} 680 681body.postscript-last #postscript-wrapper #postscript-last { 682 text-align: right; 683} 684 685 686/* Postscript regions 687 * first | middle | last 688-------------------------------------------------------------- */ 689 690#postscript-wrapper.postscripts-1 .column { 691 float: left; 692 width: 100%; 693} 694 695#postscript-wrapper.postscripts-2 .column { 696 float: left; 697 margin-right: 36px; 698 width: 46%; 699} 700 701#postscript-wrapper.postscripts-3 .column { 702 float: left; 703 margin-right: 20px; 704 width: 286px; 705} 706 707/* Nodes 708-------------------------------------------------------------- */ 709 710div.node { 711 clear: both; 712 margin: 2em 0 2em; 713 overflow: hidden; 714} 715 716body.full-node div.node { 717 margin-top: 0; 718} 719 720div.node h2.title { 721 margin-bottom: 0; 722} 723 724div.node h2.title a { 725 text-decoration: none; 726} 727 728div.node h2.title a:hover { 729 color: #F2F2F2; 730} 731 732.meta, 733.terms { /* styling for byline and tags */ 734 font-size: 0.8571em; 735} 736 737.vocab-name { 738 font-weight: bold; 739} 740 741.terms ul.taxonomy li { 742 margin: 2px; 743} 744 745.terms ul.taxonomy ul.vocab-list, 746.terms ul.taxonomy li.vocab-term { 747 display: inline; 748} 749 750.submitted a:link { 751 font-weight: bold; 752} 753 754div.node div.picture { 755 float: right; 756 margin: 0 0 0.8em 0.8em; 757} 758 759.tips { 760 margin-left: 3em; 761} 762 763/* node links */ 764div.node ul.links li, 765div.node ul.inline li, 766div.node .read-more a, 767div.node .more-link a, 768div.node .links a { 769 color: #f0f0f0; 770 font-weight: bold; 771 padding-right: 14px; 772 text-decoration: none; 773} 774 775div.node ul.links li, 776div.node ul.inline li { 777 color: #c6c6c6; 778 font-weight: normal; 779} 780 781div.node ul.links li a, 782div.node ul.inline li a { 783 white-space: nowrap; 784} 785 786div.node .read-more a:hover, 787div.node .more-link a:hover, 788div.node .links a:hover { 789 color: #DFB77C; 790 text-decoration: underline; 791} 792 793div.node ul.links li.comment_forbidden a { 794padding-right: 2px; 795} 796 797div.node .links { 798 background: #444444; 799 clear: both; 800 line-height: 130%; 801 margin: 10px 0; 802} 803 804 805/* Blocks 806-------------------------------------------------------------- */ 807 808div.block-wrapper { /* spacing between blocks */ 809 margin: 0 0 20px; 810} 811 812#footer-region .block-wrapper { 813 margin: 0; 814} 815 816div.block h2.title { 817 background: transparent url('images/arrow.png') no-repeat 0 2px; 818 font-family: Arial Narrow, Helvetica, Arial, sans-serif; 819 font-size: 1.1428em; 820 font-weight: bold; 821 margin: 0 0 10px; 822 padding: 0 0 0 14px; 823 text-transform: uppercase; 824} 825 826div.block ul { 827 padding: 0; 828} 829 830div.block ul li { 831 font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; 832 font-weight: normal; 833 line-height: 1.4285em; 834 list-style: none; 835 list-style-image: none; 836 list-style-type: none; 837 margin: 0.1em 0 0.2em 0; 838 text-decoration: none; 839} 840 841div.block ul li a { 842 color: #A3A3A3; 843 text-decoration: none; 844} 845 846div.block ul li a:hover { 847 color: #DFB77C; 848} 849 850/* for region labels on block admin page */ 851div.block-region { 852 background-color: #FFFF66; 853 color: #000; 854 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; 855 font-size: 1em; 856 font-weight: 600; 857 margin-bottom: 4px; 858 margin-top: 4px; 859 padding: 3px; 860 text-align: center; 861} 862 863/* front-page sidebar-first blocks */ 864body.front #sidebar-first .block h2.title { 865 background: transparent; 866 font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif; 867 font-size: 1.4285em; 868 font-weight: normal; 869 padding: 0; 870 text-transform: none; 871} 872 873body.front #sidebar-first .block h2.title .first-word { 874 font-weight: bold; 875} 876 877#sidebar-last .block h2.title { 878 background: none; 879 font-size: 0.9375em; 880 font-weight: bold; 881 padding: 0; 882 text-transform: uppercase; 883} 884 885body.not-front #sidebar-first .block h2.title .first-word, 886#preface-sidebar .block h2.title .first-word { 887 color: #DFB579; 888} 889 890#footer .block h2.title { 891 background: none; 892 padding: 0; 893} 894 895/* block not-front */ 896body.not-front .block-wrapper { 897 margin-bottom: 40px; 898} 899 900/* block not-front content-top */ 901body.not-front #content-top div.block-wrapper { 902 background: transparent url('images/content-top-bg.png') repeat; 903 color: #000; 904 margin: 76px 0 0; 905 padding: 10px; 906} 907 908body.not-front #content-top div.block h2.title { 909 background: none; 910 font-size: 1.4285em; 911 padding: 0 0 4px; 912 text-transform: none; 913} 914 915/* postscript blocks */ 916#postscript-wrapper div.block h2.title { 917 background: transparent; 918 font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif; 919 font-weight: bold; 920 margin-bottom: 14px; 921 padding: 0; 922 text-transform: none; 923} 924 925#postscript-wrapper div.block h2.title { 926 background: transparent; 927 padding: 0; 928} 929 930/* USER LOGIN */ 931/* remove list styling on login block */ 932#user-login-form div.item-list ul li { 933 list-style-type: none; 934 margin: 0; 935} 936 937/* adjust openid link */ 938/* note: display set in openid.js */ 939html.js #user-login-form li.openid-processed, 940html.js #user-login li.openid-processed { 941 list-style-type: none; 942 margin-top: 15px; 943 padding: 5px 0 0 18px; 944} 945 946#user-login-form li.openid-link, 947#user-login li.openid-link { 948 background-position: 0 0.5em; 949 padding-left: 18px; 950} 951 952 953/* HEADER - USER LOGIN */ 954/* horizontal style login block*/ 955#header-top .block-wrapper { 956 margin: 0; 957} 958 959#header-top #block-user-0 { 960 padding-top: 10px; 961} 962 963#header-top #block-user-0 h2.title { 964 display: none; 965} 966 967#header-top #block-user-0 #edit-name-wrapper, 968#header-top #block-user-0 #edit-pass-wrapper, 969#header-top #block-user-0 #user-login-form span.button-wrapper, 970#header-top #block-user-0 .item-list { 971 float: left; 972 margin: 5px 10px 0 0; 973} 974 975#header-top #block-user-0 #user-login-form label { 976 color: #eee; 977 font-weight: bold; 978 margin-left: 2px; 979 position: static; 980} 981 982html.js #header-top #block-user-0 #user-login-form label { 983 font-size: 85%; 984 font-weight: normal; 985 margin-left: 5px; 986 position: absolute; 987} 988 989#header-top #block-user-0 #user-login-form input.form-text { 990 border: 1px solid #ccc; 991 color: #eee; 992 padding: 1px; 993 width: 115px; 994} 995 996#header-top #block-user-0 #user-login-form span.button-wrapper, 997#header-top #block-user-0 .item-list { 998 font-size: 80%; 999 margin-top: 20px; 1000} 1001 1002html.js #header-top #block-user-0 #user-login-form span.button-wrapper, 1003html.js #header-top #block-user-0 .item-list { 1004 margin-top: 0; 1005} 1006 1007#header-top #block-user-0 .item-list li { 1008 font-size: 90%; 1009} 1010 1011/* OpenID */ 1012html.js #header-top #block-user-0 #user-login-form li.openid-processed, 1013html.js #header-top #block-user-0 #user-login li.openid-processed { 1014 margin-top: 0; 1015} 1016 1017#header-top #block-user-0 #edit-openid-identifier-wrapper { 1018 float: left; 1019 margin: 5px 10px 0 0; 1020 padding-top: 0; 1021} 1022 1023#header-top #block-user-0 .item-list li.user-link { 1024 padding-left: 0; 1025} 1026 1027#header-top #block-user-0 #user-login-form input#edit-openid-identifier.form-text { 1028 padding-left: 20px; 1029} 1030 1031#header-top #block-user-0 #edit-openid-identifier-wrapper .description { 1032 font-size: 75%; 1033} 1034 1035 1036/* Block menus 1037-------------------------------------------------------------- */ 1038 1039div.block ul.menu li a { 1040 font-size: 1.1em; 1041} 1042 1043div.block ul.menu li a:link, 1044div.block ul.menu li a:visited { 1045} 1046 1047div.block ul.menu li a:hover, 1048div.block ul.menu li a:active { 1049} 1050 1051div.block ul.menu li.expanded { 1052 background: transparent url('images/arrow-white.png') no-repeat 0 7px; 1053 padding-left: 10px; 1054} 1055 1056div.block ul.menu li.expanded a, 1057div.block ul.menu li ul.menu li.leaf a { 1058 color: #fff; 1059} 1060 1061div.block ul.menu li a:hover, 1062div.block ul.menu li.expanded a:hover, 1063div.block ul.menu li ul.menu li.leaf a:hover, 1064div.block ul.menu li ul.menu li.leaf a.active { 1065 color: #DFB77C; 1066 text-decoration: underline; 1067} 1068 1069div.block ul.menu li ul.menu { 1070 font-size: 0.9em; 1071 line-height: 1.666em; 1072 margin: 0 0 10px 16px; 1073} 1074 1075div.block ul.menu li a.active { 1076 font-weight: bold; 1077} 1078 1079div.block ul.menu li ul.menu li ul.menu li { 1080 1081} 1082 1083 1084/* Rounded corners for blocks (optional) 1085-------------------------------------------------------------- */ 1086 1087div.rounded-block { 1088 margin-top: -1px; /* use negative margin to overlap stacked blocks */ 1089} 1090 1091p.rounded-topspace, 1092p.rounded-bottomspace { 1093 margin: 0; /* removes unwanted space */ 1094} 1095 1096div.rounded-block-top-left, 1097div.rounded-block-top-right, 1098div.rounded-block-bottom-left, 1099div.rounded-block-bottom-right { 1100 background: transparent url('images/rounded-blocks.png') no-repeat; /* combined rounded corner image */ 1101 font-size: 2px; /* IE div correction */ 1102 height: 11px; /* height of an image corner */ 1103} 1104 1105div.rounded-block-top-left, 1106div.rounded-block-bottom-left { 1107 margin-right: 11px; /* width of an image corner */ 1108} 1109 1110div.rounded-block-top-right { /* anchor image in top right */ 1111 background-position: 100% 0; 1112} 1113 1114div.rounded-block-top-right, 1115div.rounded-block-bottom-right { 1116 margin-left: 11px; /* width of an image corner */ 1117 margin-top: -11px; /* height of an image corner */ 1118} 1119 1120div.rounded-block-bottom-left { 1121 background-position: 0 -23px; /* negative height of an image corner */ 1122} 1123 1124div.rounded-block-bottom-right { 1125 background-position: 100% -23px; /* negative height of an image corner */ 1126} 1127 1128div.rounded-inside { 1129 background: #292929 url('images/block-gradient.png') repeat-x bottom; 1130 border-bottom: 0; 1131 border-left: 1px solid #4B4B4B; 1132 border-right: 1px solid #4B4B4B; 1133 border-top: 0; 1134 overflow: hidden; 1135 padding: 0 10px; 1136} 1137 1138 1139/* Rounded corners for node links & content-bottom 1140-------------------------------------------------------------- */ 1141 1142.inner { 1143 padding: 0 10px; 1144} 1145 1146.corner { 1147 background: transparent url('images/rounded-corners.png') no-repeat 0; 1148 display: block; 1149 height: 6px; 1150 width: 6px; 1151} 1152 1153.top-left { 1154 background-position: left top; 1155} 1156 1157.top-right { 1158 background-position: right top; 1159 float: right; 1160} 1161 1162.bottom-left { 1163 background-position: left bottom; 1164} 1165 1166.bottom-right { 1167 background-position: right bottom; 1168 float: right; 1169} 1170 1171 1172/* Primary menu 1173-------------------------------------------------------------- */ 1174 1175#primary-menu { /* menu layout */ 1176 display: block; 1177 padding: 20px 0; 1178 text-align: right; 1179} 1180 1181#primary-menu ul.links li { 1182 font-size: 1.1428em; 1183 padding: 7px 5px; 1184 text-decoration: none; 1185 text-transform: lowercase; 1186} 1187 1188#primary-menu ul.links li a { /* text styling for the top (primary) menu */ 1189 padding: 7px 10px 7px 5px; 1190 text-decoration: none; 1191} 1192 1193#primary-menu ul.links li a { 1194 color: #999; 1195} 1196 1197#primary-menu ul.links li:hover, 1198#primary-menu ul.links li:active, 1199#primary-menu ul.links li.active-trail { 1200 background: transparent url('images/pri-hover-left.png') no-repeat left; 1201} 1202 1203#primary-menu ul.links li a:hover, 1204#primary-menu ul.links li:hover a, 1205#primary-menu ul.links li a:active, 1206#primary-menu ul.links li.active-trail a { 1207 background: transparent url('images/pri-hover-right.png') no-repeat right; 1208 color: #fff; 1209} 1210 1211#primary-menu ul.links li.first { /* .first and .last classes applied to first and last menu & list items */ 1212} 1213 1214#primary-menu ul.links li.last { /* .first and .last classes applied to first and last menu & list items */ 1215} 1216 1217#primary-menu ul.links li a:link, 1218#primary-menu ul.links li a:visited { 1219} 1220 1221 1222/* Secondary menu 1223-------------------------------------------------------------- */ 1224 1225#secondary-menu { 1226 margin-bottom: 20px; 1227 padding: 0; 1228} 1229 1230#secondary-menu ul li { 1231 display: list-item; 1232 font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; 1233 font-weight: normal; 1234 line-height: 1.4285em; 1235 list-style: none; 1236 list-style-image: none; 1237 list-style-type: none; 1238 margin-left: 0; 1239 padding: 0.2em 0.5em 0 0; 1240 text-decoration: none; 1241} 1242 1243#secondary-menu ul li a { 1244 color: #A3A3A3; 1245 text-decoration: none; 1246} 1247 1248#secondary-menu ul li a.active { 1249 color: #FFF; 1250} 1251 1252#secondary-menu ul li a:hover { 1253 color: #DFB77C; 1254} 1255 1256 1257/* Breadcrumbs 1258-------------------------------------------------------------- */ 1259 1260#breadcrumb { 1261} 1262 1263 1264/* Drupal messages 1265-------------------------------------------------------------- */ 1266 1267.node-unpublished { 1268 background-color: #4F4444; 1269} 1270 1271.preview, 1272.preview .node { 1273 background-color: #36322E; 1274 border: 1px solid #47433E; 1275 padding: 10px; 1276} 1277 1278div.messages { 1279 background: #EEE6A7; 1280 border: 6px solid #EED300; 1281 color: #745500; 1282 font-weight: 600; 1283 font-size: 1em; 1284 margin-bottom: 20px; 1285 overflow: hidden; 1286 padding: 14px; 1287} 1288 1289div.messages a { 1290 color: #1767B1; 1291} 1292 1293div.messages ul { 1294 list-style-position: inside; 1295} 1296 1297div.messages em { 1298 color: #555555; 1299} 1300 1301div.error { 1302 background-color: #FFF2F2; 1303 border-color: #CC0000; 1304 color: #B20000; 1305} 1306 1307div.messages.status, 1308.help { 1309 background-color: #EAF8E4; 1310 border: 6px solid #8DC478; 1311 color: #3E642F; 1312 font-size: 1em; 1313 font-weight: 600; 1314 margin-bottom: 20px; 1315 overflow: hidden; 1316 padding: 10px 16px; 1317} 1318 1319.help { 1320 background-color: #E4EEF8; 1321 border: 6px solid #57718A; 1322 color: #292929; 1323} 1324 1325.help a, 1326.help .more-help-link a { 1327 color: #1767B1; 1328} 1329 1330#content-wrapper ul.tips li { 1331 background: transparent; 1332 font-size: 1em; 1333 list-style: disc; 1334 list-style-image: none; 1335 list-style-position: inside; 1336} 1337 1338#closure { 1339 background-color: #000000; 1340 color: #999999; 1341 font-size: 0.85em; 1342 padding-top: 10px; 1343 text-align: center; 1344} 1345 1346/* Tabs 1347-------------------------------------------------------------- */ 1348 1349/* styling for node tabs (e.g., View, Edit) */ 1350#content-tabs { 1351 background-color: transparent; 1352 float: left; 1353 margin: 20px 0; 1354 padding: 0; 1355} 1356 1357#content-tabs ul.primary, 1358#content-tabs ul.secondary { 1359 border-bottom: 1px solid #000; 1360 clear: both; 1361 float: left; 1362 margin: 0; 1363 padding: 0 10px; 1364} 1365 1366#content-tabs ul.secondary { 1367 border-bottom: 1px solid #555; 1368 margin-top: 10px; 1369 text-transform: lowercase; 1370} 1371 1372#content-tabs ul.primary li, 1373#content-tabs ul.secondary li { 1374 border-style: none; 1375 display: inline; 1376 float: left; 1377 list-style: none; 1378 margin: 0 10px; 1379 padding: 0; 1380} 1381 1382#content-tabs ul.primary li a:link, 1383#content-tabs ul.primary li a:visited, 1384#content-tabs ul.secondary li a:link, 1385#content-tabs ul.secondary li a:visited { 1386 background-color: transparent; 1387 border: none; 1388 color: inherit; 1389 float: left; 1390 font-size: 1.1em; 1391 line-height: 1.2em; 1392 font-weight: bold; 1393 margin: 0; 1394 padding: 0 0 6px 0; 1395 text-decoration: none; 1396 white-space: nowrap; 1397} 1398 1399#content-tabs ul.secondary li a:link, 1400#content-tabs ul.secondary li a:visited { 1401 color: #fff; 1402 font-size: 1em; 1403 line-height: 1.1em; 1404} 1405 1406#content-tabs ul.primary li a.active:link, 1407#content-tabs ul.primary li a.active:visited { 1408 border-bottom: 4px solid #DFB77C; 1409 color: #999; 1410 padding-bottom: 2px; 1411} 1412 1413#content-tabs ul.secondary li a.active:link, 1414#content-tabs ul.secondary li a.active:visited { 1415 border-bottom: 4px solid #DFB77C; 1416 color: #999; 1417 padding-bottom: 2px; 1418} 1419 1420#content-tabs ul.primary li a:hover, 1421#content-tabs ul.secondary li a:hover { 1422 border-bottom: 4px solid #DFB77C; 1423 color: #999; 1424 padding-bottom: 2px; 1425} 1426 1427 1428/* Forms 1429-------------------------------------------------------------- */ 1430 1431form { 1432 margin: 0; 1433 padding: 0; 1434} 1435 1436textarea, 1437select, 1438input.text, 1439input.form-text, 1440input.title { 1441 background: #1f1f1f; 1442 border: 1px solid #6D6D6D; 1443 color: #EEEEEE; 1444 margin: 0; 1445 padding: 2px; 1446} 1447 1448textarea { 1449 line-height: 1.5em; 1450 height: auto; 1451} 1452 1453label { 1454 font-weight: bold; 1455} 1456 1457legend { 1458 font-weight: bold; 1459 font-size: 1.2em; 1460} 1461 1462fieldset { 1463 background: #3E3E3E; 1464 border: 1px solid #555; 1465 margin: 1.5em 0; 1466 padding: 0 1.4em 1.4em 1.4em; 1467} 1468 1469fieldset legend { 1470 display: block; 1471 font-size: 1em; 1472 background: #1B1B1B; 1473 border: 1px solid #555; 1474 padding: 0 0.4em; 1475} 1476 1477fieldset dl, 1478fieldset select { 1479 margin: 0; 1480} 1481 1482/* prevent uncessary scrollbars */ 1483fieldset .collapsible { 1484 overflow: hidden; 1485} 1486 1487/* buttons */ 1488.form-submit, 1489.teaser-button { 1490 background-color: #4D4D4D; 1491 border: 1px solid #000; 1492 color: #FFFFFF; 1493 font-size: 1em; 1494 font-weight: normal; 1495 height: 25px; 1496 margin: 0; 1497 padding: 0 6px 2px; 1498} 1499 1500.form-submit:hover, 1501.teaser-button:hover, 1502#sidbar-first .form-submit:hover, 1503#sidebar-last .form-submit:hover { 1504 background: #3D3D3D; 1505 cursor: pointer; 1506} 1507 1508#sidebar-first .form-submit, 1509#sidebar-last .form-submit { 1510 color: #333; 1511} 1512 1513.form-item .resizable-textarea .grippie { 1514 background-color: #4D4D4D; 1515 border: 1px solid #6D6D6D; 1516 border-top: none; 1517} 1518 1519input.text:focus, input.title:focus, 1520textarea:focus, select:focus { 1521 border: 1px solid #666; 1522} 1523 1524div.resizable-textarea textarea { 1525 margin-top: 0; 1526} 1527 1528div.form-item div.description img { 1529 margin: 0; 1530} 1531 1532 html.js input.form-autocomplete { 1533 background-position: 100% 3px; 1534 background-image: url('images/throbber.gif'); 1535 max-width: 96%; 1536 } 1537 1538html.js input.throbbing { 1539 background-position: 100% -17px; 1540} 1541 1542#autocomplete { 1543 background: #292929; 1544} 1545 1546#autocomplete li { 1547 background: #292929; 1548 color: #F0F0F0; 1549 border-color: #6D6D6D; 1550} 1551 1552#autocomplete li.selected { 1553 background: #3E3E3E; 1554 color: #F0F0F0; 1555} 1556 1557div.form-item { 1558 margin-bottom: 1.5em; 1559 margin-top: 1.5em; 1560} 1561 1562html.js fieldset.collapsed { 1563 background: none; 1564 margin-bottom: 20px; 1565} 1566 1567html.js fieldset.collapsible legend a { 1568 background: transparent url('images/menu-expanded.gif') no-repeat scroll 0% 50%; 1569 text-decoration: none; 1570} 1571 1572html.js fieldset.collapsed legend a { 1573 background: transparent url('images/menu-collapsed.gif') no-repeat scroll 0% 50%; 1574} 1575 1576html.js fieldset legend:hover { 1577 background-color: #555; 1578 border: 1px solid #000; 1579} 1580 1581div.error, 1582tr.error, 1583span.marker { 1584 background: #FFCCCC; 1585 color: #8A1F11; 1586} 1587 1588div.error a { 1589 color: blue; 1590 text-decoration: underline; 1591} 1592 1593.form-item input.error, 1594.form-item textarea.error, 1595.form-item select.error { 1596 border: 1px solid #DD7777; 1597 background: #FFCCCC; 1598 color: #8A1F11; 1599} 1600 1601.form-item strong.error { 1602 display: block; 1603} 1604 1605.form-item textarea.error { 1606 padding: 0.2em; 1607} 1608 1609.form-item .description { 1610 font-size: 0.9em; 1611 line-height: 1.667em; 1612} 1613 1614/* theme settings form field width limit */ 1615form#system-theme-settings select, 1616form#system-theme-settings input.form-text { 1617 max-width: 95%; 1618} 1619 1620/* keep theme select form visible */ 1621#system-themes-form { 1622 position: relative; 1623 z-index: 1; 1624} 1625 1626/* keep theme switcher visible */ 1627.form-item select#edit-theme { 1628 max-width: none; 1629} 1630 1631#user-login-form { 1632 text-align: left; 1633} 1634 1635body.layout-first-main-last #content .form-text { 1636 max-width: 356px; 1637} 1638 1639#sidebar-first select, 1640#sidebar-last select { 1641 max-width: 158px; 1642} 1643 1644#field-picture-items { 1645 margin: 0 0 30px 0; 1646} 1647 1648 1649/** 1650 * Form graphic buttons 1651 */ 1652span.button-wrapper { 1653 cursor: pointer; 1654} 1655 1656span.button { 1657 background: transparent url('images/submit-button-right.png') no-repeat right top; 1658 display: -moz-inline-box; /* for FF2 */ 1659 display: inline-block; 1660 height: 33px; 1661 padding: 0 10px 0 0; 1662 position: relative; 1663} 1664 1665span.button span { 1666 background: transparent url('images/submit-button.png') no-repeat left top; 1667 display: -moz-inline-box; /* for FF2 */ 1668 display: inline-block; 1669 height: 33px; 1670 margin-right: -2px; 1671 padding: 0 0 0 9px; 1672} 1673 1674span.button span input { 1675 background-color: transparent; 1676 border: 0; 1677 color: #fff; 1678 cursor: pointer; /* for Opera */ 1679 font-size: 1.1em; 1680 height: 33px; 1681 margin: 0 !important; 1682 padding: 0; 1683 white-space: nowrap !important; 1684} 1685 1686span.button-wrapper:hover span.button { 1687 background-position: right -33px; 1688} 1689 1690span.button-wrapper:hover span.button span { 1691 background-position: left -33px; 1692} 1693 1694span.button span input:hover { 1695 background-color: transparent; 1696} 1697 1698/* sidebars buttons */ 1699#sidebar-first span.button, 1700#sidebar-last span.button { 1701 background: transparent url('images/sidebar-button-right.png') no-repeat right top; 1702 height: 24px; 1703} 1704 1705#sidebar-first span.button span, 1706#sidebar-last span.button span { 1707 background: transparent url('images/sidebar-button.png') no-repeat left top; 1708 height: 24px; 1709} 1710 1711#sidebar-first span.button span input, 1712#sidebar-last span.button span input { 1713 height: 24px; 1714} 1715 1716#sidebar-first span.button-wrapper:hover span.button, 1717#sidebar-last span.button-wrapper:hover span.button { 1718 background-position: right -24px; 1719} 1720 1721#sidebar-first span.button-wrapper:hover span.button span, 1722#sidebar-last span.button-wrapper:hover span.button span { 1723 background-position: left -24px; 1724} 1725 1726#sidebar-first span.button span input:hover, 1727#sidebar-last span.button span input:hover { 1728 background-color: transparent; 1729} 1730 1731 1732/* Tables 1733-------------------------------------------------------------- */ 1734 1735table { 1736 border-collapse: collapse; 1737 margin-bottom: 1em; 1738 width: 100%; 1739} 1740 1741th { 1742 text-align: left; 1743 padding-right: 1em; 1744 border-bottom: 3px solid #CCC; 1745} 1746 1747tr { 1748 padding: 0.1em 0.6em; 1749} 1750 1751td { 1752 padding: 3px 8px; 1753} 1754 1755td.active { 1756 background: none; 1757} 1758 1759th.active img { 1760 display: inline; 1761} 1762 1763tr.even { 1764 background-color: #242424; 1765 border-bottom: 1px solid #000; 1766} 1767 1768tr.odd { 1769 background-color: #303030; 1770 border-bottom: 1px solid #000; 1771} 1772 1773tr.selected { 1774 color: #000 1775} 1776 1777tbody { 1778} 1779 1780tbody th { 1781 border-bottom: 1px solid #000; 1782} 1783 1784thead th { 1785 text-align: left; 1786 padding-right: 1em; 1787 border-bottom: 3px solid #000; 1788} 1789 1790table.sticky-header { 1791 background: #000; 1792} 1793 1794tr.draggable.drag-previous { 1795 background-color: #525252; 1796} 1797 1798/* Pagers 1799-------------------------------------------------------------- */ 1800 1801ul.pager { 1802 line-height: 1.667em; 1803 margin: 1.667em 0; 1804 font-size: 0.9em; 1805} 1806 1807ul.pager a, ul.pager li.pager-current { 1808 border: 1px solid #000; 1809 text-decoration: none; 1810 margin-right: 3px; 1811 padding: 3px 6px; 1812} 1813 1814ul.pager li.pager-current { 1815 background: #000; 1816 color: #DFB77C; 1817} 1818 1819ul.pager a:link, 1820ul.pager a:visited { 1821 color:#DFB77C; 1822} 1823 1824ul.pager a:hover, 1825ul.pager a:focus, 1826ul.pager a:active { 1827 background-color: #000; 1828 color: #DFB77C; 1829 border: 1px solid #000; 1830} 1831 1832ul.pager span.pager-ellipsis { 1833 padding: 0 0.5em; 1834} 1835 1836.item-list .pager li { 1837 margin: 0; 1838 padding: 0; 1839} 1840 1841 1842/* Admin page(s) 1843-------------------------------------------------------------- */ 1844 1845div.admin { 1846 padding-top: 0; /* fix alignment of admin panel */ 1847} 1848 1849/* keep admin columns from dropping under */ 1850div.admin .left, 1851div.admin .right { 1852 margin-left: 1%; 1853 margin-right: 1%; 1854} 1855 1856div.admin-panel { 1857 padding: 1.5em 0 0 0; 1858} 1859 1860div.admin-panel .body { 1861 padding: 0; 1862} 1863 1864div.admin-panel .description { 1865 margin: 0 0 1.5em 0; 1866 padding: 0; 1867} 1868 1869#user-admin-filter ul li, 1870#node-admin-filter ul li { 1871 list-style: none; /* remove list style from content node filter */ 1872} 1873 1874div.admin-dependencies, 1875div.admin-required { 1876 color: #FFFFFF; 1877 font-size: 1em; 1878} 1879 1880 1881/* Maintenance 1882-------------------------------------------------------------- */ 1883 1884.in-maintenance { 1885} 1886 1887 1888/********************** 1889 MODULE STYLES 1890**********************/ 1891 1892 1893 1894/* Book navigation 1895-------------------------------------------------------------- */ 1896 1897.book-navigation .menu { 1898 border-top: 1px solid #CCC; 1899 padding: 1em 0 0 3em; 1900} 1901 1902.book-navigation .page-links { 1903 border-top: 1px solid #CCC; 1904 border-bottom: 1px solid #CCC; 1905 text-align: center; 1906 padding: 0.5em; 1907} 1908 1909 1910/* Calendar 1911-------------------------------------------------------------- */ 1912 1913/* pop-up calendar styles */ 1914div#calpopup { 1915 color: #444 1916} 1917 1918div#calpopup a:link, 1919div#calpopup a:visited { 1920 color: #B38542; 1921} 1922 1923div#calpopup a:hover, 1924div#calpopup a:active { 1925 color: #DFB77C; 1926} 1927 1928 1929/* Comments 1930-------------------------------------------------------------- */ 1931 1932div.comment { 1933 clear: both; 1934 margin: 16px 0; 1935 padding: 10px 1936} 1937 1938h2.comments { 1939 border-bottom: 1px dotted #98846C; 1940 font-family: Arial Narrow, Helvetica, Arial, sans-serif; 1941 font-size: 1.4285em; 1942 font-weight: bold; 1943 padding-bottom: 10px; 1944 text-transform: uppercase; 1945} 1946 1947div.comment h3.title { 1948 font-weight: normal; 1949 margin: 0 0 5px 0; 1950} 1951 1952div.comment h3.title a { 1953 text-decoration: none; 1954} 1955 1956div.comment .submitted { 1957 color: #E8DCC4; 1958} 1959 1960div.comment .comment-name { 1961 font-weight: bold; 1962} 1963 1964div.comment div.links a, 1965div.comment ul.links a { 1966 color: #E2B57C; 1967 text-decoration: underline; 1968} 1969 1970div.comment div.links ul li { 1971 border-right: 1px solid #E2B57C; 1972 font-size: 0.8571em; 1973 padding: 0 10px; 1974} 1975 1976div.comment div.links ul li.first { 1977 padding-left: 0; 1978} 1979 1980div.comment div.links ul li.last { 1981 border: none; 1982 padding-right: 0; 1983} 1984 1985#comments div.odd { 1986 background-color: inherit; 1987} 1988 1989#comments div.even { 1990 background-color: #343434; 1991} 1992 1993div.comment .picture { 1994 float: right; 1995} 1996 1997.signature { 1998 border-top: 1px solid #D6DDB9; 1999 font-size: 0.916em; 2000 margin: 10px 0; 2001 padding: 0; 2002} 2003 2004 2005/* Forums 2006-------------------------------------------------------------- */ 2007 2008#forum .description { 2009 font-size: 0.9em; 2010 margin: 0.5em; 2011} 2012 2013#forum td.created, 2014#forum td.posts, 2015#forum td.topics, 2016#forum td.last-reply, 2017#forum td.replies, 2018#forum td.pager { 2019 white-space: nowrap; 2020} 2021 2022#forum td.posts, 2023#forum td.topics, 2024#forum td.replies, 2025#forum td.pager { 2026 text-align: center; 2027} 2028 2029.forum-topic-navigation { 2030 padding: 1em 0 0 3em; 2031 border-top: 1px solid #888; 2032 border-bottom: 1px solid #888; 2033 text-align: center; 2034 padding: 0.5em; 2035} 2036 2037.forum-topic-navigation .topic-previous { 2038 text-align: right; 2039 float: left; 2040 width: 46%; 2041} 2042 2043.forum-topic-navigation .topic-next { 2044 text-align: left; 2045 float: right; 2046 width: 46%; 2047} 2048 2049 2050/* Panels 2051-------------------------------------------------------------- */ 2052 2053 2054#modal-content a { 2055 color: #2385C2; 2056} 2057 2058#modal-content a { 2059 color: #2385C2; 2060} 2061 2062#modal-content textarea { 2063 background: #fff; 2064 color: #000; 2065} 2066 2067#panels-panel-context-edit-content h2 { 2068 margin: 10px 0; 2069} 2070 2071#modal-content fieldset, 2072#modal-content legend, 2073#modal-content textarea, 2074#modal-content select, 2075#modal-content input.text, 2076#modal-content input.form-text, 2077#modal-content input.title { 2078 background: #fff; 2079 color: #292929; 2080} 2081 2082#panels-dnd-main .panel-pane, 2083#panels-dnd-main .helperclass { 2084 color: #292929; 2085} 2086 2087.ctools-owns-lock { 2088 color: #000; 2089} 2090 2091/* Polls 2092-------------------------------------------------------------- */ 2093 2094div.poll div.bar { /* styles for poll ratings */ 2095 background-color: #DDD; 2096} 2097 2098div.poll div.bar div.foreground { 2099 background-color: #999; 2100} 2101 2102 2103/* Profiles 2104-------------------------------------------------------------- */ 2105 2106.profile { 2107 clear: none; 2108 margin: 12px 0; 2109} 2110 2111.profile h2.title { 2112 margin-top: 15px; 2113 border-bottom: 1px solid; 2114} 2115 2116.profile h3 { 2117 border-bottom: 1px solid #444444; 2118} 2119 2120.profile dd { 2121 margin: 15px 5px 0 205px; 2122} 2123 2124.profile dt { 2125 float: left; 2126 margin-bottom: -10px; 2127 margin-right: 5px; 2128 padding: 0 5px; 2129 text-align: left; 2130 width: 185px; 2131} 2132 2133 2134/* Search results 2135-------------------------------------------------------------- */ 2136 2137 2138/* Vertical Tabs 2139-------------------------------------------------------------- */ 2140 2141.vertical-tabs { 2142 background-color: #3E3E3E; 2143 border-color: #6D6D6D; 2144} 2145 2146.vertical-tabs-list { 2147 border-color: #6D6D6D; 2148} 2149 2150.vertical-tabs-list li { 2151 background-color: #1B1B1B; 2152 border-color: #6D6D6D; 2153} 2154 2155.vertical-tabs-list li.selected { 2156 background-color: #3E3E3E; 2157} 2158 2159.vertical-tabs-list li.selected strong { 2160 color: #F0F0F0; 2161} 2162 2163.vertical-tabs ul.vertical-tabs-list .summary { 2164 color: #A3A3A3; 2165} 2166 2167.vertical-tabs ul.vertical-tabs-list a:link, 2168.vertical-tabs ul.vertical-tabs-list a:visited { 2169 color: #555; 2170} 2171 2172.vertical-tabs ul.vertical-tabs-list a:hover, 2173.vertical-tabs ul.vertical-tabs-list a:active { 2174 color: #212121; 2175} 2176 2177/* Views 2178-------------------------------------------------------------- */ 2179 2180div.view-style-node{ 2181} 2182 2183div.view-style-teaser{ 2184} 2185 2186div.view-style-list{ 2187} 2188 2189div.view-style-table{ 2190} 2191 2192div.view div.views-admin-links li { 2193 background: transparent !important; 2194} 2195 2196/* views form field width limit */ 2197.views-edit-view input, 2198.views-edit-view textarea { 2199 max-width: 95%; 2200} 2201 2202#views-ui-edit-view-form { 2203 margin: 20px 0; 2204} 2205 2206 2207/* make text legible in views admin */ 2208div.views-admin-links a, 2209div.views-admin-links-hover a, 2210div.view div.views-admin-links:hover a{ 2211 color: #fff; 2212} 2213 2214.views-edit-view a, 2215.views-entry a { 2216 color: #1767B1; 2217} 2218 2219#views-ajax-form, 2220#views-ajax-pad .form-item, 2221#views-ajax-pad .views-expose .description, 2222#views-ajax-pad .views-override .description, 2223.changed, 2224.defaulted, 2225.views-category, 2226.views-category-content, 2227.views-entry, 2228.tab-section, 2229.views-tab { 2230 color: #000 !important; 2231} 2232 2233#views-ajax-pad table.sticky-enabled tr td { 2234 color: #fff; 2235} 2236 2237 2238/* Web Accessibility 2239-------------------------------------------------------------- */ 2240 2241/*skip-link*/ 2242 2243#skip a, 2244#skip a:hover, 2245#skip a:visited { 2246 height: 1px; 2247 left: 0px; 2248 overflow: hidden; 2249 position: absolute; 2250 top: -500px; 2251 width: 1px; 2252} 2253 2254#skip a:active, 2255#skip a:focus { 2256 height: auto; 2257 position: static; 2258 width: auto; 2259} 2260 2261 2262/* Print styles 2263-------------------------------------------------------------- */ 2264 2265@media print { 2266 body { 2267 background: white; 2268 font-size: 10pt; 2269 } 2270 2271 #header, 2272 #header-top, 2273 #header-wrapper, 2274 #header-bottom, 2275 #sidebar-first, 2276 #sidebar-last, 2277 #preface-wrapper, 2278 #content-tabs, 2279 #mission, 2280 #slogan, 2281 #postscript-wrapper, 2282 #footer-top, 2283 #footer, 2284 #primary-menu, 2285 #search-box, 2286 #logo { 2287 display: none; 2288 } 2289 2290 #page, 2291 #main-wrapper, 2292 #content-wrapper, 2293 #content-top, 2294 #content, 2295 #content-bottom { 2296 background: transparent none; 2297 border: 0; 2298 color: black; 2299 float: none !important; 2300 margin: 0; 2301 padding: 0; 2302 width: auto; 2303 } 2304 2305 #content-wrapper { 2306 margin: 0 3%; 2307 } 2308}