1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/*==game==*/

/*整個視窗相關*/
#game_window {
 transition:bottom 1.2s, left 1.2s; /*速度*/
 left:-400px; bottom:-575px; /*收起的樣子*/
 height:600px; width:950px; /*出來的樣子*/
 background:#CCCCCCDD; /*背景色*/
 border-radius:15px; /*圓角*/
 padding:20px;} /*邊框*/

#game_window:hover { bottom:0; left:0; } /*請不要刪掉不然滑鼠過去出不來*/

/*左側相關*/
#game_box, #game_chat_logs, #game_setup {
 background-color:#fffA; /*背景*/
 border-radius:15px;} /*圓角*/

/*按鈕離旁邊的距離*/
#game_play_button { bottom:10px; right:30px; } 

/*輸入相關*/
#game_window:hover #game_input { bottom:70px; left:25px; } /*輸入框滑鼠過去後的位置*/
#game_input { transition:bottom 1.2s, left 1.2s; bottom:calc(100% - 20px); left:calc(100% + 5px); } /*輸入框在外面的位置跟速度*/
#game_input_can_send { bottom:68px; left:340px; } /*可否按enter輸入的按鈕位置*/