99999999999*{margin:0;padding:0} body{background:url(images/backg.jpg) #064064;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font:12px Arial,Helvetica,sans-serif;background-repeat:no-repeat;background-position:center} #wrapper{text-align:justify;line-height:22px;position:relative;width:990px;min-height:500px;height:auto!important;margin:0 auto;padding:0 0 5px} #wrapper #logobg{width:363px;height:363px;display:block;background:url(images/layout/logobg.png) no-repeat;-webkit-animation-name:Sun;-webkit-animation-duration:30s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;position:absolute;top:-40px;right:0;z-index:-1} #wrapper-footer{width:863px;display:block;background:#eee;color:#000;text-align:center;border:1px solid #D4D4D4;margin:0 auto;padding:0} #wrapper-footer #inner{color:#000;line-height:33px;padding:0 20px} #wrapper-footer .right{float:right;color:#FF0;margin-right:-140px} #header{width:990px;height:120px;margin-bottom:0} #mainmenu{width:990px;height:51px;background:url(images/layout/top-menu.png) top left no-repeat;font-size:14px;font-weight:700;text-transform:uppercase;position:relative} .mysteryn{background-color:#FFCFCF;text-align:center;padding:5px} #mainmenu ul{list-style:none;padding:0} #mainmenu ul li{margin-top:1px;background:url(images/layout/top-menu-line.png) no-repeat top left;float:right;padding:0} #mainmenu ul li a{width:115px;height:51px;color:#FFF;text-shadow:1px 0 0 #000;float:right;text-decoration:none;text-align:center;padding:14px 12px 0} #mainmenu ul li a:hover{color:#FFF} #mainmenu .top{height:51px} #mainmenu .top_first,#mainmenu .top_first_dropdown{background:none} #mainmenu .top_last,#mainmenu .top_last_dropdown{width:144px;height:51px} #mainmenu .pokemon{width:140px;height:109px;display:block;background:url(images/layout/pokemon.png);position:absolute;left:-35px;top:-114px;z-index:3} #mainmenu .pokemon2{width:115px;height:128px;display:block;background:url(images/layout/pokemon2.png);position:absolute;right:-20px;top:-114px;z-index:3} ul#nav{display:block;float:right;font-family:Trebuchet MS,sans-serif;font-size:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a5d1',endColorstr='#254e6a');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a5d1', endColorstr='#254e6a')";background:linear-gradient(#66a5d1,#254e6a);padding:5px 0 5px 5px} ul#nav,ul#nav ul{list-style:none;margin:0} ul#nav,ul#nav .subs{background-color:#444;border:1px solid #454545;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px} ul#nav .subs{background-color:#fff;border:2px solid #222;display:none;float:right;right:0;position:absolute;top:100%;width:350px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;padding:0 0 6px 6px} ul#nav li:hover>*{display:block} ul#nav li:hover{position:relative} ul#nav ul .subs{right:100%;position:absolute;top:0} ul#nav ul{padding:0 0 5px 5px} ul#nav .col{float:right;width:50%} ul#nav li{display:block;float:right;font-size:0;white-space:nowrap;width:158px} ul#nav>li,ul#nav li{margin:0 5px 0 0} ul#nav ul>li{margin:5px 0 0} ul#nav a:active,ul#nav a:focus{outline-style:none} ul#nav a{color:#FFF;cursor:pointer;display:block;font-size:13px;font-weight:700;text-align:right;text-decoration:none;text-shadow:#000 0 1px 1px;vertical-align:middle;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;border-style:none;border-width:0;padding:8px 18px} ul#nav ul li{float:none;margin:6px 0 0} ul#nav ul a{background-color:#fff;color:#000;font-size:11px;text-align:right;text-decoration:none;text-shadow:#fff 0 0 0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-color:#efefef;border-style:solid;border-width:0 0 1px;padding:4px} ul#nav li:hover>a{color:#fff;font-size:13px;font-weight:700;text-decoration:none;text-shadow:#181818 0 1px 1px;border-style:none} ul#nav img{border:none;margin-right:8px;vertical-align:middle} ul#nav span{background-position:right center;background-repeat:no-repeat;display:block;overflow:visible;padding-right:0} ul#nav ul span{background-image:url(../images/arrow.png);padding-right:20px} ul#nav ul li:hover>a{color:#444;font-size:11px;text-decoration:none;text-shadow:#fff 0 0 0;border-color:#444;border-style:solid} ul#nav > li >a{background-color:transpa;height:25px;line-height:25px;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px} ul#nav > li:hover > a{background-color:#313638;line-height:25px} a{color:#000;text-decoration:none} a img{border:0} .onliners{background-image:url(images/onliners.png);width:703px;height:380px;background-repeat:no-repeat} .rankers{-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);background-color:#FFF;width:400px;margin-right:15px;margin-top:20px;padding:5px} h1{color:#000;font-size:16px;font-weight:700;background-image:url(../images/h1bg.png);background-repeat:no-repeat;text-align:center;width:537px;height:44px} .h1text{padding-right:15px;padding-top:11px;color:#FFF} h2{font-size:16px;color:#000;margin:5px 0 0} h3{font-size:16px;color:#334600;margin:0 0 5px} h4{width:230px;height:51px} h5{font-size:22px;color:#3c5400;text-transform:uppercase;text-shadow:-1px -1px 0 #d6eaa3;margin:0 0 10px} input,textarea,select,button{border:0;font:12px Arial,Helvetica,sans-serif;font-weight:700;color:#000;resize:none} td{text-align:right} HR{margin:20px 0} label{cursor:pointer} .error_red{text-decoration:none;font-size:8pt;color:red} .homep{background-color:#efefef;border:1px solid #a4a4a4;padding:5px} .homep td{background-color:#ffebbf;border:1px solid #cdcdcd;padding:5px} .guest{background-image:url(../images/guest.png);background-repeat:no-repeat;width:487px;height:272px;color:#FFF;padding-top:8px;font-size:14px;text-align:right} #content{width:990px;background-image:url(images/opbg.png);background-repeat:repeat;overflow:hidden;-webkit-border-radius:10px 20px 20px 20px;-moz-border-radius:10px 20px 20px;border-radius:10px 20px 20px 20px;behavior:url(PIE.htc);margin-top:5px} .smallbubbler{margin-top:3px;width:100px;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;margin-right:45px;padding:2px} .smallbubble{margin-top:3px;width:100px;background-image:url(images/icons/world.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;margin-right:45px;padding:2px} .smallbubble2{margin-top:3px;width:100px;background-image:url(images/icons/clock.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;margin-right:45px;padding:2px} .smallbubble3{margin-top:3px;width:100px;background-image:url(images/icons/silver.png);background-position:80px;background-repeat:no-repeat;background-color:#d0d0d0;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble4{margin-top:3px;width:100px;background-image:url(images/icons/gold.png);background-position:80px;background-repeat:no-repeat;background-color:#ebd89d;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble5{margin-top:3px;width:100px;background-image:url(images/icons/bank.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;margin-right:45px;padding:2px} .smallbubble6{margin-top:3px;width:100px;background-image:url(images/icons/messages.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble7{margin-top:3px;width:100px;background-image:url(images/icons/note.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble8{margin-top:3px;width:100px;background-image:url(images/icons/rank.png);background-position:185px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble9{margin-top:3px;width:100px;background-image:url(images/nail.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .smallbubble10{margin-top:3px;width:100px;background-image:url(images/icons/zhut.png);background-position:80px;background-repeat:no-repeat;background-color:#FFF;overflow:hidden;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);text-align:center;padding:2px} .bubble{width:500px;background-color:#FFF;overflow:hidden;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px;border-radius:10px 10px 10px 10px;behavior:url(PIE.htc);padding:10px} .bubblex{background-color:#a3cada;background-image:url(images/pikachu2.png);background-repeat:no-repeat;background-position:left bottom;overflow:hidden;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px;border-radius:10px 10px 10px 10px;behavior:url(PIE.htc);padding-bottom:20px;-webkit-box-shadow:0 0 23px rgba(0,0,0,0.5);-moz-box-shadow:0 0 23px rgba(0,0,0,0.5);box-shadow:0 0 23px rgba(0,0,0,0.5);margin-top:2px} #content .inner-content{overflow:hidden;padding:15px 20px 1px} #content .left{width:700px;float:right} #content .right{width:230px;padding-right:20px;overflow:hidden;float:right} #page,#advertisement{width:700px;-webkit-border-radius:10px;-moz-border-radius:10px;background-color:#9AC8FF;border-radius:10px;margin-bottom:20px;overflow:hidden;-webkit-box-shadow:0 0 23px rgba(0,0,0,0.5);-moz-box-shadow:0 0 23px rgba(0,0,0,0.5);box-shadow:0 0 23px rgba(0,0,0,0.5);behavior:url(PIE.htc)} #page .top1,#advertisement .top1{font-size:16px;font-weight:bolder;text-transform:uppercase;color:#FFF;text-shadow:1px 0 0 #000;width:720px;height:36px;-webkit-border-radius:10px 0 10px 10px;-moz-border-radius:10px 0 10px 10px;border-radius:10px 0 10px 10px;background:#366687;behavior:url(PIE.htc);padding:14px 10px 0} #page .content,#advertisement .content{overflow:hidden;background:#9AC8FF;padding:15px 20px} #page .bottom,#advertisement .bottom{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;background-color:#9AC8FF;height:10px;behavior:url(PIE.htc)} .left h3{font-weight:bolder;text-transform:uppercase;color:#FFF;width:720px;height:36px;-webkit-border-radius:10px 0 10px 10px;-moz-border-radius:10px 0 10px 10px;border-radius:10px 0 0 0;background:#366687;behavior:url(PIE.htc);margin:-20px -20px 0 0;padding:14px 10px 0} #menu{width:230px;margin-bottom:20px} #menu .top{width:200px;height:31px;background:url(images/layout/menu-top.png) no-repeat;padding:10px 15px} #menu .top img{float:left;width:16px;height:16px;margin:-19px 0 0 30px} #menu .bottom{width:230px;height:4px;background:url(images/layout/menu-bottom.png) no-repeat bottom} #menu .content{background:#9AC8FF;color:#000;overflow:hidden;padding:10px 15px} #menu .content .pokemon_hand_box ul li{list-style:none;line-height:32px;display:block;width:230px;overflow:hidden;margin-bottom:3px} #menu .content .pokemon_hand_box ul li .img{float:right;width:32px} #menu .content .pokemon_hand_box ul li .name{float:right;width:92px;padding-right:10px} #menu .content .pokemon_hand_box ul li .level{float:right;width:50px} #menu .content .pokemon_hand_box ul li .status{float:right;width:16px;padding-top:8px} div.stats-container{border:1px solid #344500;width:160px;background:#fff;margin:2px 26px 2px 2px;padding:2px} div.stats-container div{background-color:#72aeff;height:16px;line-height:16px} div.stats-container span{margin-right:4px;font-weight:700;font-size:9px;color:#000} .linkpartners{list-style:none;width:200px;display:block} .linkpartners li{padding:1px 0} .linkpartners li a{width:200px;float:right;background:url(images/icons/wereld.png) no-repeat 0 3px;padding:0 0 0 26px} #footer{float:right;width:950px;color:#000;margin:o auto} #login label{color:#1e2800;font-weight:700;width:200px} #login a{color:#bbdd65;font-weight:700} .button_login{width:200px;height:29px;background:url(images/layout/button-login.jpg) no-repeat;font-size:13px;font-weight:700;color:#600002;cursor:pointer;text-indent:-9999px;margin:2px 0} .text_long_user{width:163px;height:28px;line-height:28px;background:url(images/layout/box-login-user.jpg) no-repeat;margin:2px 0;padding:1px 7px 0 30px} .text_long_pass{width:163px;height:28px;line-height:28px;background:url(images/layout/box-login-pw.jpg) no-repeat;margin:2px 0;padding:1px 7px 0 30px} div.red_error{width:170px;color:#DC0000;font-weight:700;background:#FFE5DF url(images/icons/alert_red.png) left center no-repeat;border:1px solid #DC0000;margin:0 0 10px;padding:5px 28px 5px 5px} div.red ul,div.red ol{margin:0 20px 0 5px;padding:0} div.quote{border:1px dotted #000;background:#FBF9F6;color:#000;margin:10px 0;padding:10px} #pokemon_star{float:right;width:16px;height:16px;background-image:url(images/icons/lidbetaald.png)} #computer_star{float:left;width:16px;height:16px;background-image:url(images/icons/lidbetaald.png)} #topteam{width:85px;display:block;float:right;margin:10px} #topteam img{padding-bottom:10px} .greyborder{border:1px solid #999;-moz-border-radius:6px;-webkit-border-radius:6px} .type{display:block;width:55px;color:#fff;background-color:#e4e4e0;font-size:7pt;font-weight:400;text-align:center;text-transform:uppercase;text-shadow:1px 1px 1px #2e3436;margin:1px -3px 1px auto;padding:1px} .type.normal{background-color:#a8a878;font-family:verdana,sans-serif;font-size:10px} .type.fire{background-color:#f08030;font-family:verdana,sans-serif;font-size:10px} .type.water{background-color:#6890f0;font-family:verdana,sans-serif;font-size:10px} .type.electric{background-color:#f8d030;font-family:verdana,sans-serif;font-size:10px} .type.grass{background-color:#78c850;font-family:verdana,sans-serif;font-size:10px} .type.ice{background-color:#98d8d8;font-family:verdana,sans-serif;font-size:10px} .type.fighting{background-color:#c03028;font-family:verdana,sans-serif;font-size:10px} .type.poison{background-color:#a040a0;font-family:verdana,sans-serif;font-size:10px} .type.ground{background-color:#e0c068;font-family:verdana,sans-serif;font-size:10px} .type.flying{background-color:#a890f0;font-family:verdana,sans-serif;font-size:10px} .type.psychic{background-color:#f85888;font-family:verdana,sans-serif;font-size:10px} .type.bug{background-color:#a8b820;font-family:verdana,sans-serif;font-size:10px} .type.rock{background-color:#b8a038;font-family:verdana,sans-serif;font-size:10px} .type.ghost{background-color:#705898;font-family:verdana,sans-serif;font-size:10px} .type.dragon{background-color:#7038f8;font-family:verdana,sans-serif;font-size:10px} .type.steel{background-color:#b8b8d0;font-family:verdana,sans-serif;font-size:10px} .type.dark{background-color:#705848;font-family:verdana,sans-serif;font-size:10px} .type.fairy { background-color: #FAAFBE; font-family: verdana, sans-serif; font-size: 10px; } .type.xcurse{background-color:#68a090} .typelist{text-align:center} div.typelist .type{display:inline-block} .available{border:1px solid #000;background:#bbdd65;float:right;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:4px} .finished{border:1px solid #000;background:#daebaa;float:right;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:4px} .notyet{border:1px solid #000;background:#dadada;float:right;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:4px} #badgebox{border:5px solid #552a00;display:block;overflow:hidden;width:600px;text-align:center;background-color:#C96;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:15px 0} #badgebox img{margin:8px 10px 5px} #information ul,ol{padding:10px 0 10px 25px} #surfblock{width:32px;height:60px;float:right;margin:10px 15px 10px 0} #surfblock input{margin:8px 0 0 8px} .button{width:150px;height:31px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/button-green.png) no-repeat;font-size:14px;font-weight:700;color:#000;cursor:pointer;margin:2px} .button_mini{width:50px;height:29px;background:url(images/layout/button-green-mini.gif) no-repeat;font-size:13px;font-weight:700;color:#222f00;cursor:pointer;margin:2px} .button_red{width:200px;height:29px;background:url(images/layout/button-red.gif) no-repeat;font-size:13px;font-weight:700;color:#600002;cursor:pointer;margin:2px 0} .text_long{width:134px;height:28px;line-height:28px;color:#000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/box.png) no-repeat;margin:2px 0;padding:1px 8px 0} .text_long2{width:300px;height:28px;line-height:28px;color:#000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/box.png) no-repeat;margin:2px 0;padding:1px 8px 0} .text_short{width:34px;height:28px;line-height:28px;color:#000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/box-mini.gif) no-repeat;margin:2px 0;padding:1px 8px 0} .text_select{width:150px;height:30px;line-height:30px;color:#000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/box.png) no-repeat;margin:2px 0;padding:8px 7px 8px 5px} .text_area{width:644px;height:186px;color:#000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(PIE.htc);background:url(images/layout/box-area.gif) no-repeat;max-height:186px;max-width:644px;margin:2px 0 2px -1px;padding:7px 8px} .button:hover,.button_mini:hover,.button_red:hover,.text_long:focus,.text_short:focus,.text_select:focus{background-position:0 -29px} .text_area:focus{background-position:0 -200px} .normal_first_td{padding:3px 10px 0 0} .normal_td{padding-top:3px} DIV.sabrosus{text-align:center;margin:3px;padding:3px} DIV.sabrosus A{border:#517200 1px solid;margin-right:2px;color:#517200;text-decoration:none;padding:2px 5px} DIV.sabrosus A:hover{border:#517200 1px solid;color:#FFF;background-color:#fff} DIV.pagination A:active{border:#517200 1px solid;color:#517200;background-color:#fff} DIV.sabrosus SPAN.current{border:#517200 1px solid;font-weight:700;color:#fff;margin-right:2px;background-color:#7da21b;padding:2px 5px} DIV.sabrosus SPAN.disabled{border:#FFF 1px solid;color:#FFF;margin-right:2px;padding:2px 5px} .tooltip{text-decoration:none;font-family:Verdana;font-size:13px;color:#000} .bar_red{width:241px;height:6px;background:url(images/bar_red.gif);font-size:0;clear:both;padding:2px 3px 2px 6px} .bar_blue{width:241px;height:6px;background:url(images/bar_blue.gif);font-size:0;clear:both;padding:2px 3px 2px 6px} .progress{height:6px;background:url(images/progress.gif) right} div#listContainer{width:400px;border:1px solid #000;background:#2467b6;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} .modify-order-item{border:1px solid #000;background:#FFF;font-weight:700;cursor:move;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:5px;padding:3px 5px} .modify-order-item-old{border:1px solid #000;background:#FFF;font-weight:700;margin:5px;padding:3px 5px} #transferlist{width:660px} .top_number{float:right;line-height:25px;background-color:#fff;border-bottom:1px dashed #354700;padding-right:10px;font-weight:700} .number{float:right;line-height:32px;padding-right:10px} .buy{width:55px;float:right;line-height:32px} .top_buyin{width:55px;float:right;line-height:25px;background-color:#fff;border-bottom:1px dashed #354700;font-weight:700;padding-top:8px} .buyin{width:55px;float:right;line-height:32px;padding-top:8px} center{margin:0 -20px 0 0;padding:0} .left #statics table{padding-right:10px} li{list-style:none} .battlearea1{background-image:url(../images/attackbg1.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:1px} .battlearea2{background-image:url(../images/attackbg2.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:10px} .battlearea3{background-image:url(../images/attackbg3.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:10px} .battlearea4{background-image:url(../images/attackbg4.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:10px} .battlearea5{background-image:url(../images/attackbg5.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:10px} .battlearea6{background-image:url(../images/attackbg6.png);background-repeat:no-repeat;width:680px;height:405px;margin-top:-30px;margin-right:10px} .battlearea7{background-image:url(../images/attackbg7.png);background-repeat:no-repeat;width:655px;height:405px;margin-top:-30px;margin-right:17px} .battleareaGym{background-image:url(../images/attackbgGym.png);background-repeat:no-repeat;width:655px;height:405px;margin-top:-30px;margin-right:17px} .battleareaPvp{background-image:url(../images/attackbgPvp.jpg);background-repeat:no-repeat;width:655px;height:405px;margin-top:-30px;margin-right:17px} .details{background-image:url(../images/detailbg.png);background-repeat:no-repeat;width:320px;height:79px;opacity:0.85} .duel-log,.duel-log a,.duel-log a:visited{background-image:url(../images/logbg.png);background-repeat:no-repeat;width:350px;height:90px;color:#FFF;font-size:14px;padding-top:3px} .choose-attack{background-image:url(../images/chooseattack.png);background-repeat:no-repeat;width:350px;height:120px;color:#FFF;font-size:14px;padding-top:3px} .choose-pokemon{background-image:url(../images/choosepokemon.png);background-repeat:no-repeat;width:165px;height:110px;color:#FFF;font-size:14px;padding-top:3px} .choose-item{background-image:url(../images/chooseitem.png);background-repeat:no-repeat;width:170px;height:110px;color:#FFF;font-size:14px;padding-top:3px;padding-right:5px} .profiletop{background-image:url(../images/profile1.png);background-repeat:no-repeat;width:240px;height:160px;color:#FFF;font-size:12px;padding-right:10px} .blockHeader{background-image:url(../images/layout/blockHeader.png);background-repeat:no-repeat;width:232px;height:112px} .blockFooter{background-image:url(../images/layout/blockFooter.png);background-repeat:no-repeat;width:234px;height:112px} div .name1{width:228px;height:70px;border-radius:0 0 20px 20px;display:inline-block;vertical-align:middle;background:url(../images/name.jpg);text-shadow:-1px -1px 0 #648116;border-color:#083844;border-style:solid;border-width:2px 1px;margin:0;padding:0} .top2{background-color:#7098b4;padding:5px} .clanBg{background-image:url(../images/Clanbg.png);background-repeat:no-repeat;width:670px;height:363px} .map{background-color:#FFF;border:1px solid #000;width:300px;padding:5px} .pokeinfo{background-image:url(images/PokeInfo.png);background-repeat:no-repeat;width:246px;height:284px;text-align:center} .marktbg{background-image:url(images/marktbg.png);background-repeat:no-repeat;width:95px;height:150px;text-align:center;color:#000;padding-right:15px} .niceblock{background-color:#315194;color:#FFF;border:1px solid #eee;width:500px;padding:5px} .error,div.red{background-color:#BA4646;border:1px solid #eee;text-align:center;color:#FFF;width:450px;font-weight:700;margin:3px;padding:5px} .ok,div.green{background-color:#49BC35;border:1px solid #eee;text-align:center;width:450px;font-weight:700;margin:3px;padding:5px} .info,div.blue{background-color:#b0c8ff;border:1px solid #eee;text-align:center;width:450px;font-weight:700;margin:3px;padding:5px} .onlineman{background-color:#dbe5ff;float:right;text-align:center;border:1px solid #D5D5D5;width:91px;margin:1px;padding:0} .dialog{background-color:#eee;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px 5px 5px 5px;behavior:url(PIE.htc);padding:10px;margin:5px;border:1px solid #BCBCBC;} hr.home{border:0; height:2px; background-color: #2C4891;width:270px;text-align:center; } .infront{width:50px;height:45px;position:absolute;margin-top:-20px;margin-left:40px;margin-right:-20px;z-index:99;padding:0 0 40px 30px} .inback{width:330px;height:200px;position:absolute;z-index:99;padding:10px 60px 0 0} a:hover,.linkpartners li a:hover{text-decoration:underline} .greyborder:hover,.border_black{border:1px solid #000;-moz-border-radius:6px;-webkit-border-radius:6px} .top_td,.top_first_td{height:25px;background-color:#fff;border-bottom:1px dashed #354700;font-weight:700} .top_pokemonimg,.top_roepnaam,.top_level,.top_price,.top_player,.top_buy{float:right;line-height:25px;background-color:#fff;border-bottom:1px dashed #354700;font-weight:700} .pokemonimg,.roepnaam,.level,.price,.player{float:right;line-height:32px} .left a,.marktbg a{color:#000} #footpanel { position: fixed; bottom: 0; right: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background: #e3e2e2; border: 1px solid #c3c3c3; border-bottom: none; width: 94%; margin: 0 3%; } *html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ 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: right; width: 100%; list-style: none; border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/ font-size: 1.1em; } #footpanel ul li{ padding: 0; margin: 0; float: right; position: relative; } #footpanel ul li a{ padding: 5px; float: right; text-indent: -9999px; height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; } html #footpanel ul li a:hover{ background-color: #fff; } html #footpanel ul li a.active { /*--Active state when subpanel is open--*/ background-color: #fff; height: 17px; margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/ border: 1px solid #555; border-top: none; z-index: 200; /*--Keeps the active area on top of the subpanel--*/ position: relative; } #footpanel a.home{ background: url(../footericon/home.png) no-repeat 115px center; width: 110px; padding-right: 25px; border-right: 1px solid #bbb; text-indent: 0; /*--Reset text indent--*/ } #footpanel a.atk{ background: url(../images/top3.png) no-repeat 115px center; width: 110px; padding-right: 25px; border-right: 1px solid #bbb; border-left: 1px solid #bbb; text-indent: 0; /*--Reset text indent--*/ background-color:#FFD8D8; } #footpanel a.event{ width: 180px; padding-right: 10px; margin-right:10px; border-right: 1px solid #bbb; border-left: 1px solid #bbb; text-indent: 0; /*--Reset text indent--*/ background-color:#EAFFE9; } a.profile{ background: url(../footericon/user.png) no-repeat center center; } a.contacts{ background: url(../footericon/address_book.png) no-repeat center center; } a.mypoke{ background: url(../images/top1.png) no-repeat center center; } a.items{ background: url(../images/top2.png) no-repeat center center; } a.messages{ background: url(../footericon/mail.png) no-repeat center center; } a.messages2{ background: url(../footericon/mail2.png) no-repeat center center; } a.faceb{ background: url(../images/facebook.png) no-repeat center center; } a.forum{ background: url(../footericon/forum.png) no-repeat center center; } #footpanel a.chat{ background: url(../footericon/balloon.png) no-repeat 15px center; width: 126px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; padding-right: 40px; text-indent: 0; /*--Reset text indent--*/ } a.alerts{ background: url(../footericon/newspaper.png) no-repeat center center; } a.alerts2{ background: url(../footericon/newspaper2.png) no-repeat center center; } #footpanel li#chatpanel, #footpanel li#alertpanel { float: left; } /*--Right align the chat and alert panels--*/ #footpanel a small { /*--panel tool tip styles--*/ text-align: center; width: 80px; background: url(../footericon/pop_arrow.gif) no-repeat center bottom; padding: 5px 1px 11px 5px; display: none; /*--Hide by default--*/ color: #fff; font-size: 1em; text-indent: 0; } #footpanel a:hover small{ display: block; /*--Show on hover--*/ position: absolute; top: -35px; /*--Position tooltip 35px above the list item--*/ right: 50%; margin-right: -40px; /*--Center the tooltip--*/ z-index: 9999; } #footpanel ul li div a { /*--Reset link style for subpanel links--*/ text-indent: 0; width: auto; height: auto; padding: 0; float: none; color: #00629a; position: static; } #footpanel ul li div a:hover { text-decoration: underline; } /*--Reset link style for subpanel links--*/ #footpanel .subpanel { position: absolute; right: 0; bottom: 27px; display: none; /*--Hide by default--*/ width: 268px; border: 1px solid #555; background: #fff; overflow: hidden; padding-bottom: 2px; } #footpanel h3 { background: #526ea6; padding: 5px 0px 0px 10px; color: #fff; font-size: 1.1em; cursor: pointer; } #footpanel h3 span { font-size: 1.5em; float: left; line-height: 0.6em; font-weight: normal; } #footpanel .subpanel ul{ padding: 0; margin: 0; background: #fff; width: 100%; overflow: auto; } #footpanel .subpanel li{ float: none; /*--Reset float--*/ display: block; padding: 0; margin: 0; overflow: hidden; clear: both; background: #fff; position: static; /*--Reset relative positioning--*/ font-size: 0.9em; } #alertpanel .subpanel { right: auto; left: 0; /*--Reset left positioning and make it right positioned--*/ } #alertpanel .subpanel li { border-top: 1px solid #f0f0f0; display: block; } #alertpanel .subpanel li p {padding: 5px 0px 0px 10px;} #alertpanel .subpanel li a.delete{ background: url(../footericon/delete_x.gif) no-repeat; float: left; width: 13px; height: 14px; margin: 5px; text-indent: -9999px; visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/ } #alertpanel .subpanel li a.delete:hover { background-position: left bottom; } #footpanel #alertpanel li.view { text-align: left; padding: 5px 0px 5px 10px; } .boxp { background: #ecebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ecebeb 1%, #c3d6e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ecebeb), color-stop(100%,#c3d6e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ecebeb 1%,#c3d6e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ecebeb 1%,#c3d6e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ecebeb 1%,#c3d6e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #ecebeb 1%,#c3d6e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#c3d6e0',GradientType=0 ); /* IE6-9 */ padding:5px; border:1px solid #eee; } .boxw { background: #d4ffd3; /* Old browsers */ background: -moz-linear-gradient(top, #d4ffd3 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4ffd3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d4ffd3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d4ffd3 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d4ffd3 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #d4ffd3 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ffd3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding:5px; text-align:center; color:#0d3443; } .boxl { background: #ffd3d3; /* Old browsers */ background: -moz-linear-gradient(top, #ffd3d3 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd3d3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd3d3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd3d3 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd3d3 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd3d3 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding:5px; text-align:center; color:#0d3443; } .adfloat { position: fixed; top: 10px; right: 20px; } /* Dropdown menu fix */ #dropdownmenu { width: 100%; background: #0c0c0c; padding: 0; margin: 0; text-align: center; } #dropdownmenu ul { list-style: none; margin: 0; padding: 0; } #dropdownmenu ul.dropdown > li { display: inline-block; position: relative; } #dropdownmenu ul.dropdown > li a { display: block; padding: 10px 20px; color: white; text-decoration: none; } #dropdownmenu ul.dropdown li ul { display: none; position: absolute; background: #222; min-width: 150px; z-index: 999; } #dropdownmenu ul.dropdown li ul li { display: block; } #dropdownmenu ul.dropdown li ul li a { padding: 10px; color: white; text-decoration: none; } /* תפריט נפתח */ #dropdownmenu ul.dropdown li:hover ul { display: block; } /*Addons*/ body::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(to bottom, rgba(224, 255, 255, 0.5), rgba(255, 255, 255, 0.5)); z-index: -1; /* שיהיה מתחת לכל התוכן */ pointer-events: none; } #header { background: none; padding: 30px 0; text-align: center; box-shadow: none; border-radius: 0; height: auto; } #header img { display: block; margin: 0 auto; height: 300px; animation: electric-shock 2.5s infinite ease-in-out; } .logo-subtitle { display: block; margin-top: 15px; font-size: 20px; color: #000; font-weight: bold; font-family: 'Assistant', 'Varela Round', Arial, sans-serif; direction: rtl; text-align: center; animation: spark-glow 1.8s infinite ease-in-out; } /* אפקט רטט ללוגו */ @keyframes electric-shock { 0%, 100% { transform: translate(0px, 0px) rotate(0deg); } 20% { transform: translate(1px, -1px) rotate(-0.5deg); } 40% { transform: translate(-1px, 1px) rotate(0.5deg); } 60% { transform: translate(1px, 1px) rotate(0deg); } 80% { transform: translate(-1px, -1px) rotate(-0.5deg); } } /* אפקט חשמל בטקסט */ @keyframes spark-glow { 0% { text-shadow: 0 0 2px #00c9d1; } 25% { text-shadow: 0 0 4px #00ffff; } 50% { text-shadow: 0 0 8px #00acc1, 0 0 12px #00ffff; } 75% { text-shadow: 0 0 4px #00c9d1; } 100% { text-shadow: 0 0 2px #00ffff; } } #wrapper { background: rgba(255, 255, 255, 0.85); /* לבן עם שקיפות */ border-radius: 18px; padding: 30px; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1); } /*V1*/ /* === Layout מורחב עוד יותר === */ #wrapper { max-width: 1600px !important; width: 100% !important; margin: 0 auto !important; padding: 40px 60px !important; background: rgba(255, 255, 255, 0.95); border-radius: 20px; box-shadow: 0 0 45px rgba(0, 0, 0, 0.08); box-sizing: border-box; } #content { display: flex; flex-direction: row-reverse; gap: 60px; justify-content: space-between; flex-wrap: wrap; width: 100%; box-sizing: border-box; } #content .left { flex: 1 1 70%; min-width: 800px; box-sizing: border-box; } #content .right { flex: 1 1 25%; min-width: 320px; box-sizing: border-box; } .page { background: #ffffff; border-radius: 14px; padding: 25px; box-shadow: 0 0 14px rgba(0,0,0,0.05); margin-bottom: 35px; } @media (max-width: 1200px) { #content { flex-direction: column; } } /* הרחבת התוכן הפנימי */ #content .inner-content { width: 100% !important; max-width: 100% !important; padding: 0 !important; box-sizing: border-box !important; display: flex; flex-direction: row-reverse; gap: 60px; justify-content: space-between; flex-wrap: wrap; } /* פריסה חדשה ל־#content — רחב יותר ו־RTL */ #content { display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 30px; max-width: 1400px; margin: 0 auto; box-sizing: border-box; } /* הטור הראשי — השמאלי (בעברית זה באמצע) */ #content .left { flex: 3; min-width: 0; } /* הסרגל הצדדי — הימני */ #content .right { flex: 1.2; min-width: 250px; } /* התאמה של inner-content לרוחב החדש של content */ .inner-content { width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; } /* הרחבת תוכן מרכזי */ #content { max-width: 1400px !important; width: 100% !important; margin: 0 auto; margin-top: 40px; /* תוכל לשנות לגודל אחר אם תרצה */ box-sizing: border-box; } /* הרחבת תוכן פנימי */ #output, .inner-content { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } /* 1. כיווניות RTL לכל האתר */ html, body { direction: rtl !important; } /* 2. ממרכזים את הלוגו */ #header { text-align: center !important; } /* 3. התאמה של לוגו ותת־כותרת */ .logo-container { display: inline-block; text-align: center; margin: 0 auto; } /* 4. ממרכזים את התפריט העליון */ #dropdownmenu { display: flex; justify-content: center; flex-wrap: wrap; } /* 5. תפריטים נראים מימין לשמאל */ #dropdownmenu ul.dropdown { direction: rtl; } /* 6. יישור תפריט עליון למרכז */ #mainmenu ul { display: flex; justify-content: center; flex-wrap: wrap; } /* לוודא שגם הטקסט מתיישר מימין */ #mainmenu li a, #dropdownmenu li a { text-align: right; } /* ממרכז את הלוגו */ #header { text-align: center; } .logo-container { display: inline-block; text-align: center; margin: 0 auto; } /* ממרכז את התפריט העליון (למשתמש מחובר) */ #dropdownmenu { display: flex; justify-content: center; flex-wrap: wrap; } /* ממרכז את התפריט הראשי (למשתמש לא מחובר) */ #mainmenu ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; } #mainmenu li { list-style: none; margin: 0 10px; } /* === מרכז לוגו ותפריטים - תוספת 2025 === */ /* מרכז את הלוגו */ .logo-container { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; text-align: center; } /* מבטיח שההדר (כולל הרקע) במרכז */ #header { text-align: center; width: 100%; } /* מרכז את התפריט העליון */ #dropdownmenu, #mainmenu { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; max-width: 1200px; /* תוכל לשנות אם תרצה רוחב אחר */ } /* לוודא שהתפריטים לא נדחפים הצידה */ #dropdownmenu ul, #mainmenu ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; } /* תיקון נפילת פריט בתפריט */ #dropdownmenu ul.dropdown { flex-wrap: nowrap; justify-content: center; align-items: center; gap: 10px; /* ריווח בין כפתורים */ overflow-x: auto; } #dropdownmenu ul.dropdown li { white-space: nowrap; } /* פתרון לנפילת פריט בתפריט העליון */ #dropdownmenu { display: flex; flex-direction: column; align-items: center; } #dropdownmenu > ul.dropdown { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 100%; } #dropdownmenu > ul.dropdown > li { white-space: nowrap; } #dropdownmenu > ul.dropdown > li.top_first { min-width: 90px; } #dropdownmenu > ul.dropdown > li a { display: inline-block; padding: 8px 14px; text-align: center; } /* ממרכז את התפריט העליון שלא ייפול שורה */ #dropdownmenu { display: flex !important; flex-direction: column !important; align-items: center !important; } #dropdownmenu > ul.dropdown { display: flex !important; flex-direction: row-reverse !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; max-width: 100% !important; } #dropdownmenu > ul.dropdown > li { white-space: nowrap !important; min-width: 90px !important; } #dropdownmenu > ul.dropdown > li a { display: inline-block !important; padding: 8px 14px !important; text-align: center !important; } /*V2*/ /* Modern Pokémon 2025 Main Menu Styling */ #mainmenu { display: flex !important; justify-content: center !important; align-items: center !important; background: linear-gradient(to right, #4facfe, #00f2fe) !important; border-radius: 20px; padding: 10px 0; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); margin-top: 30px; direction: rtl; position: relative; z-index: 10; flex-wrap: wrap; } #mainmenu ul { display: flex; flex-wrap: wrap; gap: 40px; list-style: none; padding: 0; margin: 0; justify-content: center; align-items: center; } #mainmenu li { font-family: 'Varela Round', sans-serif; font-size: 16px; font-weight: bold; color: white; position: relative; padding: 8px 20px; border-radius: 12px; transition: all 0.3s ease-in-out; background: transparent; cursor: pointer; line-height: 1; white-space: nowrap; } #mainmenu li:hover { background: rgba(255, 255, 255, 0.1) !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } #mainmenu a { color: white !important; text-decoration: none; display: inline-block; width: 100%; height: 100%; } #mainmenu a:hover { text-shadow: 0 0 3px #fff; } /* Drop shadow to separate from background */ #mainmenu::before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 20px; background: transparent; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05); z-index: -1; } /* Responsive tweak */ @media screen and (max-width: 768px) { #mainmenu ul { flex-direction: column; gap: 10px; } } #mainmenu ul { flex-wrap: wrap !important; justify-content: center; max-width: 100%; overflow: visible !important; } #mainmenu a { display: flex; align-items: center; justify-content: center; line-height: 1.5; } /* תיקון בעיית גלילה בתפריט */ #mainmenu { overflow: visible !important; width: 100% !important; max-width: none !important; } #mainmenu ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 30px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; overflow: visible !important; } #mainmenu li { flex: 1 1 auto !important; max-width: 140px; text-align: center; white-space: normal !important; padding: 8px 15px !important; } /* התאמת פריטי תפריט לגודל */ #mainmenu li { flex: 0 1 auto !important; font-size: 14px !important; padding: 6px 14px !important; max-width: 120px; } #mainmenu ul { gap: 20px !important; } #mainmenu li { display: flex !important; align-items: center !important; justify-content: center; padding: 6px 14px !important; font-size: 14px !important; line-height: 1.2 !important; max-width: 120px; height: 40px !important; } #mainmenu a { display: flex !important; align-items: center !important; justify-content: center; width: 100%; height: 100%; } /*V3*/ /* תוספת שדרוג טקסט לתפריט Pokémon */ #mainmenu li { font-size: 18px !important; line-height: 1.4 !important; letter-spacing: 0.5px !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important; } #mainmenu a { display: inline-block !important; vertical-align: middle !important; } /*V4*/ /* בסיס */ /* אחידות עיצוב בין #dropdownmenu ל-#mainmenu */ #dropdownmenu { background: linear-gradient(to right, #4facfe, #00f2fe) !important; border-radius: 20px !important; padding: 10px 0 !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important; margin-top: 30px !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; direction: rtl !important; } #dropdownmenu ul.dropdown { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 40px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #dropdownmenu ul.dropdown > li { font-family: 'Varela Round', sans-serif !important; font-size: 16px !important; font-weight: bold !important; color: white !important; padding: 8px 20px !important; border-radius: 12px !important; transition: all 0.3s ease-in-out !important; background: transparent !important; cursor: pointer !important; white-space: nowrap !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; } #dropdownmenu ul.dropdown > li:hover { background: rgba(255, 255, 255, 0.1) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; } #dropdownmenu ul.dropdown > li > a { color: white !important; text-decoration: none !important; display: inline-block !important; width: 100% !important; height: 100% !important; text-align: center !important; line-height: 1.5 !important; } #dropdownmenu ul.dropdown > li > a:hover { text-shadow: 0 0 3px #fff !important; } /* תפריטי dropdown פנימיים */ #dropdownmenu ul.dropdown li ul { background: white !important; border-radius: 10px !important; border: 1px solid #ccc !important; padding: 5px 0 !important; z-index: 999 !important; top: 100% !important; } #dropdownmenu ul.dropdown li ul li { display: block !important; padding: 5px 20px !important; font-size: 13px !important; text-align: right !important; color: #333 !important; white-space: nowrap !important; } #dropdownmenu ul.dropdown li ul li a { color: #333 !important; text-shadow: none !important; text-decoration: none !important; display: block !important; padding: 5px 10px !important; } #dropdownmenu ul.dropdown li ul li a:hover { background: #eee !important; color: #000 !important; } /* ביטול גלילה מהתפריט הנפתח ומניעת גובה קבוע */ #dropdownmenu ul.dropdown li ul { max-height: none !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; /* יישור לימין */ z-index: 9999 !important; background: white !important; border-radius: 10px !important; border: 1px solid #ccc !important; padding: 5px 0 !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important; } #dropdownmenu ul.dropdown li ul li ul { right: 100% !important; left: auto !important; top: 0 !important; } #mainmenu ul.dropdown li ul { overflow-y: visible !important; overflow-x: visible !important; max-height: none !important; height: auto !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; z-index: 9999 !important; background: #fff; padding: 5px 0; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15); border-radius: 10px; } /* תיקון תפריט נפתח בתוך #mainmenu */ #mainmenu { position: relative !important; overflow: visible !important; z-index: 10 !important; } /* התפריט הנפתח עצמו */ #mainmenu ul.dropdown li ul { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; display: none !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 10px !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15) !important; padding: 5px 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; z-index: 9999 !important; } /* הצגה של dropdown בעת ריחוף */ #mainmenu ul.dropdown li:hover > ul { display: block !important; } /* ודא שה־mainmenu מאפשר יציאה החוצה */ #mainmenu { position: relative !important; overflow: visible !important; z-index: 1000 !important; } /* הדרופדאון עצמו יוצא החוצה */ #mainmenu ul li ul { display: none !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; z-index: 9999 !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 10px !important; box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; padding: 6px 0 !important; white-space: nowrap !important; } /* מציג את התפריט כאשר מרחפים על הפריט */ #mainmenu ul li:hover > ul { display: block !important; } /* מבטל כל גלילה על ה־ul הראשי */ #mainmenu ul { overflow: visible !important; } טy /* ביטול גלגלת אופקית של ה-UL הראשי */ #dropdownmenu ul.dropdown { overflow-x: visible !important; overflow-y: visible !important; } /* וידוא שלא יישאר גובה קבוע ושתוכן יוכל לזרום החוצה */ #dropdownmenu ul.dropdown > li { white-space: nowrap; } /* אם אתה רוצה לשמר רווח ולא ‘להדחס’ לשורה אחת */ #dropdownmenu ul.dropdown { flex-wrap: wrap !important; } /* ---------------------------- בסוף style.css ---------------------------- */ /* מוודא שהתפריט העיקרי מאפשר overflow */ #mainmenu { position: relative !important; overflow: visible !important; z-index: 1000 !important; } /* הדרופדאון עצמו יוצא החוצה */ #mainmenu ul li ul { display: none !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; z-index: 9999 !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 10px !important; box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; padding: 6px 0 !important; white-space: nowrap !important; overflow: visible !important; max-height: none !important; height: auto !important; } /* מציג את הדרופדאון על hover */ #mainmenu ul li:hover > ul { display: block !important; } /* ==== dropdown לפרוץ מחוץ ל־#mainmenu ==== */ /* אפשר לפרוץ החוצה */ #mainmenu { overflow: visible !important; position: relative !important; z-index: 1000 !important; } /* הפריט שמחזיק את התפריט הנפתח חייב להיות position: relative/static */ #mainmenu ul li { position: static !important; } /* התפריט הנפתח עצמו */ #mainmenu ul li ul { display: none !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; z-index: 9999 !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 10px !important; box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important; padding: 6px 0 !important; white-space: nowrap !important; overflow: visible !important; } /* מציג את התפריט על hover */ #mainmenu ul li:hover > ul { display: block !important; } /* === תיקון dropdown menus === */ /* 1. מתחילים מוודאים שהקונטיינר הראשי מאפשר overflow */ #dropdownmenu, #mainmenu { overflow: visible !important; position: relative !important; z-index: 1000 !important; } /* 2. כל האלמנטים בדרך (wrapper וכו') שלא יחסמו overflow */ #wrapper, #content, .inner-content, .page, #output { overflow: visible !important; } /* 3. ממצבים כל
  • כ־relative כדי שה־absolute של תתי־הרשימות יתייחסו אליו */ #dropdownmenu ul.dropdown > li, #mainmenu ul > li { position: relative !important; } /* 4. מעצבים את ה-submenu כ־absolute, מתחת לפריט האב */ #dropdownmenu ul.dropdown li ul, #mainmenu ul li ul { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: auto !important; background: #fff !important; border: 1px solid #ccc !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; padding: 5px 0 !important; white-space: nowrap !important; z-index: 9999 !important; } /* 5. מציגים את ה-submenu ב-hover */ #dropdownmenu ul.dropdown li:hover > ul, #mainmenu ul li:hover > ul { display: block !important; } /* 6. מבטיחים שלא תהיה גלילת פנימית */ #dropdownmenu ul, #dropdownmenu ul.dropdown, #mainmenu ul, #mainmenu ul.dropdown { overflow: visible !important; } /* בסוף style.css (אחרי כל ההגדרות הקיימות) */ /*v5*/ /* === ביטול החיתוך של ה-tooltip בכל הרמות === */ /* -------------------------------------------------- TOOLTIP: Hintbox שעומד מחוץ לכל זרם הליי־אאוט --------------------------------------------------*/ /* Tooltip Hintbox */ /* === Tooltip Hintbox Fix === */ #hintbox { position: absolute; /* צף מעל כל הדף */ top: 0; /* JS יעדכן את זה דינמית */ left: 0; /* JS יעדכן את זה דינמית */ width: 284px; padding: 5px; background: #fff; border: 5px solid #364800; border-radius: 8px; z-index: 10000; visibility: hidden; /* עדיין משתמשים ב-visibility, לא ב-display */ pointer-events: none; } /* מאפשר ל-#hintbox “לדלוף” החוצה בלי לשבש את מימדי הקונטיינר */ #wrapper, #content, .inner-content { overflow: visible !important; } /*V6*/ /* ─── Override מלא של #menu הישן + עיצוב כרטיס ועיצוב שדות/כפתור ─── */ /* 0) איפוס מלא של ה־#menu הישן */ #content .right #menu, #content .right #menu .top, #content .right #menu .bottom, #content .right #menu .content { background: none !important; background-image: none !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } /* 1) מבנה כרטיס אחיד */ #content .right #menu { border-radius: 12px; overflow: hidden; margin-bottom: 24px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; background: #fff !important; } /* 2) כותרת בגרדיאנט תואם תפריט ראשי */ #content .right #menu .top { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; color: #fff !important; padding: 14px 16px !important; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 12px 12px 0 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* 3) גוף הכרטיס – לבן ונקי */ #content .right #menu .content { background: #fff !important; padding: 16px !important; color: #333 !important; line-height: 1.5 !important; } /* 4) מבטלים את ה־.bottom המקורי */ #content .right #menu .bottom { display: none !important; } /* 5) שדות טקסט מודרניים + תופסים גם את השדות הישנות text_long_user / text_long_pass */ #content .right #menu .content input[type="text"], #content .right #menu .content input[type="password"], #content .right #menu .content input.text_long_user, #content .right #menu .content input.text_long_pass, #content .right #menu .content select, #content .right #menu .content textarea { width: 100% !important; padding: 10px 12px !important; margin: 8px 0 !important; border: 1px solid #ddd !important; border-radius: 6px !important; font-size: 14px !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important; background: #fff !important; background-image: none !important; box-sizing: border-box !important; } #content .right #menu .content input:focus, #content .right #menu .content textarea:focus { border-color: #4facfe !important; outline: none !important; } /* 6) כפתורים בגרדיאנט תופסים גם את הכפתור הישן (.button_login) */ #content .right #menu .content .button_login, #content .right #menu .content input[type="submit"], #content .right #menu .content button { display: block !important; width: 100% !important; padding: 12px 0 !important; margin-top: 12px !important; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; transition: transform .1s, opacity .2s !important; text-indent: 0 !important; } #content .right #menu .content .button_login:hover, #content .right #menu .content input[type="submit"]:hover { transform: translateY(-2px) !important; opacity: .95 !important; } /* ─── 7) הוריד את האייקון מתחת לכותרת ומרכז אותו ─── */ #content .right #menu .top { /* במקום row – נעשה column */ display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } #content .right #menu .top img { /* ריווח קטן מעל האייקון */ margin-top: 8px !important; /* אפשר לכוון לפי גודל האייקון שלך */ } /* ─── 8) מיישר את הטקסט בתחתית הכפתור ─── */ #content .right #menu .content .button_login, #content .right #menu .content input[type="submit"], #content .right #menu .content button { /* נעשה flex כדי לשלוט ב־vertical alignment */ display: flex !important; justify-content: center !important; /* מרכז אופקי */ align-items: flex-end !important; /* טקסט בתחתית */ /* קבע גובה ושנה padding בהתאם למראה שתרצה */ height: 44px !important; padding: 0 !important; } /* 1) מבטל את ה־absolute וה־padding-bottom שהרשית קודם */ /* ─── כותרת עם טקסט ואייקון זה לצד זה במרכז ─── */ #content .right #menu .top { /* הופך את הכותרת לפלקס, מרכז טקסט+אייקון */ display: flex !important; justify-content: center !important; align-items: center !important; } /* מבטל כל absolute/transform מהאייקון ומוסיף רווח לשמאל */ #content .right #menu .top img { position: static !important; transform: none !important; margin-left: 8px !important; vertical-align: middle !important; /* אם צריך, תוודא שגם הגובה מתאים */ max-height: 24px !important; } /* קצת ניגודית לכותרת, בלי מרווחים מיותרים */ #content .right #menu .top h2 { margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; } /*V7*/ /* ─── סגנון כרטיס "ברוכים הבאים לעולם הפוקימונים!" ─── */ /* מיקום ב־#content מצד שמאל, בעמוד הבית */ #content .left > .page:first-of-type { background: #fff !important; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 24px !important; } /* מאפסים padding של .content המקורי */ #content .left > .page:first-of-type .content { padding: 0 !important; } /* כותרת הגרדיאנט */ #content .left > .page:first-of-type .content h3 { margin: 0; padding: 14px 16px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: #fff; font-size: 16px; font-weight: 700; text-align: center; } /* מסירים את ה־.bottom המקורי של הכרטיס */ #content .left > .page:first-of-type .bottom { display: none !important; } /* אם יש לך אלמנט של chat מתחת, תוכל להוסיף לו קצת padding: */ #content .left > .page:first-of-type + .page { padding-top: 16px; } /* ─── מרחיבים את כותרת "ברוכים הבאים" עד קצה ה-.page ─── */ /* 1) הסתירה של ה-.content padding (וגם הורדת ה-page padding-top) */ #content .left > .page:first-of-type { /* שימו לב: 25px זה הערך שמוגדר אצלכם ב-.page המקורי; אם אצלכם הוא שונה, החליפו אותו */ padding: 0 25px 25px !important; } #content .left > .page:first-of-type .content { padding: 0 !important; } /* 2) מרחיבים את ה-

    לרוחב מלא של הכרטיס */ #content .left > .page:first-of-type .content h3 { /* שולחים אותו שמאלה וימינה ב-25px כדי לחצות את הפדינג של ה-.page */ margin: 0 -25px 16px !important; /* רוחב = 100% + (2 * 25px) */ width: calc(100% + 50px) !important; padding: 14px 16px !important; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-align: center !important; border-radius: 12px 12px 0 0 !important; } /* 1. נגדיר את ה־padding ההיקפי של הכרטיס כמשתנה */ :root { --page-hpad: 25px; /* אם אצלכם הפדינג שונה, תשנו פה */ } /* 2. נוודא שה־.page משתמש בפדינג הזה */ #content .left > .page { padding: var(--page-hpad) !important; box-sizing: border-box; } /* 3. מרחיבים את כותרת הגרדיאנט (h3) לכל רוחב ה־.page */ #content .left > .page:first-of-type .content h3 { /* שולחים החוצה בדיוק את רוחב הפדינג */ margin: 0 calc(var(--page-hpad) * -1) 16px !important; width: calc(100% + var(--page-hpad) * 2) !important; padding: 14px 16px !important; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-align: center !important; border-radius: 12px 12px 0 0 !important; box-sizing: border-box; } /* 4. מרחיבים גם את החלון שמתחת (נניח שהוא .homep או כל קונטיינר אחר) */ #content .left > .page:first-of-type .content .homep { margin: 0 calc(var(--page-hpad) * -1) !important; width: calc(100% + var(--page-hpad) * 2) !important; padding: 16px !important; /* תואם לגובה וה-padding הפנימי שאתם רוצים */ background: #fff !important; border: 1px solid #00a5b5 !important; /* אם תרצו, תשנו לצבע שלכם */ border-radius: 0 0 12px 12px !important; box-sizing: border-box; } /* 1) וידא שה־.page מאפשר overflow כדי שהקליפ המעוגל לא ייחתך */ .page { position: relative; overflow: visible; /* נניח שזו ההגדרה שלך – כוונן את ה-padding לפי מה שיש באמת אצלך */ padding: 25px 25px 25px; /* top/right/bottom/left */ margin-bottom: 35px; /* מרווח מתחת לדף */ background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } /* 2) הכותרת – מרחיבים אותה החוצה בשוליים */ .page > .top { display: flex; align-items: center; justify-content: center; /* הגרדיאנט */ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: #fff; font-size: 18px; font-weight: 700; text-align: center; height: 60px; /* קובע גובה הכותרת */ /* שוליים שליליים כדי “למשוך” את הכותרת לצדדים עד לגבול של .page */ margin: -25px -25px 20px; /* top/side/bottom */ /* עיגול פינות עליון */ border-radius: 12px 12px 0 0; /* padding פנימי בין הטקסט לגבולות הגרדיאנט */ padding: 0 20px; box-sizing: border-box; } /* במידה והכותרת שלך היא

    ולא .top: */ .page > .content > h3 { /* העתק/הדבק את כל הסגנון של .page > .top לכאן */ } /* ─── Home Banner (ברוכים הבאים…) full-width gradient ─── */ .page > .content > h3 { /* 1) חותך החוצה את ה־padding של .page (במקום 25px אם משתמשים ב־padding אחר, תתאימו) */ margin: -25px -25px 20px; /* 2) גובה, יישור טקסט ואידנט */ height: 60px; line-height: 60px; text-align: center; /* 3) הגרדיאנט ועיגול פינות עליונות */ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: #fff; font-size: 18px; font-weight: 700; border-radius: 12px 12px 0 0; /* 4) ודא ש־box-sizing מתאים */ box-sizing: border-box; } /* 1) תופסים את הבלוק של הכותרת (Gradient Banner) */ .page > .top1 { /* ודא שהוא באורך מלא של הקונטיינר */ width: 100% !important; /* ממרכזים את הטקסט גם הוריזонтלית וגם ורטикאלית */ display: flex !important; align-items: center !important; /* ממרכז ורטיקלית */ justify-content: center !important; /* ממרכז הוריזонтלית */ /* מגדילים גופן */ font-size: 20px !important; /* כוונן איך שנראה לך */ /* שאר העיצוב שלך כבר שם */ height: 60px !important; /* אם אתה רוצה לשמור את הגובה */ line-height: normal !important; /* כבר לא צריך line-height כי יש flex */ } /* ─── Home Banner inside .page ─── */ .page > .content > h3 { /* הופך את ה-h3 לבלוק רגיל שמרחיב את עצמו רוחבית */ display: block !important; /* מורחיב את הבלוק החוצה מתוך הפדינג של .content */ margin: -15px -20px 20px !important; /* -top, -sides, +bottom */ /* גובה פנימי שונה לפי טעמך */ padding: 18px 0 !important; /* הגרדיאנט ותאורת הטקסט */ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; color: #fff !important; /* מרכז אופקי + אנכי */ text-align: center !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.2 !important; /* עיגול פינות עליונות */ border-radius: 8px 8px 0 0 !important; /* דואג שהבלוק הזה תמיד מעל שאר התוכן (אבל לא absolute) */ position: relative !important; z-index: 1 !important; } /* ================================================================== */ /* Chat-style theme override: remap all site blues/cyans to chat blue */ /* ================================================================== */ :root { /* your new “chat” gradient stops */ --chat-cyan-start: #00c9d1 !important; --chat-cyan-end: #00acc1 !important; } /* 1) everything that used to have the old gradient... */ #mainmenu, #dropdownmenu, .page > .content > h3, #content .right #menu .top, #chatbox h2, #chat-form button, input[type="submit"], .button_login, .button { /* replace it with your chat gradient */ background: linear-gradient(90deg, var(--chat-cyan-start), var(--chat-cyan-end)) !important; color: #fff !important; } /* 2) any borders or outlines that used the cyan accent */ #chatbox, #content .right #menu, .page, input:focus, textarea:focus { border-color: var(--chat-cyan-end) !important; } /* 3) hover states should stay in-theme too */ #mainmenu li:hover, #dropdownmenu ul.dropdown > li:hover, #chat-form button:hover, .button_login:hover { background: var(--chat-cyan-end) !important; opacity: .9 !important; } /* ─── Unified turquoise gradient for all site bars ─── */ :root { /* הגדרנו ואריאבלים כדי שיהיה קל לשנות בעתיד */ --turq-start: #00c9d1; --turq-end: #00acc1; } /* כל הכותרות/ברים הראשיים */ #mainmenu, #dropdownmenu, #content .right #menu .top, .page > .content > h3, #content .left > .page:first-of-type .content h3, #page .top1, .left h3 { background: linear-gradient(90deg, var(--turq-start), var(--turq-end)) !important; color: #fff !important; } /* כל הברים התחתונים (הבלוקים הריקים) */ #content .right #menu .bottom, .page > .bottom { background: var(--turq-end) !important; } /* אם יש ברים נוספים עם מחלקה אחרת פשוט הוסיפו את הסלקטור שלהם לרשימה */ :root { --turq-start: #00c9d1; --turq-end: #00acc1; } /* 1) gradient אחיד על כפתור ההתחברות */ #content .right #menu .content .button_login, #content .right #menu .content input[type="submit"] { background: linear-gradient(90deg, var(--turq-start), var(--turq-end)) !important; /* אם אתם רוצים לשנות את הגובה - לכו על 44px, 48px וכו' */ height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 2) re-enable + gradient ל־bottom strip של כרטיס login */ #content .right #menu .bottom { display: block !important; height: 8px !important; /* או גובה אחר לפי טעמכם */ margin-top: -4px; /* כדי להדביק אותו לתחתית הכרטיס */ background: linear-gradient(90deg, var(--turq-start), var(--turq-end)) !important; } /* ─── Gradient ל־bottom של כרטיסי #menu ─── */ #content .right #menu .bottom { /* מציג את השורה שנמחקה */ display: block !important; /* בוטל כל background-image ישן */ background-image: none !important; /* הגרדיאנט שלכם */ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; /* גובה הכרטיס — לכו על מה שנראה לכם */ height: 8px !important; /* רוחב מלא בתוך הקונטיינר */ width: 100% !important; /* אם צריך להזיז מעט למעלה כדי ל’להדביק’ לתחתית ה־.content */ margin-top: -4px !important; /* לשמור על עיגול פינות תחתונות (אם רוצים) */ border-radius: 0 0 12px 12px !important; } /*V8*/ /* ─────────────────────────────────────────────────────────────── */ /* 2025 Right-sidebar Panels: Gradient-Header Cards with Progress */ /* ─────────────────────────────────────────────────────────────── */ /* 1) הכללי – הכרטיס עצמו */ #content .right #menu { background: #fff !important; border-radius: 12px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; overflow: hidden !important; margin-bottom: 24px !important; } /* 2) הכותרת – גרדיאנט טורקיז עד תכלת */ #content .right #menu .top { background: linear-gradient(90deg, #00c9d1 0%, #00acc1 100%) !important; color: #fff !important; padding: 14px 16px !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* 3) גוף הכרטיס – רקע בהיר וריווח */ #content .right #menu .content { background: #f9f9f9 !important; padding: 16px !important; color: #333 !important; line-height: 1.5 !important; } /* 4) פס תחתון דק – ממשיך את הגרדיאנט */ #content .right #menu .bottom { display: block !important; height: 6px !important; background: linear-gradient(90deg, #00acc1 0%, #00c9d1 100%) !important; } /* ─ Progress-bars בתוך ה-stats card ─ */ .stats-container { position: relative; width: 100%; height: 16px; background: #e1e1e1; border-radius: 8px; overflow: hidden; margin: 8px 0; } .stats-container > div { height: 100%; background: linear-gradient(90deg, #4facfe, #00f2fe) !important; transition: width .3s ease; } .stats-container span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; font-weight: 600; color: #fff; pointer-events: none; } /* ─ Pokémon hand / Liga cards inside ה־“team” menu ─ */ .pokemon_hand_box ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .pokemon_hand_box ul li { flex: 1 1 48% !important; background: #fff !important; border-radius: 8px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important; padding: 8px !important; text-align: center !important; } .pokemon_hand_box ul li .img img { width: 48px !important; height: 48px !important; margin-bottom: 6px !important; } .pokemon_hand_box ul li .name, .pokemon_hand_box ul li .level { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #333 !important; margin-bottom: 4px !important; } /* ─ תזכורת: ודא שאין overflow:hidden בהורים ─ */ #wrapper, #content, .inner-content, .page { overflow: visible !important; } /* ─────────────────────────────────────────────────────────────── */ /* Modern Stats List inside the “מה קורה בליגה?” panel */ /* ─────────────────────────────────────────────────────────────── */ #content .right #menu .content ul.stats { list-style: none; margin: 0; padding: 0; } #content .right #menu .content ul.stats li { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #e1e1e1; } #content .right #menu .content ul.stats li:last-child { border-bottom: none; } #content .right #menu .content ul.stats label { font-size: 14px; color: #555; flex: 1; } #content .right #menu .content ul.stats span { font-size: 14px; font-weight: 600; color: #222; margin-left: 12px; white-space: nowrap; } /* מתאם ל־progress bars (rank / all_pokemon) בתוך השורה */ #content .right #menu .content ul.stats li .stats-container { flex: 2; margin-left: 12px; } /* ─────────────────────────────────────────────────────────────── */ /* Force last two stats rows (דירוג & אוסף הפוקימונים) to full */ /* width, stacked vertically */ /* ─────────────────────────────────────────────────────────────── */ #content .right #menu .content ul.stats li:nth-last-child(-n+2) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding: 12px 0 !important; } #content .right #menu .content ul.stats li:nth-last-child(-n+2) label { width: 100% !important; margin-bottom: 6px !important; flex: none !important; } #content .right #menu .content ul.stats li:nth-last-child(-n+2) .stats-container { width: 100% !important; margin: 0 !important; } /* 1) בטל את ההסתרה של ה-span (הסר או בקשור הפוך) */ #content .right #menu .content ul.stats li span { display: block !important; margin: 8px 0 !important; width: 100% !important; } /* 2) וידא שה־stats-container שבתוך הספאן יתפוס רוחב מלא */ #content .right #menu .content ul.stats li > span .stats-container { width: 100% !important; margin: 0 !important; flex: none !important; } /* ─────────────────────────────────────────────────────────────── */ /* Center % inside each colored bar, relative to the bar itself */ /* ─────────────────────────────────────────────────────────────── */ #content .right #menu .content .stats-container > div { position: relative !important; } #content .right #menu .content .stats-container > div > span { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; line-height: 1 !important; } /* ─────────────────────────────────────────────────────────────── */ /* 1) מיכל היחוס למרכז ה־% הוא ה־.stats-container עצמו */ #content .right #menu .content .stats-container { position: relative !important; overflow: hidden !important; } /* 2) נבטל כל positioning שהענקנו ל־fill עצמו */ #content .right #menu .content .stats-container > div { position: static !important; } /* 3) עכשיו כל span ייתפס יחסית למיכל ולא ל־fill */ #content .right #menu .content .stats-container span { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; white-space: nowrap !important; z-index: 1 !important; } /* ─────────────────────────────────────────────────────────────── */ /* קצת ריווח בין השורות לכל הפריטים ב־stats */ #content .right #menu .content ul.stats li { padding: 8px 0 12px !important; } #content .right #menu .content ul.stats li + li { border-top: 1px solid #e1e1e1 !important; } /* ─────────────────────────────────────────────────────────────── */ /* הוספת רווח והצגת ערכי ה-stats בשורה אחת עם התווית */ /* ─────────────────────────────────────────────────────────────── */ #content .right #menu .content ul.stats li > span { display: inline-block !important; margin: 0 0 0 6px !important; /* רווח שמאלי */ width: auto !important; /* חוזר לגודל אוטומטי */ position: static !important; /* בטל כל:absolute ועוד */ transform: none !important; } /* ─────────────────────────────────────────────────────────────── */ /* 1) רק ל־ values אחרי