#player_profile article { width: 1000px; margin: 0 auto; } #player_profile section { width: 100%; margin-top: 60px; } #player_profile section h2 { font-size: 28px; font-weight: 700; margin-bottom: 20px;} #player_profile #title { width: 100%; height: 600px; padding: 200px 0 0 0; } #player_profile #title h2 { display: inline; font-size: 68px; font-weight: 800; position: relative; margin-left: -2px; color: #fff; } #player_profile #title h3 { font-size: 28px; font-weight: 700; color: rgba(235,235,245,.6); } #player_profile #title p { width: 30%; font-size: 15px; margin-top: 10px; line-height: 1.8; color: rgba(235,235,245,.6); } #player_profile #basic ul { display: flex; } #player_profile #basic ul li { flex: 1 0; text-align: center; border-left: .5px solid rgba(84,84,88,.65); padding: 0 10px; } #player_profile #basic ul li > * { display: block; } #player_profile #basic ul li i { font-size: 28px; height: 28px; position: relative; } #player_profile #basic ul li i.number b { font-weight: 600; width: 100%; text-align: center; top: -3.5px; left: 0; position: absolute; } #player_profile #basic ul li span { width: 100%; font-size: 13px; margin-top: 8px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #player_profile #basic ul li u { font-size: 11px; color: rgba(235,235,245,.6); margin-top: 5px; } #player_profile #basic ul li:last-of-type { border-right: .5px solid rgba(84,84,88,.65); } #player_profile #history { display: flex; } #player_profile #history .stats { flex-basis: 70%; font-size: 15px; margin-right: 70px; } #player_profile #history .stats table { width: 100%; } #player_profile #history .stats tr.sub { border-bottom:0 solid rgba(84,84,88,.65);} #player_profile #history .stats th.a { width: 60px; } #player_profile #history .stats th.a, #player_profile #history .stats th.b { text-align: left; } #player_profile #history .stats tr.main th { padding-bottom: 5px; font-weight: 600; } #player_profile #history .stats tr.sub th { padding-bottom: 0; font-size: 11px; color: rgba(235,235,245,.6); text-align: center; } #player_profile #history .stats td.name { display: flex; } #player_profile #history .stats td.name span { align-self: center; font-weight: 400; color: rgba(235,235,245,.3); margin-left: 6px; font-size: 9px; } #player_profile #history .stats th.b { width: 280px; } #player_profile #history .stats tr.data { border-bottom: .5px solid rgba(84,84,88,.35);} #player_profile #history .stats tr.data td.name { font-weight: 600; } #player_profile #history .stats tr.data td { padding: 10px 0; } #player_profile #history .stats td.record { text-align: center; } #player_profile #history .stats th.blank, #player_profile #history .stats td.blank { width: 30px; padding: 0; } #player_profile #history .awards { flex-basis: 30%; } #player_profile #history .awards h3 { font-size: 15px; font-weight: 600; margin-bottom: 10px; } #player_profile #history .awards ul { margin-bottom: 20px; } #player_profile #history .awards li { padding: 5px 0; display: flex; align-items: center; } #player_profile #history .awards li span { margin-left: 4px; } #player_profile #wiki { margin-top: 50px; } #player_profile #wiki ul > li { margin-bottom: 5px; background-color: #1C1C1E; padding: 30px; } #player_profile #wiki ul > li:nth-child(n+4) { display: none; } #player_profile #wiki ul > li.more { display: block; font-size: 15px; display: flex; align-items: center; flex-wrap: wrap; background-color: rgba(28,28,30,1); cursor: pointer; padding: 20px 25px; } #player_profile #wiki ul > li.more s { margin-right: 10px; font-weight: 600; } #player_profile #wiki ul > li.more i { font-size: 28px; margin-right: 3px; } #player_profile #wiki ul > li.more.hide { display: none !important; visibility: hidden; } #player_profile #wiki ul > li > h3 { display: block; font-size: 22px; font-weight: 700; margin-bottom: 10px; } #player_profile #wiki ul > li > ol { display: block; margin-top: 5px; } #player_profile #wiki ul > li > ol > li { margin-bottom: 20px; font-size: 15px; } #player_profile #wiki ul > li > ol > li:last-child { margin-bottom: 0; } #player_profile #wiki ul > li > ol > li > * { display: block; } #player_profile #wiki ul > li > ol > li span { display: flex; margin-top: 5px; justify-content: space-between; } #player_profile #wiki ul > li > ol > li strong { font-weight: 600; margin-bottom: 3px;} #player_profile #wiki ul > li > ol > li p { line-height: 1.7; } #player_profile #wiki ul > li > ol > li span a { font-size: 11px; font-weight: 600; color: rgba(235,235,245,.6); } #player_profile #comment ul { display:flex; flex-wrap: wrap; } #player_profile #comment ul li { margin: 0 20px 20px 0; align-items: flex-start; position: relative; } #player_profile #comment ul li p { font-size: 28px; word-break: break-all; font-weight: 700; line-height: 1.3; } #player_profile #comment ul li:nth-child(odd) { color: rgba(235,235,245,.6); } #player_profile #comment ul li:nth-child(odd) a { color: rgba(235,235,245,.6); } #player_profile #comment ul li:first-child { flex-basis: 100%; } #player_profile #comment ul li a.user { font-size: 8px; position: absolute; left: 1px; bottom: -11px; } #player_profile #comment ul li a.delete { font-size: 9px; position: absolute; left: -6px; bottom: -11px; } #player_profile #comment ul li form { width: 60%; } #player_profile #comment ul li input[type="text"] { width: 100%; } /* #player_profile #comment ul { } #player_profile #comment ul li { margin-bottom: 5px; width: 100%; } #player_profile #comment ul li > * { display: inline; } #player_profile #comment ul li p { font-size: 28px; word-break: break-all; font-weight: 700; } #player_profile #comment ul li span { font-size: 11px; font-weight: 600; margin-left: 6px; } #player_profile #comment ul li:nth-child(odd) { color: rgba(235,235,245,.6); } #player_profile #comment ul li:nth-child(odd) a { color: rgba(235,235,245,.6); } #player_profile #comment ul li a.user { font-size: 11px; font-weight: 600; margin-left: 6px; } #player_profile #comment ul li a.delete { float: right; } #player_profile #comment ul li input[type="text"] { width: 60%; } */