Board Thread:Support Requests - Getting Technical/@comment-5454372-20140429061912/@comment-4018164-20140430064424

I'm not an expert with iOS, but according to your desctiption, i assume that a certain up[date in iOS 7 ignores invalid CSS, so that the rest of the CSS on a certain web page will affect it properly. I don't know much about how wikia is displayed on iPads either, so i'm afraid that i can't help too much with this certain issue (i didn't know that CSS affects iPads by default).

Anyway, i've gone over the CSS with the W3C CSS validation, and fixed incorrect CSS. The following is the fixed version for your code- hopefully it would prevent similar issues:  /* @import url(http://fonts.googleapis.com/css?family=Orbitron:400,700|Doppio+One); /*******************/ /* BEGIN Wikia.css */ /*******************/ /*************************/ /* Button Styles Start */ /*************************/ a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, .WikiHeader .wikia-menu-button.secondary .drop, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background: rgba(0, 0, 0, 0.60) !important; border: 1px solid #222222 !important; color: #FFFFFF !important; box-shadow: none !important; } a.wikia-button, .wikia-single-button a, input[type="submit"], input[type="reset"], input[type="button"], .button, button, .WikiaHeader li > .wikia-button, .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a { background-color: rgba(0, 0, 0, 0.8); background-image:none !important; border: 1px solid rgb(112, 184, 255); text-shadow: 0px 1px 0px rgba(0,0,0,0.7); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } button:hover, a.wikia-button:hover, .wikia-single-button a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover, .WikiaHeader li > .wikia-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: rgba(31, 115, 112, 0.7); background-image:none !important; box-shadow: 0px 0px 5px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, /*.wikia-menu-button.active, */ input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active, .WikiaHeader li > .wikia-button:active, .wikia-menu-button > a:active, .wikia-menu-button .drop:active { background-image:none !important; background-color: rgba(38, 160, 155, 0.7) !important; border: 1px solid rgb(116, 255, 255) !important; box-shadow: 0px 0px 10px 0px rgb(39, 167, 162) !important; } /*********************/ /* Button Styles End */ /*********************/ /*Message Appearance*/ .WikiaNotifications li div { border-radius: 4px 4px 4px 4px; border: 1px solid rgb(112, 184, 255) !important; box-shadow: 0px 0px 5px 0px black; background: rgba(0, 0, 0, 0.3) !important; color: white; margin: 0px; max-width: 175px; overflow: hidden; padding: 10px 20px; position: relative; } /*End Message Appearance*/ .wikia-menu-button ul, .wikia-menu-button.secondary ul, .modalWrapper, .skin-oasis #ImageUpload, .skin-oasis #VideoEmbed, .AccountNavigation .subnav, .WikiaSpotlight, .WikiaPageHeader .history.hover, .WikiaSearch .autocomplete, .WikiaFooter .my-tools-menu { background: rgba(0, 0, 0, 0.77); border: #222222 !important; } .GlobalNavigation .subnav { background: rgba(0, 0, 0, 0.9); border: 1px solid rgb(112, 184, 255) !important;; } .WikiaSearch input[type="text"] { background: rgba(0, 0, 0, 0.28); border: 1px solid #222222; border-radius: 3px; box-shadow: none; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiaSearch input[type="text"]:focus { border: 1px solid rgb(112, 184, 255); box-shadow: 0px 0px 10px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.1s linear 0s; } .WikiaPagesOnWikiModule, .WikiaActivityModule, .WikiaImageModule, .WikiaArticle .thumbinner, .WikiaBlogListingBox, .HotSpotsModule, .CommunityCornerModule, .LatestPhotosModule, .WikiaArticle pre, .ChatModule, .FollowedPagesModule, .WikiaFooter .header-container { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important; border: 1px solid rgb(31, 115, 112) !important;*/ background: none repeat scroll 0 0 rgba(0,0,0,0.5) !important; border: 1px solid rgb(16, 63, 61) !important; } .chat-total { background-image:none !important; background-color: rgba(38, 160, 155, 0.7) !important; border: 1px solid rgb(112, 184, 255) !important; box-shadow: 0px 0px 10px 0px rgb(39, 167, 162) !important; text-shadow: 0px 1px 0px rgba(0,0,0,0.7); } .WikiaArticle { text-align: justify; }   font-weight: bold; } .oasis-split-skin .WikiaHeader, .WikiaArticle h2, .tabs li, .tally, .activityfeed strong, .ChatModule h1.chat-headline, .ChatModule .WikiaRail .module h2.chat-headline, .WikiaRail .module .ChatModule h2.chat-headline, .ChatModule .WikiaRail #RIGHT_SKYSCRAPER h2.chat-headline, .WikiaRail #RIGHT_SKYSCRAPER .ChatModule h2.chat-headline, .WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaBarWrapper .wikia-bar, .WikiaBlogListingBox h3, .WikiaActivityModule li em, .ForumActivityModule h1  { font-family: 'Orbitron'; } .WikiaActivityModule li em { font-size: 12px !important; }   float: none !important; display: table !important; margin: 10px auto; } .toc-link { position: relative; top: -1px; } /**************/ /* Nav/Editor */ /**************/ /* NEW CUSTOM STYLE */ /* Background Color*/ background: rgba(0, 0, 0, 0.3) !important; border: 1px solid transparent !important; } /*Effect while hovering*/ } .WikiHeader > .WikiNav { font-family: 'Orbitron' !important; font-weight: bold; text-shadow: 0 1px rgba(0,0,0,0.9); text-decoration: none !important; -webkit-transition: text-shadow 0.1s linear 0s; -moz-transition: text-shadow 0.1s linear 0s; -ms-transition: text-shadow 0.1s linear 0s; -o-transition: text-shadow 0.3s linear 0s; transition: text-shadow 0.1s linear 0s; } .WikiHeader > .nav li { font-size: 1.1em; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav .subnav-2 li { font-size: 0.8em; font-variant: normal; font-weight: normal; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .nav-item { font-variant: small-caps; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader .navbackground { background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgb(112, 184, 255) !important; height: 30px; top: 32px; width: 700px; margin-top: 0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .navbackground .chevron, .navbackground div { display:none; } .WikiHeader > nav li { border: none; border-bottom: 1px solid transparent !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-top: 1px solid transparent !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li > a { border: none; margin: 0; outline: medium none; padding: 0 15px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li.marked { background-color: rgba(0, 0, 0, 0.6) !important; border-bottom: 1px solid black !important; border-left: 1px solid rgb(112, 184, 255) !important; border-right: 1px solid rgb(112, 184, 255) !important; border-top: 1px solid rgb(112, 184, 255) !important; background-size: 100% 100%; color: rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .nav-item .subnav-2 { display: block !important; top: 31px !important; opacity:0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .nav-item.marked .subnav-2 { opacity: 1; z-index: 1; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li.marked > a { border: none; color: white; background-color: rgba(0, 0, 0, 0.60) !important; padding: 0 15px; margin: 0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .subnav-2-item.marked2 a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover { text-decoration: none !important; color: rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } /* borders of navigation submenu */ .WikiHeader >nav .subnav-3 { background: rgba(0, 0, 0, 0.6) !important; border: 1px solid rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } /* background, border color of each submenu item */ .WikiHeader > nav .subnav-3 li a { background: transparent !important; border: 1px solid transparent !important; color: #FFFFFF !important; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } /* background color of each submenu item on mouse-over */ .WikiHeader >nav .subnav-3 li a:hover { background-color: rgba(31, 115, 112, 0.7) !important; border: rgba(0, 0, 0, 0.00) !important; color: #FFFFFF !important; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li.marked .subnav-2 > li a { background: rgba(0, 0, 0, 0.00) !important; border: transparent !important; color: #FFFFFF !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiHeader > nav li.marked .subnav-2 > li a:hover { color: rgb(112, 184, 255) !important; border: transparent !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } /********************/ /* Profile redesign */ /********************/ .WikiaUserPagesHeader { background-color: transparent !important; background-image: none !important; } .UserProfileMastheadSearch .WikiaSearch { } .UserProfileMastheadSearch .WikiaSearch input[type="text"] { background: rgba(40, 40, 40, 0.77); border: 1px solid #101010; width:227px } .UserProfileMastheadSearch .WikiaSearch input[type="text"]:focus { border: 1px solid rgb(112, 184, 255) !important; } .UserProfileMasthead { width: 990px; margin-top: 10px; } .UserProfileMasthead .masthead-avatar .avatar { border-radius: 8px; border: none; -moz-box-shadow: 0 0 10px 3px #072C38; -webkit-box-shadow: 0 0 10px 3px #072C38; -o-box-shadow: 0 0 10px 3px #072C38; -m-box-shadow: 0 0 10px 3px #072C38; box-shadow: 0 0 10px 3px #072C38; } .UserProfileMasthead .masthead-info { background-color: transparent; border: 1px solid rgb(112, 184, 255); box-shadow: 0 0 15px 0 black inset; margin-left: 165px; } .UserProfileMasthead .masthead-info:after { margin-bottom: 6px; } .UserProfileMasthead .masthead-info::before, .UserProfileMasthead .masthead-info-lower:before { display: none; } .UserProfileMasthead .masthead-info hgroup { font-family: 'Orbitron'; height: auto; min-height: 40px; padding: 1px 15px; position: relative; left: 1px; width: 791px; background: none !important; border-bottom: 1px solid rgb(112, 184, 255) !important; } .UserProfileMasthead .tally { padding-left: 0px; margin-bottom: 10px; } .UserProfileMasthead .tally em { margin-right: 10px; } .UserProfileMasthead .masthead-info h1 { font-size: 24px; } .UserProfileMasthead .masthead-info h2 { margin-bottom: 5px; font-size: 14px; } .UserProfileMasthead .details span, .UserProfileMasthead .wikis span { color:#F1F1F1; } .UserProfileMasthead .masthead-info .tag { top: -1px ; color: #FFFFFF; font-size: 11px; border-radius: 4px; background-color: #2C444E; background-image: -moz-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -webkit-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -o-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -ms-linear-gradient(top, #315B6D 0%, #072C38 100%); } .WikiHeaderRestyle > nav .subnav-2 li.marked2 a.subnav-2a { border: none !important; } .WikiHeaderRestyle > nav .subnav-3 { border: 1px solid #101010 !important; box-shadow: 1px 2px 12px 0 #072C38 !important; } .tabs .selected a { background: none; color: rgb(112, 184, 255) !important; border: none; cursor: pointer !important; top: 2px !important; } .tabs li a:hover { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background-color: rgba(31, 115, 112, 0.7); background-image:none !important; box-shadow: 0px 0px 5px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; top: 1px; } .tabs li a { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; color: #ADADAD; cursor: pointer; border-bottom: 3px solid transparent; text-shadow: 0 1px rgba(0,0,0,0.7); } /********************************/ /** Tabber, customised styling **/ /********************************/ ul.tabbernav li a { background: transparent !important; border-color: rgba(0, 0, 0, 0) !important; border-style: none !important; border-width: 1px 1px medium !important; margin-left: 0px !important; text-decoration: none !important; position: relative !important; font-weight: normal !important; } ul.tabbernav li a:link { color: #FFFFFF !important; } ul.tabbernav li a:hover { background: #999999 !important; border-color: rgba(0, 0, 0, 0) !important; } ul.tabbernav li.tabberactive a { background-color: rgb(40,40,40) !important; border-bottom: none !important; border-left: 1px solid #999999 !important; border-right: 1px solid #999999 !important; border-top: 1px solid #999999 !important; position: relative !important; font-weight: bold !important; } ul.tabbernav li.tabberactive a:hover { background: initial !important; /* "default" was not a valid value */ border-bottom: none !important; color: #FFFFFF !important; } .tabberlive .tabbertab { position: relative !important; } /*********************************/ /** Visibility Fix For CSS View **/ /*********************************/ .css.source-css .kw1 { color: #ffffff !important; } /*****************/ /* END Wikia.css */ /*****************/ In addition, here's a fixed version for User:Undead.exe/Debugger.css?oldid=4094:  /*Message Appearance*/ .WikiaNotifications li div { border-radius: 4px 4px 4px 4px; border: 1px solid rgb(33, 195, 156) !important; box-shadow: 0px 0px 5px 0px black; background: rgba(0, 0, 0, 0.3) !important; color: white; margin: 0px; max-width: 175px; overflow: hidden; padding: 10px 20px; position: relative; } /*End Message Appearance*/ .wikia-menu-button ul, .wikia-menu-button.secondary ul, .modalWrapper, .skin-oasis #ImageUpload, .skin-oasis #VideoEmbed, .AccountNavigation .subnav, .WikiaSpotlight, .WikiaPageHeader .history.hover, .WikiaSearch .autocomplete, .WikiaFooter .my-tools-menu { background: rgba(0, 0, 0, 0.77); border: #222222 !important; } .GlobalNavigation .subnav { background: rgba(0, 0, 0, 0.9); border: 1px solid rgb(33, 195, 156) !important; } .WikiaSearch input[type="text"] { background: rgba(0, 0, 0, 0.28); border: 1px solid #222222; border-radius: 3px; box-shadow: none; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .WikiaSearch input[type="text"]:focus { border: 1px solid rgb(33, 195, 156); box-shadow: 0px 0px 10px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.1s linear 0s; } .WikiaPagesOnWikiModule, .WikiaActivityModule, .WikiaImageModule, .WikiaArticle .thumbinner, .WikiaBlogListingBox, .HotSpotsModule, .CommunityCornerModule, .LatestPhotosModule, .WikiaArticle pre, .ChatModule, .FollowedPagesModule, .WikiaFooter .header-container { background: none repeat scroll 0 0 rgba(0,0,0,0.5) !important; border: 1px solid rgb(33, 195, 156) !important; } .chat-total { background-image:none !important; background-color: rgba(38, 160, 155, 0.7) !important; border: 1px solid rgb(33, 195, 156) !important; box-shadow: 0px 0px 10px 0px rgb(39, 167, 162) !important; text-shadow: 0px 1px 0px rgba(0,0,0,0.7); } .WikiaArticle { text-align: justify; }   font-weight: bold; } .oasis-split-skin .WikiaHeader, .WikiaArticle h2, .tabs li, .tally, .activityfeed strong, .ChatModule h1.chat-headline, .ChatModule .WikiaRail .module h2.chat-headline, .WikiaRail .module .ChatModule h2.chat-headline, .ChatModule .WikiaRail #RIGHT_SKYSCRAPER h2.chat-headline, .WikiaRail #RIGHT_SKYSCRAPER .ChatModule h2.chat-headline, .WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaBarWrapper .wikia-bar, .WikiaBlogListingBox h3, .WikiaActivityModule li em, .ForumActivityModule h1  { font-family: 'Orbitron'; } .WikiaActivityModule li em { font-size: 12px !important; }   float: none !important; display: table !important; margin: 10px auto; } .toc-link { position: relative; top: -1px; } /* Picture/Image/Sliders Hack */ .picture-attribution { display: none !important; } .wikia-photogallery-add { display: none !important; } .wikia-slideshow-toolbar { display: none !important; } /**************/ /* Nav/Editor */ /**************/ /* NEW CUSTOM STYLE */ /* Background Color*/ background: rgba(0, 0, 0, 0.3) !important; border: 1px solid transparent !important; }
 * This theme and its assets were originally created for the English
 * Dead Space Wiki at http://deadspace.wikia.com, by its contributors,
 * and can be found here: http://deadspace.wikia.com/wiki/MediaWiki:Wikia.css
 * This theme has since been modified into its current derivative by
 * Undead.exe, who acknowledges the authors of the original base code.
 * You are free to import this theme, or parts of it, to your own projects.
 * All we ask is that you give proper attribution by including this comment
 * when you import this theme.
 * All we ask is that you give proper attribution by including this comment
 * when you import this theme.
 * 1) Wall .drop,
 * 1) WikiaSpotlightsModule,
 * 1) WikiaPageHeader > h1 {
 * 1) WikiaPageHeader h1,
 * 1) eraicons {
 * 1) WikiHeader .subnav-3 li {
 * 1) WikiHeader .subnav-3 li:hover {
 * 1) WikiaSpotlightsModule,
 * 1) WikiaPageHeader > h1 {
 * 1) WikiaPageHeader h1,
 * 1) eraicons {
 * 1) WikiHeader .subnav-3 li {