MediaWiki:MainPage.css

.index-Mainvisual { width: 1100px; height: 716px; background: url(https://aaside.bushimo.jp/wordpress/wp-content/themes/aaside_special/assets/images/pc/index/img_mainvisual.jpg) 0 0 no-repeat; background-size: 100%; position: relative; overflow: hidden; user-select: none; } .index-Youtube { width: 192px; height: 192px; background: url(https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_Logo_2017.svg) 0 0 no-repeat; position: relative; } .index-Discord { width: 200px; height: 200px; background: url(https://discord.com/assets/192cb9459cbc0f9e73e2591b700f1857.svg) 0 0 no-repeat; position: relative; } .index-Twitter { width: 202px; height: 202px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 248 204' style='enable-background:new 0 0 248 204;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Logo_1_'%3E%3Cpath id='white_background' class='st0' d='M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04 C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66 c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64 c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76 c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26 c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat; position: relative; } /*== Slide Left ==*/ .slide-left { width:100%; overflow:hidden; } .slide-left { animation: 2s slide-left; }

@keyframes slide-left { from { margin-left: -100%; width: 300%; }

to { margin-left: 0%; width: 100%; } } /*== Slide Right ==*/ .slide-right { width:100%; overflow:hidden; } .slide-right { animation: 4s slide-right; }

@keyframes slide-right { from { margin-left: -100%; width: 300%; }

to { margin-left: 0%; width: 100%; } }