/*
This file sets the window toolbar & site & chat view positions in the wrapper.

WARNING: Do not edit this file! 
To disable the core UI, set "DisableCoreUi" to true in your skin's params.ini
Read the README for more info.
*/

body { background:#111; padding:0; margin:0; }

#TitleBar { position:relative; -webkit-app-region:drag; height:22px; background:linear-gradient(to bottom,#444,#333); border:1px solid rgba(255,255,255,0.1); margin:1px 1px 0 35px; }

.TitleButton { cursor:pointer; display:inline-block; padding:2px; box-shadow:0 0 0 1px rgba(0,0,0,0.5); background:#666; border:1px solid rgba(255,255,255,0.1); }
.TitleButton:hover { background:#888; }

#ChatViewToggleButton { font-size:0; -webkit-app-region:no-drag; position:absolute; top:1px; left:1px; width:32px; box-sizing:border-box; padding:7px; }
#ChatViewToggleButton.SharedMode { }
#ChatViewToggleButton.ChatMode { }
#ChatViewToggleButton.SiteMode { }

#Title { padding:5px; color:#FFD800; text-transform:uppercase; font-weight:bold; font-size: 11px; text-shadow:0 0 1px black; font-family:arial; }
#Title strong { color:#FFD800; }
#Title span { color:#6cb1e1; }

#TitleBarButtons { font-size:0; position:absolute; top:2px; right:2px; -webkit-app-region:no-drag; padding:2px; }
#TitleBarButtons div { margin-left:4px; }

.IconSheet { image-rendering:pixelated; background-image:url(http://files.gamebanana.com/static/img/icon_sheet.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; }		
.IconSheet.GbDesktop { width:8px; height:8px; }
.IconSheet.GbDesktop.MinimizeIcon { background-position:-96px -264px; }
.IconSheet.GbDesktop.MaximizeIcon { background-position:-104px -256px; }
.IconSheet.GbDesktop.CloseIcon { background-position:-104px -272px; }

#ViewsWrapper { position:absolute; top:27px; bottom:1px; left:1px; right:1px; }

#ChatView { position:absolute; top:0; bottom:0; left:0; }
#SiteView { position:absolute; top:0; bottom:0; right:0; }

#ChatView.SharedMode { right:60%; }
#SiteView.SharedMode { left:40%; }

#ChatView.ChatMode { width:80%; box-shadow:15px 0 25px rgba(0,0,0,0.5); }
#SiteView.ChatMode { left:0; opacity:0.5; }

#ChatView.SiteMode { width:32px; }
#SiteView.SiteMode { left:32px; }