[exs] , , [/exs]
.chatPeopleTitle {/* , , */ position:fixed; /* */ top: 40px; /* */ left: 2px; /* */ background:DarkRed ; /* */ width: 70px; /* */ height: 8px; /* */ font: 10px Arial; /* */ color: #fff; /* */ text-align: center; /* */ padding: 3px; /* */ -webkit-transition-duration: 0.3s; /* */ -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; /* */ -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .chatMain .chatPeople { position:center center; /* */ top: 10px; /* */ left: -190px; /* */ background: lavender;background-image: url(" - "); border-image-width: 3px; border: 1px solid #ff5722;/* */ border-image-slice: 35; border-image-repeat: stretch; box-shadow: -2px -2px -2px #B1F4F8, -4px -4px -4px #B1F4F8, -8px -8px -8px #B1F4F8, -16 -16 -16px #2F2BAD, -32 -32 -32px #2F2BAD; /* */ color: #000; /* */ width: 180px;auto; /* */ height: auto; /* */ padding: 10px; /* */ text-align: left; /* */ /*------*/ -webkit-transition-duration: 0.3s; /* */ -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; /* */ -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .chatMain .chatPeople:hover { left: 220px; /* 200px + 20px */ } .chatMain .chatPeople:hover { left: 0; /* */ } .chatMain .chatMessages, .chatMain .chatPrivateMessages { width:100%; }
: ,css