리버티게임:게임 목록: 두 판 사이의 차이

@@ 1번째 줄: / 1번째 줄: @@
 {{리버티게임 메뉴}}
 {{탭 이름|게임 목록}}
 {{게임카드/css}}
-<!-- JS 가젯 대응에 필요한 데이터를 쉼표로 구분하여 표기, 평상시에는 보이지 않음 --><span id="LgTotalGameNum" style="display:none">{{PAGESINCATEGORY:리버티게임|pages}},{{PAGESINCATEGORY:어드벤처 게임|pages}},{{PAGESINCATEGORY:액션 게임|pages}},{{PAGESINCATEGORY:퍼즐 게임|pages}},{{PAGESINCATEGORY:퀴즈 게임|pages}},{{PAGESINCATEGORY:보드 게임|pages}},{{PAGESINCATEGORY:음악 게임|pages}},{{PAGESINCATEGORY:롤플레잉 게임|pages}},{{PAGESINCATEGORY:시뮬레이션 게임|pages}},{{PAGESINCATEGORY:전략 게임|pages}},{{PAGESINCATEGORY:스포츠 게임|pages}},{{PAGESINCATEGORY:캐주얼 게임|pages}}</span
+<div id="menu-categories">
-<div id="categoryList">
 * {{/링크|어드벤처 게임}}
 ** {{/링크|오픈 월드 게임}}
@@ 27번째 줄: / 27번째 줄: @@
 * '''{{/링크|리버티게임|모든 게임 확인}}'''
 </div>
-<div id="libertygame-genre" style="display:none;text-align:center;font-size:24pt;font-weight:bold;"></div>
+<div id="menu-search-result" data-fetch-limit="50">
-<div id="categoryResult">
 {{#if:{{#urlget:category}}|
 {{게임카드|{{#dpl:|category={{#urldecode:{{#urlget:category}}}}|namespace=|ordermethod=firstedit|order=descending}}}}
 }}
-</div>
+</div>{{#css:
-<!-- 가젯 한정 더 보기 링크 삽입됨 --><div id="libertygame-additionalLoad" style="font-size:24pt;text-align:center;display:none;"></div>
+    #preloader-wrapper{ display:none; text-align:center; }
+    #preloader-wrapper span{ animation: spin 1s linear infinite; }
+    @keyframes spin {
+% { transform: rotate(0deg); }
+% { transform: rotate(360deg); }
+    }
+}}
+<div id="preloader-wrapper"><span class="material-symbols-outlined" style="vertical-align:middle;font-size:1.8em">refresh</span><div>