diff --git a/game.php b/game.php index fc10f2c..1ef088e 100644 --- a/game.php +++ b/game.php @@ -55,159 +55,22 @@ if (!isset($_SESSION['uid'])) header("Location: index.php"); padding: 5px; } + header { + text-align: right; + } + #game, #chat { overflow: auto; } - /*************** SCROLLBAR BASE CSS ***************/ - - .scroll-wrapper { - overflow: hidden !important; - padding: 0 !important; - position: relative; + a img { + border: 1px solid #fff; + transition: box-shadow 0.5s ease; + margin: 5px; } - - .scroll-wrapper > .scroll-content { - border: none !important; - box-sizing: content-box !important; - height: auto; - left: 0; - margin: 0; - max-height: none; - max-width: none !important; - overflow: scroll !important; - padding: 0; - position: relative !important; - top: 0; - width: auto !important; + a img:hover { + box-shadow: 0 0 7px slategray; } - - .scroll-wrapper > .scroll-content::-webkit-scrollbar { - height: 0; - width: 0; - } - - .scroll-element { - display: none; - } - .scroll-element, .scroll-element div { - box-sizing: content-box; - } - - .scroll-element.scroll-x.scroll-scrollx_visible, - .scroll-element.scroll-y.scroll-scrolly_visible { - display: block; - } - - .scroll-element .scroll-bar, - .scroll-element .scroll-arrow { - cursor: default; - } - - .scroll-textarea { - border: 1px solid #cccccc; - border-top-color: #999999; - } - .scroll-textarea > .scroll-content { - overflow: hidden !important; - } - .scroll-textarea > .scroll-content > textarea { - border: none !important; - box-sizing: border-box; - height: 100% !important; - margin: 0; - max-height: none !important; - max-width: none !important; - overflow: scroll !important; - outline: none; - padding: 2px; - position: relative !important; - top: 0; - width: 100% !important; - } - .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { - height: 0; - width: 0; - } - - /*************** SCROLLBAR MAC OS X ***************/ - - .scrollbar-macosx > .scroll-element, - .scrollbar-macosx > .scroll-element div - { - background: none; - border: none; - margin: 0; - padding: 0; - position: absolute; - z-index: 10; - } - - .scrollbar-macosx > .scroll-element div { - display: block; - height: 100%; - left: 0; - top: 0; - width: 100%; - } - - .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } - .scrollbar-macosx > .scroll-element .scroll-bar { - background-color: #6C6E71; - display: block; - - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - opacity: 0; - - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; - - -webkit-transition: opacity 0.2s linear; - -moz-transition: opacity 0.2s linear; - -o-transition: opacity 0.2s linear; - -ms-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; - } - .scrollbar-macosx:hover > .scroll-element .scroll-bar, - .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); - opacity: 0.7; - } - - - .scrollbar-macosx > .scroll-element.scroll-x { - bottom: 0px; - height: 0px; - left: 0; - min-width: 100%; - overflow: visible; - width: 100%; - } - - .scrollbar-macosx > .scroll-element.scroll-y { - height: 100%; - min-height: 100%; - right: 0px; - top: 0; - width: 0px; - } - - /* scrollbar height/width & offset from container borders */ - .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } - .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } - - .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } - .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } - - .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } - .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } - - /* update scrollbar offset if both scrolls are visible */ - .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } - .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } @@ -223,8 +86,8 @@ if (!isset($_SESSION['uid'])) header("Location: index.php"); -
- + +