MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ /* Header and footer */

.header-container.header-chrome, background-attachment: scroll; background-clip: border-box; background-color: gray; background-image: none; background-origin: padding-box; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; }
 * 1) mw-mf-page-center {

footer { background-attachment: scroll; background-clip: border-box; background-color: gray; background-image: none; background-origin: padding-box; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; border-top-color: #c8ccd1; border-top-style: solid; border-top-width: 1px; overflow-x: auto; overflow-y: auto; padding-bottom: 6px; }

.nomobile { display: none; }

/* fonts */ @font-face { font-family: 'Volter'; src: local('Volter'), local('Volter'), url(/media/hydra/fonts/volter.ttf) format('truetype'); }

@font-face { font-family: 'Volterbold'; src: local('Volterbold'), local('Volterbold'), url(/media/hydra/fonts/volterbold.ttf) format('truetype'); }

/* content area */ .overlay-enabled, background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #699e82 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#699e82 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#699e82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#699e82',GradientType=0 ); /* IE6-9 */ background-repeat: repeat-y; background-attachment: fixed; }
 * 1) content {

a, a:visited, a.external { color: #37233c; }

/* Wiki specific settings */ /* buttons */ .button { background: #3B89DD; /* Old browsers */ background: -moz-linear-gradient(top, #3B89DD 0%, #77B1EF 66%, #1F62BF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B89DD), color-stop(66%,#77B1EF), color-stop(100%,#1F62BF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* IE10+ */ background: linear-gradient(to bottom, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B89DD', endColorstr='#1F62BF',GradientType=0 ); /* IE6-9 */ display: inline-block; border: 2px solid #37233c; border-radius: 4px 4px 4px 4px; color: #454545; font-weight: bold; padding: 2px 10px; margin: 0 3px 0 3px; height: 19px; text-align: center; box-shadow: 0 0.1em 0.75em #798183; text-shadow:2px 1px black; }

.button a, .button a.external { color: #37233c; text-decoration: none; text-shadow: none; }

/* header */ .header { background: transparent; border-bottom: 2px solid #37233c; text-shadow:2px 1px black; }

/* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: #f9f9f9; border: 2px solid #37233C; color: #000000; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; border-radius:6px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: #f9f9f9; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { font-size: 110%; font-weight: bold; padding: 0.5em; color: white; font-family: "Volter"; background: #3B89DD; /* Old browsers */ background: -moz-linear-gradient(top, #3B89DD 0%, #77B1EF 66%, #1F62BF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B89DD), color-stop(66%,#77B1EF), color-stop(100%,#1F62BF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* IE10+ */ background: linear-gradient(to bottom, #3B89DD 0%,#77B1EF 66%,#1F62BF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B89DD', endColorstr='#1F62BF',GradientType=0 ); /* IE6-9 */ }

.infoboxdetails { padding: 0em; }