582 lines
12 KiB
CSS
582 lines
12 KiB
CSS
/*
|
|
|
|
Copyright 2008-2011 Clipperz Srl
|
|
|
|
This file is part of Clipperz Community Edition.
|
|
Clipperz Community Edition is an 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 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.
|
|
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/>.
|
|
|
|
*/
|
|
|
|
.ygrid-cell-text {
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 3px 5px;
|
|
white-space: nowrap;
|
|
}
|
|
.ygrid-col{
|
|
cursor: default;
|
|
height:21px !important;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
position:absolute;
|
|
display:block;
|
|
-moz-outline: none;
|
|
-moz-user-focus: normal;
|
|
overflow: hidden;
|
|
border-left: 1px solid #f1efe2;
|
|
}
|
|
.yeditgrid .ygrid-col{
|
|
-moz-outline: normal;
|
|
}
|
|
.ygrid-col, .ygrid-hd {
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ygrid-col-0{
|
|
border-left: 0;
|
|
}
|
|
.ygrid-col-last{
|
|
border-right: 1px solid #f1efe2;
|
|
}
|
|
.ygrid-editor{
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
position:absolute;
|
|
visibility:hidden;
|
|
font: normal 8pt arial;
|
|
border: 1px solid #afbdc9;
|
|
z-index:10;
|
|
}
|
|
.ygrid-editor input{
|
|
font: normal 8pt arial;
|
|
border: 0;
|
|
padding-top:2px;
|
|
padding-left:3px;
|
|
}
|
|
.ygrid-editor-container{
|
|
overflow:hidden;
|
|
display:block;
|
|
background-color:white;
|
|
}
|
|
.ygrid-editor .pick-button{
|
|
width:15px;
|
|
height:20px;
|
|
position:absolute;
|
|
display:block;
|
|
right:0;
|
|
top:0;
|
|
z-index:2;
|
|
background-image: url(../images/default/grid/pick-button.gif);
|
|
background-repeat: no-repeat;
|
|
}
|
|
.ygrid-editor-invalid{
|
|
background-image: url(../images/default/grid/invalid_line.gif);
|
|
background-repeat: repeat-x;
|
|
background-position: bottom;
|
|
border: 1px solid #afbdc9;
|
|
}
|
|
.ygrid-checkbox-editor{
|
|
text-align: center;
|
|
overflow:hidden;
|
|
display:block;
|
|
background-color:white;
|
|
}
|
|
.ygrid-checkbox-editor input{
|
|
margin-top:3px;
|
|
height:13px;
|
|
width:13px;
|
|
}
|
|
select.ygrid-editor{
|
|
padding: 0;
|
|
-moz-outline: none;
|
|
border: 1px solid #afbdc9;
|
|
}
|
|
.ygrid-num-editor{
|
|
text-align:right;
|
|
padding-top:2px;
|
|
padding-left:3px;
|
|
}
|
|
.ygrid-text-editor{
|
|
padding-top:2px;
|
|
padding-left:3px;
|
|
}
|
|
.ygrid-hd{
|
|
font: normal 8pt arial;
|
|
background-color: #ebeadb;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
display: block;
|
|
position: absolute;
|
|
overflow:hidden;
|
|
}
|
|
.ygrid-column-sizer {
|
|
width:1px;
|
|
border-right:1px dashed #6593cf;
|
|
background:none;
|
|
cursor: col-resize;
|
|
}
|
|
.ygrid-drag-proxy{
|
|
width:150px;
|
|
height:24px;
|
|
background-color:#3366cc;
|
|
border: 1px solid #002266;
|
|
position:absolute;
|
|
visibility:hidden;
|
|
z-index:10000;
|
|
}
|
|
.ygrid-drag-text{
|
|
font: normal 8pt arial;
|
|
color:white;
|
|
position:absolute;
|
|
top:0;
|
|
left:26px;
|
|
padding:3px;
|
|
display:block;
|
|
}
|
|
.ygrid-drop-icon{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
display:block;
|
|
width:24px;
|
|
height:100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.ygrid-drop-nodrop{
|
|
background-image: url(../images/default/grid/drop-no.gif);
|
|
}
|
|
.ygrid-drop-ok{
|
|
background-image: url(../images/default/grid/drop-yes.gif);
|
|
}
|
|
.ygrid-hd .sort-asc {
|
|
background-image: url(../images/default/grid/sort_asc.gif);
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
height: 14px;
|
|
width: 16px;
|
|
}
|
|
.ygrid-hd .sort-desc {
|
|
background-image: url(../images/default/grid/sort_desc.gif);
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
height: 14px;
|
|
width: 16px;
|
|
}
|
|
.ygrid-hd-body {
|
|
cursor: default;
|
|
display: block;
|
|
font: normal 8pt arial;
|
|
left: 0;
|
|
overflow: hidden;
|
|
padding: 3px 5px;
|
|
position: relative;
|
|
top: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.ygrid-hd-body span {
|
|
font: normal 8pt arial;
|
|
white-space: nowrap;
|
|
}
|
|
.ygrid-hd-over{
|
|
border-bottom: 2px solid #fcc247;
|
|
}
|
|
.ygrid-hd-over .ygrid-hd-body{
|
|
background-color: #faf9f4;
|
|
border-bottom: 1px solid #f9a900;
|
|
}
|
|
.ygrid-hd-split {
|
|
background-image: url(../images/default/grid/grid-split.gif);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
cursor: e-resize;
|
|
display: block;
|
|
font-size: 1px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 2px;
|
|
width: 6px;
|
|
z-index: 3;
|
|
}
|
|
.ygrid-hrow{
|
|
background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;
|
|
display: block;
|
|
height: 22px;
|
|
left: 0;
|
|
position: relative;
|
|
top: 0;
|
|
width: 10000px;
|
|
overflow:hidden;
|
|
z-index:2;
|
|
}
|
|
.ygrid-hrow-frame{
|
|
height: 22px;
|
|
left: 0;
|
|
display:block;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 10000px;
|
|
z-index:1;
|
|
}
|
|
.ygrid-footer .ytoolbar{
|
|
border:0;
|
|
}
|
|
.ygrid-page-number{
|
|
width:24px;
|
|
height:14px;
|
|
}
|
|
.ygrid-page-first{
|
|
background-image: url(../images/default/grid/page-first.gif);
|
|
}
|
|
.ygrid-loading{
|
|
background-image: url(../images/default/grid/done.gif);
|
|
}
|
|
.ygrid-page-last{
|
|
background-image: url(../images/default/grid/page-last.gif);
|
|
}
|
|
.ygrid-page-next{
|
|
background-image: url(../images/default/grid/page-next.gif);
|
|
}
|
|
.ygrid-page-prev{
|
|
background-image: url(../images/default/grid/page-prev.gif);
|
|
}
|
|
.ytb-button-disabled .ygrid-loading{
|
|
background-image: url(../images/default/grid/loading.gif);
|
|
}
|
|
.ytb-button-disabled .ygrid-page-first{
|
|
background-image: url(../images/default/grid/page-first-disabled.gif);
|
|
}
|
|
.ytb-button-disabled .ygrid-page-last{
|
|
background-image: url(../images/default/grid/page-last-disabled.gif);
|
|
}
|
|
.ytb-button-disabled .ygrid-page-next{
|
|
background-image: url(../images/default/grid/page-next-disabled.gif);
|
|
}
|
|
.ytb-button-disabled .ygrid-page-prev{
|
|
background-image: url(../images/default/grid/page-prev-disabled.gif);
|
|
}
|
|
.ygrid-mso{
|
|
}
|
|
.ygrid-mso .ygrid-hd{
|
|
background:none;
|
|
border-bottom:0;
|
|
}
|
|
.ygrid-mso .ygrid-footer {
|
|
border-top: 1px solid #6593cf;
|
|
}
|
|
|
|
.ygrid-mso .ygrid-footer .ygrid-fbutton{
|
|
border:0;
|
|
}
|
|
.ygrid-mso .ygrid-hd-body {
|
|
border-bottom:0;
|
|
}
|
|
.ygrid-mso .ygrid-hd-over{
|
|
border-bottom:0;
|
|
}
|
|
.ygrid-mso .ygrid-hd-over .ygrid-hd-body{
|
|
background-color: transparent;
|
|
}
|
|
.ygrid-mso .ygrid-hd-split {
|
|
background-image: url(../images/default/grid/grid-blue-split.gif);
|
|
}
|
|
.ygrid-mso .ytoolbar .ytb-sep {
|
|
background-image: url(../images/default/grid/grid-blue-split.gif);
|
|
}
|
|
.ygrid-mso .ygrid-hrow{
|
|
background: url(../images/default/grid/mso-hd.gif);
|
|
border-bottom: 1px solid #6593cf;
|
|
height: 21px;
|
|
}
|
|
.ygrid-mso .ygrid-row{
|
|
color: black;
|
|
border-bottom: 1px solid #ddecfe;
|
|
}
|
|
.ygrid-mso .ygrid-row-alt{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ygrid-mso .ygrid-row-selected{
|
|
background-color: #b3c8e8 !important;
|
|
color: black;
|
|
}
|
|
.ygrid-mso .ygrid-row-selected span{
|
|
color: black !important;
|
|
}
|
|
.yprops-grid .ygrid-col-1{
|
|
background-color: #f1efe2;
|
|
}
|
|
.yprops-grid .ygrid-col-1 .ygrid-cell-text{
|
|
background-color: white;
|
|
}
|
|
.yprops-grid .ygrid-col-0{
|
|
background-color: #f1efe2;
|
|
}
|
|
.yprops-grid .ygrid-col-0 .ygrid-cell-text{
|
|
background-color: white;
|
|
margin-left:10px;
|
|
}
|
|
.yprops-grid .ygrid-prop-edting .ygrid-col-0 .ygrid-cell-text{
|
|
background-color: #316ac5;
|
|
color: white;
|
|
}
|
|
.yprops-grid .ygrid-prop-edting .ygrid-col-0{
|
|
color: white;
|
|
}
|
|
.yprops-grid .ygrid-num-editor{
|
|
text-align:left;
|
|
}
|
|
.ygrid-row{
|
|
font: normal 8pt arial;
|
|
border-bottom: 1px solid #f1efe2;
|
|
overflow: visible;
|
|
white-space: nowrap;
|
|
height:21px;
|
|
width:10000px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
display:block;
|
|
position:absolute;
|
|
}
|
|
.ygrid-row-alt{
|
|
background-color: #fcfaf6;
|
|
}
|
|
.ygrid-row-over{
|
|
background-color: #f1f1f1;
|
|
color: black;
|
|
}
|
|
.ygrid-row-selected{
|
|
background-color: #316ac5 !important;
|
|
color: white;
|
|
}
|
|
.ygrid-row-selected span{
|
|
color: white !important;
|
|
}
|
|
.ygrid-vista{
|
|
border:1px solid #535353;
|
|
}
|
|
.ygrid-vista .ygrid-hd{
|
|
border-bottom:0px;
|
|
background:none;
|
|
}
|
|
.ygrid-vista .ygrid-hd-body {
|
|
border-bottom: 1px solid #b3bcc0;
|
|
}
|
|
.ygrid-vista .ygrid-hd-over{
|
|
border-bottom:0px;
|
|
}
|
|
.ygrid-vista .ygrid-hd-over .ygrid-hd-body{
|
|
background-color: transparent;
|
|
border-bottom:0;
|
|
}
|
|
.ygrid-vista .ygrid-hd-split {
|
|
background-image: url(../images/default/grid/grid-split.gif);
|
|
}
|
|
.ygrid-vista .ygrid-hrow{
|
|
background: url(../images/default/grid/grid-vista-hd.gif);
|
|
height: 21px;
|
|
}
|
|
.ygrid-vista .ygrid-row-alt{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ygrid-vista .ygrid-row-selected{
|
|
background-color: #535353 !important;
|
|
color: white;
|
|
}
|
|
.ygrid-vista .ygrid-row-selected span{
|
|
color: white !important;
|
|
}
|
|
.ygrid-vista .ygrid-wrap-body {
|
|
}
|
|
.ygrid-vista .ytoolbar{
|
|
border: 0px none;
|
|
background: url(../images/default/grid/grid-vista-hd.gif);
|
|
}
|
|
.ygrid-vista .ytoolbar .ytb-sep{
|
|
background-image: url(../images/default/grid/grid-split.gif);
|
|
}
|
|
/*
|
|
To have the scrollbars overlap the header, change .ygrid-wrap top style to 0 and
|
|
and ygrid-wrap-body top to 22px
|
|
Then grid.getView().scrollbarMode = YAHOO.ext.grid.GridView.SCROLLBARS_OVERLAP;
|
|
*/
|
|
.ygrid-wrap {
|
|
height: 100%;
|
|
left: 0;
|
|
overflow: auto;
|
|
position: relative;
|
|
top: 22px;
|
|
width: 100%;
|
|
}
|
|
.ygrid-footer{
|
|
display: block;
|
|
padding:0;
|
|
border-top: 1px solid #cbc7b8;
|
|
}
|
|
.ygrid-wrap-footer {
|
|
display: block;
|
|
overflow: hidden;
|
|
width:100%;
|
|
height:25px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
background-color: #ebeadb;
|
|
position:absolute;
|
|
bottom:0;
|
|
}
|
|
.ygrid-wrap-body {
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
display: block;
|
|
}
|
|
.ygrid-wrap-headers {
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 12;
|
|
}
|
|
.ypopcal{
|
|
background: white;
|
|
padding:2px;
|
|
border: 1px solid gray;
|
|
z-index:12001;
|
|
-moz-outline:none;
|
|
position:absolute;
|
|
display:none;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
.ypopcal-shadow {
|
|
background: #dddddd;
|
|
filter: progid:DXImageTransform.Microsoft.Blur(MakeShadow=true,pixelradius=1) Alpha(opacity=35,style=1,startX=0,finishX=200,FinishOpacity=35);
|
|
padding: 0;
|
|
position:absolute;
|
|
z-index:12000;
|
|
display:none;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
.ypopcal-head{
|
|
width:150px;
|
|
background: #93b5e4;
|
|
}
|
|
.ypopcal-head td{
|
|
padding:1px;
|
|
}
|
|
.ypopcal-month{
|
|
color: white;
|
|
font: bold 7pt verdana;
|
|
text-decoration: none;
|
|
text-align:center;
|
|
}
|
|
.ypopcal-head .ypopcal-arrow{
|
|
width:16px;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
.ypopcal-head .next-month{
|
|
width:16px;
|
|
background-image: url(../images/default/grid/arrow-right-white.gif);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
cursor:pointer;
|
|
}
|
|
.ypopcal-head .prev-month{
|
|
width:16px;
|
|
background-image: url(../images/default/grid/arrow-left-white.gif);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.ypopcal-table {
|
|
background:white;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
.ypopcal-table tr{
|
|
|
|
}
|
|
.ypopcal-table td{
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
border: 1px solid white;
|
|
text-align:right;
|
|
color:#aaaaaa;
|
|
cursor:pointer;
|
|
font:normal 8pt arial;
|
|
background:white;
|
|
padding:1px 2px;
|
|
width:12px;
|
|
height:12px;
|
|
}
|
|
.ypopcal-table td.today{
|
|
border: 1px solid darkred;
|
|
}
|
|
.ypopcal-table .ypopcal-daynames td{
|
|
text-align:center !important;
|
|
border:0;
|
|
border-bottom: 1px solid #cccccc;
|
|
font-size: 8pt;
|
|
font-weight: normal;
|
|
text-align:right;
|
|
color:black;
|
|
cursor:default;
|
|
}
|
|
.ypopcal-table td.active{
|
|
cursor:pointer;
|
|
color:black;
|
|
}
|
|
.ypopcal-table td.ypopcal-disabled{
|
|
cursor:default;
|
|
background:#eeeeee;
|
|
border: 1px solid #eeeeee;
|
|
color:#bbbbbb;
|
|
}
|
|
.ypopcal-table td.selected{
|
|
background: #ddecfe;
|
|
border: 1px solid #c3daf9;
|
|
}
|
|
.ypopcal-today{
|
|
color: black;
|
|
cursor: hand;
|
|
display: inline-block;
|
|
font: normal 8pt arial;
|
|
margin-left: 2px;
|
|
text-decoration: none;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.ygrid-simple-view .ygrid-col{
|
|
height:100% !important;
|
|
position:static;
|
|
display:table-cell;
|
|
display:inline-block;
|
|
}
|
|
.ygrid-simple-view .ygrid-row{
|
|
position:static;
|
|
display: table-row;
|
|
}
|