svn commit: r1059564 [2/3] - in /ofbiz/trunk: framework/common/config/ themes/flatgrey/data/ themes/flatgrey/includes/ themes/flatgrey/webapp/flatgre
Locked
 
|
Modified: ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css
URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css?rev=1059564&r1=1059563&r2=1059564&view=diff ============================================================================== --- ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css (original) +++ ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css Sun Jan 16 14:12:46 2011 @@ -17,9 +17,18 @@ * under the License. */ +/* ----------------------------------------------------- */ /* This CSS file is used for the Flat Grey visual theme. */ +/* ----------------------------------------------------- */ + +/* This theme uses a scalable, floating layout - so most + sizes are expressed in EMs. PX sizes are used only for + drop shadows and positioning around graphic images. */ + +/* -------------------------------------- */ +/* Resets/Browser Normalization */ +/* -------------------------------------- */ -/* ===== Resets/Browser Normalization ===== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -28,12 +37,12 @@ small, strike, strong, sub, sup, tt, var b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { - border:0; - margin:0; - outline:0; - padding:0; - font-size: 100%; /*add font size to reset */ - background:transparent; + border: 0; + margin: 0; + outline: 0; + padding: 0; + font-size: 100%; + background: transparent; vertical-align: baseline; } @@ -54,27 +63,26 @@ body, caption, th { text-align: left; } -h1, h2, h3, h4, h5, h6 { -font-size: 100%; -} - ol, ul { list-style: none; } ol.numbers { - list-style: decimal; - padding-left: 20px; +list-style: decimal; +padding-left: 20px; } + ul.dots { - list-style: circle; - padding-left: 20px; +list-style: circle; +padding-left: 20px; } -/* ===== Basic Element Styles ===== */ +/* ------------------------------ */ +/* Basic Element Styles */ +/* ------------------------------ */ a, a:visited { -color: #000099; +color: #333; font-weight: bold; } @@ -91,12 +99,17 @@ body, textarea, input, select { font-family: Verdana, Arial, Helvetica, sans-serif; } +html { +background-image: url(images/tile.gif); +} + body { -background: #D4D0C8; font-size: 62.5%; position: relative; -line-height: 1; -color: black; +color: #000; +min-width: 780px; +margin: 0; +width:expression(document.body.clientWidth < 782? "780px" : "auto"); } hr { @@ -106,51 +119,6 @@ height: 0.1em; margin: 0.5em 0 0.5em 0; } -input[type="radio"], input[type="checkbox"] { -font-size: 1.1em; -margin: 0.2em; -} - -input[type="text"], input[type="password"] { -background-color: #ffffff; -border: #999999 solid 0.1em; -font-size: 1.1em; -margin: 0.2em; -padding: 0.1em 0 0.1em 0; -} - -input[type="submit"], input[type="button"], -input[type="reset"] { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -font-size: 1em; -font-weight: bold; -} - -input[type="submit"]:hover { -color: #ff0000; -cursor: pointer; -text-decoration: underline; -} - -input[type="file"] { -font-size: 1.1em; -height: 1.6em; /* force ctrl to scale with text */ -} - -select { -background-color: #ffffff; -border: #999999 solid 0.1em; -font-size: 1.1em; -height: 1.6em; /* force ctrl to scale with text */ -margin: 0.1em; -} - -select[multiple="multiple"] { -height: 5em; -} - h1, .h1 { font-size: 1.6em; font-weight: bold; @@ -187,2564 +155,1926 @@ color: #000000; font-weight: bold; } -/* ===== Legacy Styles ===== */ +/* -------------------------- */ +/* Float Clear/Reset */ +/* -------------------------- */ -/* The "smallSubmit" class can be used to decorate -links (A elements) and make them similar to form's buttons. */ -.smallSubmit, .smallSubmit:visited { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -font-size: 1em; -font-weight: bold; -margin: 0.2em; -padding: 0.1em 0.2em 0.1em 0.2em; +.clear { +clear: both; +height: 0; +visibility: hidden; +} + +.no-clear .clear { +/* Used in container elements to override + the clear class in contained elements. */ +clear: none; } -.smallSubmit:hover { +/* ------------------------------- */ +/* Single Element Styles */ +/* ------------------------------- */ + +.alert { +/* Used for alert text */ color: #ff0000; -text-decoration: none; } -.smallSubmit:active { -background-color: #cccccc; -color: #333366; -text-decoration: none; +.content-messages p { +margin: 0.5em 0 0.5em 0; } -.info { -color: #000000; -font-style: normal; +.hidden { +height: 0; +visibility: hidden; } -.boxhead { -color: #FFFFFF; -font-size: 1.1em; +.label { +/* Used for <input> element labels */ font-weight: bold; +height: 1.2em; /* Same as <input> height */ +padding-right: 1.1em; +text-align: right; +white-space: nowrap; +width: 1%; +vertical-align: middle; } -.boxlink { -float:right; +.required, input.required { +/* required style for <input> elements */ +background-color: #eeeeee; } -DIV.boxtop { -background-color: #000099; -border-color: #999999; -border-style: solid; -margin: 0 auto 0 auto; -padding: 0.1em 0.4em 0.1em 0.4em; -text-align: center; +.tooltip { +background-color: #ffffbb; +border: 0.1em solid #999999; +color: #000000; +font-style: italic; +margin: 0.4em; +padding: 0.1em; } -DIV.boxhead-left { -border: none; -color: #FFFFFF; -float: left; -font-size: 1.1em; -font-weight: bold; -width: auto; +.visible { +height: auto; +visibility: visible; } -DIV.boxhead-fill { -border: none; -color: #FFFFFF; -font-size: 1.1em; -font-weight: bold; -text-align: center; -width: 0; +.page-container { +/*background: url("images/big-fade.png") repeat-x 0 90px transparent;*/ } -DIV.boxhead-right { -border: none; -color: #FFFFFF; +.align-float { float: right; -font-size: 1.1em; -font-weight: bold; -width: auto; } -A.boxheadbutton { -color: #FFFFFF; -font-size: 1.1em; +.align-text { +text-align: right; } -A.boxheadbutton:hover { -color: #ff0000; -text-decoration: none; +.align-top { +vertical-align: top; } -.boxoutside { -background-color: #FFFFFF; -border: 0.1em solid #999999; +.centered { +text-align: center; } -.boxtop { -background-color: #000099; -border: 0 solid #999999; -padding: 0.1em 0.4em 0.1em 0.4em; +.page-title { +color:#557996; +margin-bottom:0.5em; +font-size:1.6em; +font-weight:bold; } -.boxbottom { -background-color: #FFFFFF; -border: 0 solid #999999; -padding: 0.4em; +.contentarea { } -.button { -background-color: #dddddd; -border: 0.2em outset #9999CC; -padding-right: 0.5em; -padding-left: 0.5em; -} +/* ------------------------ */ +/* Masthead Style */ +/* ------------------------ */ -.browsecategorylist { -margin-left: 10px; +#masthead { +background: #47637c url(images/masthead.gif) top left repeat-x; +color: #ccc; +font-size: 1em; +font-weight: normal; +min-height: 26px; /* Setting must be in px */ +height: 2.6em; +overflow: auto; } -.browsecategorytext { -color: #000099; -font-weight: bold; -padding-left: 10px; -background:url(/images/bg_bullet_full_2.gif) no-repeat 0px 0.5em; +#masthead ul li { +float: left; +padding: 0.5em 0.8em 0.5em 0; } -A.browsecategorybutton { -color: #000099; +#masthead ul li a { +color: #ccc; +font-weight: normal; } -.browsecategorybuttondisabled { -color: #333333; -font-weight: bold; +#masthead ul .logo-area { +padding: 0.1em 0.8em; } -A.buttontext, .buttontextdisabled { -background-color: #ffffff; -border: #999999 solid 0.1em; -font-weight: bold; -line-height: 1.8em; -margin: 0.2em; -padding: 0.1em 0.4em 0.1em 0.4em; -/*white-space: nowrap;*/ -} +/* ---------------------- */ +/* Footer Style */ +/* ---------------------- */ -A.buttontext { -color: #000099; +#footer { +background: #333; +border-top: 0.1em inset #000; +padding: 0.5em 0 0.5em 0.5em; } -A.buttontext:hover { -color: #ff0000; +#footer a { +color: #ccc; +font-weight: normal; } -A.linktext { -color: #000099; +#footer ul { +float: left; +display: inline } -A.linktext:hover { -color: #ff0000; +#footer ul li { +border-left: 0.1em solid #444; +border-right: 0.1em solid #222; +float: left; +display: inline; +color: #ccc; +font-weight: normal; +padding: 0.5em; } -.buttontextdisabled { -color: #333333; +#footer ul .first { +border-left: none; } -A.headerbuttontext { -color: #000099; +#footer ul .last { +border-right: none; } -A.headerbuttontext:hover { -color: #000000; +#footer ul li a { +color: #ccc; +font-weight: normal; } -.submenutextinfo { -border-right: 0.1em solid #5886C6; -color: #ffffff; -font-size: 0.9em; -font-weight: bold; -padding-left: 0.5em; -padding-right: 0.5em; +#footer p { +clear: left; +color: #ccc; +font-weight: normal; +padding: 0.5em; } -.submenutext, A.submenutext, A.submenutext:visited { -border-right: 0.1em solid #5886C6; -color: #ffff00; -font-size: 0.9em; -font-weight: bold; -padding-left: 0.2em; -padding-right: 0.5em; +/* ------------------------------- */ +/* Main Navigation Style */ +/* ------------------------------- */ + +#main-navigation { +clear: both; +background: #436783 url(images/main-nav.gif) top left repeat-x; +color: #fff; +font-size: 1em; +height: 5.2em; +overflow: auto; +border-bottom: 0.2em solid #47637c; +padding: 0.5em 0 0.1em 0; } -A.submenutext:hover { -color: #ffff00; +#main-navigation ul li { +float: left; +display: inline; +height: 4.85em; +padding: 0 1em 0 0.5em; +border-left: 0.1em solid #5c809c; +border-right: 0.1em solid #3e5a71; } -.submenutextdisabled, A.submenutextdisabled { -border-right: 0.1em solid #5886C6; -color: #CCCCCC; -font-size: 0.9em; -font-weight: bold; -padding-left: 0.2em; -padding-right: 0.5em; +#main-navigation ul .disabled { +color: #D4D0C8; } -A.submenutextdisabled:hover { -color: #ffff00; +#main-navigation ul .first { +border-left: none; } -.submenutextinforight { -color: #ffffff; -font-size: 0.9em; -font-weight: bold; -padding-left: 0.2em; +#main-navigation ul .last { +border-right: none; } -.submenutextright, A.submenutextright { -color: #ffff00; +#main-navigation ul a { +color: #fff; +display: block; +padding: 0 0.6em 0 0.6em; font-size: 0.9em; -font-weight: bold; -padding-left: 0.2em; +font-weight:normal; +text-transform:uppercase; +/* Uncomment next line for main-nav drop shadows */ +/*text-shadow: 0px 1px 1px #22323f;*/ } -A.submenutextright:hover { -color: #ffff00; +#main-navigation ul a:hover, +#main-navigation ul .selected { +color: #F9924B; +text-decoration: none; } -.submenutextrightdisabled, A.submenutextrightdisabled { -color: #CCCCCC; -font-size: 0.9em; -font-weight: bold; -padding-left: 0.2em; +/* -------------------------------------- */ +/* Application Navigation Style */ +/* -------------------------------------- */ + +#app-navigation { +background: url(images/gray-texture.jpg) top left; +border-top: 0.1em solid #3E5A71; +border-bottom: 0.1em solid #fff; +height: 1%; /* IE fix */ +margin: 0; +padding: 0.5em; } -A.submenutextrightdisabled:hover { -color: #ffff00; +#app-navigation h1, +#app-navigation h2, +#app-navigation h3 { +color: #959595; +margin: 0.4em 0 0.4em 0; +text-transform:uppercase; +text-shadow: 1px 1px 0 #fff; /* Setting must be in px */ } -A.lightbuttontext { -border: none; -color: #ffff00; +#app-navigation ul { +display: inline; /* IE Fix */ } -A.lightbuttontext:hover { -color: #ffff00; +#app-navigation ul li ul li { +background-color: #fff; +border-top: 0.1em solid #ccc; +border-right: 0.1em solid #ddd; +border-bottom: 0.1em solid #ddd; +border-left: 0.1em solid #ccc; +padding: 0.5em; +float: left; +display: inline; +margin: 0.1em 0.3em 0.1em 0; } -A.lightbuttontextsmall { -border: none; -color: #ffff00; -font-size: 0.8em; +#app-navigation ul .disabled { +color: #D4D0C8; } -A.lightbuttontextsmall:hover { -color: #ffff00; +#app-navigation ul a { +color: #444; +display: block; +font-weight: normal; +padding: 0.1em 0.3em 0.1em 0.3em; } -.lightbuttontextdisabled { -color: #CCCCCC; -font-weight: bold; +#app-navigation ul .selected, +#app-navigation ul .selected { +background-color: #f5f5f5; +border: 0.1em solid; +border-color: #aaa #f9f9f9 #f9f9f9 #aaa; +color: #ffffff; } -A.buttontextbig, .buttontextbigdisabled { -background-color: #ffffff; -border: #999999 solid 0.1em; -font-size: 1.5em; -font-weight: bold; -margin: 0.2em; -padding: 0.1em 0.4em 0.1em 0.4em; +#app-navigation ul .selected a { +color: #111; +padding: 0.1em 0.3em 0 0.3em; } -A.buttontextbig { -color: #000099; +#app-navigation ul a:hover { +text-decoration: none; +color: #111; } -.buttontextbigdisabled { -color: #CCCCCC; -} +/* ------------------------- */ +/* Screenlet Style */ +/* ------------------------- */ -A.buttontextbig:hover { -color: #ff0000; +.screenlet { +background-color: #FFFFFF; +border-right: 0.1em solid #ccc; +border-bottom: 0.2em solid #ccc; +border-left: 0.1em solid #ccc; +height: auto !important; +height: 1%; +margin-bottom: 1em; } -A IMG.imageborder { -border: 0.1em solid #999999; +.screenlet-body { +background-color: #FFFFFF; +height: auto !important; +height: 1%; +padding: 0.4em; } -.eventMessage, .errorMessage { -background-color: #FFFFEE; -border: solid #000000 0.1em; -font-size: 1.1em; -font-weight: bold; -margin: 1em; -padding: 1em; +.screenlet-body div { +margin: 0.8em 0.1em } -.eventMessage { -color: #000099; +/* Special Screenlet style for locale and timezone window */ +.lists.screenlet { +margin-left: 25%; +margin-right: 25%; +margin-top: 1em; } -.errorMessage { -color: #ff0000; +.lists.screenlet .basic-table tr td { +text-align: center; } -.mediumSubmit, .largeSubmit, .loginButton { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -font-size: 1.4em; -font-weight: bold; -margin: 0.2em; +.lists.screenlet .basic-table tr td a { +display: block; } -.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover { -color: #ff0000; +/* No padding screenlet decorator */ +.no-padding { +padding: 0; +border: none; } -.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit { -font-size: 1.1em; +.no-padding h2, +.no-padding .h2 { +padding: 0.4em; } -.basePrice { -color: #000000; -} +/* ----------------------------------- */ +/* Screenlet Title Bar Style */ +/* ----------------------------------- */ -.normalPrice { -color: #008000; +.screenlet-title-bar { +background: url(images/bhead.gif) top left repeat-x; +color: #ffffff; +height: 1%; /* IE fix */ +min-height: 1.5em; +padding:0.8em 0.2em; } -.salePrice { -color: #ff0000; -} -.divHidden { - width:400px; - overflow:hidden; - white-space:nowrap; - } -/* ===== Product Summary Styles ===== */ -.product-prevnext { -text-align: right; +.screenlet-title-bar .h1, +.screenlet-title-bar .h2, +.screenlet-title-bar .h3, +.screenlet-title-bar h1, +.screenlet-title-bar h2, +.screenlet-title-bar h3 { +background: none; +color: #333; +text-shadow: 1px 1px 0 #fff; /* Setting must be in px */ } -.productsummary-container { -border-top: #999 solid 0.1em; -margin-top: 0.5em; -margin-bottom: 0.5em; +.screenlet-title-bar ul { +display: inline; /* IE Fix */ } -.productsummary { -border-bottom: #999 solid 0.1em; -/* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */ -min-height: 6em; -overflow: visible; -padding: 0.5em; -position: relative; +.screenlet-title-bar ul li { +background: none; +border-left: 0.1em solid #dedede; +color: #222; +float: right; +font-size: 1em; +font-weight: bold; +padding: 0.1em 0.5em 0.2em 0.5em; } -.productsummary .smallimage { +.screenlet-title-bar ul .h1, +.screenlet-title-bar ul .h2, +.screenlet-title-bar ul .h3 { +border-left: none; float: left; -/* position: absolute; top: 5px; left: 5px; */ -margin: 0 0.5em 0.5em 0; } -.productsummary .smallimage img { -border: #CCC solid 0.1em; -height: 5em; + +.screenlet-title-bar h1, +.screenlet-title-bar .h1 { +font-size: 1.6em; } -.productsummary .productbuy { -float: right; -margin: 0.5em; -text-align: right; -width: 13em; +.screenlet-title-bar h2, +.screenlet-title-bar .h2 { +font-size: 1.3em; } -.productsummary .productinfo { -/* margin-left: 60px; */ -text-align: left; +.screenlet-title-bar h3, +.screenlet-title-bar .h3, +.screenlet-title-bar .head4 { +font-size: 1.1em; } -/* ===== Product Detail Styles ===== */ -#productdetail #long-description { -border-top: #999 solid 0.1em; -margin-top: 1em; -padding-top: 0.5em; +.screenlet-title-bar .h3 a { +color: #222; +display: inline; } -#productdetail #reviews { -border-top: #999 solid 0.1em; -margin-top: 1em; -padding-top: 0.5em; +.screenlet-title-bar ul a { +color: #222; +display: block; } -#productdetail #associated-products { -border-top: #999 solid 0.1em; -margin-top: 1em; -padding-top: 0.5em; +.screenlet-title-bar ul a:visited { +color: #222; } -.treeWrapper { -background-color: #ffffff; -border-top: 0.1em solid #000000; -border-left: 0.1em solid #000000; -color: #000000; -font-size: 1.6em; -font-weight: normal; -margin-left: 1.2em; -margin-top: 0.2em; -text-align: left; +.screenlet-title-bar ul a:hover { +color: #ffffff; text-decoration: none; } -.lefthalf{ -float: left; -height: 1%; -left: 0; -margin: 0% 1% 1% 0%; -width: 49%; +.screenlet-title-bar ul .disabled { +color: #CCCCCC; } -.righthalf { -float: right; -height: 1%; -margin: 0 0 1% 1%; -right: 0; -width: 49%; +.screenlet-title-bar ul .collapsed, +.screenlet-title-bar ul .collapsed:hover { +background: url(/images/expand.gif) no-repeat center center; +min-height: 1.1em; +min-width: 1.1em; } -.leftclear{ -clear: left; -height: 1%; +.screenlet-title-bar ul .expanded, +.screenlet-title-bar ul .expanded:hover { +background: url(/images/collapse.gif) no-repeat center center; +min-height: 1.1em; +min-width: 1.1em; } -/* ==== Styles For Form Widgets === */ -.formTableBordered { -border: 0.1em solid #999999; -width: 100%; +.screenlet-title-bar ul .collapsed a, +.screenlet-title-bar ul .expanded a { +/* IE fix */ +cursor: default; } -/* ==== Styles For The Html Log === */ -.DEBUG { -color: #808080; +/* login screenlet decorator */ +.login-screenlet { +min-width: 25em; +width: 25%; } -.WARN { -color: #0000ff; -font-weight: bold; +.login-screenlet .screenlet-title-bar { +text-align: center; } -.INFO{ -color: #008000; -} +/* ------------------------------------------------ */ +/* Basic Navigation (Vertical Menu) Style */ +/* ------------------------------------------------ */ -.ERROR { -border: 0.2em solid #ff0000; -color: #ff0000; -font-weight: bold; +.basic-nav { +/* indent menu - helpful for widgets */ +padding-left: 1em; } -/* ==== Styles Copied From tabstyles.css === */ +.basic-nav ul a { +color: #333; +font-size: 1.1em; +} -.treewrapper { -margin-left: 1em; +.basic-nav ul .selected, +.basic-nav ul .selected a { +color: #0000ff; } -.treeitem { -border: #888888 solid 0.1em; +.basic-nav ul a:hover { color: #0000ff; -font-size: 1.4em; -font-weight: bold; } -.appbar { -background-color: #ffffff; +.basic-nav ul .disabled, +.basic-nav ul .disabled a { +color: #D4D0C8; } -.whitearea { -background-color: #FFFFFF; +/* ------------------------------------- */ +/* Button Bar Navigation Style */ +/* ------------------------------------- */ + +.button-bar { +margin-bottom: 1.0em; +width: 100%; } -.blackarea { -background-color: #000000; +.button-bar ul { +display: inline; /* IE Fix */ } -.apptitle { -background-color: #000099; -color: #FFFFFF; -display: block; -font-size: 1.3em; +.button-bar ul li { +float: left; font-weight: bold; -line-height: 2em; -width: 100%; +padding: 0.1em 0.4em 0.1em 0.4em; } -.page-title { -color:#000099; -margin-bottom:0.5em; -font-size:1.6em; -font-weight:bold; +.button-bar ul .opposed { +float: right; } -DIV.row { -background-color: #B4B0AA; -margin: 0 auto 0 auto; -text-align: center; +.button-bar ul a { +display: block; } -DIV.col { -border: none; -float: left; -width: auto; +.button-bar .opposed, +.button-bar .opposed li, +.button-bar ul .opposed { +float: right; } -DIV.col-fill { -background-color: #B4B0AA; -border: none; -color: #000099; -font-weight: bold; -text-align: center; -width: 0; -} +/* ------------------------------- */ +/* Button Bar Decorators */ +/* ------------------------------- */ -DIV.col-right { -border: none; -float: right; -width: auto; +.button-style-2 { +display: table; } -DIV.contentarea { -background-color: #FFFFFF; -border: solid #000000 0.1em; -margin: 1em; +.button-style-2 { +display: table; } -DIV.endcolumns { -/* deprecated - use .clear */ -clear: both; +.tool-bar { +padding: 0.2em; } -DIV.simple-right-small { -float: right; -width: 2em; -text-align: right; +.tool-bar ul li { +padding: 0.1em; } -DIV.simple-right-half { -float: right; -width: 50%; -text-align: right; +.tab-bar { +margin: 0.5em 0.5em 0 0.5em; } -DIV.screenlet { -background-color: #FFFFFF; -border: 0.1em solid #999999; -height: auto !important; -height: 1%; -margin-bottom: 1em; +.tab-bar ul li ul li { +margin-right: 0.5em; +background: #fff; +border-top: 0.1em solid #ccc; +border-right: 0.2em solid #ccc; +border-bottom: 0.2em solid #ccc; +border-left: 0.1em solid #ccc; +padding: 0.5em; +white-space: nowrap; } -/* Special Screenlet Handling for locals and timezone window */ -DIV.lists.screenlet { -margin-left: 25%; -margin-right: 25%; -margin-top: 1em; -} -DIV.lists.screenlet .basic-table tr td { -text-align: center; -} -DIV.lists.screenlet .basic-table tr td a { -display: block; +.tab-bar ul a, +.tab-bar ul a:visited { +color: #666; } -DIV.screenlet-body { -background-color: #FFFFFF; -height: auto !important; -height: 1%; -padding: 0.4em; +.tab-bar ul a:hover, +.tab-bar ul .selected, +.tab-bar ul .selected a, +.tab-bar ul .selected a:hover { +color: #333; +text-decoration: none; } -DIV.no-padding { -padding: 0; -border: none; +.tab-bar ul .disabled { +color: #ccc; } -.no-padding h2, -.no-padding .h2 { -padding: 0.4em; -} +/* ---------------------- */ +/* Table Styles */ +/* ---------------------- */ -#column-container { -margin: auto; -padding: 1em; -position: relative; +.basic-table { +background-color: #ffffff; +color: #000000; +margin-bottom: 1em; +width: 100%; } -#column-container h1, -#column-container .h1, -#column-container h2, -#column-container .h2 { -margin-bottom: 0.5em; +form .basic-table, +.screenlet-body .basic-table { +margin-bottom: 0; } -#column-container h1, -#column-container .h1 { -color: #000099; +.basic-table tr td { +/* Style for all cells */ +padding: 0.8em 0.1em; +vertical-align: middle; } -#column-container .left { -float: left; -/* alt: position: absolute; top: 0px; left: 0px; */ -width: 22em; -margin-right: 1em; +.basic-table tr .align-bottom { +vertical-align: bottom; } -#column-container .left-larger { -float: left; -/* alt: position: absolute; top: 0px; left: 0px; */ -width: 25em; -margin-right: 1em; +.basic-table tr .align-top { +vertical-align: top; } -.left-border { -float: left; -margin-right: 1em; -width: 22em; -border-right: 0.5px dotted #ccc; -background-color: #eee; -height: 100%; +.basic-table tr .label, +.basic-table tr .group-label { +/* field labels for forms */ +font-weight: bold; +text-align: right; +padding-right: 1.5em; +white-space: nowrap; +width: 1%; } -#column-container .right { -float: right; -margin-left: 1em; -width: 22em; +.basic-table tr .group-label { +/* "header" for field label groups */ +font-size: 1.2em; +padding: 2em 1.5em 0 0; } -#column-container .leftonly { -margin-left: 23em; -width: auto; +.basic-table tr th, +.basic-table .header-row { +font-weight: bold; +text-align: left; } -#column-container .leftonly-larger { -margin-left: 26em; -width: auto; +.basic-table .header-row td { +border-bottom: 0.1em solid #000000; } -#column-container .rightonly { -margin-right: 23em; -width: auto; +.basic-table .header-row td a { +color: #000000; } -#column-container .center { -margin-left: 23em; -margin-right: 23em; -width: auto; +.basic-table .alternate-row { +/* Alternating row style */ +background-color: #eeeeee; } -#column-container .nocolumns { -width: auto; +.basic-table .selected { +background: #FFFCCF; } -DIV.column-left-wide { -background-color: #CCCCCC; -border: #000000 solid 0.2em; -float: left; -overflow: auto; -width: 30em; +.basic-table .alternate-rowSelected { +background: #FFF55F; } -DIV.widget-container { -margin-bottom: 2em; +.basic-table .Validate { +/*Style use by alt-row-style on list*/ +background: #A0D5F7; } -/* ===== New Styles ===== */ - -/* ================================ */ -/* ===== Used to clear floats ===== */ -/* ================================ */ - -.clear { -clear: both; -height: 0; -visibility: hidden; +.basic-table .alternate-rowValidate { +/*Style use by alt-row-style on list*/ +background: #72A8F2; } -.no-clear .clear { -/* Used in container elements to override the clear class -in contained elements. */ -clear: none; +.basic-table .Warn { +/*Style use by alt-row-style on list*/ +background: #f55C5C; } -/* ================================= */ -/* ===== Single Element Styles ===== */ -/* ================================= */ - -.alert { -/* Used for alert text */ -color: #ff0000; +.basic-table .alternate-rowWarn { +/*Style use by alt-row-style on list*/ +background: #FC7455; } -.content-messages p { -margin: 0.5em 0 0.5em 0; +.basic-table tr .button-col { +/* button column style - for the small +collection of buttons used in lists */ +vertical-align: top; } -.hidden { -height: 0; -visibility: hidden; +.basic-table .collapsed { +visibility: collapse; } -.label { -/* Used for <input> element labels */ +/* Alternate table header style */ +.basic-table .header-row-2 th, +.basic-table .header-row-2 td { +background-color: #999; +border-bottom: 0; +border-left: 0.1em solid #aaa; +border-right: 0.1em solid #888; +color: #ffffff; font-weight: bold; -height: 1.2em; /* Same as <input> height */ -padding-right: 1.1em; -text-align: right; -white-space: nowrap; -width: 1%; -vertical-align: middle; } -.required, input.required { -/* required style for <input> elements */ -background-color: #eeeeee; +/* Sort field style */ +.basic-table .header-row-2 th .sort-order-asc, +.basic-table .header-row-2 td .sort-order-asc{ +background: url(/images/arrow-gr-up.png) no-repeat right; +padding-right: 20px; /* Setting must be in px */ } - -.tooltip { -/* tooltip style */ -background-color: #ffffbb; -border: 0.1em solid #999999; -color: #000000; -font-style: italic; -margin: 0.4em; -padding: 0.1em; +.basic-table .header-row-2 th .sort-order-desc, +.basic-table .header-row-2 td .sort-order-desc{ +background: url(/images/arrow-gr-dw.png) no-repeat right; +padding-right: 20px; /* Setting must be in px */ } - -.visible { -height: auto; -visibility: visible; +.basic-table .header-row-2 th .sort-order, +.basic-table .header-row-2 td .sort-order{ +background: url(/images/arrow-gr.png) no-repeat right; +padding-left: 0.5em; +padding-right: 20px; /* Setting must be in px */ +color:#fff } -/* ================================== */ -/* ===== Used to align elements ===== */ -/* ================================== */ +/* ------------------------------------- */ +/* Table decorator - Hover bar */ +/* ------------------------------------- */ -.align-float { -float: right; +.hover-bar tr:hover { +background-color: #cccccc; +cursor: default; } -.align-text { -text-align: right; +.hover-bar .header-row-1:hover, +.hover-bar tr th:hover { +background-color: #ffffff; +color: #000000; } -.align-top { -vertical-align: top; -} +/* -------------------------------- */ +/* Table decorator - Grid */ +/* -------------------------------- */ -.centered { -text-align: center; +.dark-grid { +border-right: 0.1em solid #000000; +border-top: 0.1em solid #000000; } -/* ==================================== */ -/* ===== Masthead (Header) Styles ===== */ -/* ==================================== */ - -#masthead { -background-color: #FFFFFF; -color: #000000; -font-weight: bold; -height: 1%; /* IE fix */ +.dark-grid td, +.dark-grid .header-row-2 th, +.dark-grid .header-row-2 td { +border-bottom: 0.1em solid #000000; +border-left: 0.1em solid #000000; } -#masthead ul li { -float: left; -padding: 0.4em; +.light-grid { +border-right: 0.1em solid #cccccc; +border-top: 0.1em solid #cccccc; } -#masthead ul .logo-area { -/* placeholder */ +.light-grid td, +.light-grid .header-row td{ +border-bottom: 0.1em solid #cccccc; +border-left: 0.1em solid #cccccc; } -#masthead ul .opposed, -#masthead ul .control-area { -float: right; -text-align: right; +/* ------------------------------------ */ +/* Table decorator - Calendar */ +/* ------------------------------------ */ + +.calendar { +border-right: 0.1em solid #cccccc; } -#masthead ul .control-area .expanded { -background: url(/images/collapse.gif) no-repeat right; -min-height: 10px; -min-width: 10px; -padding: 0 0.4em 0 0.4em; +.calendar tr td { +border-bottom: 0.1em solid #cccccc; +border-left: 0.1em solid #cccccc; +vertical-align: top; +padding: 0.5em; } -#masthead ul .control-area .collapsed { -background: url(/images/expand.gif) no-repeat right; -min-height: 10px; -min-width: 10px; +.calendar .header-row td { +background-color: #47637c; +border-bottom: 0.1em solid #cccccc; +border-left: 0.1em solid #cccccc; +color: #ffffff; +height: auto; +text-align: center; } -ul#preferences-menu { +.calendar tr td .add-new { float: right; } -/* ========================================= */ -/* ===== Footer Styles ===================== */ -/* ========================================= */ +.calendar tr td .h1 { +color: #333; +float: left; +} -#footer { -text-align: center; +.calendar .current-period { +background-color: #ffffcc; } -#footer p { -margin: 1em; +.calendar .active-period { +background-color: #eeeeee; } -/* ================================================== */ -/* ===== Main Navigation (App Menu) Styles ========== */ -/* ================================================== */ +/* ================== */ +/* Tree Styles */ +/* ================== */ -#main-navigation { -background-color: #ffffff; -font-size: 1.1em; -height: 1%; /* IE fix */ +.basic-tree { +/* placeholder */ } -#main-navigation ul { -display: inline; /* IE Fix */ +.basic-tree ul { +padding-left: 1em; } -#main-navigation ul li { -float: left; -background-image: url(/images/tabs/main_uns_left.gif); +.basic-tree li { +padding-left: 1em; +white-space: nowrap; } -#main-navigation ul li:hover { -background-image: url(/images/tabs/main_sel_left.gif); +.basic-tree li .expanded { +background: url(/images/collapse.gif) no-repeat left center; +padding-right: 1em; } -#main-navigation ul li.selected { -background-image: url(/images/tabs/main_sel_left.gif); +.basic-tree li .collapsed { +background: url(/images/expand.gif) no-repeat left center; +padding-right: 1em; } -#main-navigation ul a { -background-image: url(/images/tabs/main_uns_right.gif); -background-position: top right; -background-repeat: no-repeat; -border-bottom: solid #989898 0.01em; -color: #000000; -display: block; -padding: 0.3em 0.6em 0.1em 0.6em; -text-align: center; +.basic-tree li .leafnode { +background: url(/images/expand-collapse-placeholder.gif) no-repeat left center; +padding-right: 1em; } -#main-navigation ul .disabled { -/* disabled tab */ -color: #D4D0C8; +.basic-tree li .treeitem { +/* treeitem is deprecated */ +border-style: none; +color: #333; +font-size: 1em; } -#main-navigation ul a:hover, -#main-navigation ul .selected a, -#main-navigation ui .selected a:hover { -background-image: url(/images/tabs/main_sel_right.gif); -background-position: top right; -background-repeat: no-repeat; -border-bottom: solid #D4D0C8 0.01em; -color: #000099; -text-decoration: none; +.basic-tree li a:hover { +color: #0000ff; } -/* ======================================================= */ -/* ===== Secondary Navigation (App Menu) Styles ========== */ -/* ======================================================= */ - -#secondary-navigation { -} +/* --------------------- */ +/* Form Styles */ +/* --------------------- */ -#secondary-navigation a { -padding: 0 1em 0 1em; -border: 0.05em solid #000099; -color: #ffff66; -background-image: url(/images/gradient_sub_uns.gif); -background-repeat: repeat-x; +.basic-form { +margin-bottom: 1em; } -#secondary-navigation .disabled { -padding: 0 1em 0 1em; -border: 0.05em solid #000099; -background-image: url(/images/gradient_sub_uns.gif); -background-repeat: repeat-x; -color: #D4D0C8; +.basic-form table { +width: 100%; } -#secondary-navigation a.selected, -#secondary-navigation a:hover { -background-color: #2626c1; -background-image: url(/images/gradient_sub_sel.gif); -background-repeat: repeat-x; -border-bottom: 0.05em solid #2626c1; -text-decoration: none; -color: #ffffff; +.basic-form table .header-row:hover { +background-color: #ffffff; +color: #000000; } -/* ========================================================= */ -/* ===== Component Navigation (App Header) Styles ========== */ -/* ========================================================= */ - -#app-navigation { -background-color: #5f9fcf; -background-image: url(/images/gradient_main.gif); -background-repeat: repeat-y; -border: 0.1em solid #69a9d9; -height: 1%; /* IE fix */ -margin: 1em; +.basic-form table tr td { +padding: 0.1em; } -#app-navigation h1, -#app-navigation h2, -#app-navigation h3 { -color: #ffffff; -padding: 0.4em; +.basic-form table tr .label, +.basic-form table tr .group-label { +/* field labels for forms */ +font-weight: bold; +text-align: right; +padding-right: 1.5em; +width: 1%; } -#app-navigation ul { -display: inline; /* IE Fix */ +.basic-form table tr .group-label { +/* "header" for field label groups */ +font-size: 1.2em; +padding: 2em 1.5em 0 0; } -#app-navigation ul li ul li { -background-color: #000099; -background-image: url(/images/gradient_sub_uns.gif); -background-repeat: repeat-x; -border-right: 0.1em solid #69a9d9; -border-top: 0.1em solid #69a9d9; -float: left; +.basic-form table tr th, +.basic-form table .header-row { +font-weight: bold; +text-align: left; } -#app-navigation .opposed li, -#app-navigation ul .opposed, -#app-navigation ul .col-right { -/* .col-right deprecated - use .opposed */ -border-left: 0.1em solid #69a9d9; -border-right: none; -float: right; +.basic-form table .header-row:hover, +.basic-form table tr th:hover{ +background-color: #ffffff; +color: #000000; } -#app-navigation ul .disabled { -color: #D4D0C8; +.basic-form table .header-row td { +border-bottom: 0.1em solid #999999; } -#app-navigation ul a { -border-bottom: 0.05em solid #000099; -color: #ffff66; -display: block; -font-size: 1em; -padding: 0 1em 0 1em; +.basic-form table .viewManyTR1, +.basic-form table .alternate-row { +/* Alternating row style */ +/* .viewManyTR1 deprecated - use .alternate-row */ +background-color: #eeeeee; } -#app-navigation ul .selected, -#app-navigation ul .selected a { -background-color: #2626c1; -background-image: url(/images/gradient_sub_sel.gif); -background-repeat: repeat-x; -color: #ffffff; -} -#app-navigation ul a:hover { -background-color: #2626c1; -background-image: url(/images/gradient_sub_sel.gif); -background-repeat: repeat-x; -border-bottom: 0.05em solid #2626c1; +.basic-form table tr td .disabled { +background-color: #cccccc; +color: #333366; text-decoration: none; -color: #ffffff; } -/* ================================================= */ -/* ===== Screenlet Title Bar/Navigation Styles ===== */ -/* ================================================= */ +/* Form decorator - Form Widget */ -.screenlet-title-bar { -background-color: #000099; -background-image: url(/images/gradient_sub_uns.gif); -background-repeat: repeat-x; -color: #ffffff; -height: 1%; /* IE fix */ -min-height: 1.5em; +.form-widget table tr .label, +.form-widget-table tr .label { +/* Added for backward compatibility */ +width: 20%; } -.screenlet-title-bar .h1, -.screenlet-title-bar .h2, -.screenlet-title-bar .h3, -.screenlet-title-bar h1, -.screenlet-title-bar h2, -.screenlet-title-bar h3 { -background: none; -color: #ffffff; -font-weight: bold; -padding: 0.1em 0.5em 0.2em 0.5em; +.form-widget table, +.form-widget-table { +width: auto; } -.screenlet-title-bar ul { -display: inline; /* IE Fix */ +.form-widget-table { +margin-bottom: 1em; } -.screenlet-title-bar ul li { -background: none; -border-left: 0.1em solid #5f9fcf; +/* ------------------------------- */ +/* List Navigation Style */ +/* ------------------------------- */ + +.nav-pager { +background-color: #333; color: #ffffff; -float: right; -font-size: 1em; font-weight: bold; -padding: 0.1em 0.5em 0.2em 0.5em; +line-height: 3.5em; +height: 3.5em; +margin: 0.5em 0 0.5em 0; } -.screenlet-title-bar ul h1, -.screenlet-title-bar ul h2, -.screenlet-title-bar ul h3, -.screenlet-title-bar ul .h1, -.screenlet-title-bar ul .h2, -.screenlet-title-bar ul .h3 { -border-left: none; -float: left; +.nav-pager ul { +display: inline; /* IE Fix */ } -.screenlet-title-bar .h1 { -font-size: 1.6em; +.nav-pager ul li { +border-right: solid #222 0.1em; +border-left: solid #444 0.1em; +float:left; +vertical-align: center; } -.screenlet-title-bar .h2 { -font-size: 1.3em; +.nav-pager ul li a { +display: block; } -.screenlet-title-bar .h3, -.screenlet-title-bar .head4 { -font-size: 1.1em; +.nav-pager ul a { +color: #ffffff; +padding: 0 1em 0 1em; +text-decoration: none; } -.screenlet-title-bar .h3 a { -color: #ffff66; -display: inline; +.nav-pager ul a:hover { +background-color: #0366b0; } -.screenlet-title-bar ul a { -color: #ffff66; -display: block; +.nav-pager ul .nav-pagesize, +.nav-pager ul .nav-page-select, +.nav-pager ul .nav-displaying { +padding: 0 1em 0 1em; } -.screenlet-title-bar ul a:visited { -color: #ffff66; +.nav-pager ul .nav-first-disabled, +.nav-pager ul .nav-previous-disabled, +.nav-pager ul .nav-next-disabled, +.nav-pager ul .nav-last-disabled { +color: #D4D0C8; +padding: 0 1em 0 1em; } -.screenlet-title-bar ul li:hover { -background-color: #2626c1; -background-image: url(/images/gradient_sub_sel.gif); -background-repeat: repeat-x; +.nav-pager ul .nav-displaying { +border-right: none; } -.screenlet-title-bar ul a:hover { -color: #ffffff; -text-decoration: none; -} +/* ------------------------------- */ +/* Visual Embellishments */ +/* ------------------------------- */ -.screenlet-title-bar ul .disabled { -color: #CCCCCC; +.field-lookup a { +background: url(/images/fieldlookup.gif) no-repeat 0 0; +display: inline-block; +vertical-align: top; +margin-top: 0.3em; +width: 16px; /* Setting must be in px */ +height: 16px; /* Setting must be in px */ } -.screenlet-title-bar ul .collapsed, -.screenlet-title-bar ul .collapsed:hover { -background: url(/images/expand.gif) no-repeat center center; -min-height: 1.1em; -min-width: 1.1em; + +/* --------------------------- */ +/* FieldGroup Styles */ +/* --------------------------- */ + +.fieldgroup-title-bar { +border-top: 0.1em solid #DADADA; +font-size: 1em; +font-weight: bold; +padding: 0.1em 0.5em 0.2em 0.5em; } -.screenlet-title-bar ul .expanded, -.screenlet-title-bar ul .expanded:hover { -background: url(/images/collapse.gif) no-repeat center center; +.fieldgroup-title-bar ul .collapsed, +.fieldgroup-title-bar ul .collapsed:hover { +background: url(/images/expand.gif) no-repeat left center; min-height: 1.1em; min-width: 1.1em; } -.screenlet-title-bar ul .collapsed a, -.screenlet-title-bar ul .expanded a { -/* IE fix */ -cursor: default; +.fieldgroup-title-bar ul .expanded, +.fieldgroup-title-bar ul .expanded:hover { +background: url(/images/collapse.gif) no-repeat left center; +min-height: 1.1em; +min-width: 1.1em; } -.screenlet-title-bar ul .h1:hover, -.screenlet-title-bar ul .h2:hover, -.screenlet-title-bar ul .h3:hover { -background-color: #000099; -background-image: url(/images/gradient_sub_uns.gif); +.fieldgroup-title-bar a { +cursor: pointer; +text-decoration: none; +padding-left: 10px; /* Setting must be in px */ +color: #000000; } -/* login screenlet decorator */ -.login-screenlet { -min-width: 25em; -width: 25%; -} +/* ----------------------------------------- */ +/* Portlet configuration screenlet */ +/* ----------------------------------------- */ -.login-screenlet .screenlet-title-bar { -text-align: center; +.portlet-config { + background-color: #D4D0C8; + border: 0.2em solid #D4D0C8; + margin-bottom: 0.5em; } -/*********************************************** -ajax auto complete -***********************************************/ -div.autocomplete { - position:absolute; - width:auto !important; -/* min-width:154px; */ - background-color:#f8f8f8; - border:1px solid #999999; - margin:0; - padding:0; -} -div.autocomplete ul { - list-style-type:none; - margin:0; - padding:0; -} -div.autocomplete ul li.selected { - background-color: #ffb; -} -div.autocomplete ul li { - list-style-type:none; - display:block; - float: none; - margin:0; - padding:2px; - /*height:32px;*/ - cursor:pointer; -} - -.indicator img { - background: url(/images/ajax-loader.gif) no-repeat 0 0; - display: block; - margin:3px 10px 0px 24px; - width:16px; - height:16px; - border: none; -} -/* ======================================================= */ -/* ===== Basic Navigation (Vertical Menu) Style ========== */ -/* ======================================================= */ -.basic-nav { -/* indent menu - helpful for widgets */ -padding-left: 1em; +.portlet-config-title-bar .title { +color: #555555; +font-size: 1.2em; +float: left; } -.basic-nav ul { -/* placeholder */ +.portlet-config-title-bar ul { +display: inline; /* IE Fix */ } -.basic-nav ul li { +.portlet-config-title-bar ul li { +float: right; +font-size: 1em; +font-weight: bold; +padding: 0.1em 0.5em 0.2em 0.5em; } -.basic-nav ul a { -color: #000099; -font-size: 1.1em; +.portlet-config-title-bar ul li.move-up { +background: url(/images/arrow-single-up-green.png) no-repeat center center; } - -.basic-nav ul .selected, -.basic-nav ul .selected a { -color: #0000ff; +.portlet-config-title-bar ul li.move-down { +background: url(/images/arrow-single-down-green.png) no-repeat center center; } - -.basic-nav ul a:hover { -color: #0000ff; +.portlet-config-title-bar ul li.move-left { +background: url(/images/arrow-single-left-green.png) no-repeat center center; } - -.basic-nav ul .disabled, -.basic-nav ul .disabled a { -color: #D4D0C8; +.portlet-config-title-bar ul li.move-right { +background: url(/images/arrow-single-right-green.png) no-repeat center center; +} +.portlet-config-title-bar ul li.move-top { +background: url(/images/arrow-end-up-green.png) no-repeat center center; +} +.portlet-config-title-bar ul li.move-bottom { +background: url(/images/arrow-end-down-green.png) no-repeat center center; +} +.portlet-config-title-bar ul li.remove { +background: url(/images/mini-trash.png) no-repeat center center; +} +.portlet-config-title-bar ul li.edit { +background: url(/images/mini-edit.png) no-repeat center center; } -/* ======================================== */ -/* ===== Button Bar Navigation Styles ===== */ -/* ======================================== */ -.button-bar { -margin-bottom: 1.0em; -width: 100%; -} +/* == Portal Manager Toolbar == */ -.button-bar ul { -display: inline; /* IE Fix */ +#manage-portal-toolbar { +background-color:#D4D0C8; +margin-bottom: 0.5em; } -.button-bar ul li { +#manage-portal-toolbar ul li { float: left; -font-weight: bold; -padding: 0.1em 0.4em 0.1em 0.4em; +padding: 0.1em 0.5em 0.2em 0.5em; } -.button-bar ul .opposed { +#manage-portal-toolbar #config-on-off, +#manage-portal-toolbar #manage-portal-page, +#manage-portal-toolbar #add-column { float: right; } -.button-bar ul a, -.tabContainer ul a { -display: block; -} - -.button-bar ul a, -.button-bar a { -padding: 0.1em 0.5em 0.1em 0.5em; -white-space: nowrap; -} - -.button-bar ul a:hover { -color: #0000ff; +#manage-portal-toolbar #portal-page-name { +font-size: 1.5em; +font-weight: bold; } -.button-bar .opposed, -.button-bar .opposed li, -.button-bar ul .opposed { +.manage-portal-column-toolbar #add-portlet, +.manage-portal-column-toolbar #delete-column, +.manage-portal-column-toolbar #column-width { float: right; -} -/* ===== Button style decorator ===== */ - -.button-style-1 ul li, -.tabContainer ul li { -background-color: #ffffff; -color: #000099; } -.button-style-1 a, -.button-style-1 ul a, -a.button-style-1 { -background-color: #D4D0C8; -border: solid #000099 0.1em; -color: #000099; +/*=================== For the quickadd page =================================*/ + +.quickaddall{ +float:right; +padding-bottom:1em; +padding-top:1em; } -.button-style-1 .selected, -.button-style-1 ul .selected, -.button-style-1 ul .selected a { -background-color: #000099; -color: #ffffff; +.quickaddtable{ +display:inline-block; +clear:both; } -.button-style-1 a:hover, -.button-style-1 ul a:hover, -a.button-style-1:hover { -background-color: #000099; -color: #ffffff; -text-decoration: none; +.quickaddtable span { +display:inline; +float:left; +border-right:0.1em solid #999999; +border-top:0.1em solid #999999; +margin:0; +padding:0.3em; } -/* ===== Button style decorator ===== */ -.button-style-2 { - display: table; +.quickaddtable p { +clear:left; +height:100% !important; height:1em; } -.button-style-2 ul li { -background-color: #ffffff; -color: #000099; +.quickaddtable span.pid { +width:10%; } -.button-style-2 ul a, -.button-style-2 a, -a.button-style-2 { -background-color: #ffffff; -border: solid #000099 0.1em; -color: #000099; +.quickaddtable span.name { +width:50%; +text-align:left; } -.button-style-2 ul .selected a, -.button-style-2 .selected { -background-color: #000099; -color: #ffffff; +.quickaddtable span.listPrice { +width:10% } -.button-style-2 ul a:hover, -.button-style-2 a:hover, -a.button-style-2:hover { -background-color: #000099; -color: #ffffff; -text-decoration: none; +.quickaddtable span.totalPrice { +width:10% } -.button-style-2 .disabled { -background-color: #ffffff; -border: solid #D4D0C8 0.1em; -color: #D4D0C8; +.quickaddtable span.qty { +width:10% } -/* ===== Button bar decorators ===== */ +/* `Widths +----------------------------------------------------------------------------------------------------*/ -.tool-bar { -background-color: #D4D0C8; -border: 0.1em solid #000099; -padding: 0.2em; +.input_tiny { + width: 50px; } -.tool-bar ul li { -background-color: #D4D0C8; -padding: 0.1em; +.input_small { + width: 100px; } -/* tab-bar decorator intended to be used at -the top of the main content area */ -.tab-bar { -display:table; +.input_medium { + width: 150px; } -.tab-bar ul li { -background-color: #0366b0; -border-right: 0.1em solid #5f9fcf; -border-bottom: 0.1em solid #5f9fcf; -margin: 0; -padding: 0; +.input_large { + width: 200px; } -.tab-bar ul a, -.tab-bar ul a:visited { -color: #ffffff; +.input_xlarge { + width: 250px; } -.tab-bar ul a:hover, -.tab-bar ul .selected, -.tab-bar ul .selected a, -.tab-bar ul .selected a:hover { -background-color: #5f9fcf; -color: #ffffff; -text-decoration: none; +.input_xxlarge { + width: 300px; } -.tab-bar ul .disabled { -color: #D4D0C8; -padding: 0.1em 0.4em 0.1em 0.4em; +.input_full { + width: 100%; } -.tab-bar .opposed, -.tab-bar .opposed li, -.tab-bar ul .opposed { -border-left: 0.1em solid #5f9fcf; -border-right: none; +/* + Added via JS to <textarea> and class="input_full". + Applies to IE6, IE7. Other browsers don't need it. +*/ +.input_full_wrap { + display: block; + padding-right: 8px; } -/* ======================== */ -/* ===== Table Styles ===== */ -/* ======================== */ +/* `UI Consistency +----------------------------------------------------------------------------------------------------*/ -.basic-table { -background-color: #ffffff; -color: #000000; -margin-bottom: 1em; -width: 100%; +::-moz-focus-inner { + border: 0; } -form .basic-table, -.screenlet-body .basic-table { -margin-bottom: 0; +input[type="search"]::-webkit-search-decoration { + display: none; } -.basic-table tr td { -/* Style for all cells */ -padding: 0.1em; -vertical-align: middle; +input, +button, +select, +textarea { + margin: 0; + vertical-align: middle; } -.basic-table tr .align-bottom { -vertical-align: bottom; +a.buttontext, +a.buttontextbig, +.smallSubmit, +.mediumSubmit, +.largeSubmit, +.loginButton, +.button-style-1 a, +.button-style-1 ul a, +a.button-style-1, +.button-style-2 ul a, +.button-style-2 a, +a.button-style-2, +.basic-table tr .button-col a, +.button, +button, +input[type="reset"], +input[type="submit"], +input[type="button"] { + -webkit-appearance: none; + -moz-border-radius: 1.1em; + -webkit-border-radius: 1.1em; + border-radius: 1.1em; + background: #ddd url(images/button.png) repeat-x; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd)); + background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%); + border: 0.1em solid; + border-color: #ddd #bbb #999; + cursor: pointer; + color: #333; + display:inline-block; + font-size: 1em; + font-weight: bold; + outline: 0; + overflow: visible; + padding: 0.4em 1em 0.4em; + text-decoration:none; + text-shadow: #fff 0 1px 1px; /* Setting must be in px */ + /*text-transform:uppercase;*/ + width: auto; + + /* IE7 */ + *padding-top: 0.2em; + *padding-bottom: 0; +} + +button { + /* IE7 */ + *padding-top: 0.1em; + *padding-bottom: 0.1em; +} + +button[disabled], +input[type="reset"][disabled], +input[type="submit"][disabled], +input[type="button"][disabled] { + color: #888; +} + +textarea, +select, +input[type="date"], +input[type="datetime"], +input[type="datetime-local"], +input[type="email"], +input[type="month"], +input[type="number"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="text"], +input[type="time"], +input[type="url"], +input[type="week"] { + -webkit-appearance: none; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; + border: 0.1em solid; + border-color: #848484 #c1c1c1 #e1e1e1; + color: #000; + outline: 0; + padding: 0.2em 0.3em; + + height: 1.8em; + + /* IE7 */ + *padding-top: 0.2em; + *padding-bottom: 0.1em; + *height: auto; } -.basic-table tr .align-top { -vertical-align: top; +/* + Separate rule for Firefox. + Cannot stack with WebKit's. +*/ +input.placeholder_text, +textarea.placeholder_text { + color: #888; +} + +::-webkit-input-placeholder { + color: #888; +} + +textarea[disabled], +select[disabled], +input[type="date"][disabled], +input[type="datetime"][disabled], +input[type="datetime-local"][disabled], +input[type="email"][disabled], +input[type="month"][disabled], +input[type="number"][disabled], +input[type="password"][disabled], +input[type="search"][disabled], +input[type="tel"][disabled], +input[type="text"][disabled], +input[type="time"][disabled], +input[type="url"][disabled], +input[type="week"][disabled] { + background-color: #eee; + color: #888; +} + +button:focus, +button:active, +input:focus, +input:active, +select:focus, +select:active, +textarea:focus, +textarea:active { + -moz-box-shadow: #06f 0 0 7px; + -webkit-box-shadow: #06f 0 0 7px; + box-shadow: #06f 0 0 7px; + + /* for Opera */ + z-index: 1; +} + +.is_webkit select { + /* Tweaks for Safari + Chrome. */ + background-image: url(images/select_arrow.gif); + background-repeat: no-repeat; + background-position: right center; + padding-right: 20px; +} + +textarea, +select[multiple] { + height: auto; +} + +select[multiple], +.is_webkit select[multiple] { + background-image: none; + padding: 0; } -.basic-table tr .label, -.basic-table tr .group-label { -/* field labels for forms */ -font-weight: bold; -text-align: right; -padding-right: 1.5em; -white-space: nowrap; -width: 1%; +textarea { + overflow: auto; + resize: vertical; + width: 100%; } -.basic-table tr .group-label { -/* "header" for field label groups */ -font-size: 1.2em; -padding: 2em 1.5em 0 0; +optgroup { + color: #000; + font-style: normal; + font-weight: normal; } -.basic-table tr th, -.basic-table .header-row { -font-weight: bold; -text-align: left; -} +/* `IE6 +----------------------------------------------------------------------------------------------------*/ -.basic-table .header-row td { -border-bottom: 0.1em solid #000000; +.ie6_button, +* html button { + background: #ddd url(images/button.png) repeat-x; + border: 0.1em solid; + border-color: #ddd #bbb #999; + cursor: pointer; + color: #333; + font: bold 1.2em Arial, sans-serif; + padding: 0.2em 1em 0; + overflow: visible; + width: auto; } -.basic-table .header-row td a { -color: #000000; +* html button { + padding-top: 0.1em; + padding-bottom: 0.1em; } -.basic-table .alternate-row { -/* Alternating row style */ -background-color: #eeeeee; +.ie6_input, +* html textarea, +* html select { + background: #fff; + border: 0.1em solid; + border-color: #848484 #c1c1c1 #e1e1e1; + color: #000; + padding: 0.2em 0.3em 0.1em; + font-size: 1.3em; + font-family: Arial, sans-serif; + vertical-align: top; } -.basic-table .selected { -background: #FFFCCF; +* html select { + margin-top: 0.1em; } -.basic-table .alternate-rowSelected { -background: #FFF55F; +.placeholder_text, +.ie6_input_disabled, +.ie6_button_disabled { + color: #888; } -.basic-table .Validate { -/*Style use by alt-row-style on list*/ -background: #A0D5F7; +.ie6_input_disabled { + background: #eee; } -.basic-table .alternate-rowValidate { -/*Style use by alt-row-style on list*/ -background: #72A8F2; +/* ------------------------------- */ +/* Browse Category Style */ +/* ------------------------------- */ + +.browsecategorylist { +margin-left: 1em; } -.basic-table .Warn { -/*Style use by alt-row-style on list*/ -background: #f55C5C; +.browsecategorytext { +color: #333; +font-weight: bold; +padding-left: 10px; /* Setting must be in px */ +background:url(/images/bg_bullet_full_2.gif) no-repeat 0px 0.5em; } -.basic-table .alternate-rowWarn { -/*Style use by alt-row-style on list*/ -background: #FC7455; +A.browsecategorybutton { +color: #333; } -.basic-table tr .button-col { -/* button column style - for the small -collection of buttons used in lists */ -vertical-align: top; +.browsecategorybuttondisabled { +color: #333333; +font-weight: bold; } -.basic-table tr .button-col a, -.basic-table tr .button-col input[type="submit"] { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -float: left; -margin: 0 0.1em 0 0.1em; -white-space: nowrap; -} +/* ----------------------------------- */ +/* Event/Error Message Style */ +/* ----------------------------------- */ -.basic-table tr .button-col a { -padding: 0.2em 0.4em 0.2em 0.4em; +.eventMessage, .errorMessage { +background-color: #FFFFEE; +border: solid #000000 0.1em; +font-size: 1.1em; +font-weight: bold; +margin: 1em; +padding: 1em; } -.basic-table tr .smallSubmit, -.basic-table tr .smallSubmit:visited { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -font-size: 1em; -font-weight: bold; -margin: 0.2em; -padding: 0.1em 0.2em 0.1em 0.2em; -white-space: nowrap; +.eventMessage { +color: #333; } -.basic-table tr .button-col a:hover, -.basic-table tr .button-col a:active, -.basic-table tr .smallSubmit:hover, -.basic-table tr .smallSubmit:active { +.errorMessage { color: #ff0000; -text-decoration: none; } -.basic-table .collapsed { -visibility: collapse; -} +/* ------------------------ */ +/* Product Styles */ +/* ------------------------ */ -/* ===== Alternate table header style ===== */ -.basic-table .header-row-2 th, -.basic-table .header-row-2 td { -background-color: #999999; -border-bottom: 0; -border-left: 0.1em solid #cccccc; -color: #ffffff; -font-weight: bold; -text-align: left; +.basePrice { +color: #000000; } -/* ===== Sort field style ===== */ -.basic-table .header-row-2 th .sort-order-asc, -.basic-table .header-row-2 td .sort-order-asc{ -background: url(/images/arrow-gr-up.png) no-repeat right; -padding-right: 20px; +.normalPrice { +color: #008000; } -.basic-table .header-row-2 th .sort-order-desc, -.basic-table .header-row-2 td .sort-order-desc{ -background: url(/images/arrow-gr-dw.png) no-repeat right; -padding-right: 20px; + +.salePrice { +color: #ff0000; } -.basic-table .header-row-2 th .sort-order, -.basic-table .header-row-2 td .sort-order{ -background: url(/images/arrow-gr.png) no-repeat right; -padding-right: 20px; +.product-prevnext { +text-align: right; } -/* ===== Table decorator - Hover bar ===== */ +.productsummary-container { +border-top: #999 solid 0.1em; +margin-top: 0.5em; +margin-bottom: 0.5em; +} -.hover-bar tr:hover { -background-color: #cccccc; -cursor: default; +.productsummary { +border-bottom: #999 solid 0.1em; +/* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */ +min-height: 6em; +overflow: visible; +padding: 0.5em; +position: relative; } -.hover-bar .header-row:hover, -.hover-bar tr th:hover { -background-color: #ffffff; -color: #000000; +.productsummary .smallimage { +float: left; +/* position: absolute; top: 5px; left: 5px; */ +margin: 0 0.5em 0.5em 0; +} +.productsummary .smallimage img { +border: #CCC solid 0.1em; +height: 5em; } -/* ===== Table decorator - Grid ===== */ +.productsummary .productbuy { +float: right; +margin: 0.5em; +text-align: right; +width: 13em; +} -/* These decorators need an IE hack. IE7 does not -render borders around empty <td> elements */ +.productsummary .productinfo { +/* margin-left: 60px; */ +text-align: left; +} -.dark-grid { -/* dark grid */ -border-right: 0.1em solid #000000; -border-top: 0.1em solid #000000; +#productdetail #long-description { +border-top: #999 solid 0.1em; +margin-top: 1em; +padding-top: 0.5em; } -.dark-grid td, -.dark-grid .header-row-2 th, -.dark-grid .header-row-2 td { -border-bottom: 0.1em solid #000000; -border-left: 0.1em solid #000000; +#productdetail #reviews { +border-top: #999 solid 0.1em; +margin-top: 1em; +padding-top: 0.5em; } -.light-grid { -/* light grid */ -border-right: 0.1em solid #cccccc; -border-top: 0.1em solid #cccccc; +#productdetail #associated-products { +border-top: #999 solid 0.1em; +margin-top: 1em; +padding-top: 0.5em; } -.light-grid td, -.light-grid .header-row td{ -border-bottom: 0.1em solid #cccccc; -border-left: 0.1em solid #cccccc; +.treeWrapper { +background-color: #ffffff; +border-top: 0.1em solid #000000; +border-left: 0.1em solid #000000; +color: #000000; +font-size: 1.6em; +font-weight: normal; +margin-left: 1.2em; +margin-top: 0.2em; +text-decoration: none; } -/* ===== Table decorator - Calendar ===== */ +/* ------------------------- */ +/* HTML Log Styles */ +/* ------------------------- */ -.calendar { -border-right: 0.1em solid #cccccc; +.DEBUG { +color: #808080; } -.calendar tr td { -border-bottom: 0.1em solid #cccccc; -border-left: 0.1em solid #cccccc; -vertical-align: top; -padding: 0.5em; +.WARN { +color: #0000ff; +font-weight: bold; } -.calendar .header-row td { -background-color: #69a9d9; -border-bottom: 0.1em solid #cccccc; -border-left: 0.1em solid #cccccc; -color: #ffffff; -height: auto; -text-align: center; +.INFO{ +color: #008000; } -.calendar tr td .add-new { -float: right; +.ERROR { +border: 0.2em solid #ff0000; +color: #ff0000; +font-weight: bold; } -.calendar tr td .h1 { -color: #000099; -float: left; -} +/* ---------------------------- */ +/* Multi-Column Styles */ +/* ---------------------------- */ -.calendar .current-period { -background-color: #ffffcc; +#column-container { +margin: auto; +padding: 1em; +position: relative; } -.calendar .active-period { -background-color: #eeeeee; +#column-container h1, +#column-container .h1, +#column-container h2, +#column-container .h2 { +margin-bottom: 0.5em; } -/* ======================= */ -/* ===== Tree Styles ===== */ -/* ======================= */ - -.basic-tree { -/* placeholder */ +#column-container h1, +#column-container .h1 { +color: #557996; } -.basic-tree ul { -padding-left: 1em; +#column-container .left { +float: left; +/* alt: position: absolute; top: 0px; left: 0px; */ +width: 22em; +margin-right: 1em; } -.basic-tree li { -padding-left: 1em; -white-space: nowrap; +#column-container .left-larger { +float: left; +/* alt: position: absolute; top: 0px; left: 0px; */ +width: 25em; +margin-right: 1em; } -.basic-tree li .expanded { -background: url(/images/collapse.gif) no-repeat left center; -padding-right: 1em; +.lefthalf { +float: left; +height: 1%; +left: 0; +margin: 0% 1% 1% 0%; +width: 49%; } -.basic-tree li .collapsed { -background: url(/images/expand.gif) no-repeat left center; -padding-right: 1em; +.righthalf { +float: right; +height: 1%; +margin: 0 0 1% 1%; +right: 0; +width: 49%; } -.basic-tree li .leafnode { -background: url(/images/expand-collapse-placeholder.gif) no-repeat left center; -padding-right: 1em; +#column-container .right { +float: right; +margin-left: 1em; +width: 22em; } -.basic-tree li .treeitem { -/* treeitem is deprecated */ -border-style: none; -color: #000099; -font-size: 1em; +#column-container .leftonly { +margin-left: 23em; +width: auto; } -.basic-tree li a:hover { -color: #0000ff; +#column-container .leftonly-larger { +margin-left: 26em; +width: auto; } -/* ======================== */ -/* ===== Form Styles ===== */ -/* ======================== */ - -.basic-form { -margin-bottom: 1em; +#column-container .rightonly { +margin-right: 23em; +width: auto; } -.basic-form table { -width: 100%; +#column-container .center { +margin-left: 23em; +margin-right: 23em; +width: auto; } -.basic-form table .header-row:hover { -background-color: #ffffff; -color: #000000; +#column-container .nocolumns { +width: auto; } -.basic-form table tr td { -padding: 0.1em; +/* ------------------------------ */ +/* Deprecated styles - DO NOT USE */ +/* ------------------------------ */ + +.apptitle { +background-color: #333; +color: #FFFFFF; +display: block; +font-size: 1.3em; +font-weight: bold; +line-height: 2em; +width: 100%; } -.basic-form table tr .label, -.basic-form table tr .group-label { -/* field labels for forms */ +.boxhead { +color: #FFFFFF; +font-size: 1.1em; font-weight: bold; -text-align: right; -padding-right: 1.5em; -width: 1%; } -.basic-form table tr .group-label { -/* "header" for field label groups */ -font-size: 1.2em; -padding: 2em 1.5em 0 0; -} - -.basic-form table tr th, -.basic-form table .header-row { -font-weight: bold; -text-align: left; +.boxlink { +float:right; } -.basic-form table .header-row:hover, -.basic-form table tr th:hover{ -background-color: #ffffff; -color: #000000; +DIV.boxtop { +background-color: #333; +border-color: #999999; +border-style: solid; +margin: 0 auto 0 auto; +padding: 0.1em 0.4em 0.1em 0.4em; +text-align: center; } -.basic-form table .header-row td { -border-bottom: 0.1em solid #999999; +DIV.boxhead-left { +border: none; +color: #FFFFFF; +float: left; +font-size: 1.1em; +font-weight: bold; +width: auto; } -.basic-form table .viewManyTR1, -.basic-form table .alternate-row { -/* Alternating row style */ -/* .viewManyTR1 deprecated - use .alternate-row */ -background-color: #eeeeee; +DIV.boxhead-fill { +border: none; +color: #FFFFFF; +font-size: 1.1em; +font-weight: bold; +text-align: center; +width: 0; } -.basic-form table tr td .smallSubmit, -.basic-form table tr td .smallSubmit:visited { -background-color: #ffffff; -border: #999999 solid 0.1em; -color: #000099; -font-size: 1em; +DIV.boxhead-right { +border: none; +color: #FFFFFF; +float: right; +font-size: 1.1em; font-weight: bold; -margin: 0.2em; -padding: 0.1em 0.2em 0.1em 0.2em; +width: auto; } -.basic-form table tr td .smallSubmit:hover, -.basic-form table tr td .smallSubmit:active { -color: #ff0000; -text-decoration: none; +A.boxheadbutton { +color: #FFFFFF; +font-size: 1.1em; } -.basic-form table tr td .disabled { -background-color: #cccccc; -color: #333366; +A.boxheadbutton:hover { +color: #ff0000; text-decoration: none; } -/* ===== Form decorator - Form Widget ===== */ - -.form-widget table tr .label, -.form-widget-table tr .label { -/* Added for backward compatibility */ -width: 20%; +.boxoutside { +background-color: #FFFFFF; +border: 0.1em solid #999999; } -.form-widget table, -.form-widget-table { -width: auto; +.boxtop { +background-color: #333; +border: 0 solid #999999; +padding: 0.1em 0.4em 0.1em 0.4em; } -.form-widget-table { -margin-bottom: 1em; +.boxbottom { +background-color: #FFFFFF; +border: 0 solid #999999; +padding: 0.4em; } -/* Pager */ - -.nav-pager { -background-color: #5f9fcf; -color: #ffffff; -font-weight: bold; -line-height: 2em; -height: 2em; -margin: 0.5em 0 0.5em 0; +.webToolList h3 { + margin:0.75em 0 0.09em 0; + text-transform:uppercase; } -.nav-pager ul { -display: inline; /* IE Fix */ +A.linktext { +color: #333; } -.nav-pager ul li { -border-left: solid #D4D0C8 0.1em; -float:left; -vertical-align: center; +A.linktext:hover { +color: #ff0000; } -.nav-pager ul li a { -display: block; +.buttontextdisabled { +color: #333333; } -.nav-pager ul a { +.submenutextinfo { +border-right: 0.1em solid #5886C6; color: #ffffff; -padding: 0 1em 0 1em; -text-decoration: none; -} - -.nav-pager ul a:hover { -background-color: #0366b0; -} - -.nav-pager ul .nav-pagesize, -.nav-pager ul .nav-page-select, -.nav-pager ul .nav-displaying { -padding: 0 1em 0 1em; -} - -.nav-pager ul .nav-first-disabled, -.nav-pager ul .nav-previous-disabled, -.nav-pager ul .nav-next-disabled, -.nav-pager ul .nav-last-disabled { -color: #D4D0C8; -padding: 0 1em 0 1em; -} - -/* ================================= */ -/* ===== Visual Embellishments ===== */ -/* ================================= */ -.field-lookup a{ -background: url(/images/fieldlookup.gif) no-repeat 0 0; -display: inline-block; -/* margin: 3px 10px 0px 4px; */ -vertical-align:top; -margin-top: 3px; -width:16px; -height:16px; +font-size: 0.9em; +font-weight: bold; +padding-left: 0.5em; +padding-right: 0.5em; } - -/* ============================= */ -/* ===== FieldGroup Styles ===== */ -/* ============================= */ - -.fieldgroup-title-bar { -border-top: 0.1em solid #DADADA; -font-size: 1em; +.submenutext, A.submenutext, A.submenutext:visited { +border-right: 0.1em solid #5886C6; +color: #ffff00; +font-size: 0.9em; font-weight: bold; -padding: 0.1em 0.5em 0.2em 0.5em; +padding-left: 0.2em; +padding-right: 0.5em; } -.fieldgroup-title-bar ul .collapsed, -.fieldgroup-title-bar ul .collapsed:hover { -background: url(/images/expand.gif) no-repeat left center; -min-height: 1.1em; -min-width: 1.1em; +A.submenutext:hover { +color: #ffff00; } -.fieldgroup-title-bar ul .expanded, -.fieldgroup-title-bar ul .expanded:hover { -background: url(/images/collapse.gif) no-repeat left center; -min-height: 1.1em; -min-width: 1.1em; +.submenutextdisabled, A.submenutextdisabled { +border-right: 0.1em solid #5886C6; +color: #CCCCCC; +font-size: 0.9em; +font-weight: bold; +padding-left: 0.2em; +padding-right: 0.5em; } -.fieldgroup-title-bar a { -cursor:pointer; -text-decoration:none; -padding-left: 10px; -color: #000000; +A.submenutextdisabled:hover { +color: #ffff00; } -/* == Portlet configuration screenlet == */ - -.portlet-config { - background-color:#D4D0C8; - border: 2px solid #D4D0C8; - margin-bottom: 5px; +.submenutextinforight { +color: #ffffff; +font-size: 0.9em; +font-weight: bold; +padding-left: 0.2em; } -.portlet-config-title-bar .title { -color: #555555; -font-size: 1.2em; -float: left; +.submenutextright, A.submenutextright { +color: #ffff00; +font-size: 0.9em; +font-weight: bold; +padding-left: 0.2em; } -.portlet-config-title-bar ul { -display: inline; /* IE Fix */ +A.submenutextright:hover { +color: #ffff00; } -.portlet-config-title-bar ul li { -float: right; -font-size: 1em; +.submenutextrightdisabled, A.submenutextrightdisabled { +color: #CCCCCC; +font-size: 0.9em; font-weight: bold; -padding: 0.1em 0.5em 0.2em 0.5em; +padding-left: 0.2em; } -.portlet-config-title-bar ul li.move-up { -background: url(/images/arrow-single-up-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.move-down { -background: url(/images/arrow-single-down-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.move-left { -background: url(/images/arrow-single-left-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.move-right { -background: url(/images/arrow-single-right-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.move-top { -background: url(/images/arrow-end-up-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.move-bottom { -background: url(/images/arrow-end-down-green.png) no-repeat center center; -} -.portlet-config-title-bar ul li.remove { -background: url(/images/mini-trash.png) no-repeat center center; -} -.portlet-config-title-bar ul li.edit { -background: url(/images/mini-edit.png) no-repeat center center; +A.submenutextrightdisabled:hover { +color: #ffff00; } - -/* == Portal Manager Toolbar == */ - -#manage-portal-toolbar { -background-color:#D4D0C8; -margin-bottom: 0.5em; +A.lightbuttontext { +border: none; +color: #222; } -#manage-portal-toolbar ul li { -float: left; -padding: 0.1em 0.5em 0.2em 0.5em; +A.lightbuttontext:hover { +color: #ccc; } -#manage-portal-toolbar #config-on-off, -#manage-portal-toolbar #manage-portal-page, -#manage-portal-toolbar #add-column { -float: right; +A.lightbuttontextsmall { +border: none; +color: #222; +font-size: 0.8em; } -#manage-portal-toolbar #portal-page-name { -font-size: 1.5em; -font-weight: bold; +A.lightbuttontextsmall:hover { +color: #ccc; } -.manage-portal-column-toolbar #add-portlet, -.manage-portal-column-toolbar #delete-column, -.manage-portal-column-toolbar #column-width { -float: right; +.lightbuttontextdisabled { +color: #CCCCCC; +font-weight: bold; } -/*********************************************** -Webtools -***********************************************/ -.webToolList h3 { - margin:0.75em 0 0.09em 0; - text-transform:uppercase; +DIV.row { +background-color: #B4B0AA; +margin: 0 auto 0 auto; +text-align: center; } -#wait-spinner { -z-index:50000; -position:absolute; -} -#wait-spinner-image { -height:21px; -width:56px; -background-image:url(/images/spinner.gif); -} -.wait-spinner div { - padding-top: 4px; -} - -/* ========================================================= */ -/* ===== JavaScript jQuery widgets ===== */ -/* ========================================================== */ - -/* - * jQuery UI CSS Framework @VERSION - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - */ - -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { display: none; } -.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } -.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } -.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } -.ui-helper-clearfix { display: inline-block; } -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { height:1%; } -.ui-helper-clearfix { display:block; } -/* end clearfix */ -.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } - - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { cursor: default !important; } - - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } - - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } - - -/* - * jQuery UI CSS Framework @VERSION - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - * - * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighligh t=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px - */ - - -/* Component containers -----------------------------------*/ -.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } -.ui-widget .ui-widget { font-size: 1em; } -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } -.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } -.ui-widget-content a { color: #222222; } -.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -.ui-widget-header a { color: #ffffff; } - -/* Interaction states -----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; } -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } -.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; } -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; } -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; } -.ui-widget :active { outline: none; } - -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } -.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } -.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } -.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } -.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } -.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); } -.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); } -.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); } -.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); } -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); } -.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); } -.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } - -/* positioning */ -.ui-icon-carat-1-n { background-position: 0 0; } -.ui-icon-carat-1-ne { background-position: -16px 0; } -.ui-icon-carat-1-e { background-position: -32px 0; } -.ui-icon-carat-1-se { background-position: -48px 0; } -.ui-icon-carat-1-s { background-position: -64px 0; } -.ui-icon-carat-1-sw { background-position: -80px 0; } -.ui-icon-carat-1-w { background-position: -96px 0; } -.ui-icon-carat-1-nw { background-position: -112px 0; } -.ui-icon-carat-2-n-s { background-position: -128px 0; } -.ui-icon-carat-2-e-w { background-position: -144px 0; } -.ui-icon-triangle-1-n { background-position: 0 -16px; } -.ui-icon-triangle-1-ne { background-position: -16px -16px; } -.ui-icon-triangle-1-e { background-position: -32px -16px; } -.ui-icon-triangle-1-se { background-position: -48px -16px; } -.ui-icon-triangle-1-s { background-position: -64px -16px; } -.ui-icon-triangle-1-sw { background-position: -80px -16px; } -.ui-icon-triangle-1-w { background-position: -96px -16px; } -.ui-icon-triangle-1-nw { background-position: -112px -16px; } -.ui-icon-triangle-2-n-s { background-position: -128px -16px; } -.ui-icon-triangle-2-e-w { background-position: -144px -16px; } -.ui-icon-arrow-1-n { background-position: 0 -32px; } -.ui-icon-arrow-1-ne { background-position: -16px -32px; } -.ui-icon-arrow-1-e { background-position: -32px -32px; } -.ui-icon-arrow-1-se { background-position: -48px -32px; } -.ui-icon-arrow-1-s { background-position: -64px -32px; } -.ui-icon-arrow-1-sw { background-position: -80px -32px; } -.ui-icon-arrow-1-w { background-position: -96px -32px; } -.ui-icon-arrow-1-nw { background-position: -112px -32px; } -.ui-icon-arrow-2-n-s { background-position: -128px -32px; } -.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } -.ui-icon-arrow-2-e-w { background-position: -160px -32px; } -.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } -.ui-icon-arrowstop-1-n { background-position: -192px -32px; } -.ui-icon-arrowstop-1-e { background-position: -208px -32px; } -.ui-icon-arrowstop-1-s { background-position: -224px -32px; } -.ui-icon-arrowstop-1-w { background-position: -240px -32px; } -.ui-icon-arrowthick-1-n { background-position: 0 -48px; } -.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } -.ui-icon-arrowthick-1-e { background-position: -32px -48px; } -.ui-icon-arrowthick-1-se { background-position: -48px -48px; } -.ui-icon-arrowthick-1-s { background-position: -64px -48px; } -.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } -.ui-icon-arrowthick-1-w { background-position: -96px -48px; } -.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } -.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } -.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } -.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } -.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } -.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } -.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } -.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } -.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } -.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } -.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } -.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } -.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } -.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } -.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } -.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } -.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } -.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } -.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } -.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } -.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } -.ui-icon-arrow-4 { background-position: 0 -80px; } -.ui-icon-arrow-4-diag { background-position: -16px -80px; } -.ui-icon-extlink { background-position: -32px -80px; } -.ui-icon-newwin { background-position: -48px -80px; } -.ui-icon-refresh { background-position: -64px -80px; } -.ui-icon-shuffle { background-position: -80px -80px; } -.ui-icon-transfer-e-w { background-position: -96px -80px; } -.ui-icon-transferthick-e-w { background-position: -112px -80px; } -.ui-icon-folder-collapsed { background-position: 0 -96px; } -.ui-icon-folder-open { background-position: -16px -96px; } -.ui-icon-document { background-position: -32px -96px; } -.ui-icon-document-b { background-position: -48px -96px; } -.ui-icon-note { background-position: -64px -96px; } -.ui-icon-mail-closed { background-position: -80px -96px; } -.ui-icon-mail-open { background-position: -96px -96px; } -.ui-icon-suitcase { background-position: -112px -96px; } -.ui-icon-comment { background-position: -128px -96px; } -.ui-icon-person { background-position: -144px -96px; } -.ui-icon-print { background-position: -160px -96px; } -.ui-icon-trash { background-position: -176px -96px; } -.ui-icon-locked { background-position: -192px -96px; } -.ui-icon-unlocked { background-position: -208px -96px; } -.ui-icon-bookmark { background-position: -224px -96px; } -.ui-icon-tag { background-position: -240px -96px; } -.ui-icon-home { background-position: 0 -112px; } -.ui-icon-flag { background-position: -16px -112px; } -.ui-icon-calendar { background-position: -32px -112px; } -.ui-icon-cart { background-position: -48px -112px; } -.ui-icon-pencil { background-position: -64px -112px; } -.ui-icon-clock { background-position: -80px -112px; } -.ui-icon-disk { background-position: -96px -112px; } -.ui-icon-calculator { background-position: -112px -112px; } -.ui-icon-zoomin { background-position: -128px -112px; } -.ui-icon-zoomout { background-position: -144px -112px; } -.ui-icon-search { background-position: -160px -112px; } -.ui-icon-wrench { background-position: -176px -112px; } -.ui-icon-gear { background-position: -192px -112px; } -.ui-icon-heart { background-position: -208px -112px; } -.ui-icon-star { background-position: -224px -112px; } -.ui-icon-link { background-position: -240px -112px; } -.ui-icon-cancel { background-position: 0 -128px; } -.ui-icon-plus { background-position: -16px -128px; } -.ui-icon-plusthick { background-position: -32px -128px; } -.ui-icon-minus { background-position: -48px -128px; } -.ui-icon-minusthick { background-position: -64px -128px; } -.ui-icon-close { background-position: -80px -128px; } -.ui-icon-closethick { background-position: -96px -128px; } -.ui-icon-key { background-position: -112px -128px; } -.ui-icon-lightbulb { background-position: -128px -128px; } -.ui-icon-scissors { background-position: -144px -128px; } -.ui-icon-clipboard { background-position: -160px -128px; } -.ui-icon-copy { background-position: -176px -128px; } -.ui-icon-contact { background-position: -192px -128px; } -.ui-icon-image { background-position: -208px -128px; } -.ui-icon-video { background-position: -224px -128px; } -.ui-icon-script { background-position: -240px -128px; } -.ui-icon-alert { background-position: 0 -144px; } -.ui-icon-info { background-position: -16px -144px; } -.ui-icon-notice { background-position: -32px -144px; } -.ui-icon-help { background-position: -48px -144px; } -.ui-icon-check { background-position: -64px -144px; } -.ui-icon-bullet { background-position: -80px -144px; } -.ui-icon-radio-off { background-position: -96px -144px; } -.ui-icon-radio-on { background-position: -112px -144px; } -.ui-icon-pin-w { background-position: -128px -144px; } -.ui-icon-pin-s { background-position: -144px -144px; } -.ui-icon-play { background-position: 0 -160px; } -.ui-icon-pause { background-position: -16px -160px; } -.ui-icon-seek-next { background-position: -32px -160px; } -.ui-icon-seek-prev { background-position: -48px -160px; } -.ui-icon-seek-end { background-position: -64px -160px; } -.ui-icon-seek-start { background-position: -80px -160px; } -/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ -.ui-icon-seek-first { background-position: -80px -160px; } -.ui-icon-stop { background-position: -96px -160px; } -.ui-icon-eject { background-position: -112px -160px; } -.ui-icon-volume-off { background-position: -128px -160px; } -.ui-icon-volume-on { background-position: -144px -160px; } -.ui-icon-power { background-position: 0 -176px; } -.ui-icon-signal-diag { background-position: -16px -176px; } -.ui-icon-signal { background-position: -32px -176px; } -.ui-icon-battery-0 { background-position: -48px -176px; } -.ui-icon-battery-1 { background-position: -64px -176px; } -.ui-icon-battery-2 { background-position: -80px -176px; } -.ui-icon-battery-3 { background-position: -96px -176px; } -.ui-icon-circle-plus { background-position: 0 -192px; } -.ui-icon-circle-minus { background-position: -16px -192px; } -.ui-icon-circle-close { background-position: -32px -192px; } -.ui-icon-circle-triangle-e { background-position: -48px -192px; } -.ui-icon-circle-triangle-s { background-position: -64px -192px; } -.ui-icon-circle-triangle-w { background-position: -80px -192px; } -.ui-icon-circle-triangle-n { background-position: -96px -192px; } -.ui-icon-circle-arrow-e { background-position: -112px -192px; } -.ui-icon-circle-arrow-s { background-position: -128px -192px; } -.ui-icon-circle-arrow-w { background-position: -144px -192px; } -.ui-icon-circle-arrow-n { background-position: -160px -192px; } -.ui-icon-circle-zoomin { background-position: -176px -192px; } -.ui-icon-circle-zoomout { background-position: -192px -192px; } -.ui-icon-circle-check { background-position: -208px -192px; } -.ui-icon-circlesmall-plus { background-position: 0 -208px; } -.ui-icon-circlesmall-minus { background-position: -16px -208px; } -.ui-icon-circlesmall-close { background-position: -32px -208px; } -.ui-icon-squaresmall-plus { background-position: -48px -208px; } -.ui-icon-squaresmall-minus { background-position: -64px -208px; } -.ui-icon-squaresmall-close { background-position: -80px -208px; } -.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } -.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } -.ui-icon-grip-solid-vertical { background-position: -32px -224px; } -.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } -.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } -.ui-icon-grip-diagonal-se { background-position: -80px -224px; } - - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } -.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } -.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } -.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } [... 398 lines stripped ...] |
«
Return to OFBiz - Commits
|
1 view|%1 views
| Free forum by Nabble | Edit this page |