/* place overall style hooks here */
/* Make chrome items appear to be non-selectable */
::selection {
background: transparent;
color: inherit;
}
body {
margin:0px;
-webkit-user-select:none;
}
#StatusBarChromeId {
height: 26px;
}
#UrlSearchChromeId, #TitleUrlId {
height: 44px;
padding-top: 5px;
border-top-width: 0px;
border-top-color: #646f85;
color:black;
background-color: white;
border-bottom-color: #b0c4de;
}
/*
#ToolbarChromeId {
height: 50px;
}
*/
#WindowCountBarId {
height: 26px;
}
/* White-washed overlay. */
#ShadingOverlayId {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
overflow:hidden;
left: 0;
right: 0;
top: 0;
opacity: 0.7;
z-index:-10;
display: block;
}
/* Toolbar CSS */
#WebViewToolbarId, #WindowViewToolbarId, #RecentUrlViewToolbarId, #BookmarkViewToolbarId, #SettingsViewToolbarId {
height:58px;
width:100%;
/* Need to specify border-style for width to have effect*/
border-style:solid;
border-top-color:#2A3447;
border-top-width:3px;
padding-top:4px;
}
.ButtonSnippet {
height: 58px;
width:58px;
}