|
/* Linkin Park */
/* Network Bar Stylesheet
----------------------------------------------------------------------------- */
#bar {
width: 100%;
position: relative;
overflow: hidden;
}
#bar div {
clear: none !important;
}
#bar ul.modules, #bar ul.member {
float: left;
height: 24px;
margin: 0;
padding: 9px 0 9px 10px;
list-style-type: none;
}
#bar ul.modules li, #bar ul.member li {
clear: none !important;
width: auto;
float: left !important;
overflow: hidden;
margin-right: 11px;
}
#bar li.logo {
margin-right: 10px !important;
}
#bar ul.modules a, #bar ul.modules a:hover, #bar ul.member a, #bar ul.modules em {
display: block;
overflow: hidden;
height: 25px;
outline: none;
background-position: 0 0;
text-decoration: none;
text-indent: -5000px;
background-repeat: no-repeat;
}
#bar h3 {
float: left;
position: static;
margin: 0;
padding: 0;
width: auto;
height: 25px;
overflow: hidden;
text-indent: 0;
}
#bar h3 a {
width: 49px;
}
#bar a.join {
width: 32px;
}
#bar ul.modules em {
width: 73px;
}
/* Modules
----------------------------------------------------------------------------- */
#bar a.board {
width: 97px;
height: 13px !important;
}
#bar a.lpu {
width: 97px;
height: 12px !important;
margin-bottom: 2px;
}
#bar a.projekt {
width: 111px;
height: 13px !important;
}
#bar a.lp {
width: 92px;
height: 12px !important;
margin-bottom: 2px;
}
#bar a.mtm {
width: 131px;
}
#bar a.liveearth {
width: 90px;
}
#bar a.mfr {
width: 123px;
}
#bar a.theatres {
width: 175px;
}
#bar a.store {
width: 106px;
}
/* Network Widget - Browse Mode - Ring View
----------------------------------------------------------------------------- */
#bar div.widget-network {
width: 57px;
float: left;
padding-top: 16px;
position: relative;
}
#bar div.widget-network h3 {
display: none;
}
#bar ul.actions {
clear: left;
width: auto;
height: 13px;
margin: 0;
padding: 0;
position: static;
}
#bar ul.actions li {
margin: 0;
padding: 0;
}
#bar ul.actions a, #bar ul.actions a:hover {
height: 8px;
}
#bar ul.actions a.back {
width: 33px;
}
#bar ul.actions a.next {
width: 22px;
}
#bar ul.actions a.browse {
display: block;
width: 57px;
position: absolute;
top: 1px;
left: 0;
}
#bar ul.actions a.updated {
width: 87px;
}
#bar ul.actions a.join {
display: none;
}
/* Prompt Bar
----------------------------------------------------------------------------- */
#bar a.create, #bar a.create:hover, #bar a.go, #bar a.go:hover {
clear: left;
height: 20px;
width: 100%;
display: block;
overflow: hidden;
outline: none;
text-decoration: none;
text-indent: -5000px;
}
#bar a.go, #bar a.create {
float: left !important;
}
#bar ul.member {
clear: left;
overflow: hidden;
width: 100%;
height: 20px;
float: none;
padding: 0 0 0 15px;
}
#bar ul.member {
padding-left: 30px !important;
}
#bar ul.member li {
margin: 0;
}
#bar a.update {
width: 37px;
}
#bar a.profile {
width: 49px;
}
#bar a.alliances {
width: 35px;
}
#bar a.site {
width: 34px;
}
/* Clique Sign In
----------------------------------------------------------------------------- */
#clique {
width: 137px;
height: 15px;
background: url(../images/bar/bg-login.png) 0 -33px no-repeat;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 18px 0 0 42px;
list-style-type: none;
float: left;
}
body.public #clique {
width: 179px;
height: 33px;
background-position: 0 0;
padding: 0;
}
body.public #clique li a {
width: 179px;
height: 33px;
display: block;
text-indent: -5000px;
}
#clique li {
float: left;
}
#clique li.account {
width: 48px;
height: 12px;
overflow: hidden;
}
#clique li.signout {
width: 51px;
height: 12px;
overflow: hidden;
}
#clique li.account {
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #fff;
}
#clique li a {
height: 12px;
background-repeat: no-repeat;
display: block;
text-indent: -5000px;
}
#clique li.account a {
width: 48px;
background-image: url(../images/bar/a-account.gif);
}
#clique li.signout a {
width: 51px;
background-image: url(../images/bar/a-signout.gif);
}
|
