| -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,3372 +1,3381 @@ /* -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 { |