| /web/test/chat/g-shout/skins/_vti_cnf/ab_green.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:55:46 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:55:46 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:55:46 -0000 |
| vti_filesize:IR|30313 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/ab_orange.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:55:50 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:55:50 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:55:50 -0000 |
| vti_filesize:IR|30314 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/ab_purple.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:55:56 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:55:56 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:55:56 -0000 |
| vti_filesize:IR|30314 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/ab_red.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:04 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:04 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:04 -0000 |
| vti_filesize:IR|30309 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/babs.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:08 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:08 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:08 -0000 |
| vti_filesize:IR|30494 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/black_and_gold.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:12 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:12 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:12 -0000 |
| vti_filesize:IR|30297 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/default.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 10:04:18 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 10:04:18 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 10:04:18 -0000 |
| vti_filesize:IR|30316 |
| vti_backlinkinfo:VX|chat/g-shout/install.php chat/g-shout/pop_editshout.php |
| /web/test/chat/g-shout/skins/_vti_cnf/index.html |
|---|
| 0,0 → 1,17 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|03 May 2003 17:37:28 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|03 May 2003 17:37:28 -0000 |
| vti_cacheddtm:TX|03 May 2003 17:37:28 -0000 |
| vti_filesize:IR|149 |
| vti_cachedtitle:SR|403 Forbidden |
| vti_cachedbodystyle:SR|<body bgcolor='#ffffff'> |
| vti_cachedneedsrewrite:BR|false |
| vti_cachedhasbots:BR|false |
| vti_cachedhastheme:BR|false |
| vti_cachedhasborder:BR|false |
| vti_charset:SR|windows-1250 |
| vti_title:SR|403 Forbidden |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/mcdigit.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:28 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:28 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:28 -0000 |
| vti_filesize:IR|30038 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/mizsblues.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:34 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:34 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:34 -0000 |
| vti_filesize:IR|30480 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/_vti_cnf/subdued_patriotic.css |
|---|
| 0,0 → 1,9 |
| vti_encoding:SR|utf8-nl |
| vti_timelastmodified:TR|08 Aug 2004 09:56:38 -0000 |
| vti_extenderversion:SR|6.0.2.5516 |
| vti_author:SR|KAKLIK\\Jakub |
| vti_modifiedby:SR|KAKLIK\\Jakub |
| vti_timecreated:TR|08 Aug 2004 09:56:38 -0000 |
| vti_cacheddtm:TX|08 Aug 2004 09:56:38 -0000 |
| vti_filesize:IR|29418 |
| vti_backlinkinfo:VX| |
| /web/test/chat/g-shout/skins/ab_green.css |
|---|
| 0,0 → 1,1377 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Green |
| ab_green.css |
| By Alan Barber |
| http://www.alanbarber.org |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #01A903; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #01A903; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #69DD00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #81A97B 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #1EA91F; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #1EA91F; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #81A97B 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #01A903; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #01A903; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #69DD00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #01A903; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #01A903; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #69DD00; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #69DD00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #EAF2EA; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #81A97B 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #A7BEA7 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #81A97B 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #81A97B 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #81A97B; |
| border-bottom: 1px solid #81A97B; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #1EA91F; |
| border-top: 1px solid #ffffff; |
| border-bottom: 1px solid #ffffff; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #81A97B 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #81A97B 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #81A97B 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #81A97B 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #81A97B 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #81A97B 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #81A97B 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #81A97B 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #81A97B 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #81A97B; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #81A97B; |
| border-right: 1px solid #81A97B; |
| border-left: 1px solid #81A97B; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7BEA7; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7BEA7; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7BEA7; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7BEA7; |
| border-right: 1px solid #fff; |
| background-color: #F4FFF4; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7BEA7; |
| border-right: 1px solid #fff; |
| background-color: #E5E7EC; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #81A97B 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #81A97B 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/ab_orange.css |
|---|
| 0,0 → 1,1377 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Orange |
| ab_orange.css |
| By Alan Barber |
| http://www.alanbarber.org |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #FFA500; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #FFA500; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #C87F00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #AA997C 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #FFA500; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #FFA500; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #AA997C 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #FFA500; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #FFA500; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #C87F00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #FFA500; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #FFA500; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #C87F00; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #C87F00; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #F2EFEA; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #AA997C 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #BEB5A6 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #AA997C 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #AA997C 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #AA997C; |
| border-bottom: 1px solid #AA997C; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #FFA500; |
| border-top: 1px solid #ffffff; |
| border-bottom: 1px solid #ffffff; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #AA997C 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #AA997C 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #AA997C 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #AA997C 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #AA997C 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #AA997C 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #AA997C 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #AA997C 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #AA997C 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #AA997C; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #AA997C; |
| border-right: 1px solid #AA997C; |
| border-left: 1px solid #AA997C; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEB5A6; |
| border-right: 1px solid #fff; |
| background-color: #FFF9EB; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEB5A6; |
| border-right: 1px solid #fff; |
| background-color: #EBE8E1; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #AA997C 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #AA997C 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/ab_purple.css |
|---|
| 0,0 → 1,1377 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Purple |
| ab_purple.css |
| By Alan Barber |
| http://www.alanbarber.org |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #A900A9; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #A900A9; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #690069; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #AA7CA4 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #800080; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #800080; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #AA7CA4 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #A900A9; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #A900A9; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #690069; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #A900A9; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #A900A9; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #690069; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #690069; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #F2EAF1; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #AA7CA4 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #BEB5A6 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #AA7CA4 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #AA7CA4 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #AA7CA4; |
| border-bottom: 1px solid #AA7CA4; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #800080; |
| border-top: 1px solid #ffffff; |
| border-bottom: 1px solid #ffffff; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #AA7CA4 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #AA7CA4 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #AA7CA4 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #AA7CA4 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #AA7CA4 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #AA7CA4 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #AA7CA4 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #AA7CA4 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #AA7CA4 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #AA7CA4; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #AA7CA4; |
| border-right: 1px solid #AA7CA4; |
| border-left: 1px solid #AA7CA4; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEB5A6; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEB5A6; |
| border-right: 1px solid #fff; |
| background-color: #FFF5FF; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEB5A6; |
| border-right: 1px solid #fff; |
| background-color: #EDE5EC; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #AA7CA4 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #AA7CA4 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/ab_red.css |
|---|
| 0,0 → 1,1377 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Red |
| ab_red.css |
| By Alan Barber |
| http://www.alanbarber.org |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #A90103; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #DD6900; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #A9817B 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #A91E1F; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #A91E1F; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #A9817B 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #DD6900; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #A90103; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #DD6900; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #DD6900; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #F2EAEA; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #A9817B 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #BEA9A7 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #A9817B 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #A9817B 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #A9817B; |
| border-bottom: 1px solid #A9817B; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #A91E1F; |
| border-top: 1px solid #ffffff; |
| border-bottom: 1px solid #ffffff; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #A9817B 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #A9817B 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #A9817B 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #A9817B 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #A9817B 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #A9817B 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #A9817B 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #A9817B 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #A9817B 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #A9817B; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #A9817B; |
| border-right: 1px solid #A9817B; |
| border-left: 1px solid #A9817B; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEA9A7; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEA9A7; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #BEA9A7; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEA9A7; |
| border-right: 1px solid #fff; |
| background-color: #FFF4F4; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #BEA9A7; |
| border-right: 1px solid #fff; |
| background-color: #E5E7EC; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #A9817B 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #A9817B 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/babs.css |
|---|
| 0,0 → 1,1379 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Babs Pink |
| babs.css |
| By Nathalie Babineau |
| http://www.babineau.ca |
| http://www.babineau.ca/journal/ |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #CC0066; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #CC0066; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #000; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #7B81A9 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #CC3366; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #CC3366; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #7B81A9 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #CC0066; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #CC0066; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #000; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #CC0066; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #CC0066; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #666; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #666; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #F7E0E8; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #7B81A9 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #A7A9BE 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #7B81A9 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #7B81A9; |
| border-bottom: 1px solid #7B81A9; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #000; |
| padding: 5px 4px 5px 10px; |
| background-color: #E7A0B7; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #eee; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #7B81A9 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F5D8E1; |
| border: #7B81A9 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F5D8E1; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F5D8E1; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #7B81A9 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #7B81A9; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #7B81A9; |
| border-right: 1px solid #7B81A9; |
| border-left: 1px solid #7B81A9; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #F9E9EE; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #F6DBE4; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #7B81A9 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #7B81A9 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #CC3366; |
| } |
| .phpinfohead { |
| background: #CC3366; |
| } |
| .phpinforow { |
| background: #CC3366; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/black_and_gold.css |
|---|
| 0,0 → 1,1372 |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background-color: #000; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #CCFF66; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #CCFF66; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #868147; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: #000; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #666; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #fff; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #fff; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #fff; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #fff; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #FF66CC; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #66FFFF; |
| } |
| .highlight_bold { |
| color: #66FFFF; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #FF66CC; |
| font-weight: bold; |
| } |
| .alert { |
| color: #66FFFF; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #847E56 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #fff; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #868147; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #999; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #868147; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #fff 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #000; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #fff 1px solid; |
| border-left: #fff 1px solid; |
| border-right: #fff 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #847E56 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #CCFF66; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #CCFF66; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #fff; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #fff; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #CCFF66; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #CCFF66; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #999; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #999; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #1A160E; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #090909; |
| padding: 0; |
| border-top: #CCC 1px solid; |
| border-right: #CCC 1px solid; |
| border-bottom: #CCC 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #CCC 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #090909; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #fff; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #666; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #666; |
| } |
| .htmlButtonB a:link { |
| color: #66FFFF; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #666; |
| } |
| .htmlButtonB a:hover { |
| color: #666; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #847E56 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #585641 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #847E56 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #000; |
| border-bottom: #847E56 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #847E56; |
| border-bottom: 1px solid #847E56; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #474126; |
| border-top: 1px solid #000; |
| border-bottom: 1px solid #111; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #847E56 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #fff; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #FF66CC; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #fff; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #fff; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #ccc; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #0D0D00; |
| border: #847E56 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #000; |
| border: #847E56 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #0D0D00; |
| border: #847E56 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #0D0D00; |
| border: #847E56 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #000; |
| border-bottom: #847E56 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #000; |
| border-bottom: #847E56 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #000; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #000; |
| border-bottom: #847E56 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #fff; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #847E56 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #fff; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #847E56; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #000; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #847E56; |
| border-right: 1px solid #847E56; |
| border-left: 1px solid #847E56; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #fff; |
| padding: 12px 6px 12px 6px; |
| background-color: #000; |
| border-bottom: 1px solid #585641; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #fff; |
| padding: 12px 6px 12px 6px; |
| background-color: #000; |
| border-bottom: 1px solid #585641; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #fff; |
| padding: 12px 6px 12px 6px; |
| background-color: #000; |
| border-bottom: 1px solid #585641; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #fff; |
| padding: 10px 6px 10px 6px; |
| background-color: #000; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #000; |
| border-bottom: 1px solid #585641; |
| border-right: 1px solid #000; |
| background-color: #0B0B00; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #000; |
| border-bottom: 1px solid #585641; |
| border-right: 1px solid #000; |
| background-color: #1A1813; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| width: 240px; |
| border: 1px solid #66FFFF; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #666; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #666666; |
| border-left: 1px solid #666666; |
| background-color: #000; |
| color: #fff; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #666666; |
| border-left: 1px solid #666666; |
| background-color: #444; |
| color: #fff; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #000; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #fff; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #666666; |
| border-left: 1px solid #666666; |
| background-color: #000; |
| color: #fff; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #fff; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #000; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #fff; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #847E56 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #66FFFF; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #fff; |
| border-top: #847E56 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #000; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/default.css |
|---|
| 0,0 → 1,1370 |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #330099; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #330099; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #000; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #7B81A9 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #000; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #797EB8; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #797EB8; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #7B81A9 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #330099; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #330099; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #000; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #330099; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #330099; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #666; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #666; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #E5E9F1; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #7B81A9 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #A7A9BE 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #7B81A9 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #7B81A9; |
| border-bottom: 1px solid #7B81A9; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #000; |
| padding: 5px 4px 5px 10px; |
| background-color: #B8BED9; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #eee; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #7B81A9 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #7B81A9 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #7B81A9 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #7B81A9 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #7B81A9 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #7B81A9; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #7B81A9; |
| border-right: 1px solid #7B81A9; |
| border-left: 1px solid #7B81A9; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #F4F4FF; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #E5E7EC; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #7B81A9 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #7B81A9 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 1px solid #666; |
| border-bottom: 1px solid #666; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #e5e9f1; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #797eb8; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #e5e9f1; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #e5e9f1; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #797eb8; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #797eb8; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/index.html |
|---|
| 0,0 → 1,15 |
| <html> |
| <head> |
| <title>403 Forbidden</title> |
| </head> |
| <body bgcolor='#ffffff'> |
| <p>Directory access is forbidden.<p> |
| </body> |
| </html> |
| /web/test/chat/g-shout/skins/mcdigit.css |
|---|
| 0,0 → 1,1372 |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #5DAE35; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #5DAE35; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #8CAE82; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #4f5748 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #4F5748; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #8a9283; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #8A9283; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #8A9283; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #41483c 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #41483c 1px solid; |
| border-left: #41483c 1px solid; |
| border-right: #41483c 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #4f5748 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #5DAE35; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #5DAE35; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #000; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #5DAE35; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #5DAE35; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #666; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #666; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #EEF6E6; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #4f5748 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #A7A9BE 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #7B81A9 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #4f5748 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #4f5748; |
| border-bottom: 1px solid #4f5748; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #000; |
| padding: 5px 4px 5px 10px; |
| background-color: #B8C0B1; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #eee; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #7B81A9 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #EEF6E6; |
| border: #4F5748 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #4f5748 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #EEF6E6; |
| border: #4F5748 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #EEF6E6; |
| border: #4F5748 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #4f5748 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #4f5748 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #4f5748 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #7B81A9 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #4f5748; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #4f5748; |
| border-right: 1px solid #4f5748; |
| border-left: 1px solid #4f5748; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #bdc7bb; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #bdc7bb; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #bdc7bb; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #80857E; |
| border-right: 1px solid #fff; |
| background-color: #EEF6E6; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #585C56; |
| border-right: 1px solid #fff; |
| background-color: #D1DACD; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #8a9283 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #8a9283 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #A2A99F; |
| } |
| .phpinfohead { |
| background: #A2A99F; |
| } |
| .phpinforow { |
| background: #A2A99F; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/mizsblues.css |
|---|
| 0,0 → 1,1377 |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #3D5E74; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #759DB9; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #BAAF50; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #EDEBD7; |
| background: transparent; |
| text-align: right; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #EDEBD7; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #EDEBD7; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #D7D19B; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #A09854; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #006699; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #789FB8 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #3D5E74; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #799EB8; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #799EB8; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #3D5E74 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #3D5E74 1px solid; |
| border-left: #3D5E74 1px solid; |
| border-right: #3D5E74 1px solid; |
| } |
| .cpNavOn a, .cpNavOn a:link { |
| color: #BAAF50; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOn a:hover { |
| color: #3D5E74; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #EDEBD7; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #EDEBD7; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #EDEBD7; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #0A2B41; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #789FB8 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #32536A; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #32536A; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #D7D19B; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #D7D19B; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #D7D19B; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #32536A; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #125078; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #A9C3D3; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #789FB8 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #789FB8 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #789FB8 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #789FB8 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #789FB8; |
| border-bottom: 1px solid #789FB8; |
| } |
| .profileHead { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #000; |
| padding: 5px 4px 5px 10px; |
| background-color: #799EB8; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #eee; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #789FB8 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| color: #006699; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #EDEBD7; |
| border: #789FB8 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #789FB8 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #EDEBD7; |
| border: #789FB8 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #EDEBD7; |
| border: #789FB8 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #789FB8 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #789FB8 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #789FB8 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #789FB8 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #789FB8; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #789FB8; |
| border-right: 1px solid #789FB8; |
| border-left: 1px solid #789FB8; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingLargeBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #A7A9BE; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #EDEBD7; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #A7A9BE; |
| border-right: 1px solid #fff; |
| background-color: #A9C3D3; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #789FB8 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #789FB8 1px solid; |
| font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #799EB8; |
| } |
| .phpinfohead { |
| background: #799EB8; |
| } |
| .phpinforow { |
| background: #799EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |
| /web/test/chat/g-shout/skins/subdued_patriotic.css |
|---|
| 0,0 → 1,1377 |
| /* |
| ExpressionEngine 1.0 Control Panel Theme - Subdued Patriotic |
| sub_pat.css |
| By Jim Kenefick |
| Http://www.right-thoughts.us |
| --------------------------------------------------------------- */ |
| /* |
| DEFAULT BODY |
| --------------------------------------------------------------- */ |
| body { |
| margin: 0; |
| padding: 0; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: #fff; |
| } |
| /* |
| MAIN CONTENT WRAPPER |
| --------------------------------------------------------------- */ |
| #content { |
| left: 0px; |
| right: 10px; |
| margin: 0 25px 0 25px; |
| padding: 8px 13px 0 13px; |
| width: auto; |
| } |
| * html #content { |
| width: 100%; |
| w\idth: auto; |
| } |
| /* |
| DEFAULT LINKS |
| --------------------------------------------------------------- */ |
| a { |
| text-decoration: none; |
| color: #A90103; |
| background-color: transparent; |
| } |
| a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| a:hover { |
| color: #FFF; |
| text-decoration: underline; |
| background-color: #5579BE; |
| } |
| /* |
| SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT) |
| --------------------------------------------------------------- */ |
| .helpLinks { |
| color: #fff; |
| background: transparent; |
| text-align: right; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 9px; |
| font-weight: bold; |
| padding: 4px 25px 4px 0px; |
| } |
| .helpLinks a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinks a:hover { |
| color: #ccc; |
| background: transparent; |
| text-decoration: none; |
| } |
| .helpLinksLeft { |
| text-align: left; |
| padding-left: 20px; |
| } |
| /* |
| DEFAULT FONTS |
| --------------------------------------------------------------- */ |
| .default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 0 1px 0; |
| background-color: transparent; |
| } |
| .defaultRight { |
| text-align: right; |
| } |
| .defaultRightBold { |
| text-align: right; |
| font-weight: bold; |
| } |
| .defaultCenter { |
| text-align: center; |
| } |
| .defaultBold { |
| font-weight: bold; |
| font-size: 11px; |
| } |
| .defaultBold a:link { |
| text-decoration: none; |
| } |
| .defaultBold a:visited { |
| text-decoration: none; |
| } |
| .defaultBold a:active { |
| text-decoration: none; |
| } |
| .defaultBold a:hover { |
| text-decoration: underline; |
| } |
| .defaultPad { |
| padding: 3px 0 3px 5px; |
| } |
| .defaultPadBold { |
| padding: 3px 0 3px 5px; |
| font-weight: bold; |
| } |
| .defaultSmall { |
| color: #000; |
| font-size: 10px; |
| } |
| /* |
| GENERAL TEXT FORMATTING |
| --------------------------------------------------------------- */ |
| /* Page heading used on most pages */ |
| h1 { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 2px 0 4px 0; |
| padding: 0 0 2px 0; |
| } |
| /* Large Text - used occasionally */ |
| h2 { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| } |
| /* Smaller bold heading */ |
| h5 { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 12px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| margin: 0 0 3px 0; |
| } |
| pre { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #009933; |
| background: transparent; |
| margin: 6px 0 6px 19px; |
| } |
| p, strong { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: transparent; |
| margin: 4px 0 4px 0; |
| } |
| strong { |
| font-weight: bold: |
| } |
| .bold { |
| font-weight: bold; |
| } |
| .highlight { |
| color: #990000; |
| } |
| .highlight_bold { |
| color: #990000; |
| font-weight: bold; |
| } |
| .highlight_alt_bold { |
| color: #009933; |
| font-weight: bold; |
| } |
| .alert { |
| color: #990000; |
| font-weight: bold; |
| } |
| .nowrap { |
| white-space: nowrap; |
| } |
| /* |
| PADDING |
| --------------------------------------------------------------- */ |
| .paddedWrapper { |
| padding: 3px 0 10px 3px; |
| background-color: transparent; |
| } |
| .bigPad { |
| padding: 6px 0 3px 6px; |
| background-color: transparent; |
| } |
| .paddedTop { |
| padding: 13px 0 2px 0; |
| background-color: transparent; |
| } |
| .paddedBorder{ |
| padding: 10px 12px 10px 12px; |
| border-bottom: #5579BE 1px solid; |
| background-color: transparent; |
| } |
| .leftPad { |
| padding-left: 5px; |
| } |
| .rightPad { |
| padding-right: 10px; |
| } |
| /* |
| HEADER |
| --------------------------------------------------------------- */ |
| #topBar { |
| background-color: #5579BE; |
| border-bottom: #fff 1px solid; |
| } |
| #header { |
| background-color: #A91E1F; |
| height: 14px; |
| } |
| #simpleHeader { |
| background-color: #666; |
| height: 1px; |
| } |
| /* |
| NAVIGATION TABS - Table cell |
| --------------------------------------------------------------- */ |
| .navCell { |
| background: transparent; |
| padding: 0; |
| } |
| /* |
| NAVIGATION TABS - DEFAULT STATE |
| --------------------------------------------------------------- */ |
| .cpNavOff, .cpNavLocked { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background: #A91E1F; |
| letter-spacing: .2em; |
| text-transform: uppercase; |
| text-align: center; |
| padding: 5px 0 4px 0; |
| font-weight: bold; |
| border-bottom: #000 1px solid; |
| } |
| /* |
| NAVIGATION TABS - "SELECTED" STATE |
| --------------------------------------------------------------- */ |
| .cpNavOn { |
| font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| color: #fff; |
| background: #fff; |
| letter-spacing: .2em; |
| padding: 6px 0 2px 0; |
| text-transform: uppercase; |
| text-align: center; |
| font-weight: bold; |
| border-top: #000 1px solid; |
| border-left: #000 1px solid; |
| border-right: #000 1px solid; |
| } |
| .cpNavOn a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| LINKS IN NAVIGATION TABS |
| --------------------------------------------------------------- */ |
| .cpNavOff a:link { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:visited { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:active { |
| color: #fff; |
| background: transparent; |
| text-decoration: none; |
| } |
| .cpNavOff a:hover { |
| color: #000; |
| background: transparent; |
| text-decoration: none; |
| } |
| /* |
| BREADCRUMB NAVIGATION |
| --------------------------------------------------------------- */ |
| #breadcrumb { |
| margin: 15px 40px 0 38px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| border-bottom: #5579BE 1px solid; |
| } |
| /* Breadcrumb with no bottom line */ |
| #breadcrumbNoLine { |
| margin: 15px 40px 0 40px; |
| padding-right: 30px; |
| padding-left: 0; |
| line-height: 18px; |
| } |
| /* Right side of bread crumb */ |
| .breadcrumbRight { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| background: transparent; |
| text-align: right; |
| } |
| .crumblinks a:link { |
| text-decoration: none; |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinks a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinks a:hover { |
| color: #FFF; |
| text-decoration: underline; |
| background-color: #5579BE; |
| } |
| /* |
| BREADCRUMB LINKS - RIGHT SIDE |
| --------------------------------------------------------------- */ |
| .crumblinksR { |
| font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 12px; |
| letter-spacing: .1em; |
| text-decoration: none; |
| color: #000; |
| background-color: transparent; |
| } |
| .crumblinksR a { |
| color: #A90103; |
| text-decoration: none; |
| background-color: transparent; |
| } |
| .crumblinksR a:visited { |
| color: #A90103; |
| background-color: transparent; |
| } |
| .crumblinksR a:active { |
| color: #DD6900; |
| background-color: transparent; |
| } |
| .crumblinksR a:hover { |
| color: #DD6900; |
| text-decoration: underline; |
| background-color: transparent; |
| } |
| /* |
| PREVIEW ENTRY |
| (when you click "prevew" on the "publish" page) |
| --------------------------------------------------------------- */ |
| #previewWrapper { |
| background-color: transparent; |
| } |
| .preview { |
| margin: 0 25px 0 4px; |
| } |
| /* |
| CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE |
| These are the little JavaScript buttons |
| --------------------------------------------------------------- */ |
| .buttonMargin { |
| margin-bottom: 4px; |
| } |
| .buttonInsert { |
| background-color: #DEDEDE; |
| border: #666 1px solid; |
| padding: 6px; |
| margin-right: 8px; |
| } |
| .htmlButtonOutter, .htmlButtonOutterL { |
| background-color: #f6f6f6; |
| padding: 0; |
| border-top: #333 1px solid; |
| border-right: #333 1px solid; |
| border-bottom: #333 1px solid; |
| } |
| .htmlButtonOutterL { |
| border-left: #333 1px solid; |
| } |
| .htmlButtonInner { |
| background-color: transparent; |
| border-left: #fff 1px solid; |
| border-top: #fff 1px solid; |
| border-right: #ccc 1px solid; |
| border-bottom: #ccc 1px solid; |
| } |
| .htmlButtonA { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonB { |
| font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| background: #f6f6f6; |
| padding: 2px 3px 3px 3px; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:link { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonA a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonA a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonA a:hover { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:link { |
| color: #990000; |
| font-weight: bold; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| .htmlButtonB a:visited { |
| text-decoration: none; |
| } |
| .htmlButtonB a:active { |
| text-decoration: none; |
| color: #999; |
| } |
| .htmlButtonB a:hover { |
| color: #999; |
| text-decoration: none; |
| } |
| /* |
| PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| .publishBorder { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| border-bottom: #5579BE 1px solid; |
| } |
| .publishBorderNB { |
| padding-bottom: 8px; |
| margin-bottom: 6px; |
| margin-left: 8px; |
| } |
| .publishPad { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 1px 5px 1px 10px; |
| background-color: transparent; |
| } |
| /* |
| CONTROL PANEL HOME PAGE |
| --------------------------------------------------------------- */ |
| .leftColumn { |
| padding: 0 14px 0 0; |
| } |
| .rightColumn { |
| padding: 0 0 0 14px; |
| } |
| .itemPad { |
| padding: 0 0 20px 0; |
| } |
| /* |
| TEMPLATES PAGE |
| --------------------------------------------------------------- */ |
| .leftBorderPad { |
| border-left: #5579BE 1px solid; |
| padding: 0 4px 0 14px; |
| } |
| .rightBorderPad { |
| border-right: #5579BE 1px solid; |
| padding: 0; |
| } |
| .itemPadBotBorder { |
| background-color: #fff; |
| border-bottom: #5579BE 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 90%; |
| margin-bottom: 8px; |
| } |
| /* |
| MY PROFILE PAGE |
| --------------------------------------------------------------- */ |
| .profileMenuInner { |
| padding-left: 10px; |
| padding-right: 8px; |
| margin-bottom: 4px; |
| margin-top: 4px; |
| } |
| .borderTopBot { |
| border-top: 1px solid #5579BE; |
| border-bottom: 1px solid #5579BE; |
| } |
| .profileHead { |
| font-family: Tahoma, Arial, Sans-serif ; |
| font-size: 10px; |
| font-weight: bold; |
| text-transform: uppercase; |
| color: #fff; |
| padding: 5px 4px 5px 10px; |
| background-color: #A91E1F; |
| border-top: 1px solid #ffffff; |
| border-bottom: 1px solid #ffffff; |
| margin: 0 0 0 0; |
| } |
| /* |
| ADMIN PAGE |
| --------------------------------------------------------------- */ |
| .leftCel { |
| border-right: #5579BE 1px solid; |
| padding: 0 40px 0 0; |
| white-space: nowrap; |
| } |
| .rightCel { |
| padding: 0 0 0 40px; |
| white-space: nowrap; |
| } |
| .menuHeading { |
| font-family: Trebuchet MS, Arial, Verdana, Sans-serif; |
| font-size: 14px; |
| color: #000; |
| font-weight: bold; |
| margin: 3px 0 3px 5px; |
| background: transparent; |
| } |
| .menuItem { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| background-color: transparent; |
| padding: 3px 0 3px 6px; |
| } |
| .menuWrapper { |
| margin: 0 0 14px 0; |
| } |
| /* |
| "SUCCESS" MESSAGE |
| Used to display a message after user actions |
| like submitting an entry, or updating preferences, etc. |
| --------------------------------------------------------------- */ |
| .success{ |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 12px; |
| color: #009933; |
| font-weight: bold; |
| background-color: transparent; |
| margin: 5px 0 5px 0; |
| } |
| /* |
| ITEM WRAPPERS |
| Adds a little padding above and below the item. Used often |
| to add a bit of space around text or forms. |
| --------------------------------------------------------------- */ |
| .itemWrapper { |
| padding: 3px 0 5px 0; |
| background-color: transparent; |
| } |
| .itemWrapperTop { |
| padding: 12px 0 4px 0; |
| background-color: transparent; |
| } |
| .itemTitle { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 3px 0 2px 0; |
| background-color: transparent; |
| } |
| .fieldWrapper { |
| font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 0 0 12px 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapper { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| color: #000; |
| text-align: right; |
| padding: 0; |
| background-color: transparent; |
| } |
| .xhtmlWrapperLight { |
| color: #666; |
| font-weight: bold; |
| } |
| /* |
| BOXES - USED TO ENCLOSE ITEMS |
| --------------------------------------------------------------- */ |
| .box { |
| background-color: #F2F2FF; |
| border: #5579BE 1px solid; |
| padding: 12px 10px 5px 10px; |
| margin: 5px 0 4px 0; |
| } |
| .box280 { |
| background-color: #fff; |
| border: #5579BE 1px solid; |
| padding: 12px; |
| width: 280px; |
| margin-top: 8px; |
| } |
| .box320 { |
| background-color: #F2F2FF; |
| border: #5579BE 1px solid; |
| padding: 12px; |
| width: 320px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| .box450 { |
| background-color: #F2F2FF; |
| border: #5579BE 1px solid; |
| padding: 12px; |
| width: 450px; |
| margin-bottom: 4px; |
| margin-top: 2px; |
| } |
| /* |
| SPACER BETWEEN GROUPINGS OF FORM FIELDS |
| --------------------------------------------------------------- */ |
| .padBotBorder { |
| background-color: #fff; |
| border-bottom: #5579BE 1px dashed; |
| padding: 10px 0 16px 0; |
| margin-bottom: 8px; |
| width: 90%; |
| } |
| .pad400 { |
| background-color: #fff; |
| border-bottom: #5579BE 1px dashed; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| .pad400NoBorder { |
| background-color: #fff; |
| padding: 10px 0 16px 0; |
| width: 400px; |
| margin-bottom: 8px; |
| } |
| /* |
| COMMEMT/TRACKBACK DISPLAY IN CP |
| --------------------------------------------------------------- */ |
| .comments { |
| background-color: #fff; |
| border-bottom: #5579BE 1px dashed; |
| } |
| .cmtCredits { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #999; |
| margin-bottom: 3px; |
| } |
| .cmtCreditVal { |
| color: #000; |
| padding-left: 6px; |
| } |
| .cmtRightBorder { |
| border-right: #5579BE 1px dashed; |
| padding-right: 14px; |
| } |
| .cmtLeftPad { |
| padding: 2px 6px 0 6px; |
| } |
| /* |
| CATEGORY DISPLAY (used for category ID numbers in Admin page) |
| --------------------------------------------------------------- */ |
| .category { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #666; |
| line-height: 18px; |
| letter-spacing: .09em; |
| } |
| /* |
| TABLE FORMATTING |
| --------------------------------------------------------------- */ |
| .subtext { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 6px 0 3px 0; |
| } |
| .tableBorder { |
| border: 1px solid #5579BE; |
| margin-top: 1px; |
| margin-bottom: 4px; |
| } |
| .tablePad { |
| padding: 2px 4px 5px 4px; |
| background-color: #fff; |
| } |
| .tableBorderNoBot { |
| border-top: 1px solid #5579BE; |
| border-right: 1px solid #5579BE; |
| border-left: 1px solid #5579BE; |
| margin-bottom: 2px; |
| } |
| .tableHeading { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: normal; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #5579BE; |
| } |
| .tableHeadingBold { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #5579BE; |
| } |
| .tableHeadingLargeBold { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 13px; |
| font-weight: bold; |
| color: #000; |
| padding: 12px 6px 12px 6px; |
| background-color: #fff; |
| border-bottom: 1px solid #5579BE; |
| } |
| .tableHeadingBoldNoBot { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| font-weight: bold; |
| color: #000; |
| padding: 10px 6px 10px 6px; |
| background-color: #fff; |
| } |
| .tableCellOne, .tableCellOneBold { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #5579BE; |
| border-right: 1px solid #fff; |
| background-color: #EDF1F8; |
| } |
| .tableCellTwo, .tableCellTwoBold { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| padding: 6px 10px 6px 6px; |
| border-top: 1px solid #fff; |
| border-bottom: 1px solid #5579BE; |
| border-right: 1px solid #fff; |
| background-color: #DCE0E0; |
| } |
| .tableCellOneBold { |
| font-weight: bold; |
| } |
| .tableCellTwoBold { |
| font-weight: bold; |
| } |
| /* |
| IMAGE THUMBNAIL FORM |
| --------------------------------------------------------------- */ |
| .thumb { |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| color: #000; |
| width: 240px; |
| border: 1px solid #990000; |
| } |
| .thumbPad { |
| padding: 8px; |
| } |
| /* |
| COPYRIGHT NOTICE |
| --------------------------------------------------------------- */ |
| .copyright { |
| text-align: center; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 9px; |
| color: #999; |
| line-height: 15px; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| padding: 15px; |
| } |
| /* |
| FORM FIELD FORMATTING |
| --------------------------------------------------------------- */ |
| form { |
| margin: 0; |
| } |
| .hidden { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .input { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| height: 1.6em; |
| padding: .3em 0 0 2px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .textarea { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 3px; |
| margin-bottom: 3px; |
| } |
| .select { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| color: #000; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .multiselect { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| background-color: #fff; |
| color: #000; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 11px; |
| margin-top: 6px; |
| margin-bottom: 3px; |
| } |
| .radio { |
| color: #000; |
| margin-top: 7px; |
| margin-bottom: 4px; |
| padding: 0; |
| border: 0; |
| background-color: transparent; |
| } |
| .checkbox { |
| background-color: transparent; |
| margin: 3px; |
| padding: 0; |
| border: 0; |
| } |
| .submit { |
| background-color: #fff; |
| font-family: Arial, Verdana, Sans-serif; |
| font-size: 10px; |
| font-weight: normal; |
| letter-spacing: .1em; |
| padding: 1px 3px 1px 3px; |
| margin-top: 6px; |
| margin-bottom: 4px; |
| text-transform: uppercase; |
| color: #000; |
| } |
| /* |
| ERROR MESSAGE OUTER WRAPPER |
| NOTE: the border color needs to match the breadcrumb |
| --------------------------------------------------------------- */ |
| #error { |
| margin-top: 15px; |
| padding: 1px; |
| border: #5579BE 1px solid; |
| } |
| /* |
| ERROR MESSAGE HEADING |
| --------------------------------------------------------------- */ |
| .errorheading{ |
| color: #990000; |
| background: #ccc; |
| font-family: Verdana, Trebuchet MS, Arial, Sans-serif; |
| text-align: center; |
| font-size: 12px; |
| font-weight: bold; |
| letter-spacing: 1px; |
| text-transform: uppercase; |
| padding: 4px; |
| margin-bottom: 1px; |
| } |
| /* |
| ERROR MESSAGE BODY |
| --------------------------------------------------------------- */ |
| .errormessage { |
| color: #000; |
| border-top: #5579BE 1px solid; |
| font-family: Tahoma, Arial, Sans-serif; |
| font-size: 12px; |
| text-align: center; |
| padding: 20px 10px 20px 10px; |
| } |
| /* |
| PHP-INFO FORMATTING (used on PHP info page) |
| --------------------------------------------------------------- */ |
| .phpinfotable { |
| background: #797EB8; |
| } |
| .phpinfohead { |
| background: #797EB8; |
| } |
| .phpinforow { |
| background: #797EB8; |
| } |
| .phpinfocell { |
| background: #fff; |
| } |
| /* |
| CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE |
| --------------------------------------------------------------- */ |
| /* The main calendar widget. DIV containing a table. */ |
| .calendar { |
| margin-top: 6px; |
| display: none; |
| border-right: 2px solid #333; |
| border-bottom: 2px solid #333; |
| color: #000; |
| cursor: default; |
| background: transparent; |
| font-family: tahoma,verdana,sans-serif; |
| } |
| .calendar table { |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-size: 11px; |
| color: #000; |
| background: #ccc; |
| font-family: verdana,tahoma,sans-serif; |
| } |
| /* Header part -- contains navigation buttons and day names. */ |
| .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ |
| text-align: center; |
| padding: 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| } |
| .calendar .nav { |
| } |
| .calendar thead .title { /* This holds the current "month, year" */ |
| font-weight: bold; |
| font-size: 11px; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| } |
| .calendar thead .headrow { /* Row <TR> containing navigation buttons */ |
| } |
| .calendar thead .daynames { /* Row <TR> containing the day names */ |
| } |
| .calendar thead .name { /* Cells <TD> containing the day names */ |
| border-bottom: 1px solid #000; |
| padding: 2px; |
| font-weight: bold; |
| font-size: 10px; |
| font-family: tahoma,verdana,sans-serif; |
| text-align: center; |
| background: #f0f0f0; |
| } |
| .calendar thead .weekend { /* How a weekend day name shows in header */ |
| color: #000; |
| } |
| .calendar thead .hilite { /* How do the buttons in header appear when hover */ |
| background: #ddd; |
| } |
| .calendar thead .active { /* Active (pressed) buttons in header */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-left: 1px solid #000; |
| background-color: #999; |
| } |
| /* The body part -- contains all the days in month. */ |
| .calendar tbody .day { /* Cells <TD> containing month days dates */ |
| width: 1.8em; |
| text-align: right; |
| padding: 2px 4px 2px 2px; |
| } |
| .calendar tbody .day.othermonth { |
| font-size: 11px; |
| color: #aaa; |
| } |
| .calendar tbody .day.othermonth.oweekend { |
| color: #000; |
| } |
| .calendar table .wn { |
| padding: 2px 3px 2px 2px; |
| border-right: 1px solid #000; |
| background: #ddd; |
| } |
| .calendar tbody .rowhilite td { |
| background: #ccc; |
| } |
| .calendar tbody .rowhilite td.wn { |
| background: #ccc; |
| } |
| .calendar tbody td.hilite { /* Hovered cells <TD> */ |
| padding: 1px 3px 1px 1px; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ddd; |
| } |
| .calendar tbody td.active { /* Active (pressed) cells <TD> */ |
| padding: 2px 2px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar tbody td.selected { /* Cell showing selected date */ |
| font-weight: bold; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| padding: 1px 3px 1px 1px; |
| background: #eee; |
| } |
| .calendar tbody td.weekend { /* Cells showing weekend days */ |
| color: #000; |
| } |
| .calendar tbody td.today { /* Cell showing today date */ |
| font-weight: bold; |
| color: #000; |
| } |
| .calendar tbody .disabled { color: #999; } |
| .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ |
| visibility: hidden; |
| } |
| .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ |
| display: none; |
| } |
| /* The footer part -- status bar and "Close" button */ |
| .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ |
| } |
| .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ |
| background: transparent; |
| padding: 1px; |
| border: 1px solid #000; |
| background: #333; |
| color: #fff; |
| text-align: center; |
| font-size: 11px; |
| } |
| .calendar tfoot .hilite { /* Hover style for buttons in footer */ |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| padding: 1px; |
| background: #f0f0f0; |
| } |
| .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ |
| padding: 2px 0px 0px 2px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| /* Combo boxes (menus that display months/years for direct selection) */ |
| .calendar .combo { |
| position: absolute; |
| display: none; |
| width: 4em; |
| top: 0px; |
| left: 0px; |
| cursor: default; |
| border-top: 1px solid #fff; |
| border-right: 1px solid #000; |
| border-bottom: 1px solid #000; |
| border-left: 1px solid #fff; |
| background: #ccc; |
| font-size: 90%; |
| padding: 1px; |
| } |
| .calendar .combo .label, |
| .calendar .combo .label-IEfix { |
| text-align: center; |
| padding: 1px; |
| } |
| .calendar .combo .label-IEfix { |
| width: 4em; |
| } |
| .calendar .combo .active { |
| background: #efefef; |
| padding: 0px; |
| border-top: 1px solid #000; |
| border-right: 1px solid #fff; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| } |
| .calendar .combo .hilite { |
| background: #048; |
| color: #fea; |
| } |
| .calendar td.time { |
| border-top: 1px solid #000; |
| padding: 1px 0 0 0; |
| text-align: center; |
| background-color: #f0f0f0; |
| } |
| .calendar td.time .hour, |
| .calendar td.time .minute, |
| .calendar td.time .ampm { |
| padding: 0px 3px 0px 4px; |
| border-top: 1px solid #666; |
| border-right: 1px solid #999; |
| border-bottom: 1px solid #fff; |
| border-left: 1px solid #000; |
| font-weight: bold; |
| background-color: #fff; |
| } |
| .calendar td.time .ampm { |
| text-align: center; |
| text-transform: uppercase; |
| } |
| .calendar td.time .colon { |
| padding: 0px 2px 0px 3px; |
| font-weight: bold; |
| } |
| .calendar td.time span.hilite { |
| border-color: #000; |
| background-color: #eee; |
| color: #000; |
| } |
| .calendar td.time span.active { |
| border-color: #f00; |
| background-color: #efefef; |
| color: #990000; |
| } |