, . , a.… https://babaka.website

- 24-



.
,

:



:




, ! .


» - 24- » CSS- -Chatovod.ru » 


1 3 3

1

[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

0

2

!!!

0

3


» - 24- » CSS- -Chatovod.ru » 


|