Difference between revisions of "MediaWiki:Common.css"
From Saint Seiya Awakening Wiki
Line 108: | Line 108: | ||
#gamingph-footer .gamingph-logo{ | #gamingph-footer .gamingph-logo{ | ||
filter: grayscale(100%) contrast(70%) brightness(110%); | filter: grayscale(100%) contrast(70%) brightness(110%); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'icomoon'; | ||
+ | src: url('https://saintseiya.gaming.ph/fonts/icomoon.eot?altg9i'); | ||
+ | src: url('https://saintseiya.gaming.ph/fonts/icomoon.eot?altg9i#iefix') format('embedded-opentype'), | ||
+ | url('https://saintseiya.gaming.ph/fonts/icomoon.ttf?altg9i') format('truetype'), | ||
+ | url('https://saintseiya.gaming.ph/fonts/icomoon.woff?altg9i') format('woff'), | ||
+ | url('https://saintseiya.gaming.ph/fonts/icomoon.svg?altg9i#icomoon') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | [class^="icon-"], [class*=" icon-"] { | ||
+ | /* use !important to prevent issues with browser extensions that change fonts */ | ||
+ | font-family: 'icomoon' !important; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | |||
+ | /* Better Font Rendering =========== */ | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | } | ||
+ | |||
+ | .icon-home:before { | ||
+ | content: "\e900"; | ||
+ | } | ||
+ | .icon-bullhorn:before { | ||
+ | content: "\e91a"; | ||
+ | } | ||
+ | .icon-books:before { | ||
+ | content: "\e920"; | ||
+ | } | ||
+ | .icon-file-text2:before { | ||
+ | content: "\e926"; | ||
+ | } | ||
+ | .icon-barcode:before { | ||
+ | content: "\e937"; | ||
+ | } | ||
+ | .icon-qrcode:before { | ||
+ | content: "\e938"; | ||
+ | } | ||
+ | .icon-ticket:before { | ||
+ | content: "\e939"; | ||
+ | } | ||
+ | .icon-lifebuoy:before { | ||
+ | content: "\e941"; | ||
+ | } | ||
+ | .icon-phone:before { | ||
+ | content: "\e942"; | ||
+ | } | ||
+ | .icon-location2:before { | ||
+ | content: "\e948"; | ||
+ | } | ||
+ | .icon-user:before { | ||
+ | content: "\e971"; | ||
+ | } | ||
+ | .icon-users:before { | ||
+ | content: "\e972"; | ||
+ | } | ||
+ | .icon-user-plus:before { | ||
+ | content: "\e973"; | ||
+ | } | ||
+ | .icon-user-minus:before { | ||
+ | content: "\e974"; | ||
+ | } | ||
+ | .icon-user-check:before { | ||
+ | content: "\e975"; | ||
+ | } | ||
+ | .icon-key:before { | ||
+ | content: "\e98d"; | ||
+ | } | ||
+ | .icon-key2:before { | ||
+ | content: "\e98e"; | ||
+ | } | ||
+ | .icon-lock:before { | ||
+ | content: "\e98f"; | ||
+ | } | ||
+ | .icon-wrench:before { | ||
+ | content: "\e991"; | ||
+ | } | ||
+ | .icon-equalizer:before { | ||
+ | content: "\e992"; | ||
+ | } | ||
+ | .icon-equalizer2:before { | ||
+ | content: "\e993"; | ||
+ | } | ||
+ | .icon-cog:before { | ||
+ | content: "\e994"; | ||
+ | } | ||
+ | .icon-stats-dots:before { | ||
+ | content: "\e99b"; | ||
+ | } | ||
+ | .icon-stats-bars:before { | ||
+ | content: "\e99c"; | ||
+ | } | ||
+ | .icon-trophy:before { | ||
+ | content: "\e99e"; | ||
+ | } | ||
+ | .icon-sphere:before { | ||
+ | content: "\e9c9"; | ||
+ | } | ||
+ | .icon-earth:before { | ||
+ | content: "\e9ca"; | ||
+ | } | ||
+ | .icon-google-plus:before { | ||
+ | content: "\ea8b"; | ||
+ | } | ||
+ | .icon-google-drive:before { | ||
+ | content: "\ea8f"; | ||
+ | } | ||
+ | .icon-facebook:before { | ||
+ | content: "\ea90"; | ||
+ | } | ||
+ | .icon-instagram:before { | ||
+ | content: "\ea92"; | ||
+ | } | ||
+ | .icon-twitter:before { | ||
+ | content: "\ea96"; | ||
+ | } | ||
+ | .icon-rss:before { | ||
+ | content: "\ea9b"; | ||
+ | } | ||
+ | .icon-youtube:before { | ||
+ | content: "\ea9d"; | ||
+ | } | ||
+ | .icon-youtube2:before { | ||
+ | content: "\ea9e"; | ||
+ | } | ||
+ | .icon-twitch:before { | ||
+ | content: "\ea9f"; | ||
+ | } | ||
+ | .icon-steam:before { | ||
+ | content: "\eaac"; | ||
+ | } | ||
+ | .icon-dropbox:before { | ||
+ | content: "\eaae"; | ||
+ | } | ||
+ | .icon-onedrive:before { | ||
+ | content: "\eaaf"; | ||
+ | } | ||
+ | .icon-github:before { | ||
+ | content: "\eab0"; | ||
+ | } | ||
+ | .icon-wordpress:before { | ||
+ | content: "\eab4"; | ||
+ | } | ||
+ | .icon-tumblr:before { | ||
+ | content: "\eab9"; | ||
+ | } | ||
+ | .icon-tux:before { | ||
+ | content: "\eabd"; | ||
+ | } | ||
+ | .icon-appleinc:before { | ||
+ | content: "\eabe"; | ||
+ | } | ||
+ | .icon-finder:before { | ||
+ | content: "\eabf"; | ||
+ | } | ||
+ | .icon-android:before { | ||
+ | content: "\eac0"; | ||
+ | } | ||
+ | .icon-windows8:before { | ||
+ | content: "\eac2"; | ||
+ | } | ||
+ | .icon-reddit:before { | ||
+ | content: "\eac6"; | ||
+ | } | ||
+ | .icon-linkedin2:before { | ||
+ | content: "\eaca"; | ||
+ | } | ||
+ | .icon-stackoverflow:before { | ||
+ | content: "\ead0"; | ||
+ | } | ||
+ | .icon-paypal:before { | ||
+ | content: "\ead8"; | ||
+ | } | ||
+ | .icon-chrome:before { | ||
+ | content: "\ead9"; | ||
+ | } | ||
+ | .icon-firefox:before { | ||
+ | content: "\eada"; | ||
+ | } | ||
+ | .icon-IE:before { | ||
+ | content: "\eadb"; | ||
+ | } | ||
+ | .icon-edge:before { | ||
+ | content: "\eadc"; | ||
} | } |
Revision as of 16:46, 23 June 2019
/* CSS placed here will be applied to all skins */ .mw-body{ min-height:500px; } .saints-infobox{ display:table-cell; padding:5px; float:right; } .saints-infobox tr:nth-child(odd) {background: #EEE} .saints-infobox tr:nth-child(even) {background: #FFF} .saints-infobox tr td:nth-child(1) { font-weight:bold; color:#245e9e; } .saints-infobox tr th{ border:0px !important; color:#fff; background:#245e9e !important; } .saints-infobox tr td{ border:0px !important; } .saints-infobox tr:nth-child(0) td{ } .saints-infobox tr:nth-child(2) td{ padding:0px; } .saints-infobox tr:nth-child(3) td{ background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%) filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); color:#fff; text-align:center; font-weight:bold; padding:5px; } .saints-infobox-attributes td{ background:#7bb7e6 !important; color:#fff !important; font-weight:bold; } h2{ margin-inline-end: 280px; } .mw-wiki-logo{ background-size:contain; width:180px !important; margin-left:-10px; } #mw-head{ background:none !important; } .skin-vector { background: url(https://saintseiya.gaming.ph/milky-way.jpg); background-size: cover; background-attachment: fixed; } #mw-page-base{ background:none; } #mw-panel a{ color:#cddcf2 !important; } #mw-panel h3{ color:#fff !important; font-weight:bold !important; } #footer #footer-info-lastmod{ color:#fff; } #footer #footer-places a{ color:#cddcf2; } #footer-info li{ color:#fff !important; } #gamingph-footer{ background:#1b1b1c; } #gamingph-footer .footer-flex{ overflow:hidden; width:1100px; margin:0 auto; padding: 50px 0px 10px; } #gamingph-footer a,#gamingph-footer{ color:#c9c9c9; } #gamingph-footer .footer-box{ float:left; width:25%; } #gamingph-footer span.copyright{ text-align:center; width:100%; display:block; font-size:13px; color:#777; padding-bottom:15px; } #gamingph-footer .gamingph-logo{ filter: grayscale(100%) contrast(70%) brightness(110%); } @font-face { font-family: 'icomoon'; src: url('https://saintseiya.gaming.ph/fonts/icomoon.eot?altg9i'); src: url('https://saintseiya.gaming.ph/fonts/icomoon.eot?altg9i#iefix') format('embedded-opentype'), url('https://saintseiya.gaming.ph/fonts/icomoon.ttf?altg9i') format('truetype'), url('https://saintseiya.gaming.ph/fonts/icomoon.woff?altg9i') format('woff'), url('https://saintseiya.gaming.ph/fonts/icomoon.svg?altg9i#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e900"; } .icon-bullhorn:before { content: "\e91a"; } .icon-books:before { content: "\e920"; } .icon-file-text2:before { content: "\e926"; } .icon-barcode:before { content: "\e937"; } .icon-qrcode:before { content: "\e938"; } .icon-ticket:before { content: "\e939"; } .icon-lifebuoy:before { content: "\e941"; } .icon-phone:before { content: "\e942"; } .icon-location2:before { content: "\e948"; } .icon-user:before { content: "\e971"; } .icon-users:before { content: "\e972"; } .icon-user-plus:before { content: "\e973"; } .icon-user-minus:before { content: "\e974"; } .icon-user-check:before { content: "\e975"; } .icon-key:before { content: "\e98d"; } .icon-key2:before { content: "\e98e"; } .icon-lock:before { content: "\e98f"; } .icon-wrench:before { content: "\e991"; } .icon-equalizer:before { content: "\e992"; } .icon-equalizer2:before { content: "\e993"; } .icon-cog:before { content: "\e994"; } .icon-stats-dots:before { content: "\e99b"; } .icon-stats-bars:before { content: "\e99c"; } .icon-trophy:before { content: "\e99e"; } .icon-sphere:before { content: "\e9c9"; } .icon-earth:before { content: "\e9ca"; } .icon-google-plus:before { content: "\ea8b"; } .icon-google-drive:before { content: "\ea8f"; } .icon-facebook:before { content: "\ea90"; } .icon-instagram:before { content: "\ea92"; } .icon-twitter:before { content: "\ea96"; } .icon-rss:before { content: "\ea9b"; } .icon-youtube:before { content: "\ea9d"; } .icon-youtube2:before { content: "\ea9e"; } .icon-twitch:before { content: "\ea9f"; } .icon-steam:before { content: "\eaac"; } .icon-dropbox:before { content: "\eaae"; } .icon-onedrive:before { content: "\eaaf"; } .icon-github:before { content: "\eab0"; } .icon-wordpress:before { content: "\eab4"; } .icon-tumblr:before { content: "\eab9"; } .icon-tux:before { content: "\eabd"; } .icon-appleinc:before { content: "\eabe"; } .icon-finder:before { content: "\eabf"; } .icon-android:before { content: "\eac0"; } .icon-windows8:before { content: "\eac2"; } .icon-reddit:before { content: "\eac6"; } .icon-linkedin2:before { content: "\eaca"; } .icon-stackoverflow:before { content: "\ead0"; } .icon-paypal:before { content: "\ead8"; } .icon-chrome:before { content: "\ead9"; } .icon-firefox:before { content: "\eada"; } .icon-IE:before { content: "\eadb"; } .icon-edge:before { content: "\eadc"; }