| -rw-r--r-- | frontend/gamma/css/web.css | 33 |
1 files changed, 21 insertions, 12 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 5d8bc20..011831a 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css @@ -1,4099 +1,4108 @@ /* -Copyright 2008-2011 Clipperz Srl +Copyright 2008-2013 Clipperz Srl -This file is part of Clipperz Community Edition. -Clipperz Community Edition is an online password manager. +This file is part of Clipperz, the online password manager. For further information about its features and functionalities please refer to http://www.clipperz.com. -* Clipperz Community Edition is free software: you can redistribute - it and/or modify it under the terms of the GNU Affero General Public - License as published by the Free Software Foundation, either version - 3 of the License, or (at your option) any later version. +* Clipperz is free software: you can redistribute it and/or modify it + under the terms of the GNU Affero General Public License as published + by the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. -* Clipperz Community Edition is distributed in the hope that it will - be useful, but WITHOUT ANY WARRANTY; without even the implied - warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. +* Clipperz is distributed in the hope that it will be useful, but + WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. * You should have received a copy of the GNU Affero General Public - License along with Clipperz Community Edition. If not, see - <http://www.gnu.org/licenses/>. + License along with Clipperz. If not, see http://www.gnu.org/licenses/. */ /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } div#loading { width: 100%; height: 100%; display: table; background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); /* IE10 */ background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); /* Mozilla Firefox */ background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); /* Opera */ background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); /* Webkit (Chrome 11+) */ background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); /* Proposed W3C Markup */ background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148)); /* Webkit (Safari/Chrome 10) */ } div#loading div { display: table-cell; vertical-align: middle; width: 100%; text-align: center; } div#loading div h1 { font-size: 40pt; color: #ffffff; text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1; } div#loading div h3 { font-size: 18pt; text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1; color: #1f2148; } div#loading div h5 { padding-left: 20px; color: #ff9200; } /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } div.tooltip { position: absolute; z-index: 30001; } div.tooltip div.tooltip_body { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); + background: linear-gradient(0deg, #555555, #bbbbbb); -webkit-box-shadow: 4px 4px 10px #333333; -moz-box-shadow: 4px 4px 10px #333333; box-shadow: 4px 4px 10px #333333; border-top: 1px solid #d4d4d4; border-left: 1px solid #a2a2a2; border-right: 1px solid #6f6f6f; border-bottom: 1px solid #3c3c3c; } div.tooltip div.tooltip_body span { display: block; padding: 10px; font-size: 10pt; color: white; } div.tooltip div.tooltip_body div.tooltip_text { width: 200px; } div.tooltip div.tooltip_arrow { position: absolute; width: 0; height: 0; border: 6px solid transparent; } div.tooltip.BELOW div.tooltip_arrow { top: -12px; left: 97px; border-bottom: 6px solid #bbbbbb; } div.tooltip.ABOVE div.tooltip_arrow { position: static; margin-left: 97px; border-top: 6px solid #555555; } div.tooltip.LEFT div.tooltip_arrow { left: 203px; top: 10px; border-left: 6px solid #747474; } div.tooltip.LEFT div.tooltip_body div.tooltip_text { min-height: 45px; } div.tooltip.RIGHT div.tooltip_arrow { left: -12px; top: 10px; border-right: 6px solid #9c9c9c; } div.tooltip.RIGHT div.tooltip_body div.tooltip_text { min-height: 45px; } .button.default { display: inline-block; height: 20px; cursor: pointer; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); + background: linear-gradient(0deg, #ff6622, #ffa76f); border-radius: 5; -moz-border-radius: 5; -webkit-border-radius: 5; border: 1px solid #ff7f46; padding-top: 4px; padding-left: 15px; padding-right: 15px; padding-bottom: 2px; color: white; font-weight: lighter; text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; text-decoration: none; font-weight: normal; } .button.default:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); + background: linear-gradient(0deg, #ff6622, #ff8e46); } .button { display: inline-block; height: 20px; cursor: pointer; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); + background: linear-gradient(0deg, #999999, #bfbfbf); border-radius: 5; -moz-border-radius: 5; -webkit-border-radius: 5; border: 1px solid #ababab; padding-top: 4px; padding-left: 15px; padding-right: 15px; padding-bottom: 2px; color: white; font-weight: lighter; text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; text-decoration: none; } .button:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); + background: linear-gradient(0deg, #999999, #ababab); } /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } div.pageHeaderAndBody { height: 100%; } div.pageHeaderAndBody div#pageBody { min-width: 1013px; padding-bottom: 90px; } div.pageHeaderAndBody div.pageHeader { background-color: #1f2148; min-width: 1013px; } div.pageHeaderAndBody div.pageHeader div#miscLinks { float: right; } div.pageHeaderAndBody div.pageHeader div#miscLinks ul { margin: 12px 0px 0px; padding: 15px; } div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { display: inline; margin: 0px; padding: 0px; border: 0px; } div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { color: #ffffff; margin: 0px; padding: 0px; border: 0px; padding: 15px; border-left: 1px solid #3e428f; font-weight: normal; text-decoration: none; font-size: 12pt; min-width: 70px; } div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { color: #b8bae1; } div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { border-left: 0px; } div.pageHeaderAndBody div.pageHeader div#logoFrame { padding: 16px 16px 60px 16px; min-height: 44px; } div.pageHeaderAndBody div.pageHeader div#logoFrame a { color: white; text-decoration: none; } div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { margin: 0px; padding: 0px; border: 0px; width: 150px; height: 39px; } div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { font-size: 13pt; font-weight: normal; white-space: nowrap; margin: 0px; padding-left: 4px; } div.pageHeaderAndBody div.pageHeader div#featureTabs table { width: 100%; padding: 6px; padding-left: 15px; padding-right: 15px; padding-bottom: 46px; } div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { width: 25%; vertical-align: top; font-size: 11pt; color: white; } div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { float: left; } div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { display: block; padding: 5 10 5 85; } div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { width: 76px; height: 76px; display: block; float: left; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); + background: linear-gradient(0deg, #ff6622, #ffad79); border-radius: 38px; -moz-border-radius: 38px; -webkit-border-radius: 38px; } div.pageHeaderAndBody div.pageHeader div#news { top: -82px; left: 240px; width: 310px; height: 90px; position: absolute; background-color: #616475; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: 2px 2px 9px #333333; -moz-box-shadow: 2px 2px 9px #333333; box-shadow: 2px 2px 9px #333333; } div.pageHeaderAndBody div.pageHeader div#news div#newsframe { margin-left: 10px; margin-right: 10px; height: 75px; overflow: hidden; } div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { width: 290px; border: 0px; color: #616475; background-color: #616475; } div.pageHeaderAndBody div.pageHeader div#news div.grip { width: 310px; height: 6px; margin-top: 2px; cursor: pointer; } div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { margin-left: auto; margin-right: auto; margin-top: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; } div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { border-bottom: 5px solid #e9e9ec; } div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { border-top: 5px solid #e9e9ec; } div.pageFooter { margin-top: -90px; height: 90px; clear: both; } div.pageFooter div.footerWrapper { clear: both; padding-top: 10px; } div.pageFooter div.footerWrapper div.footerContent { background-color: #eaebe6; padding: 20px; font-size: 8pt; } div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { width: 40px; height: 40px; float: left; } div.pageFooter div.footerWrapper div.footerContent span.copyright { padding-left: 10px; color: #a0a0a0; } div.pageFooter div.footerWrapper div.footerContent a { padding-left: 50px; display: block; color: #888888; font-weight: bold; text-decoration: none; } div.pageFooter div.footerWrapper div.footerContent div.applicationVersion { padding: 8px; color: #888888; background-color: #d2d2d2; position: relative; top: -40px; float: right; } div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { padding-left: 0px; display: inline; } /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } div#loginBox { width: 273px; z-index: 19000; top: -30px; right: 30px; position: relative; float: right; } div#loginBox div.header { height: 25px; width: 273px; background-color: #ff9b5a; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; } div#loginBox div.body { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); + background: linear-gradient(0deg, #ff6622, #ff9b5a); } div#loginBox div.body h4 { color: #ffffff; font-size: 16pt; font-weight: normal; padding-left: 20px; margin: 0px; } div#loginBox div.body form.loginForm { padding: 5px 20px 0px; margin-bottom: 0px; } div#loginBox div.body form.loginForm label { color: #ffffff; font-size: 10pt; display: block; padding-top: 5px; } div#loginBox div.body form.loginForm label.checkbox { display: inline; } div#loginBox div.body form.loginForm input { width: 230px; font-size: 14pt; color: #333366; background-color: #ffffff; border: 1px solid #bb4924; padding: 2px 5px; height: 28px; } div#loginBox div.body form.loginForm input.checkbox { margin: 10px 8px 0px 0px; height: auto; width: auto; border: 0px; } div#loginBox div.body form.loginForm input.checkbox:hover { cursor: pointer; } div#loginBox div.body form.loginForm input.otp { width: 57px; display: inline; padding-left: 0px; padding-right: 0px; height: 28px; font: 8pt monospace; } div#loginBox div.body form.loginForm input.submit { margin: 0px 45px; width: 140px; color: #ffffff; background-color: #d44100; border: 1px solid #bb4924; padding: 6px; font-size: 12pt; height: auto; } div#loginBox div.body form.loginForm input.submit:hover { color: #ffffff; background-color: #7e2700; cursor: pointer; } div#loginBox div.body form.loginForm ul { list-style-type: none; padding: 0px; margin: 0px; } div#loginBox div.body form.loginForm ul li { display: block; } div#loginBox div.body form.loginForm div.translations { margin: 15px -20px; background-color: #c87b59; } div#loginBox div.body form.loginForm div.translations h4 { font-size: 9pt; padding: 6px 20px 0px; } div#loginBox div.body form.loginForm div.translations ul { margin: 0px; padding: 5px 10px 10px; margin-bottom: 15px; } div#loginBox div.body form.loginForm div.translations ul li { font-size: 8pt; color: #ddaa99; background-color: #994422; display: inline-block; padding: 2px 4px; margin: 1px; } div#loginBox div.body form.loginForm div.translations ul li.selected { color: #ffffff; background-color: #772211; } div#loginBox div.body form.loginForm div.translations ul li.selected:hover { cursor: default; } div#loginBox div.body form.loginForm div.translations ul li:hover { cursor: pointer; color: #ffffff; } div#loginBox div.footer { height: 37px; width: 273px; background-color: #ff6622; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; } body.ext-gecko div#loginBox form.loginForm div.translations ul li { display: -moz-inline-box; } div#featurePoints { min-width: 400px; padding-top: 15px; padding-bottom: 20px; padding-left: 20px; padding-right: 330px; } div#featurePoints table tbody tr td { width: 50%; vertical-align: top; } div#featurePoints div.block { padding: 10px; color: #86858e; } div#featurePoints div.block h3 { font-weight: normal; font-size: 12pt; margin: 0px; padding: 5px 0px; } div#featurePoints div.block ul { margin: 0px; margin-left: 20px; padding: 0px; list-style-position: outside; } div#featurePoints div.block ul li { font-size: 10pt; padding: 3px 0px; } div.activeFeatures { float: left; margin-left: 20px; height: 100px; } div.activeFeatures a { display: inline-block; padding-left: 46px; color: #ff5906; text-decoration: none; font-size: 10pt; } div.activeFeatures a span.payoff { display: block; font-size: 13pt; font-weight: lighter; color: #9b9689; margin: 0px; padding: 0px; } div.activeFeatures a:hover span.payoff { color: #666666; } div.activeFeatures div.keepTogether a { padding-left: 0px; } div.activeFeatures div.keepTogether div { display: inline-block; padding-right: 15px; } div.activeFeatures div.keepTogether canvas { width: 46px; height: 46px; vertical-align: bottom; } div.activeFeatures div.createAccountLink { display: inline-block; width: 282; height: 65px; background-image: url(./images/old/home/register.png); margin-right: 20px; } div.activeFeatures div.createAccountLink a.createAccountLink { position: relative; top: -92px; left: 5px; } div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { margin-top: 23px; margin-left: 40px; font-size: 17pt; color: #64626c; } div.activeFeatures div.createAccountLink a.createAccountLink span.link { padding-left: 40px; padding-right: 50px; padding-bottom: 10px; font-size: 12pt; } div.activeFeatures div.createAccountLink:hover { background-image: url(./images/old/home/register_selected.png); } div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { color: #54535a; } div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { color: white; } div.activeFeatures div.createAccountLink canvas { width: 282px; height: 93px; } /* Color list: - login box: light #ff9955 dark #ff6622 - login button: regular #dd5500 hover #773311 - login translations: box: #cc6622; not-selected: color: #ddaa99 background: #994422 selected: #772211; */ html { height: 100%; } body { font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; margin: 0px; } div.modalDialogMask.userInfoBoxMask { -moz-opacity: 0.0; opacity: .0; filter: alpha(opacity=0); z-index: 19000; } .reset-margin { margin: 0px; padding: 0px; border: 0px; } .clear { clear: both; } .hidden_none { display: none; visibility: hidden; } .keepTogether { display: inline-block; white-space: nowrap; } #mainDiv { margin: 0 auto; } div.userInfoBox { position: absolute; width: 160px; height: 120px; top: 100px; left: 15px; color: white; background-color: #ff9955; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); + background: linear-gradient(0deg, #ff6723, #ff9a56); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 9px #333333; -moz-box-shadow: 2px 2px 9px #333333; box-shadow: 2px 2px 9px #333333; } div.userInfoBox.locked { z-index: 19001; } div.userInfoBox.locked div.header a.lockButton { background: url(./images/old/lock/locked.png) no-repeat -5px -2px; } div.userInfoBox.locked div.header a.lockButton:hover { background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; } div.userInfoBox.locked div.body a { display: none; } div.userInfoBox div.header { height: 30px; } div.userInfoBox div.header h1 { font-size: 8pt; font-weight: normal; margin: 0px; padding-top: 12px; padding-left: 12px; } div.userInfoBox div.header a.lockButton { position: absolute; top: 8px; right: 12px; display: block; width: 15px; height: 20px; text-decoration: none; background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px; } div.userInfoBox div.header a.lockButton:hover { background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px; } div.userInfoBox div.body { padding: 0px 12px; } div.userInfoBox div.body h3 { font-size: 11pt; font-weight: bold; margin: 0px; } div.userInfoBox div.body ul { font-size: 8pt; padding: 0px; margin: 4px 0px; list-style-position: inside; } div.userInfoBox div.body ul li span.number { font-weight: bold; padding-right: 3px; } div.userInfoBox div.body a { display: block; margin-top: 8px; border-top: 1px solid white; padding-top: 6px; font-size: 10pt; font-weight: bold; color: #d15a22; border-color: #fe9a5f; text-decoration: none; } div.userInfoBox div.body a:hover { color: #8c3b15; } div.sidePanels { float: left; margin-top: 106px; margin-left: 20px; width: 160px; } div.sidePanels div.tabSidePanel { margin-right: -10px; } div.sidePanels div.tabSidePanel ul { margin: 0px; padding-left: 0px; list-style-type: none; color: #f78b46; } div.sidePanels div.tabSidePanel ul.mainTabs { margin: 0px; } div.sidePanels div.tabSidePanel ul.mainTabs li a { display: block; line-height: 30px; height: 43px; padding-left: 40px; color: #ff6621; margin: 0px; font-weight: normal; font-size: 13pt; text-decoration: none; } div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { display: none; } div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { font-size: 14pt; font-weight: bold; position: relative; top: -34px; right: 16px; background: none; color: #c0531b; padding-left: 15px; } div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover { color: white; } div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span { font-size: 8pt; vertical-align: middle; } div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 { display: inline; padding-left: 5px; } div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { display: block; position: absolute; left: 154px; margin-top: -43px; } div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { background: url(./images/old/main/tabs/cardsBackground.png) -19px -63px; } div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { background: url(./images/old/main/tabs/cardsBackground.png) -19px -110px; } div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { margin-left: -10px; padding-left: 50px; color: white; background: url(./images/old/main/tabs/cardsBackground.png) -9px -14px; } div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { margin-left: -10px; padding-left: 50px; color: white; } div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { color: white; } div.sidePanels div.tabSidePanel ul.otherTabs { margin: 10px 0px; } div.sidePanels div.tabSidePanel ul.otherTabs li { margin-top: -4px; } div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter { display: none; } div.sidePanels div.tabSidePanel ul.otherTabs li a { display: block; line-height: 36px; height: 43px; padding-left: 40px; color: #ff6621; text-decoration: none; } div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { background: url(./images/old/main/tabs/itemsBackground.png) -10px -49px; } div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { margin-left: -10px; padding-left: 50px; background: url(./images/old/main/tabs/itemsBackground.png) 1px -96px; color: white; } div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { display: block; position: absolute; left: 154px; margin-top: -42px; } div.tagSidePanel { /* margin-right: -8px; div.tagSidePanel div.header { height: 50px; background-image: url(./images/old/main/tabs/tagsBackground.png); } div.tagSidePanel div.header h1 { padding-left: 52px; padding-top: 14px; font-size: 14pt; font-weight: normal; color: #888888; } div.tagSidePanel div.body { background: url(./images/old/main/tabs/tagsBackground.png) -255px; } div.tagSidePanel div.footer { height: 10px; background: url(./images/old/main/tabs/tagsBackground.png) -510px -40px; } div.tagSidePanel ul.tags { margin: 0px; list-style-type: none; padding: 0px; } div.tagSidePanel ul.tags li a { display: block; font-size: 9pt; text-decoration: none; color: #ff6621; padding: 0px 4px 0px 15px; line-height: 20px; } div.tagSidePanel ul.tags li a:hover { background-color: #dddddd; } div.tagSidePanel ul.tags li span.tagCardinality { float: right; font-size: 8pt; color: #999999; margin-right: 15px; margin-top: -17px; } div.tagSidePanel ul.tags li.selected a { background-color: #d4d5cf; } div.tagSidePanel ul.tags li.selected a:hover { background-color: #d4d5cf; } div.tagSidePanel ul.tags li.selected a { font-weight: bold; } */ } div.groupSidePanel { /* margin-right: -10px; div.groupSidePanel div.header { height: 50px; background-image: url(./images/old/main/tabs/groupsBackground.png); } div.groupSidePanel div.header h1 { padding-left: 52px; padding-top: 14px; font-size: 14pt; font-weight: normal; color: white; } div.groupSidePanel div.header a { float: right; margin-top: -30px; margin-right: 20px; text-decoration: none; color: #666666; font-size: 9pt; line-height: 18px; } div.groupSidePanel div.header a:hover { color: #444444; } div.groupSidePanel div.body { background: url(./images/old/main/tabs/groupsBackground.png) -255px; } div.groupSidePanel div.footer { height: 10px; background: url(./images/old/main/tabs/groupsBackground.png) -510px -39px; } div.groupSidePanel ul.groups { margin: 0px; list-style-type: none; padding: 0px; } div.groupSidePanel ul.groups li a { display: block; font-size: 9pt; text-decoration: none; color: white; padding: 0px 4px 0px 15px; line-height: 20px; } div.groupSidePanel ul.groups li a:hover { background-color: #aaaaaa; } div.groupSidePanel ul.groups li span.groupCardinality { float: right; font-size: 8pt; color: #dddddd; margin-right: 15px; margin-top: -17px; } div.groupSidePanel ul.groups li.selected a { background-color: #bbbbbb; } div.groupSidePanel ul.groups li.selected a:hover { background-color: #bbbbbb; } div.groupSidePanel ul.groups li.selected a { font-weight: bold; } */ } div.subPanelTabs ul { margin: 0px; margin-right: 7px; padding: 0px; } div.subPanelTabs ul li { display: inline-block; vertical-align: middle; height: 50px; border-right: 1px solid #eef0e3; border-bottom: 1px solid #d5d5bc; } div.subPanelTabs ul li.first { -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; } div.subPanelTabs ul li.selected { background-color: #eef0e3; border-bottom: 1px solid #eef0e3; border-right: 1px solid #d5d5bc; } div.subPanelTabs ul li.selected:hover { border-right: 1px solid #d5d5bc; } div.subPanelTabs ul li.selected a { color: #444440; } div.subPanelTabs ul li:hover { border-right: 1px solid #d5d5bc; background-color: #eef0e3; } div.subPanelTabs ul li a { color: #787872; text-decoration: none; display: block; text-align: center; padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 13pt; } div.subPanelContent { padding-top: 20px; padding-left: 30px; padding-right: 30px; min-height: 280px; color: #787872; margin: 0px 6px 0 9px; } div.subPanelContent h3 { margin: 0px; border: 0px; padding: 0px; } div.subPanelContent ul { margin: 0px; padding: 0px; list-style-type: none; } div.subPanelContent ul li { display: none; } div.subPanelContent ul li.selected { display: block; } .downloadOfflineCopy { display: inline-block; height: 20px; cursor: pointer; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); + background: linear-gradient(0deg, #448833, #59bc4c); border-radius: 5; -moz-border-radius: 5; -webkit-border-radius: 5; border: 1px solid #51a23d; padding-top: 4px; padding-left: 15px; padding-right: 15px; padding-bottom: 2px; color: white; font-weight: lighter; text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; text-decoration: none; } .downloadOfflineCopy:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); + background: linear-gradient(0deg, #448833, #49a23d); } div.SimpleMessagePanel { position: relative; left: -225px; top: -70px; width: 450px; height: 140px; } div.SimpleMessagePanel div.body { padding: 20px; padding-bottom: 15px; background-color: #f1f1ef; -webkit-box-shadow: 2px 2px 9px #333333; -moz-box-shadow: 2px 2px 9px #333333; box-shadow: 2px 2px 9px #333333; border-radius: 10; -moz-border-radius: 10; -webkit-border-radius: 10; } div.SimpleMessagePanel div.body h3 { font-size: 14pt; font-weight: normal; margin: 0px; padding-top: 4px; color: #787872; } div.SimpleMessagePanel div.body div.img { width: 50px; height: 50px; float: left; margin-right: 15px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); + background: linear-gradient(0deg, #ff6622, #ff9b5a); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } div.SimpleMessagePanel div.body div.img canvas { width: 50px; height: 50px; } div.SimpleMessagePanel div.body p { margin: 0; font-size: 10pt; font-weight: normal; color: #787872; padding-top: 10px; padding-bottom: 5px; line-height: 1.3; } div.SimpleMessagePanel div.body div.buttonArea { height: 40px; clear: both; } div.SimpleMessagePanel div.body div.buttonArea > div { float: right; margin-left: 15px; margin-top: 10px; } div.SimpleMessagePanel div.passphrase { padding-left: 65px; } div.SimpleMessagePanel div.passphrase input { width: 250px; font-size: 14pt; border: 1px solid #bb4924; color: #333366; background-color: white; padding: 2px 5px; height: 28px; } div.SimpleMessagePanel div.progressBarWrapper { margin-left: 80px; } /* @end */ /* @group Javascript Alert */ div#javaScriptAlert div.mask { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: black; z-index: 1001; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); } div#javaScriptAlert div.header { height: 34px; width: 468; background-image: url(./images/old/alert/header.png); } div#javaScriptAlert div.body { background-image: url(./images/old/alert/body.png); padding: 0px 20px 10px 20px; } /* div#javaScriptAlert div.body div.alert { padding-left: 100px; background: url(./images/old/alert/alert.png) no-repeat; } */ /*div#javaScriptAlert div.body img.alert {*/ div#javaScriptAlert div.body div.alertLogo { float: left; background-image: url(./images/old/alert/alert.png); width: 88px; height: 88px; } div#javaScriptAlert div.body div.alert { padding-left: 100px; } div#javaScriptAlert div.footer { height: 34px; width: 468; background-image: url(./images/old/alert/footer.png); } div#javaScriptAlert div.message { position: relative; top: -150px; z-index: 1002; /* left: 100px; right: 100px; */ margin-left: auto; margin-right: auto; max-width: 468px; } div#javaScriptAlert div.message h1 { font-size: 16pt; margin: 0px; color: #ff5930; } div#javaScriptAlert div.message p { margin-top: 0px; color: #999999; } div#javaScriptAlert div.message h3 { font-size: 12pt; margin-bottom: 0px; color: #ff5930; } div#javaScriptAlert div.message h5 { margin: 0px; color: #999999; } /* @end */ /* @group Components */ /* @group LoginProgress */ div.LoginProgress { position: relative; left: -190px; top: -100px; width: 380px; height: 200px; /* background: url(./images/old/loginProgress/background.png); */ background-color: #d7d7c0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); } div.LoginProgress div.header { height: 40px; } div.LoginProgress div.header h3 { font-size: 12pt; font-weight: normal; margin: 0px; color: #777777; padding-top: 13px; padding-left: 18px; } div.LoginProgress div.body { height: 120px; overflow: auto; padding-left: 20px; padding-right: 20px; background-color: #f1f1e9; /* margin-left: 19px; margin-right: 18px; */ } div.LoginProgress div.body div.img { margin: 10px; width: 50px; height: 50px; float: left; } div.LoginProgress div.body div.img.ALERT { /* background-image: url(./images/old/simpleMessageBox/Alert.png); */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } div.LoginProgress div.body div.img.ALERT canvas { width: 50px; height: 50px; /* background-image: url(./images/old/simpleMessageBox/excalmationPoint.png); */ } div.LoginProgress div.body div.loadingBar { position: relative; top: 51px; left: 60px; } div.LoginProgress div.body div.errorBox p { color: #787872; padding-top: 20px; padding-left: 80px; } div.LoginProgress div.footer { margin-left: 19px; margin-right: 18px; } /* div.LoginProgress div.footer a { text-decoration: none; text-align: center; color: #787872; display: block; font-weight: bold; font-size: 11pt; width: 100px; margin-top: 11px; margin-left: auto; margin-right: auto; } */ div.LoginProgress div.buttonArea { padding-top: 6px; text-align: center; } div.LoginProgress div.button { display: inline-block; } div.LoginProgress div.footer a:hover { color: #515247; } /* @end */ /* @group SimpleMessagePanel */ /* -> SimpleMessagePanel.less div.SimpleMessagePanel { position: relative; left: -225px; top: -70px; width: 450px; height: 140px; //background: url(./images/old/loginProgress/background.png); background-color: #f1f1ef; .border-radius(10); } //div.SimpleMessagePanel div.header { // height: 17px; // background: url(./images/old/simpleMessageBox/background_header.png) no-repeat; } div.SimpleMessagePanel div.body { / * height: 120px; overflow: auto; margin-left: 19px; margin-right: 18px; * / // background: url(./images/old/simpleMessageBox/background_body.png) repeat-y; // padding-left: 25px; // padding-right: 25px; // padding-top: 10px; padding: 20px; .box-shadow (2px, 2px, 9px, @Global_shadow-color); } div.SimpleMessagePanel div.body h3 { font-size: 14pt; font-weight: normal; margin: 0px; padding-top: 4px; color: #787872; } div.SimpleMessagePanel div.body div.img { width: 60px; height: 60px; float: left; margin-right: 10px; .graduated-background (#ff6622, #ffad79); .border-radius(30); } div.SimpleMessagePanel div.body div.img canvas { width: 60px; height: 60px; } div.SimpleMessagePanel div.body p { margin: 0; font-size: 10pt; font-weight: normal; color: #787872; padding-top: 10px; padding-bottom: 5px; line-height: 1.3; } div.SimpleMessagePanel div.body div.img.ALERT { // background: url(./images/old/simpleMessageBox/Alert.png) no-repeat; } div.SimpleMessagePanel div.body div.img.INFO { // background: url(./images/old/simpleMessageBox/Info.png) no-repeat; } div.SimpleMessagePanel div.body div.buttonArea { height: 40px; clear: both; } div.SimpleMessagePanel div.body div.buttonArea > div { float: right; margin-left: 15px; margin-top: 10px; } div.SimpleMessagePanel div.footer { height: 25px; // background: url(./images/old/simpleMessageBox/background_footer.png) no-repeat; } div.SimpleMessagePanel div.passphrase { padding-left: 65px; } div.SimpleMessagePanel div.passphrase input { width: 250px; font-size: 14pt; border: 1px solid #bb4924; color: #333366; background-color: white; padding: 2px 5px; height: 28px; } div.SimpleMessagePanel div.progressBarWrapper { margin-left: 80px; } */ /* @end */ /* @group Button */ /* -> Button.less div.button_wrapper { height: 32px; background: url(./images/old/button/default_left.png) no-repeat; cursor: pointer; } div.button_wrapper.hover { background: url(./images/old/button/hover_left.png) no-repeat; } div.button_wrapper.clicked { background: url(./images/old/button/clicked_left.png) no-repeat; } div.button_bodyWrapper { height: 32px; margin-left: 6px; padding-right: 6px; background: url(./images/old/button/default_main.png) repeat-x right 0; } div.button_wrapper.hover div.button_bodyWrapper { background: url(./images/old/button/hover_main.png) repeat-x right 0; } div.button_wrapper.clicked div.button_bodyWrapper { background: url(./images/old/button/clicked_main.png) repeat-x right 0; } div.button_body { text-align: center; min-width: 60px; padding: 0px 7px; padding-top: 8px; } div.button_body span { font-size: 11pt; color: white; } div.button_wrapper.default div.button_body span { font-weight: bold; } / * div.button_footer { margin: 0px; height: 31px; width: 6px; background: green url(./images/old/button/default_right.png) no-repeat; } * / */ /* @end */ /* @group Password enthropy */ input.entropyLevelIndicator { background: url(./images/old/passwordField/background.png) no-repeat 0 26px; } div.passwordEntropyWrapper { padding: 0px; border: 1px solid #bb4924; border-top: 0px; margin-bottom: 4px; background-color: white; margin-right: 3px; margin-top: -2; } div.passwordEntropy { height: 4px; font-size: 1pt; background: url(./images/old/entropyBackground.gif) repeat-x 0 0; line-height: 3px; } div.messageBox { position: absolute; width: 409px; height: 29px; top: 23px; left: 204px; background: url(./images/old/main/messageBoxBackground.png); } div.messageBox h3 { display: inline-block; color: #342f6b; font-weight: bold; margin: 7px 2px 0px 12px; font-size: 10pt; } body.ext-gecko div.messageBox h3 { display: -moz-inline-box; } div.messageBox h1 { color: #342f6b; display: inline; font-weight: normal; margin: 0px 1px; font-size: 9pt; } div.messageBox a { display: block; width: 20px; height: 20px; float: right; position: absolute; right: 5px; top: 4px; background-image: url(./images/old/main/messageBoxCloseButton.png); } div.messageBox a:hover { background-image: url(./images/old/main/messageBoxCloseButtonActive.png); } /* @end */ /* @group Side panels */ /* @end */ /* @end */ /* @group MainPanels */ div.mainPanels { float: left; width: 833px; margin-top: -38px; /* position: relative; width: 100%; min-height: 600px; top: -40px; left: 250px; */ } div.mainFooter { clear: both; } /* @end */ /* @group Grids */ /* @group grid Component */ /* @group delete */ /*div.body div.rows table.rows tbody tr td.delete */ div.delete, div.new { padding-left: 5px; height: 19px; } div.new span, div.delete span { margin: 0px; padding: 0px; border: 0px; display: inline-block; height: 19px; padding-right: 6px; } div.new span a, div.delete span a { white-space: nowrap; } div.delete:hover { background: url(./images/old/delete_background_left.png) no-repeat 0; } div.delete:hover span { background: url(./images/old/delete_background.png) no-repeat right 0; } div.new:hover { background: url(./images/old/new_background_left.png) no-repeat 0; } div.new:hover span { background: url(./images/old/new_background.png) no-repeat right 0; } /* tr.selected div.delete { background: url(./images/old/delete_background_left.png) no-repeat 0; } tr.selected div.delete span { background: url(./images/old/delete_background.png) no-repeat right 0; } */ div.body div.rows table.rows tbody tr td.delete div.delete span a { visibility: hidden; font-size: 8pt; vertical-align: -13px; color: black; } div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { visibility: visible; } div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { visibility: visible; } div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { color: white; } /* div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { color: white; } */ /* @end */ /* @group header */ div.gridComponent table.rows thead tr th { text-align: left; height: 30px; vertical-align: bottom; } div.gridComponent table.rows thead tr th.sortable span { cursor: pointer; } div.gridComponent table.rows thead tr th.sortable span a { margin-left: 5px; padding-left: 10px; } div.gridComponent table.rows thead tr th.directLoginTH { width: 420px; } div.gridComponent table.rows thead tr th.latestUpdateTH { width: 100px; } div.gridComponent table.rows thead tr th.commandsTH { width: 150px; } div.gridComponent table.rows thead a { text-decoration: none; } div.gridComponent table.rows thead span { font-weight: normal; font-size: 9pt; line-height: 20px; } div.gridComponent div.header div.headerSlot { float: right; } /* @end */ div.mainPanels div.gridComponent div.body table.rows td.favicon { padding-left: 25px; } div.mainPanels div.gridComponent div.body table.rows td.favicon img { width: 16px; height: 16px; border: 0px; } /* @end */ /* @group Card Grid */ /* @group DirectLogin links */ div.gridComponent th.directLoginTH span { margin-left: 7px; } td.card_directLogins div { display: inline-table; } td.card_directLogins span { display: inline-block; } /* td.card_directLogins a { display: inline-table; height: 19px; padding-right: 7px; } td.card_directLogins a:hover { background: url(./images/old/directLink_background.png) right 0; } */ div.card_directLogin { display: inline-block; height: 19px; padding-left: 7px; } div.card_directLogin_ellipses span { padding-bottom: 2px; } div.card_directLogin div.card_directLogin_body { display: inline-block; height: 19px; padding-right: 8px; background-position: left; } div.card_directLogin div.card_directLogin_body a { vertical-align: -14px; } /*div.card_directLogin:hover {*/ div.card_directLogin:hover { background: url(./images/old/directLink_background_left.png) no-repeat 0 0; } /*div.card_directLogin:hover div {*/ div.card_directLogin:hover div.card_directLogin_body { background: url(./images/old/directLink_background.png) right 0; } /* @group DirectLogin Popup */ div.DirectLoginListPopup { position: absolute; width: 184px; } div.DirectLoginListPopup div.DirectLoginListPopup_body { background-image: url(./images/old/directLogins_background.png); padding-top: 8px; } div.DirectLoginListPopup div.DirectLoginListPopup_footer { height: 8px; background-image: url(./images/old/directLogins_background_bottom.png); } div.DirectLoginListPopup div.DirectLoginListPopup_body ul { margin: 0px; padding-left: 13px; list-style: none; } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { padding-top: 4px; height: 20px; padding-right: 10px; white-space: nowrap; } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { padding-right: 10px; overflow: hidden; } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { padding-left: 9px; padding-right: 5px; } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { text-decoration: none; color: white; font-weight: normal; font-size: 10pt; vertical-align: 3px; white-space: nowrap; padding-right: 8px; } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { /* background-color: #a5a696; */ /* background-color: #7b7d70; */ background-color: rgba(123, 125, 112, 0.5); } div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { background: url(./images/old/directLink_no_background.png) right; } /* @end */ /* @end */ div.mainPanels div.gridComponent div.header { /* height: 90px; background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; */ background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 10px; } div.mainPanels div.gridComponent div.header form.search { height: 32px; margin: 0px; } div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { position: absolute; margin-left: 192px; width: 22px; height: 22px; margin-top: 6px; background: url(./images/old/filter/clearFilter_notSelected.png) no-repeat; } div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { background: url(./images/old/filter/clearFilter_selected.png) no-repeat; cursor: pointer; } div.mainPanels div.gridComponent div.header form.search div.search { display: block; float: left; width: 217px; } div.mainPanels div.gridComponent div.header form.search input.search { border: 1px solid #76786a; color: #666666; font-size: 12pt; width: 100%; padding: 4px; padding-left: 24px; padding-right: 26px; background: #e8ecde url(./images/old/main/grid/search.png) no-repeat 2px 4px; } div.mainPanels div.gridComponent div.header form.search input.search.disabled { disabled: disabled; } div.mainPanels div.gridComponent div.header form.search input.search.running { background: #e8ecde url(./images/old/main/grid/running_search.gif) no-repeat 4px 5px; } div.mainPanels div.gridComponent div.body { clear: both; background: url(./images/old/main/blocks/cardGridBackground.png) repeat-y -836px; } div.mainPanels div.gridComponent div.footer { background: url(./images/old/main/blocks/cardGridBackground.png) 834px -28px; height: 35px; } div.mainPanels div.gridComponent div.body h1 { margin: 0px; } div.mainPanels div.gridComponent div.body div.rows { margin-left: 9px; margin-right: 6px; min-height: 582px; background: url(./images/old/main/blocks/cardGridStripes.png) 0 7px; } div.mainPanels div.gridComponent.noRows div.body table.rows thead, div.mainPanels div.gridComponent.empty div.body table.rows thead { visibility: hidden; } div.mainPanels div.gridComponent.empty div.body div.rows { background: #eaebe6 url(./images/old/lock/background_star.png) no-repeat center center; } div.mainPanels div.gridComponent.noRows div.body div.rows { background: #eaebe6; } div.mainPanels div.gridComponent div.body table.rows { display: block; width: 100%; } div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { background-color: #a5a696; } div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { background-color: #a5a696; } div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { color: #f3f4eb; } div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { background-color: #d4d5cf; } div.mainPanels div.gridComponent div.body table.rows tbody tr.even { background-color: #eaebe6; } div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { background-color: #a5a696; } div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { background-color: #a5a696; } div.mainPanels div.gridComponent div.body table.rows tbody tr td { height: 23px; max-height: 23px; /* white-space: nowrap; overflow: hidden; */ } div.mainPanels div.gridComponent div.body table.rows tbody tr td span { color: #828479; font-size: 10pt; } div.mainPanels div.gridComponent div.body table.rows tbody tr td a { color: #828479; font-size: 10pt; text-decoration: none; } div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { color: #f3f4eb; } div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { color: #f3f4eb; } div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { color: #f3f4eb; } div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { font-weight: bold; } div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { float: right; padding-right: 6px; } /* @group header */ div.gridComponent table.rows thead img { padding-left: 10px; vertical-align: middle; } div.gridComponent table.rows thead tr th { background-color: #eaebe6; border-bottom: 1px solid #b3b4af; } div.gridComponent table.rows thead span { color: #8c8f7e; } div.gridComponent table.rows thead tr th.unsorted span.sortable a { background-image: url(./images/old/main/grid/unsorted.png); } div.gridComponent table.rows thead tr th.descending span.sortable a { background-image: url(./images/old/main/grid/descending.png); } div.gridComponent table.rows thead tr th.ascending span.sortable a { background-image: url(./images/old/main/grid/ascending.png); } div.gridComponent table.rows thead tr th.faviconTH { width: 53px; } div.gridComponent table.rows thead tr th.titleTH { width: 200px; max-width: 200px; } div.gridComponent table.rows thead tr th.deleteTH { width: 50px; } /* @end */ /* @end */ /* @group Direct login Grid */ /* div.mainPanels div.directLoginGrid div.header { /* height: 90px; background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; * / } div.mainPanels div.directLoginGrid div.header form.search { background: url(./images/old/main/blocks/directLoginGridBackground.png) no-repeat; padding-left: 40px; padding-top: 20px; padding-bottom: 10px; margin: 0px; } div.mainPanels div.directLoginGrid div.header form.search input.search { border: 1px solid #76786a; color: #666666; font-size: 12pt; padding: 4px; background-color: #e8ecde; } div.mainPanels div.directLoginGrid div.header form.search input.searchButton { background-color: #858877; border: 0px; color: white; font-size: 10pt; } div.mainPanels div.directLoginGrid div.body { background: url(./images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; } div.mainPanels div.directLoginGrid div.footer { background: url(./images/old/main/blocks/directLoginGridBackground.png) 834px -28px; height: 35px; } div.mainPanels div.directLoginGrid div.body h1 { margin: 0px; } div.mainPanels div.directLoginGrid div.body div.rows { margin-left: 9px; margin-right: 6px; min-height: 582px; background: url(./images/old/main/blocks/directLoginGridStripes.png) 0 7px; } div.mainPanels div.directLoginGrid div.body table.rows { display: block; width: 100%; } div.mainPanels div.directLoginGrid div.body table.rows img { border: 0px; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { background-color: #787666; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { background-color: #646351; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { background-color: #d1d4c6; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { background-color: #d1d4c6; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { height: 23px; color: #e1e0d6; font-size: 10pt; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { color: #777867; } div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { font-weight: bold; } div.directLoginGrid div.body table.rows tbody tr a { color: #e1e0d6; text-decoration: none; } div.directLoginGrid div.body table.rows tbody tr:hover a { color: #777867; } */ /* @group DirectLogin links */ /* td.card_directLogins div { display: inline-table; } td.card_directLogins span { display: inline-table; } */ div.directLogin_directLogin { display: inline-block; height: 19px; padding-left: 7px; } div.directLogin_directLogin div.directLogin_directLogin_body { display: inline-block; height: 19px; padding-right: 8px; background-position: left; } div.directLogin_directLogin div.directLogin_directLogin_body a { vertical-align: -14px; } div.directLogin_directLogin:hover { background: url(./images/old/directLink_background_left.png) no-repeat 0 0; } div.directLogin_directLogin:hover div.directLogin_directLogin_body { background: url(./images/old/directLink_background.png) right 0; } table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { color: #f3f4eb; } /* @end */ /* @group header */ div.directLoginGrid table.rows thead span { color: #e1e0d6; } div.directLoginGrid table.rows thead tr th { background-color: #787762; border-bottom: 1px solid #999883; } div.directLoginGrid table.rows thead tr th.faviconTH { min-width: 53px; width: 53px; } div.directLoginGrid table.rows thead tr th.titleTH { min-width: 250px; width: 250px; } div.directLoginGrid table.rows thead tr th.titleTH span { margin-left: 7px; } div.directLoginGrid table.rows thead tr th.strengthTH { width: 100px; } div.directLoginGrid table.rows thead tr th.cardTitleTH { width: 400px; } div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { width: 64px; } div.directLoginGrid table.rows thead tr th.deleteTH { width: 50px; } div.directLoginGrid table.rows thead tr th.latestAccessTH { width: 100px; } div.directLoginGrid table.rows thead tr th.commandsTH { width: 100px; } /* div.directLoginGrid table.rows thead a { font-weight: normal; text-decoration: none; color: #e9e9df; font-size: 9pt; line-height: 20px; } */ div.directLoginGrid table.rows thead img { padding-left: 10px; vertical-align: middle; } div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { background: url(./images/old/main/grid/directLogins/unsorted.png) no-repeat; } div.directLoginGrid table.rows thead tr th.descending span.sortable a { background: url(./images/old/main/grid/directLogins/descending.png) no-repeat; } div.directLoginGrid table.rows thead tr th.ascending span.sortable a { background: url(./images/old/main/grid/directLogins/ascending.png) no-repeat; } /* @end */ /* @end */ /* @end */ /* @end */ /* @group other Panels */ /* @group common styles */ /* div.subPanelTabs ul { margin: 0px; margin-right: 7px; padding: 0px; } div.subPanelTabs ul li { display: inline-block; vertical-align: middle; /* width: 130px; * / height: 50px; /* border-right: 1px solid #a5a79c; border-bottom: 1px solid #a5a79c;* / border-right: 1px solid #eef0e3; border-bottom: 1px solid #d5d5bc; } div.subPanelTabs ul li.first:hover { /* background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / } div.subPanelTabs ul li:hover { /* background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / border-right: 1px solid #d5d5bc; background-color: #eef0e3; } div.subPanelTabs ul li a { color: #787872; text-decoration: none; display: block; text-align: center; padding-top: 15px; padding-left: 20px; padding-right: 20px; font-size: 13pt; } div.subPanelTabs ul li.first { /* background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; } div.subPanelTabs ul li.selected { /* background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / background-color: #eef0e3; border-bottom: 1px solid #eef0e3; border-right: 1px solid #d5d5bc; } div.subPanelTabs ul li.selected:hover { border-right: 1px solid #d5d5bc; } div.subPanelTabs ul li.selected a { color: #444440; } div.subPanelContent { padding-top: 20px; padding-left: 30px; padding-right: 30px; min-height: 280px; color: #787872; margin: 0px 6px 0 9px; } div.subPanelContent ul { margin: 0px; padding: 0px; list-style-type: none; } div.subPanelContent ul li.selected { display: block; } div.subPanelContent ul li { display: none; } div.subPanelContent h3 { margin: 0px; border: 0px; padding: 0px; } */ /* @end */ /* @group mainPanels otherPanel */ div.mainPanels div.otherPanel { margin: 5px 10px; background-color: #eef0e3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); } div.mainPanels div.otherPanel div.header { /* background: url(./images/old/main/blocks/otherPanelBackground.png) no-repeat; */ /* height: 90px; */ background-color: #d5d5bc; /* padding-left: 9px; padding-top: 5px; */ margin: 0px; margin-bottom: 0px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } div.mainPanels div.otherPanel div.body { /* background: url(./images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; */ margin: 0px; border: 0px; padding: 0px; } div.mainPanels div.otherPanel div.footer { /* background: url(./images/old/main/blocks/otherPanelBackground.png) 834px -18px; */ height: 45px; } div.mainPanels div.otherPanel div.body h1 { margin: 0px; } /* @end */ /* @group Account */ form.changePassphrase div.currentCredentials, form.changePassphrase div.newPassphrase { float: left; padding: 10px 20px; } form.changePassphrase label { display: inline-block; width: 150px; } form.changePassphrase div.confirm { clear: both; padding: 10px 20px; } form.changePassphrase div.confirm label { width: 500px; } div.accountPanel h3.manageOTP { margin-top: 20px; margin-left: -20px; padding-top: 10px; padding-left: 20px; border-top: 1px solid #aaaaaa; } /* @end */ /* @end */ /* @group Message Panel (?) */ /* div.messagePanelWrapper div.mask { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: black; z-index:50001; -moz-opacity: 0.0; opacity:.0; filter: alpha(opacity=0); / * -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); * / } div.messagePanelFrame { border: 1px solid white; z-index:50002; / * width: 443px; height: 155px; position: fixed; top: 205px; left: 260px; margin-left: auto; margin-right: auto; max-width: 468px; * / } div.messagePanel { position: fixed; z-index:50003; top: 0px; left: 0px; / * margin-left: auto; margin-right: auto; max-width: 468px; top: 200px; left: 250px; left: 100px; right: 100px; * / } div.messagePanel div.header { height: 34px; width: 468; background-image: url(./images/old/alert/header.png); } div.messagePanel div.body { background-image: url(./images/old/alert/body.png); padding: 0px 20px 10px 20px; min-height: 100px; } / * div#javaScriptAlert div.body div.alert { padding-left: 100px; background: url(./images/old/alert/alert.png) no-repeat; } * / div.messagePanel div.body img.alert { float: left; } div.messagePanel div.body div.alert { padding-left: 100px; } div.messagePanel div.footer { height: 34px; width: 468; background-image: url(./images/old/alert/footer.png); } div.messagePanel div.message h1 { font-size: 16pt; margin: 0px; color: #ff5930; } div.messagePanel div.message p { margin-top: 0px; color: #999999; } div.messagePanel div.message h3 { font-size: 12pt; margin-bottom: 0px; color: #ff5930; } div.messagePanel div.message h5 { margin: 0px; color: #999999; } */ /* @end */ /* @group LoginProgress (?) */ /* div#loginProgress { position: relative; left: -198px; top: -118px; width: 397px; height: 236px; background: url(./images/old/loginProgress/background.png); } div#loginProgress div.header { height: 52px; } div#loginProgress div.header h3 { font-size: 12pt; font-weight: normal; margin: 0px; color: #787872; padding-top: 25px; padding-left: 35px; } div#loginProgress div.body { height: 120px; overflow: auto; margin-left: 19px; margin-right: 18px; } div#loginProgress div.footer { margin-left: 19px; margin-right: 18px; } div#loginProgress div.footer a { font-weight: bold; text-decoration: none; text-align: center; color: #787872; display: block; font-size: 11pt; width: 100px; margin-top: 13px; margin-left: auto; margin-right: auto; } div#loginProgress div.footer a:hover { color: #515247; } */ /* @end */ div#modalDialogMask, div.modalDialogMask { z-index: 20000; /* position: absolute; */ position: fixed; top: 0; left: 0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); /* background-color: #cccccc; */ background-color: #000000; width: 100%; height: 100%; zoom: 1; } div#modalDialogFrame, div.modalDialogFrame { position: absolute; /* border: 1px solid white; */ -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #333333; z-index: 20001; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } div#modalDialog, div.modalDialog { z-index: 20001; } /*div#modalDialog.scrollable,*/ div.modalDialog.scrollable { position: absolute; top: 0; left: 50%; } /*div#modalDialog.fixed,*/ div.modalDialog.fixed { position: fixed; top: 40%; left: 50%; } div#modalDialog div, div.modalDialog div { z-index: 20002; list-style-type: circle; } div.modalDialogMask.simpleMessagePanelMask { z-index: 20010; } div.modalDialogFrame.simpleMessagePanelMask { z-index: 20011; } div.modalDialog.simpleMessagePanelMask { z-index: 20011; } div.modalDialog.simpleMessagePanelMask div { z-index: 20012; } /* @group Bookmarklet */ div.bookmarklet div.bookmarklet_link { /* padding-top: 5px; padding-left: 4px; padding-right: 3px; float: right; margin-top: 12px; margin-right: 13px; */ height: 34px; } div.bookmarklet div.bookmarklet_link a { color: #838975; text-decoration: none; font-weight: bold; font-size: 10pt; /* display: block; text-align: right; padding-top: 7px; padding-right: 11px; padding-bottom: 6px; */ } div.bookmarklet div.bookmarklet_link a div.icon { background: url(./images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; float: left; width: 34px; height: 34px; } div.bookmarklet div.bookmarklet_link a:hover div.icon { background: url(./images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; } div.bookmarklet div.bookmarklet_link a div.text { display: block; float: right; background: url(./images/old/bookmarklet/placeholder.png) no-repeat right 0; white-space: nowrap; height: 34px; } div.bookmarklet div.bookmarklet_link a:hover div.text { background: url(./images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; } div.bookmarklet div.bookmarklet_link a div.text span { display: block; padding-top: 10px; padding-right: 10px; padding-left: 6px; clear: both; } /* @end */ /* @group Tooltip */ /* div#Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode { position: absolute; top: 0px; left: 0px; } */ /* @end */ /* @group News */ /* div#news { top: 11px; left: 240px; width: 353px; height: 85px; padding-top: 4px; position: absolute; overflow: hidden; background: url(./images/old/note.png) 1px 3px; } div#news.hidden { display: none; } div#news div.close { display: inline; margin-top: 6px; margin-left: 17px; float: left; width: 15px; } div#news div.close a { text-decoration: none; color: #929c1b; } div#news div.close a:hover { text-decoration: none; color: #3d420b; } div#news div#newsframe { display: block; overflow: hidden; width: 305px; height: 70px; } div#news div#newsframe iframe { border: 0px; } */ /* --------------------------------------- */ div#news { top: -82px; left: 240px; width: 310px; height: 90px; position: absolute; /* background: url(./images/old/tips/Tips_background.png) 0 -5px; */ background-color: #616474; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); } /* div#news.open { background: url(./images/old/tips/Tips_open.png) 0 -5px; } div#news.hidden { background: url(./images/old/tips/Tips_close.png) 0 -5px; } */ /* div#news div#newsframe { margin-left: 10px; margin-right: 10px; height: 75px; overflow: hidden; } div#news div#newsframe.loading { background: url(./images/old/loading/news.gif) no-repeat center center; } div#news div#newsframe iframe { width: 290px; border: 0px; color: #616474; background-color: #616474; } div#news div.grip { width: 310px; height: 12px; margin-top: 2px; cursor: pointer; } div#news.open div.grip { background: url(./images/old/tips/close.png) no-repeat center 6px; } div#news.hidden div.grip { background: url(./images/old/tips/open.png) no-repeat center 6px; } */ /* @end */ /* @group mainDialog */ div.mainDialog { position: relative; left: -263px; width: 525px; height: 325px; } div.scrollable div.mainDialog { top: 0px; } div.fixed div.mainDialog { top: -118px; } div.mainDialog div.header { height: 55px; background: url(./images/old/cardDialog/background_header.png) no-repeat; } div.mainDialog div.header div.title { padding-top: 16px; padding-left: 20px; padding-right: 20px; } div.mainDialog div.header div.title input { width: 100%; display: block; font-size: 16pt; margin: 0px; border: 0px; padding: 3px 10px; color: #787872; border: 1px solid #cccec0; background-color: #cccec0; } div.mainDialog div.header div.title h3 { display: block; font-size: 16pt; color: #787872; margin: 0px; border: 0px; padding: 3px 10px; } div.mainDialog div.header div.title.selectedField input, div.mainDialog div.header div.title:hover input { border: 1px solid #515247; background-color: #b5b7ab; } div.mainDialog div.header div.title.disabled:hover input { border: 1px solid #cccec0; background-color: #cccec0; } div.mainDialog div.body { padding-top: 0px; padding-left: 10px; padding-right: 9px; min-height: 200px; background: url(./images/old/cardDialog/background_body.png) repeat-y; } div.mainDialog div.body div.mask { display: none; } div.mainDialog.loading div.body div.mask { display: block; position: absolute; top: 55px; left: 10px; right: 9px; bottom: 70px; z-index: 1001; background-color: white; padding-left: 146px; padding-right: 146px; padding-top: 70px; } div.mainDialog.loading div.body .tabPanels { display: none; } div.mainDialog.loading div.body div.mask h3.progressDescription { margin: 0px; text-align: center; padding-bottom: 10px; color: #cccec0; font-size: 14pt; font-weight: normal; } div.loadingBar { height: 22px; width: 214px; background: url(./images/old/loading/loadingBar.gif) no-repeat center top; } div.loadingBar div.loadingBarProgressBox { padding: 2px; } div.loadingBar div.loadingBarProgress { height: 18px; width: 0%; /* background-repeat: no-repeat; */ background-color: rgba(248, 79, 0, 0.6); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /* div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { height: 100%; max-width: 8px; background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0; } div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { position: relative; height: 100%; margin-left: 8px; background: url(./images/old/loading/loadingBarProgress.png) no-repeat right; top: -22px; } */ div.mainDialog div.body div ul { padding: 0px; clear: both; margin: 0px; list-style-type: none; } div.mainDialog div.body div.tabs { height: 20px; } div.mainDialog div.body div.tabs ul.tabs { height: 33px; /* border-bottom: 1px solid #515247;*/ /* background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;*/ background: url(./images/old/cardDialog/tabs_background.png) repeat-x; } div.mainDialog div.body div.tabs ul.tabs li { /* width: 150px; */ height: 32px; font-size: 11pt; text-align: center; border-right: 1px solid #515247; float: left; color: #787872; border-bottom: 1px solid #515247; background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; cursor: pointer; } div.mainDialog div.body div.tabs ul.tabs li div { display: none; } div.mainDialog div.body div.tabs ul.tabs li span { display: block; padding-top: 9px; padding-bottom: 6px; padding-left: 40px; padding-right: 40px; } div.mainDialog div.body div.tabs ul.tabs li:hover { color: #515247; } div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { color: #787872; cursor: default; } div.mainDialog div.body div.tabs ul.tabs li.selected { color: #515247; background-color: #f1f2e9; border-bottom: 1px solid #f1f2e9; cursor: default; } div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { color: #515247; } div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { position: absolute; display: block; top: 63px; left: 140; width: 20px; } div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { position: absolute; display: block; top: 63px; left: 265px; width: 20px; } div.mainDialog div.body div.tabs ul.tabs li.selected div span { padding: 0px; margin: 0px; } div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { cursor: pointer; } div.mainDialog div.body .tabPanels { clear: both; } div.mainDialog div.body ul.tabPanels li.tabPanel { display: none; } div.mainDialog div.body ul.tabPanels li.tabPanel.selected { display: block; } div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { margin: 0px; text-align: center; padding-top: 50px; color: #787872; } div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { margin: 0px 20px 10px; font-size: 10pt; color: b0b0b0; font-style: italic; text-align: center; } div.mainDialog div.footer { height: 70px; background: url(./images/old/cardDialog/background_footer.png) no-repeat 0 -14px; } div.mainDialog div.footer div.buttonArea { padding-left: 40px; padding-right: 40px; padding-top: 15px; } div.mainDialog div.footer div.buttonArea div { padding-left: 20px; padding-right: 20px; float: left; font-weight: bold; color: #787872; } div.mainDialog div.footer div.buttonArea div.disabled { color: #b1b1a8; } div.mainDialog div.footer div.buttonArea div.disabled:hover { color: #b1b1a8; cursor: default; } div.mainDialog div.footer div.buttonArea div:hover { color: #515247; cursor: pointer; } div.mainDialog div.footer div.buttonArea div.save { float: right; } /* @end */ /* @group Card Dialog */ div.addDirectLoginButton { height: 20px; width: 20px ; background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; color: white; font-weight: bold; } div.addDirectLoginButton span { display: block; height: 20px; width: 20px ; } div.addDirectLoginButton:hover { background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; } /* @group Card Dialog - Direct Login */ div.directLoginsComponentContainer { overflow: hidden; /* background-color: green; */ } div.CardDialog div.directLogins { /* background-color: yellow; */ padding-top: 2px; } div.CardDialog div.addNewDirectLoginSplash { margin: 0px 80px; } div.CardDialog div.addNewDirectLoginSplash h3 { color: #aaaaaa; text-align: center; font-weight: normal; font-size: 11pt; } div.CardDialog div.addNewDirectLoginSplash a { display: block; text-decoration: none; margin-left: auto; margin-right: auto; width: 190px; /* color: #787878; */ color: rgba(255, 98, 6, 0.75); text-transform: uppercase; background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; } div.CardDialog div.addNewDirectLoginSplash a span { text-align: center; } div.CardDialog div.addNewDirectLoginSplash a:hover { color: #ff6206; background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat right; } div.CardDialog div.directLoginItem { clear: both; min-height: 32px; padding-left: 10px; padding-top: 4px; padding-bottom: 2px; /* width: 100px; */ max-height: 32px; overflow: hidden; } div.CardDialog div.directLoginItem:hover { background-color: #cccec0; } div.CardDialog div.addDirectLoginListItem { min-height: 32px; padding-left: 10px; padding-top: 4px; padding-bottom: 2px; max-height: 32px; overflow: hidden; background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; } div.CardDialog div.addDirectLoginListItem a { display: block; font-size: 11pt; padding-top: 6px; padding-left: 50px; color: rgba(255, 98, 6, 0.75); text-decoration: none; text-transform: uppercase; } div.CardDialog div.addDirectLoginListItem:hover { background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; color: #ff6206; background-color: #cccec0; } div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { width: 32px; height: 32px; float: left; } div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { float: left; font-size: 11pt; border: 0px; padding: 5px; color: #787872; border: 1px solid #ededeb; background-color: #ededeb; height: 30px; margin-left: 10px; width: 68%; margin-right: 5px; } div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { border: 1px solid #515247; background-color: #b5b7ab; } div.CardDialog div.directLoginItem > div.open { float: left; margin-top: 5px; margin-right: 2px; padding-left: 5px; visibility: hidden; } div.CardDialog div.directLoginItem > div.edit, div.CardDialog div.directLoginItem > div.delete { float: left; margin-top: 5px; margin-left: 3px; padding-left: 5px; visibility: hidden; } div.CardDialog div.directLoginItem > div.open a { display: block; width: 22px; height: 22px; background: url(./images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; } div.CardDialog div.directLoginItem > div.open a:hover { background: url(./images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; } div.CardDialog div.directLoginItem:hover > div.open, div.CardDialog div.directLoginItem:hover > div.edit, div.CardDialog div.directLoginItem:hover > div.delete { visibility: visible; } div.CardDialog div.directLoginItem div.edit span { padding-right: 6px; display: block; } div.CardDialog div.directLoginItem div.open span a, div.CardDialog div.directLoginItem div.edit span a, div.CardDialog div.directLoginItem div.delete span a { font-size: 8pt; color: #666666; text-decoration: none; line-height: 19px; } div.CardDialog div.directLoginItem div.edit:hover { background: url(./images/old/new_background_left.png) no-repeat; } div.CardDialog div.directLoginItem div:hover span a { color: white; } div.CardDialog div.directLoginItem div.edit:hover span { background: url(./images/old/new_background.png) no-repeat right center; } div.CardDialog div.directLoginItem div.delete:hover { background: url(./images/old/delete_background_left.png) no-repeat; } div.CardDialog div.directLoginItem div.delete:hover span { background: url(./images/old/delete_background.png) right; } /* @group Direct Login Editing */ div.CardDialog div.directLoginEditDetail { position: relative; /* background-color: red; */ } /* div.CardDialog div.directLoginEditDetail div.back { float: left; width: 30px; } div.CardDialog div.directLoginEditDetail div.back a { display: block; padding: 5px; text-decoration: none; font-weight: bold; font-size: 14pt; color: #cccec0; background: url(./images/old/cardDialog/back.png) no-repeat 5px 14px; width: 20px; height: 200px; } div.CardDialog div.directLoginEditDetail div.back a:hover { color: #7f7872; background: url(./images/old/cardDialog/back_selected.png) no-repeat 5px 14px; } */ form.directLoginEditingForm div.title, form.directLoginEditingForm div.favicon { padding: 5px 10px; } form.directLoginEditingForm div.title.disabled:hover { background-color: #f1f2e9; } form.directLoginEditingForm div.title:hover, form.directLoginEditingForm div.favicon:hover { background-color: #cccec0; } form.directLoginEditingForm div.title input { /* width: 100%; */ margin: 0px; margin-left: 10px; width: 440px; } form.directLoginEditingForm div.favicon { padding-left: 10px; } /*form.directLoginEditingForm div.favicon img.favicon {*/ form.directLoginEditingForm img.favicon { float: left; width: 32px; height: 32px; } form.directLoginEditingForm div.favicon input { margin-top: 1px; width: 465px; } form.directLoginEditingForm div.disabled:hover input, form.directLoginEditingForm div input { font-size: 11pt; border: 0px; padding: 5px; color: #787872; border: 1px solid #ededeb; background-color: #ededeb; height: 30px; } form.directLoginEditingForm div:hover input { border: 1px solid #515247; background-color: #b5b7ab; } /* @group Bindings */ div.bindings div.binding > span.formFieldName { display: inline-block; width: 140px; overflow: hidden; margin-right: 10px; color: #6b5147; text-overflow: ellipsis; } div.bindings div.binding { padding-bottom: 3px; } div.bindings div.binding > input { margin-right: 10px; background: #cccec0; width: 150px; border: 1px solid #cccec0; } div.bindings div.binding:hover > input { border: 1px solid #cccec0; } div.bindings div.binding > select { font-size: 13pt; } div.bindings div.binding span.fieldLock { display: inline-block; width: 20px; height: 20px; margin-right: 3px; } div.bindings div.binding.showLocked input { background: url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; /* color: black; */ overflow: hidden; background: #cccec0 url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; color: rgba(237, 237, 235, 0.1); } div.bindings div.binding span.fieldLock a { display: none; } div.bindings div.binding.locked span.fieldLock a { display: block; width: 20px; height: 20px; text-decoration: none; background-image: url(./images/old/cardDialog/lock_open.png); } div.bindings div.binding.locked.showLocked span.fieldLock a { background-image: url(./images/old/cardDialog/lock_closed.png); text-decoration: none; } /* @end */ /* @group FormValues */ div.formValues { padding-top: 15px; } div.formValues div.formValue div { margin: 0px; display: inline-block; } div.formValues div.formValue > span.formFieldName { display: inline-table; width: 160px; overflow: hidden; margin-right: 10px; color: #6b5147; } /* @end */ /* @group FormValues */ /* div.formValues { padding-top: 15px; } div.formValues div.formValue > span.formFieldName { display: inline-table; width: 150px; overflow: hidden; margin-right: 35px; color: #6b5147; } div.formValues div.formValue > select { padding-left: 20px; } */ /* @end */ /* @group Panels */ div.directLoginEditing { padding-top: 2px; } div.directLoginEditing div.tabContainer { min-height: 150px; height: 200px; } div.directLoginEditing div.tabContainer > ul.tabs { display: none; } /* div.directLoginEditing li.configuration, div.directLoginEditing li.bindings, div.directLoginEditing li.favicon { padding: 10px; } */ div.directLoginEditing li { padding: 10px; } div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { float: left; width: 320px; height: 125px; font-family: monospace; font-weight: normal; font-size: 8pt; border: 1px solid #ccc; } div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { float: right; } div.directLoginEditing li.configuration > textarea.error { border: 1px solid red; background-color: rgba(255, 0, 0, 0.1); } /* div.directLoginEditing > form.directLoginEditingForm > div.tabContainer { padding-top: 10px; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li { float: left; padding-left: 10px; padding-right: 10px; display: block; font-size: 10pt; color: #787872; cursor: pointer; height: 22px; text-align: center; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; background-color: #cccec0; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:first-child { border-left: 1px solid #aaa; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs { height: 23px; padding-left: 10px; border-bottom: 1px solid #aaa; margin-left: 10px; margin-right: 10px; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li > span { line-height: 23px; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li.selected { color: #6a5147; cursor: default; border-bottom: 1px solid #f1f2e9; background-color: #f1f2e9; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:hover { color: #6a5147; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels { padding-bottom: 5px; margin-left: 10px; margin-right: 10px; } div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels > li.selected { border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } div.directLoginEditing li.configuration { padding: 5px; } div.directLoginEditing li.configuration > textarea { width: 100%; height: 100px; font-family: monospace; font-weight: normal; font-size: 8pt; } */ /* @end */ /* @end */ /* @end */ /* @group Card Dialog FIELDS */ div.CardDialog div.body { padding-bottom: 1px; } div.CardDialog div.body table.fields { width: 100%; padding-top: 8px; padding-bottom: 1px; } div.CardDialog div.body table.fields thead { background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; } div.CardDialog div.body table.fields tfoot { background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; } div.CardDialog div.body table.fields thead th { text-align: left; font-weight: normal; font-size: 9pt; color: #787872; padding-left: 10px; padding-bottom: 3px; /* border-bottom: 1px dotted; */ } div.CardDialog div.body table.fields thead th.fieldStateTH { width: 10px; } div.CardDialog div.body table.fields tbody td.fieldLabel input { width: 130px; } div.CardDialog div.body table.fields thead th.fieldLockTH { width: 10px; } div.CardDialog div.body table.fields tbody td.fieldValue input { width: 280px; } div.CardDialog div.body table.fields thead th.fieldActionTH { width: 30px; } div.CardDialog div.body table.fields thead th.fieldDeleteTH { width: 40px; } div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField { background-color: #cccec0; } div.CardDialog div.body table.fields tbody tr td { font-size: 11pt; color: #787872; height: 35px; } div.CardDialog div.body table.fields tbody tr td input { font-size: 11pt; border: 0px; padding: 5px; color: #787872; border: 1px solid #ededeb; background-color: #ededeb; height: 30px; } /* div.CardDialog div.body table.fields tbody tr td.fieldValue div { margin-right: 10px; } div.CardDialog div.body table.fields tbody tr td.fieldValue div input { width: 100%; } */ div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { background: #ededeb url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; color: #ededeb; color: rgba(237, 237, 235, 0.1); /* color: black; */ /* line-height: 100px; */ overflow: hidden; } div.locked input.value::-moz-selection { background: #ff0000; } div.locked input.value::selection { background: #ff0000; } div.CardDialog div.body table.fields tbody tr.new.selectedField td input, div.CardDialog div.body table.fields tbody tr.new:hover td input, div.CardDialog div.body table.fields tbody tr:hover td input, div.CardDialog div.body table.fields tbody tr.selectedField td input { border: 1px solid #515247; background-color: #b5b7ab; } div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { background: #b5b7ab url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; color: #b5b7ab; color: rgba(237, 237, 235, 0.1); } div.CardDialog div.body table.fields tbody td.fieldLock div { width: 20px; height: 19px; cursor: pointer; } div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { background-image: url(./images/old/cardDialog/lock_closed.png); } div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { background-image: url(./images/old/cardDialog/lock_open.png); } div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { text-decoration: none; visibility: hidden; font-size: 8pt; vertical-align: -13px; color: black; } div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { visibility: visible; } div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { visibility: visible; } div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { color: white; } div.CardDialog div.body div.notes { background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; padding-top: 2px; } div.CardDialog div.body div.notes div { padding-left: 20px; padding-right: 20px; padding-top: 4px; padding-bottom: 4px; } div.CardDialog div.body div.notes div:hover, div.CardDialog div.body div.notes.selectedField div { background-color: #cccec0; } div.CardDialog.loading div.body div.notes div textarea { display: none; } div.CardDialog div.body div.notes div textarea { border: 0; width: 470px; /* width: 100%; height: 100px; min-height: 400px; overflow: hidden; */ color: #787872; border: 1px solid #ededeb; background-color: #ededeb; display: block; line-height: 12pt; min-height: 50px; } div.CardDialog div.body div.notes div:hover textarea, div.CardDialog div.body div.notes.selectedField div textarea { border: 1px solid #515247; background-color: #b5b7ab; } div.CardDialog div.body table.fields tbody tr td.fieldAction { /* background-color: red; */ padding-left: 4px; } div.CardDialog div.body table.fields tbody tr td.fieldAction a { display: inline-block; text-decoration: none; text-align: center; width: 16px; height: 16px; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { background: url(./images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { background: url(./images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { background: url(./images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { background: url(./images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { background: url(./images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; } div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { background: url(./images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; } /* / *div.CardDialog div.body table.fields tbody* / tr.new { background: yellow; } div.CardDialog div.body table.fields tbody tr.new td input { border: 1px solid red; background-color: green; } */ /* @end */ /* @end */ div#disabledZone { display: block; visibility: visible; } div#messageZone { display: block; visibility: visible; } div.CardDialog div.error div.img { margin: 10px; width: 50px; height: 50px; float: left; background-image: url(./images/old/simpleMessageBox/Alert.png); } /* @group Ruler */ /* div.rulerExtraWrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background-color: rgba(255, 0, 0, 0.2); z-index: 24999; } */ div.rulerWrapper { left: -1000px; margin-top: -30px; margin-left: 50%; z-index: 25000; } div.rulerWrapper.fixed { position: fixed; } div.rulerWrapper.scrollable { position: absolute; } div.ruler { /* position: absolute; */ width: 541px; height: 96px; margin-left: -270px; background: url(./images/old/ruler/ruler.png) no-repeat; } div.ruler a { position: absolute; display: block; width: 15px; height: 15px; top: 3px; text-decoration: none; } div.ruler a.exit { margin-left: 2px; background: url(./images/old/ruler/exit.png) no-repeat; } div.ruler a.exit:hover { background: url(./images/old/ruler/exit_selected.png) no-repeat; } div.ruler a.smallButton.previous { right: 16px; background: url(./images/old/ruler/small_previous.png) no-repeat; } div.ruler a.smallButton.previous:hover { cursor: pointer; background: url(./images/old/ruler/small_previous_selected.png) no-repeat; } div.ruler a.smallButton.previous.disabled, div.ruler a.smallButton.previous.disabled:hover { cursor: default; background: url(./images/old/ruler/small_previous_disabled.png) no-repeat; } div.ruler a.smallButton.next { right: 3px; background: url(./images/old/ruler/small_next.png) no-repeat; } div.ruler a.smallButton.next:hover { cursor: pointer; background: url(./images/old/ruler/small_next_selected.png) no-repeat; } div.ruler a.smallButton.next.disabled, div.ruler a.smallButton.next.disabled:hover { cursor: default; background: url(./images/old/ruler/small_next_disabled.png) no-repeat; } div.ruler div.steps, div.ruler div.dots { position: absolute; background-color: rgba(255, 255, 255, 0); margin-left: 30px; margin-right: 30px; } div.ruler div.steps { top: 25px; height: 30px; } div.ruler div.dots { top: 58px; height: 25px; } div.ruler div ul { list-style-type: none; margin: 0px; padding: 0px; } div.ruler div ul li { display: inline-block; vertical-align: top; } div.ruler > div.steps > ul > li:first-child, div.ruler > div.dots > ul > li:first-child { margin-left: 0px; } div.ruler div.steps_3 ul li { margin-left: 135px; } div.ruler div.steps_4 ul li { margin-left: 67px; } div.ruler div.steps_5 ul li { margin-left: 32px; } div.ruler div.steps_6 ul li { margin-left: 12px; } div.ruler div ul li span { font-weight: bold; text-align: center; width: 70px; display: block; font-size: 8pt; overflow: hidden; color: rgba(0, 0, 0, 0.3); } div.ruler div ul li.selected span { color: black; } div.ruler div.dots ul li span { /* text-align: center; width: 26px; margin-left: 22px; margin-right: 22px; height: 25px; background-color: #e57218; */ font-size: 40pt; line-height: 47px; } div.ruler div.marker { position: absolute; top: -3px; /* left: -246px; */ } div.ruler div.marker div.markerBody { width: 77px; height: 97px; background: url(./images/old/ruler/marker.png) no-repeat; } div.ruler div.marker div.next { position: absolute; top: 25px; left: 76px; width: 27px; height: 65px; background: url(./images/old/ruler/next.png) no-repeat -13px; z-index: 26000; } div.ruler div.marker div.next:hover { cursor: pointer; background: url(./images/old/ruler/next.png) no-repeat -2px; } div.ruler div.marker div.disabled { display: none; } div.ruler div.marker div.previous { position: absolute; top: 25px; left: -24px; width: 27px; height: 65px; /* background: url(./images/old/ruler/previous.png) no-repeat 13px 1px; */ background: url(./images/old/ruler/previous.png) no-repeat 18px 1px; z-index: 26000; } div.ruler div.marker div.previous:hover { cursor: pointer; /* background: url(./images/old/ruler/previous.png) no-repeat 2px 1px; */ background: url(./images/old/ruler/previous.png) no-repeat 7px 1px; } /* @end */ div.createNewCardSplash { margin-top: -450px; margin-left: 250px; width: 354px; float: left; height: 186px; text-align: center; background: url(./images/old/main/grid/createNewCardSplash.png) no-repeat; } div.createNewCardSplash:hover { cursor: pointer; background: url(./images/old/main/grid/createNewCardSplash_selected.png) no-repeat; } div.createNewCardSplash span { display: block; padding-top: 130px; font-size: 14pt; color: #9a9586; } div.createNewCardSplash:hover span { color: #605c4e; } /*=============================================*/ div.NewUserCreation div.tabContainer { min-height: 150px; height: 200px; } div.NewUserCreation div.tabContainer > ul.tabs { display: none; } ul.createUserStates li.creating { background: url(./images/old/creatingUser.gif) no-repeat center center; } ul.createUserStates li { height: 100px; } ul.createUserStates li span { display: block; width: 100%; text-align: center; color: #999; font-style: italic; } div.NewUserCreation form.newUserCreationForm ul.tabPanels { padding-top: 10px; } div.NewUserCreation form.newUserCreationForm ul ul { margin-left: auto; margin-right: auto; width: 400px; } div.NewUserCreation form.newUserCreationForm ul.credentials li { height: 45px; } div.NewUserCreation form.newUserCreationForm ul.credentials span.label { text-align: right; display: inline-block; font-size: 12pt; color: #787872; width: 110px; vertical-align: baseline; } div.NewUserCreation form.newUserCreationForm ul.credentials input { font-size: 13pt; color: #787872; height: 35px; margin-left: 15px; padding-left: 5px; } div.NewUserCreation form.newUserCreationForm ul.termsOfService li { padding: 0 0 15 0; } div.NewUserCreation form.newUserCreationForm ul.termsOfService input { display: inline-block; } div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { display: inline-block; text-align: left; font-size: 12pt; color: #787872; width: 350px; vertical-align: top; padding-left: 10px; } div.NewUserCreation form.newUserCreationForm ul.termsOfService a { font-weight: bold; color: #787872; text-decoration: none; } div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { color: #444; } div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { font-size: 16pt; color: green; } div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { font-size: 16pt; color: red; } |