48 lines
5.1 KiB
CSS
48 lines
5.1 KiB
CSS
body{margin:0;padding:0;height:100%}
|
|
*{margin:0;padding:0;outline:0}
|
|
img{border:none}
|
|
#footpanel{color:#fff;font-size:10px;font-weight:400;font-family:Arial,Helvetica,sans-serif,Verdana;position:fixed;bottom:0;left:0;z-index:9999;border:0;border-bottom:none;width:100%;margin:0 0;background-color:#036;background-image:-ms-linear-gradient(left,#036 0,#036 5%,#7591AC 69%,#036 100%);background-image:-moz-linear-gradient(left,#036 0,#036 5%,#7591AC 69%,#036 100%);background-image:-o-linear-gradient(left,#036 0,#036 5%,#7591AC 69%,#036 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#036),color-stop(.05,#036),color-stop(.69,#7591AC),color-stop(1,#036));background-image:-webkit-linear-gradient(left,#036 0,#036 5%,#7591AC 69%,#036 100%);background-image:linear-gradient(left,#036 0,#036 5%,#7591AC 69%,#036 100%)}
|
|
*html #footpanel{margin-top:-1px;position:absolute;top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))}
|
|
#footpanel ul{padding:0;margin:0;float:left;width:100%;list-style:none;border-top:1px solid #556672;font-size:1.1em}
|
|
#footpanel ul li{padding:0;margin:0;float:left;position:relative}
|
|
#footpanel ul li a{padding:5px;float:left;height:16px;width:16px;text-decoration:none;color:#fff;position:relative}
|
|
html #footpanel ul li a:hover{background-color:#fff;color:#000}
|
|
html #footpanel ul li a.active{background-color:#fff;color:#000;margin-top:0;z-index:200;position:relative}
|
|
#langpanel a.lang{border-left:1px solid #555}
|
|
#powerpanel a.active{border-left:1px solid #555}
|
|
#alertpanel a{border-right:1px solid #555}
|
|
#alertpanel a:hover{border-right:1px solid #fff}
|
|
#alertpanel a.active{border-right:1px solid #555}
|
|
#footpanel a.home{background:url(home.png) no-repeat 15px center;width:50px;padding-left:40px;border-right:1px solid #147;text-indent:0}
|
|
a.profile{background:url(user.png) no-repeat center center}
|
|
a.contacts{background:url(address_book.png) no-repeat center center}
|
|
a.playlist{background:url(document_music_playlist.png) no-repeat center center}
|
|
a.videos{background:url(film.png) no-repeat center center}
|
|
a.messages{background:url(mail.png) no-repeat center center}
|
|
a.editprofile{background:url(wrench_screwdriver.png) no-repeat center center}
|
|
a.alerts{background:url(newspaper.png) no-repeat center center}
|
|
#footpanel li#alertpanel,#footpanel li#justfootpanel,#footpanel li#langpanel,#footpanel li#powerpanel,#footpanel li#uidpanel{float:right}
|
|
#footpanel a small{text-align:center;width:70px;background:url(pop_arrow.gif) no-repeat center bottom;padding:5px 5px 11px;display:none;color:#fff;font-size:1em;text-indent:0}
|
|
#footpanel a:hover small{display:block;position:absolute;top:-35px;left:50%;margin-left:-40px;z-index:9999}
|
|
#footpanel ul li div a{text-indent:0;width:auto;height:auto;padding:0;float:none;color:#00629a;position:static}
|
|
#footpanel ul li div a:hover{text-decoration:underline}
|
|
#footpanel .subpanel{position:absolute;left:0;bottom:25px;display:none;width:182px;border:1px solid #555;border-bottom:0;background:#fff;overflow:hidden;padding-bottom:2px}
|
|
#footpanel h3{border:1px solid #fff;border-bottom-color:#3f658c;background:#cfe0f1;font-family:Arial;font-size:11pt;font-style:normal;font-variant:normal;font-weight:400;padding:5px 10px;color:#000;cursor:pointer;background-image:-ms-linear-gradient(top,#CFE0F1 0,#a2c2e4 100%);background-image:-moz-linear-gradient(top,#CFE0F1 0,#a2c2e4 100%);background-image:-o-linear-gradient(top,#CFE0F1 0,#a2c2e4 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#CFE0F1),color-stop(1,#a2c2e4));background-image:-webkit-linear-gradient(top,#CFE0F1 0,#a2c2e4 100%);background-image:linear-gradient(top,#CFE0F1 0,#a2c2e4 100%);background-repeat:no-repeat}
|
|
#footpanel h3 span{font-size:1.5em;float:right;line-height:.6em;font-weight:400}
|
|
#footpanel .subpanel ul{padding:0;margin:0;background:#fff;width:100%;overflow:auto}
|
|
#footpanel .subpanel li{float:none;display:block;padding:0;margin:0;overflow:hidden;clear:both;background:#fff;position:static;font-size:.9em}
|
|
#langpanel .subpanel li a img{float:left;margin:0 5px}
|
|
#powerpanel .subpanel li span{padding:5px;background:#fff;color:#777;float:left}
|
|
#powerpanel .subpanel li a img{float:left;margin:0 5px}
|
|
#powerpanel .subpanel li a{padding:2px 0;margin:0;line-height:24px;height:24px;background:#fff;display:block}
|
|
#powerpanel .subpanel li a:hover{background:#3b5998;color:#fff;text-decoration:none}
|
|
#powerpanel .subpanel li a span{background-color:transparent}
|
|
#powerpanel .subpanel li tr:hover{cursor:pointer}
|
|
#alertpanel .subpanel{right:0;left:auto;width:230px}
|
|
#alertpanel .subpanel table{float:none;display:block;padding:0;margin:0;overflow:hidden;clear:both;background:#fff;position:static;font-size:.9em;width:100%}
|
|
#alertpanel .subpanel table tr{padding:3px 0;margin:0;line-height:32px;height:32px;background:#fff;color:#06C;font-size:.9em}
|
|
#alertpanel .subpanel table :hover{background:#3b5998;color:#fff;text-decoration:none}
|
|
#healthsubpanel.subpanel{width:auto}
|
|
#healthsubpanel.subpanel img{vertical-align:baseline}
|
|
#healthsubpanel.subpanel td{padding-right:8px}
|
|
#healthtitle{margin:0} |