password-manager-mirror/frontend/beta/css/yui-extensions/grid.css

/*

Copyright 2008-2011 Clipperz Srl

This file is part of Clipperz's Javascript Crypto Library.
Javascript Crypto Library provides web developers with an extensive
and efficient set of cryptographic functions. The library aims to
obtain maximum execution speed while preserving modularity and
reusability.
For further information about its features and functionalities please
refer to http://www.clipperz.com

* Javascript Crypto Library 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.

* Javascript Crypto Library 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 Javascript Crypto Library.  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;
}