Add version files and new GIF images for UI components

This commit is contained in:
2025-04-03 06:26:44 +07:00
commit 663c28a2ea
5219 changed files with 772528 additions and 0 deletions

View File

@ -0,0 +1,573 @@
/*
Product Name: dhtmlxSuite
Version: 5.2.0
Edition: Professional
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/
/*
skin detected: dhx_terrace
include extra file: skins/dhx_terrace.less
*/
.dhxsidebar_base_dhx_terrace {
position: relative;
cursor: default;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont {
position: absolute;
cursor: default;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side {
position: absolute;
left: 0px;
top: 0px;
background-color: #f5f5f5;
border-style: solid;
border-color: #cccccc;
border-width: 1px 1px 0px 1px;
overflow: hidden;
z-index: 5;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items {
position: absolute;
width: 100%;
overflow: hidden;
box-sizing: border-box;
-ms-touch-action: none;
-webkit-transition: top 0.2s;
-moz-transition: top 0.2s;
-ms-transition: top 0.2s;
-o-transition: top 0.2s;
transition: top 0.2s;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item {
position: relative;
padding: 0px 10px;
z-index: 1;
cursor: default;
margin: 1px 0px;
background-color: #f5f5f5;
overflow: hidden;
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-touch-callout: none;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden {
height: 0px !important;
margin: 0px 0px;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover {
background-color: #f0f0f0;
z-index: 2;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
z-index: 3;
background-color: #fff3a1;
color: black;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
position: absolute;
left: 9px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
position: absolute;
left: 0px;
top: 0px;
height: inherit;
line-height: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
position: absolute;
width: 15px;
height: 15px;
line-height: 14px;
right: 5px;
top: 5px;
border-radius: 10px;
background-color: #f5f5f5;
border: 1px solid #333333;
font-family: Tahoma;
font-size: 10px;
text-align: center;
font-weight: normal;
color: #333333;
cursor: default;
overflow: hidden;
z-index: 1;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble {
background-color: #f0f0f0;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble {
background-color: #fff3a1;
color: black;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep {
position: relative;
height: 1px;
margin: 1px 0px;
overflow: hidden;
background-color: #e8e8e8;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover {
background-color: #f5f5f5;
z-index: 1;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected {
z-index: 3;
background-color: #fff3a1;
color: black;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item {
height: 27px;
line-height: 27px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
top: 5px;
width: 16px;
height: 16px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
padding-left: 34px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item {
height: 47px;
line-height: 47px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
top: 7px;
width: 32px;
height: 32px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
padding-left: 50px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble {
top: 15px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item {
height: 47px;
line-height: 47px;
text-align: center;
padding-left: 4px;
padding-right: 4px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
position: relative;
display: inline;
left: 0px;
top: 7px;
width: 32px;
height: 32px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item {
height: 66px;
line-height: 1em;
text-align: center;
padding-left: 4px;
padding-right: 4px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon {
position: relative;
display: inline;
left: 0px;
top: 4px;
width: 32px;
height: 32px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
position: relative;
display: block;
height: 16px;
margin-top: 10px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item {
height: 27px;
line-height: 27px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text {
padding-left: 14px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar {
position: absolute;
background-color: #ffffff;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: default;
z-index: 0;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar {
border-top-color: #ffffff;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
position: absolute;
border-style: solid;
border-color: #cccccc;
border-width: 1px 1px 1px 0px;
overflow: hidden;
z-index: 0;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
border-width: 0px;
padding: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def {
position: relative;
overflow: hidden;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 8px 8px 0px 8px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_no_borders {
position: relative;
overflow: hidden;
padding-left: 8px;
padding-bottom: 8px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhtmlxMenu_dhx_terrace_Middle {
padding: 0px 2px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def {
position: relative;
overflow: hidden;
padding: 8px 8px 0px 8px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_no_borders {
padding-left: 8px;
padding-bottom: 8px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
position: relative;
overflow: hidden;
padding: 4px 4px 0px 4px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web {
border-width: 0px;
width: auto;
margin: 4px 4px 0px 4px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
border-width: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders {
position: relative;
overflow: hidden;
padding: 0;
padding: 0px 0px 8px 8px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
width: auto;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def {
position: absolute;
bottom: 0px;
width: 100%;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
background-color: #f5f5f5;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
position: relative;
padding: 0px 4px;
height: 24px;
line-height: 24px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
white-space: nowrap;
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
opacity: 0.75;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
z-index: 1;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif');
background-position: center center;
background-repeat: no-repeat;
z-index: 2;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr {
position: relative;
background-color: #f5f5f5;
height: 36px;
line-height: 35px;
font-weight: normal;
overflow: hidden;
cursor: default;
z-index: 1;
border: 1px solid #cccccc;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden {
border-width: 1px 0px 0px 0px;
height: 0px;
line-height: 0px;
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text {
position: relative;
margin: 0px 10px;
overflow: hidden;
white-space: nowrap;
cursor: default;
text-align: left;
height: 100%;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon {
margin-left: 34px !important;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon {
position: absolute;
top: 0px;
left: 10px;
width: 16px;
height: 100%;
background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_side_icon.gif");
background-position: center center;
background-repeat: no-repeat;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar {
border-left-width: 1px;
border-top-width: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders {
border-left-width: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def,
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def,
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def {
border-top-width: 0px;
border-left: 1px solid #cccccc;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide {
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side {
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
-ms-transition: left 0.2s;
-o-transition: left 0.2s;
transition: left 0.2s;
box-shadow: 0px 2px 8px rgba(127,127,127,0.4);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows {
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
-ms-transition: left 0.2s;
-o-transition: left 0.2s;
transition: left 0.2s;
box-shadow: 0px 4px 6px rgba(127,127,127,0.4);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #fff;
z-index: 3;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0.0001;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv {
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows {
position: absolute;
left: 0px;
bottom: 0px;
height: 24px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
font-size: 1px;
overflow: hidden;
z-index: 6;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-ms-touch-action: none;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden {
height: 0px;
border-width: 0px 1px 1px 1px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow {
position: absolute;
width: 50%;
height: 100%;
top: 0px;
font-size: 1px;
overflow: hidden;
z-index: 1;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left {
left: 0px;
border-right: 1px solid #cccccc;
z-index: 2;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image {
background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_up.gif");
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right {
right: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image {
background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_down.gif");
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
font-size: 1px;
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover {
background-color: #f0f0f0;
}
.dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active {
background-color: #ebebeb;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_progress {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: white;
z-index: 3;
opacity: 0.55;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_progress_img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif');
background-position: center center;
background-repeat: no-repeat;
z-index: 4;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_hdr {
position: relative;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_ftr {
position: absolute;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_menu {
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar {
position: relative;
padding-bottom: 10px;
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace {
padding-left: 0px;
padding-right: 0px;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon {
padding-bottom: 10px;
position: relative;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
width: auto;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar {
position: absolute;
background-color: #ffffff;
overflow: hidden;
}
.dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar {
position: relative;
margin-top: 10px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
font-family: Arial, Helvetica;
font-size: 13px;
color: #333333;
padding: 3px 4px;
}
.dhxsidebar_skin_detect {
position: absolute;
left: 0px;
top: -100px;
margin: 0;
padding: 0;
border: 0px solid white;
width: 30px;
height: 10px;
overflow: hidden;
}