Subversion Repositories svnkaklik

Compare Revisions

Regard whitespace Rev 5 → Rev 6

/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;
}