Difference between revisions of "MediaWiki:Common.css"

From Saint Seiya Awakening Wiki
Line 107: Line 107:
 
}
 
}
 
#gamingph-footer .gamingph-logo{
 
#gamingph-footer .gamingph-logo{
   filter: grayscale(100%) contrast(70%) brightness(110%);
+
   /*filter: grayscale(100%) contrast(70%) brightness(110%);*/
 
}
 
}
  

Revision as of 16:48, 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";
}