/* Score =================================== */ #score #container { background:url(../img/bg_score.jpg) fixed; background-size:cover; } #score #pagebody { background-color:#fff; color:#333; padding-top:20px; } #score #pagettl { display:none; } #score-date { display:none; } #score main #update{ text-align:right; font-size:80%; clear:both; padding-bottom:5px; } /* ------ Media Queries ------ */ @media all and (max-width: 767px) { #score #pagebody { padding-top:0; } #score #pagettl { border-bottom:#ddd 1px solid; } #score-date { display:block; padding:10px; } #score main { padding:0 10px 10px 10px; } .scbox{width:100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; margin:0 0 1em;} .scbox::-webkit-scrollbar{height: 5px; background: none;} .scbox::-webkit-scrollbar-thumb{background: #ccc; border-radius:10px;} .scbox table th, .scbox table td { font-size:90%; line-height:130%; } /* table for ios */ html { -webkit-text-size-adjust:100%; } } /* leaderMenu / hbhMenu ----------------------------------- */ #leaderMenu, #hbhMenu{ margin:0 0 10px 0; float:left; width:50%; } #leaderMenu .alt, #hbhMenu .alt, #score #pager .alt { position:static; top:auto; left:auto; } #leaderMenu h2, #hbhMenu h2 { font-family:"Poppins", sans-serif; width:100%; height:auto; background-image:none; padding:0.5em; box-sizing:border-box; text-align:center; color:#fff; font-size:80%; line-height:140%; text-indent:0; letter-spacing:0.01em; } #leaderMenu h2 { background-color:#46a201; } #hbhMenu h2 { background-color:#0a74bf; } .rMenu { width:100%; background-image:none; } .rMenu ul { list-style:none; width:100%; height:auto; padding:0; } .rMenu ul li { float:left; width:25%; height:auto; } .rMenu ul li:last-child { border-bottom:none; } .rMenu ul li a { display:block; font-family:"Poppins", sans-serif; width:100%; height:auto; padding:0.5em!important; box-sizing:border-box!important; border-right:#333 1px solid; border-bottom:#333 1px solid; background-image:none!important; background-color:#000!important; text-decoration:none; text-align:center; color:#fff!important; font-size:85%; line-height:140%; text-indent:0; } .rMenu ul li a:hover { filter: alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;} .rMenu ul li a:after { position:relative; top:0.20em; float:right; content:" "; vertical-align:middle; width:0.8em; height:0.8em; background:url(../img/arrow.png) center center no-repeat; background-size:contain; } .rMenu #r1_1 a:hover, .leaderRound1 .rMenu #r1_1 a, .rMenu #r1_2 a:hover, .leaderRound2 .rMenu #r1_2 a, .rMenu #r1_3 a:hover, .leaderRound3 .rMenu #r1_3 a, .rMenu #r1_4 a:hover, .leaderRound4 .rMenu #r1_4 a, .rMenu #r2_1 a:hover, .hbhRound1 .rMenu #r2_1 a, .rMenu #r2_2 a:hover, .hbhRound2 .rMenu #r2_2 a, .rMenu #r2_3 a:hover, .hbhRound3 .rMenu #r2_3 a, .rMenu #r2_4 a:hover, .hbhRound4 .rMenu #r2_4 a { background-color:#333!important; } /* ------ Media Queries ------ */ @media all and (max-width: 767px) { #leaderMenu{ margin:0; float:none; width:100%; } #hbhMenu{ margin:0 0 15px 0; float:none; width:100%; } } /* ------ Media Queries ------ */ @media all and (max-width: 500px) { .rMenu ul li { width:50%; } } /* reload / print ----------------------------------- */ .btn-box:after {content:"";clear:both;display:block;} #score #reload .alt, #score #print .alt { position:static; top:auto; left:auto; text-indent:0; } #score #reload { width:5.0em; } #score #reload, #score #print { float:left; width:5.5em; margin-right:0.5em; } #score #reload a, #score #print a { display:block; font-family:"Poppins", sans-serif; width:100%; height:auto; padding:0.5em; box-sizing:border-box; border-radius:1.0em; background-color:#fce300; color: #006747; font-size:85%; text-align:center; text-decoration:none; /* hover */ transition:opacity 0.2s ease-out; } @media (hover: hover) { #score #reload a:hover, #score #print a:hover { opacity:0.7; text-decoration:none; } } #score #reload a:after, #score #print a:after { position:relative; display:inline-block; content:" "; vertical-align:middle; width:0.8em; height:0.8em; margin-left:0.3em; background:url(../img/arrow.png); background-position:center center; background-repeat:no-repeat; background-size:contain; } #score #reload a:after { background-image:url(../img/score/icon_reload.png); } #score #print a:after { background-image:url(../img/score/icon_print.png); } /* ------ Media Queries ------ */ @media all and (max-width: 767px) { #score #print { display:none; } } /* pager ----------------------------------- */ #score #pager { width:100%; height:auto; margin-bottom:10px; } #score #pager:after {content:"";clear:both;display:block;} #score #pager ul{ list-style:none; } #score #pager li{ float:left; width:33%; height:auto; } #score #pager li:last-child { width:34%; } #score #pager li a { display:block; font-family:"Poppins", sans-serif; width:100%; height:auto; padding:0.5em!important; box-sizing:border-box!important; border-right:#333 1px solid; border-bottom:#333 1px solid; background-image:none!important; background-color:#000!important; text-decoration:none; text-align:center; color:#fff!important; font-size:85%; line-height:140%; text-indent:0; } #score #pager li a:after { position:relative; top:0.30em; float:right; content:" "; vertical-align:middle; width:0.8em; height:0.8em; background:url(../img/arrow.png) center center no-repeat; background-size:contain; } #score #pager li#p1 a:hover, #score .page1 li#p1 a, #score #pager li#p2 a:hover, #score .page2 li#p2 a, #score #pager li#p3 a:hover, #score .page3 li#p3 a{ background-image:none!important; background-color:#0a74bf!important; border-right:#0a74bf 1px solid; border-bottom:#0a74bf 1px solid; } /* ------ Media Queries ------ */ @media all and (max-width: 767px) { } /* table ----------------------------------- */ #score main:not(.main) table{ width:100%; clear:both; font-size:90%; color:#333; line-height:140%; border-top:1px gray solid;border-left:1px gray solid;border-right:1px gray solid;} #score main:not(.main) table th { background:#46a201; padding:5px; color:#fff;border-spacing:0; border-right:1px #ccc solid; border-bottom:1px #ccc solid; border-collapse:collapse; text-align:center; } #score main:not(.main) table td { background:#fff; padding:5px; border-spacing:0; border-right:1px #aaa solid; border-bottom:1px gray solid; border-collapse:collapse; text-align:center; } #score main:not(.main) table tr.japanese td{ background:#fefe98 !important;} #score main:not(.main) table td.japanese{ background:#fefe98 !important;} #score main:not(.main) table td.name{ border-right:none !important; background:#f3f3f3; font-weight:bold; min-width:8.0em; } #score main:not(.main) table td.flag{background:#f3f3f3;} #score main:not(.main) table td#scoreTd{border-right:none !important;background:#e0f5d0;} #score main:not(.main) table th#scoreTh{border-right:none !important; background:#78bf42;} #score main:not(.main) table th.rankTh{ background:#0a74bf;} #score main:not(.main) table th.parTh{ background:#51a1da;} #score main:not(.main) table td.parTd{ background:#d6ecfc;} #score main:not(.main) table .out_in{ background:#a1a1a1;} #score main:not(.main) th.noTh{ background:#78bf42;} #score main:not(.main) td.hbhHole-over{ color:#8a8a8a;} #score main:not(.main) td.hbhHole-even{ color:#07a407;} #score main:not(.main) td.hbhHole-under{ color:#c03434;} #score main:not(.main) td.scr_even{ font-weight:bold;} #score main:not(.main) table a{ color:#333; }