123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- html, body
- {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- overflow: hidden;
- }
- .U_Control_Lnav_left a
- {
- text-decoration: none;
- font-family: cursive;
- color: #635e5e;
- padding: 1em 6em;
- display: inline-table;
- font-size: 3em;
- }
- .U_Control_Lnav_body
- {
- width: 100%;
- height: 100%;
- /*background: url("img/bg.jpg");
- background-size: 200% 100%;
- background-repeat: no-repeat;
- background-position: -152px;*/
- background-color:#3a99ea;
- position: relative;
- }
- #U_Control_Lnav_tab
- {
- z-index: 999;
- }
- .U_Control_Lnav_content
- {
- position: absolute;
- bottom: 0;
- width: 100%;
- }
- .U_Control_Lnav_left
- {
- width: 100%;
- height: 9em;
- background-color:White;
- }
- .U_Control_Lnav_left a
- {
- position: relative;
- }
- .U_Control_Lnav_left a:before, .U_Control_Lnav_left a:after
- {
- content: "]";
- position: absolute;
- right: 0;
- transition: transform 0.3s,opacity 0.3s;
- opacity: 0;
- }
- .U_Control_Lnav_left a:after
- {
- right: -0.5em;
- transform: translateX(6em);
- }
- .U_Control_Lnav_left a:before
- {
- transform: translateX(-2em);
- }
- .U_Control_Lnav_left a:hover::after, .U_Control_Lnav_left a:hover::before
- {
- transform: translateX(0px);
- opacity: 1;
- }
- .U_Control_Lnav_touch
- {
- width: 100%;
- height: 100%;
- background:#e4dfdf;
- }
- .U_Control_Lnav_on
- {
- transition: left 0.3s;
- }
- #U_Control_Lnav_shade
- {
- background-color:#222;
- /*opacity:0.5;*/
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0px;
- z-index:998;
- }
- #U_Control_Lnav_Test
- {
- width: 500px;
- height: 200px;
- border: 1px solid #fff;
- background-color: #3a99ea;
- position: absolute;
- top: 300px;
- left: 400px;
- color: white;
- font-size: 60px;
- text-align:center;
- line-height:200px;
- }
|