web/public/assets/main/css/netbar.css

987 lines
18 KiB
CSS

body {
margin: 0;
padding: 0;
}
div.openX_interstitial div.openX_int_closeButton a {
text-indent: -4000px;
float: right;
height: 23px;
width: 23px;
display: block;
background: transparent url(http://gameforge.com/cdn/img/netbar/close_x.png) repeat-x;
}
#mmonetbar {
background: transparent url(../img/netbar/netbar.bg.png) repeat-x;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
height: 32px;
left: 0;
padding: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
/*z-index: 3000;*/
}
#mmonetbar #mmoContent {
height: 32px;
margin: 0 auto;
width: 1024px;
position: relative;
}
#mmonetbar .mmosmallbar {
width: 585px !important;
}
#mmonetbar .mmosmallbar div.mmoBoxMiddle {
width: 290px;
}
#mmonetbar .mmonewsout {
width: 800px !important;
}
#mmonetbar .mmouseronlineout {
width: 768px !important;
}
#mmonetbar .mmolangout {
width: 380px !important;
}
#mmonetbar .mmolangout .mmoGame {
width: 265px;
}
#mmonetbar #mmoContent.mmoingame {
width: 533px;
}
#mmonetbar #mmoContent.mmoingame .mmoGame {
width: auto;
}
#mmonetbar a {
color: #666;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
outline: none;
text-decoration: none;
white-space: nowrap;
}
#mmonetbar select {
background-color: #611200 !important;
border: 1px solid #000 !important;
color: #d0b88c !important;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
height: 18px;
margin-top: 3px;
width: 100px;
}
#mmonetbar .mmoGames select {
width: 80px;
}
#mmonetbar option {
background-color: #611200 !important;
color: #d0b88c !important;
}
#mmonetbar option:hover {
background-color: #7a1801 !important;
}
#mmonetbar select#mmoCountry {
width: 120px;
}
#mmonetbar .mmoSelectbox {
background-color: #611200;
float: left;
margin: 3px 0 0 3px;
position: relative;
}
* html #mmonetbar .mmoSelectbox {
position: static;
}
* + html #mmonetbar .mmoSelectbox {
position: static;
}
#mmonetbar #mmoOneGame {
cursor: default;
height: 14px;
margin-top: 3px;
padding-left: 5px;
width: 80px;
}
#mmonetbar .label {
float: left;
font-weight: bold;
margin-right: 4px;
overflow: hidden !important;
}
#mmonetbar #mmoUsers .label {
font-size: 10px;
}
#mmonetbar .mmoBoxLeft, #mmonetbar .mmoBoxRight {
background: transparent url(../img/netbar/netbar.sprites.png) no-repeat -109px -4px;
float: left;
width: 5px;
height: 24px;
}
#mmonetbar .mmoBoxRight {
background-position: -126px -4px;
}
#mmonetbar .mmoBoxMiddle {
background: transparent url(../img/netbar/netbar.bg.png) repeat-x 0 -36px;
color: #d0b88c !important;
float: left;
height: 24px;
line-height: 22px;
text-align: left;
white-space: nowrap;
position: relative;
/*z-index: 10000;*/
}
#mmonetbar #mmoGames, #mmonetbar #mmoLangs {
margin: 0px 4px 0 0;
}
#mmonetbar #mmoNews, #mmonetbar #mmoUsers, #mmonetbar #mmoGame, #mmonetbar .nojsGame {
margin: 4px 4px 0 0;
}
#mmonetbar #mmoLogo {
background: transparent url(../img/netbar/netbar.sprites.png) no-repeat top left;
float: left;
display: block;
height: 32px;
width: 108px;
text-indent: -9999px;
position: relative;
/*z-index: 1*/
}
#mmonetbar #mmoNews {
float: left;
width: 252px;
}
#mmonetbar #mmoNews #mmoNewsContent {
text-align: left;
width: 200px;
}
#mmonetbar #mmoNews #mmoNewsticker {
overflow: hidden;
width: 240px;
}
#mmonetbar #mmoNews #mmoNewsticker ul {
margin: 0;
padding: 0;
list-style: none;
}
#mmonetbar #mmoNews #mmoNewsticker ul li {
font: normal 11px/22px Tahoma, Arial, Helvetica, sans-serif !important;
color: #d0b88c !important;
padding: 0;
margin: 0;
background: none;
display: none;
}
#mmonetbar #mmoNews #mmoNewsticker ul li.mmoTickShow {
display: block;
}
#mmonetbar #mmoNews #mmoNewsticker ul li a img {
border: 0;
}
#mmonetbar #mmoNews #mmoNewsticker ul li a {
color: #d0b88c !important;
display: block;
height: 24px;
line-height: 23px;
}
#mmonetbar #mmoNews #mmoNewsticker ul li a:hover {
text-decoration: underline;
}
#mmonetbar #mmoUsers {
float: left;
width: 178px;
}
#mmonetbar #mmoUsers .mmoBoxLeft {
width: 17px;
}
#mmonetbar #mmoUsers .mmoBoxMiddle {
padding-left: 3px;
width: 150px;
}
#mmonetbar .mmoGame {
display: none;
float: left;
width: 432px;
}
#mmonetbar .mmoGame #mmoGames {
float: left;
width: 206px;
}
#mmonetbar .mmoGame #mmoLangs {
float: left;
margin: 0;
width: 252px;
}
#mmonetbar .mmoGame label {
color: #d0b88c !important;
float: left;
font-weight: 400 !important;
line-height: 22px;
margin: 0px;
text-align: right !important;
width: 110px;
font-size: 11px !important;
}
#mmonetbar .nojsGame {
display: block;
width: 470px;
}
#mmonetbar .nojsGame .mmoBoxMiddle {
width: 450px;
}
#mmonetbar .nojsGame .mmoSelectbox {
margin: 0px 0 0 3px;
}
* + html #mmonetbar .nojsGame .mmoSelectbox {
margin: 2px 0 0 3px;
}
* html #mmonetbar .nojsGame .mmoSelectbox {
margin: 2px 0 0 3px;
}
#mmonetbar .nojsGame .mmoGameBtn {
background: transparent url(../img/netbar/netbar.sprites.png) no-repeat -162px -7px;
border: none;
cursor: pointer;
float: left;
height: 18px;
margin: 3px 0 0 7px;
padding: 0;
width: 18px;
}
#mmonetbar .mmoSelectArea {
border: 1px solid #000;
color: #d0b88c !important;
display: block !important;
float: none;
font-weight: 400 !important;
font-size: 11px;
height: 16px;
line-height: 13px;
overflow: hidden !important;
width: 90px;
}
#mmonetbar #mmoLangSelect .mmoSelectArea {
width: 129px;
}
#mmonetbar #mmoLangSelect .mmoOptionsDivVisible {
min-width: 129px;
}
#mmonetbar .mmoSelectArea .mmoSelectButton {
background: url(../img/netbar/netbar.sprites.png) no-repeat -141px -8px;
float: right;
width: 17px;
height: 16px;
}
#mmonetbar .mmoSelectText {
cursor: pointer;
float: left;
overflow: hidden;
padding: 1px 2px;
width: 68px;
}
#mmonetbar #mmoLangSelect .mmoSelectText {
width: 107px;
}
#mmonetbar #mmoOneLang {
cursor: default;
height: 14px;
}
#mmonetbar div.mmoOneLang {
background: none;
}
#mmonetbar div.mmoOneLang #mmoOneLang {
border: none;
padding: 2px 3px;
}
#mmonetbar .mmoOptionsDivInvisible, #mmonetbar .mmoOptionsDivVisible {
background-color: #611200 !important;
border: 1px solid #000;
position: absolute;
min-width: 90px;
z-index: 3100;
}
* html #mmonetbar .mmoOptionsDivVisible .highlight {
background-color: #7a1801 !important
}
#mmonetbar .mmoOptionsDivInvisible {
display: none;
}
#mmonetbar .mmoOptionsDivVisible ul {
border: 0;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 2px;
overflow: auto;
overflow-x: hidden;
}
#mmonetbar #mmoLangs .mmoOptionsDivVisible ul {
min-width: 125px;
}
#mmonetbar .mmoOptionsDivVisible ul li {
background-color: #611200;
height: 14px;
padding: 2px 0;
}
#mmonetbar .mmoOptionsDivVisible a {
color: #d0b88c !important;
display: block;
font-weight: 400 !important;
height: 16px !important;
min-width: 80px;
text-decoration: none;
white-space: nowrap;
width: 100%;
}
#mmonetbar #mmoContent .mmoLangList a {
min-width: 102px;
}
#mmonetbar .mmoOptionsDivVisible li:hover {
background-color: #7a1801;
}
#mmonetbar .mmoOptionsDivVisible li a:hover {
color: #d0b88c !important;
}
#mmonetbar .mmoOptionsDivVisible li.mmoActive {
background-color: #7a1801 !important;
}
#mmonetbar .mmoOptionsDivVisible li.mmoActive a {
color: #d0b88c !important;
}
#mmonetbar .mmoOptionsDivVisible ul.mmoListHeight {
height: 240px
}
#mmonetbar .mmoOptionsDivVisible ul.mmoLangList.mmoListHeight li {
padding-right: 15px !important;
width: 100%;
}
#mmonetbar #mmoGameSelect ul.mmoListHeight a {
min-width: 85px;
}
#mmonetbar #mmoLangSelect ul.mmoListHeight a {
min-width: 105px;
}
#mmonetbar #mmoFocus {
position: absolute;
left: -2000px;
top: -2000px;
}
#mmonetbar #mmoLangs .mmoSelectText span, #mmonetbar #mmoLangs .mmoflag {
background: transparent url(../img/netbar/mmoflags.png) no-repeat;
height: 14px !important;
padding-left: 23px;
}
.mmo_AE {
background-position: left 0px !important
}
.mmo_AR {
background-position: left -14px !important
}
.mmo_BE {
background-position: left -28px !important
}
.mmo_BG {
background-position: left -42px !important
}
.mmo_BR {
background-position: left -56px !important
}
.mmo_BY {
background-position: left -70px !important
}
.mmo_CA {
background-position: left -84px !important
}
.mmo_CH {
background-position: left -98px !important
}
.mmo_CL {
background-position: left -112px !important
}
.mmo_CN {
background-position: left -126px !important
}
.mmo_CO {
background-position: left -140px !important
}
.mmo_CZ {
background-position: left -154px !important
}
.mmo_DE {
background-position: left -168px !important
}
.mmo_DK {
background-position: left -182px !important
}
.mmo_EE {
background-position: left -196px !important
}
.mmo_EG {
background-position: left -210px !important
}
.mmo_EN {
background-position: left -224px !important
}
.mmo_ES {
background-position: left -238px !important
}
.mmo_EU {
background-position: left -252px !important
}
.mmo_FI {
background-position: left -266px !important
}
.mmo_FR {
background-position: left -280px !important
}
.mmo_GR {
background-position: left -294px !important
}
.mmo_HK {
background-position: left -308px !important
}
.mmo_HR {
background-position: left -322px !important
}
.mmo_HU {
background-position: left -336px !important
}
.mmo_ID {
background-position: left -350px !important
}
.mmo_IL {
background-position: left -364px !important
}
.mmo_IN {
background-position: left -378px !important
}
.mmo_INTL {
background-position: left -392px !important
}
.mmo_IR {
background-position: left -406px !important
}
.mmo_IT {
background-position: left -420px !important
}
.mmo_JP {
background-position: left -434px !important
}
.mmo_KE {
background-position: left -448px !important
}
.mmo_KR {
background-position: left -462px !important
}
.mmo_LT {
background-position: left -476px !important
}
.mmo_LV {
background-position: left -490px !important
}
.mmo_ME {
background-position: left -504px !important
}
.mmo_MK {
background-position: left -518px !important
}
.mmo_MX {
background-position: left -532px !important
}
.mmo_NL {
background-position: left -546px !important
}
.mmo_NO {
background-position: left -560px !important
}
.mmo_PE {
background-position: left -574px !important
}
.mmo_PH {
background-position: left -588px !important
}
.mmo_PK {
background-position: left -602px !important
}
.mmo_PL {
background-position: left -616px !important
}
.mmo_PT {
background-position: left -630px !important
}
.mmo_RO {
background-position: left -644px !important
}
.mmo_RS {
background-position: left -658px !important
}
.mmo_RU {
background-position: left -672px !important
}
.mmo_SE {
background-position: left -686px !important
}
.mmo_SI {
background-position: left -700px !important
}
.mmo_SK {
background-position: left -714px !important
}
.mmo_TH {
background-position: left -728px !important
}
.mmo_TR {
background-position: left -742px !important
}
.mmo_TW {
background-position: left -756px !important
}
.mmo_UA {
background-position: left -770px !important
}
.mmo_UK {
background-position: left -784px !important
}
.mmo_US {
background-position: left -798px !important
}
.mmo_VE {
background-position: left -812px !important
}
.mmo_VN {
background-position: left -826px !important
}
.mmo_YU {
background-position: left -840px !important
}
.mmo_ZA {
background-position: left -854px !important
}
.mmo_WW {
background-position: left -392px !important
}
.mmo_AU {
background-position: left -868px !important
}
div#mmonetbar a:active {
top: 0;
}
div#mmoGamesOverviewPanel {
width: 582px;
position: absolute;
top: 0;
right: 0;
font: 12px Arial, sans-serif;
}
div#mmoGamesOverviewPanel h4, div#mmoGamesOverviewPanel h5 {
margin: 0;
font-size: 12px;
font-weight: bold;
text-align: left;
}
div#mmoGamesOverviewPanel a {
text-decoration: none;
}
div#mmoGamesOverviewPanel a img {
border: none;
}
div#mmoGamesOverviewToggle {
width: 168px;
padding: 4px 0 4px 414px;
}
div#mmoGamesOverviewToggle h4 {
height: 18px;
position: relative;
background: url(../img/netbar/netbar.bg.png) repeat-x 0 -36px;
top: 0px;
padding: 3px 20px;
}
div#mmoGamesOverviewToggle h4 a {
display: block;
width: 116px;
height: 16px;
line-height: 14px;
text-align: left;
font-weight: normal;
outline: none;
color: #d0b88c !important;
font-size: 11px !important;
position: relative;
border: 1px solid #000;
padding: 0 0 0 10px;
background: #611200;
}
div#mmoGamesOverviewToggle h4 a.gameCountZero {
cursor: default;
text-align: center;
padding: 0;
width: 126px;
}
div#mmoGamesOverviewToggle h4 a span.mmoNbPseudoSelect_icon {
display: block;
position: absolute;
top: 0;
right: 0;
width: 17px;
height: 16px;
background: url(../img/netbar/netbar.sprites.png) no-repeat -141px -8px;
}
span.iconTriangle {
display: block;
position: absolute;
top: 5px;
right: 10px;
width: 0px;
border: 5px solid transparent;
border-bottom-color: #d0b88c;
}
div#mmoGamesOverviewToggle h4 a.toggleHidden {
}
div#mmoGamesOverviewToggle h4 a.toggleHidden span.iconTriangle {
top: 10px;
border: 5px solid transparent;
border-top-color: #d0b88c;
}
div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge {
display: block;
width: 5px;
height: 24px;
background: url(../img/netbar/netbar.sprites.png) no-repeat -109px -4px;
position: absolute;
top: 0;
}
div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge_left {
left: 0;
}
div#mmoGamesOverviewToggle h4 span.mmoNbBoxEdge_right {
right: 0;
background-position: -126px -4px;
}
div#mmoGamesOverviewLists {
clear: both;
background: #611200;
width: 580px;
border: 1px solid #000;
float: left;
position: relative;
top: 0px;
}
div#mmoGamesOverviewLists h5 {
clear: both;
width: 544px;
margin: 0;
padding: 0 18px;
height: 27px;
line-height: 27px;
color: #d0b88c;
border-bottom: 1px solid #000;
background: url(../img/netbar/netbar.bg.png) repeat-x 0 -3px;
font-family: inherit;
}
#mmoGamesOverviewLists #mmoGamesOverview_featured li {
width: auto;
}
#mmoGamesOverviewLists #mmoGamesOverview_featured span {
display: block;
width: 560px;
height: 180px;
margin: 0;
}
#mmoGamesOverviewLists #mmoGamesOverview_featured span.gameName {
display: none;
}
#mmoGamesOverview_featured img {
display: block;
}
div#mmoGamesOverviewLists ul {
margin: 0;
padding: 5px 5px;
list-style: none;
width: 570px;
float: left;
text-align: left;
}
div#mmoGamesOverviewLists ul li {
margin: 0;
padding: 0;
list-style: none;
width: 190px;
float: left;
background: none;
}
div#mmoGamesOverviewLists ul li a {
display: block;
padding: 5px;
font-weight: bold;
line-height: 1;
color: #d0b88c !important;
font-size: 11px !important;
}
div#mmoGamesOverviewLists ul li a:focus, div#mmoGamesOverviewLists ul li a:hover {
background-color: #7a1801;
}
div#mmoGamesOverviewLists ul li a span.gameImgTarget {
display: block;
width: 180px;
height: 90px;
background: none;
margin: 0 0 4px 0;
}
div#mmoGamesOverviewLists ul li a span img {
display: block;
}
div#mmoGamesOverviewLists div#mmoGamesOverviewCountry {
width: 20px;
height: 14px;
position: absolute;
top: 6px;
right: 12px;
background-image: url(../img/netbar/mmoflags.png);
background-repeat: no-repeat;
}
#mmonetbar div.nojsGame {
width: 432px !important;
}
#mmonetbar div.nojsGame div.mmoBoxMiddle {
width: 422px;
}
#mmonetbar div.nojsGame label {
width: 105px;
}
#pagefoldtarget .nbPF {
position: absolute;
top: 0;
z-index: 999999;
text-indent: -9999px;
width: 125px;
height: 120px;
}
#pagefoldtarget .nbPFLeft {
left: 0px;
}
#pagefoldtarget .nbPF.nbPFRight {
right: 0px;
background-position: right 0px
}
#pagefoldtarget .nbPFDark.nbPFRight {
background-image: url(../img/netbar/bg_dark_sprite_rtl.png);
_background-image: url(../img/netbar/bg_dark_sprite_rtl.gif);
}
#pagefoldtarget .nbPFDark.nbPFLeft {
background-image: url(../img/netbar/bg_dark_sprite.png);
_background-image: url(../img/netbar/bg_dark_sprite.gif);
}
#pagefoldtarget .nbPFLight.nbPFRight {
background-image: url(../img/netbar/bg_light_sprite_rtl.png);
_background-image: url(../img/netbar/bg_light_sprite_rtl.gif);
}
#pagefoldtarget .nbPFLight.nbPFLeft {
background: url(../img/netbar/bg_light_sprite.png) no-repeat;
_background-image: url(../img/netbar/bg_light_sprite.gif);
}
#pagefoldtarget .nbPF a {
text-indent: -9999px;
display: block;
width: 110px;
height: 95px;
}
#pagefoldtarget .nbPF.nbPFRight a {
float: right;
}
#pagefoldtarget .nbPF.nbPFHover a {
width: 358px;
height: 320px;
}
#pagefoldtarget .nbPF.nbPFHover {
background-position: left -129px !important;
width: 400px;
height: 400px;
}
#pagefoldtarget .nbPF.nbPFRight.nbPFHover {
background-position: right -129px !important;
}