|
|
| Line 1: |
Line 1: |
| /* ????????? ??? ????????? (?????? ???????) */
| | |
|
| |
| .tt1 {
| |
| position: relative;
| |
| color: #DEDEDE;
| |
| }
| |
|
| |
| /*????????? ????? ????? ?????????*/
| |
| .tt2 {
| |
| font-size: 85%;
| |
| background: -moz-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
| |
| background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,44,69,1)), color-stop(50%, rgba(79,113,179,1)), color-stop(100%, rgba(45,44,69,1)));
| |
| background: -webkit-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
| |
| background: linear-gradient(to right, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
| |
| }
| |
|
| |
| .tt1 .tt2 {
| |
| position: absolute;
| |
| display: none;
| |
| width: 200px;
| |
| margin-left: 10px;
| |
| padding-left: 10px;
| |
| padding-right: 10px;
| |
| border: 3px solid #16FFF7;
| |
| box-shadow: 3px 3px 6px #12EDED;
| |
| }
| |
|
| |
| .tt2-l {
| |
| top: 0;
| |
| left: 70px;
| |
| }
| |
|
| |
| .tt2-fix {
| |
| top: 0;
| |
| right: 70px;
| |
| }
| |
|
| |
| .tt2-b {
| |
| bottom: -65px;
| |
| left: 70px;
| |
| }
| |
|
| |
| .tt2-b-fix {
| |
| bottom: -65px;
| |
| right: 70px;
| |
| }
| |
|
| |
| .tt1:hover .tt2 {
| |
| display: block;
| |
| z-index: 1000;
| |
| }
| |