MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ /* Dragon*Con 2 banner, remove once over */ #NSFWdragoncon { background: url('http://bbliveshow.info/images/9/9a/Dragoncon_Banner_Blank.jpg'); width: 800px; height: 140px; color: #aea333; text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000; font-weight: bold; font-size: 30px; line-height: 1em; text-align: center; overflow: hidden; position: relative; } #NSFWdragoncon>p { position: relative; z-index: 200; width: 800px; height: 140px; margin: 0; } #NSFWdragoncon a { text-indent: -999em; display: block; width: 800px; height: 140px; } #NSFWdragoncon .js-countdown, #NSFWdragoncon .replacement { position: absolute; top: 70px; left: 265px; width: 280px; height: 30px; text-align: center; /* Animation */ /* Firefox */ -moz-transition-property: height, font-size; -moz-transition-duration: 0.5s; -moz-transition-timing-function: linear; /* Webkit */ -webkit-transition-property: height, font-size; -webkit-transition-duration: 0.5s; /* Animation is a bit glitchy on webkit (Chrome) */ -webkit-transition-timing-function: linear; /* Opera */ -o-transition-property: height, font-size; -o-transition-duration: 0.5s; -o-transition-timing-function: linear; /* W3C */ transition-property: height, font-size; transition-duration: 0.5s; transition-timing-function: linear; } #NSFWdragoncon .js-countdown { font-size: 30px; overflow: hidden; } #NSFWdragoncon:hover .js-countdown { height: 0px; font-size: 0px; } #NSFWdragoncon .replacement { font-size: 0px; height: 0px; overflow: hidden; } #NSFWdragoncon:hover .replacement { height: 30px; font-size: 16px; } /* Ruinum, applies only to [[Page:Ruinum]] */ .page-Ruinum { background: #266380; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #266380 0%, #011329 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#266380), color-stop(100%,#011329)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #266380 0%,#011329 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #266380 0%,#011329 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #266380 0%,#011329 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #266380 0%,#011329 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266380', endColorstr='#011329',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .page-Ruinum .pBody, .page-Ruinum #content { background: transparent; } .page-Ruinum #content { border: none; font-size: 110%; margin-left: 10.5em; } .page-Ruinum h1, .page-Ruinum h2, .page-Ruinum h3, .page-Ruinum h4, .page-Ruinum h5, .page-Ruinum h6 { color: #eee; border-bottom-color: #256887; } .page-Ruinum h1 { text-align: center; border-bottom: none; font-size: 550%; margin: 40px 0; font-weight: bold; text-shadow: 2px 2px 1px #000; } .page-Ruinum h2 { font-size: 200%; } .page-Ruinum #p-cactions, .page-Ruinum #p-personal, .page-Ruinum #p-navigation, .page-Ruinum #p-BBpedia_nav, .page-Ruinum #p-search, .page-Ruinum #p-tb, .page-Ruinum .editsection { opacity: 0.2; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .page-Ruinum #p-cactions:hover, .page-Ruinum #p-personal:hover, .page-Ruinum #p-navigation:hover, .page-Ruinum #p-BBpedia_nav:hover, .page-Ruinum #p-search:hover, .page-Ruinum #p-tb:hover, .page-Ruinum .editsection:hover { opacity: 1; } .page-Ruinum #p-cactions li, .page-Ruinum #p-cactions li a { background: transparent; color: #ccc; border: none; } .page-Ruinum #p-cactions li a:hover { background-color: #437B94; } .page-Ruinum #p-cactions li.selected a { font-weight: bold; } .page-Ruinum .portlet h5 { color: #ccc; font-size: 95%; } .page-Ruinum a { color: #ccf; } .page-Ruinum #content { color: #ddd; } .page-Ruinum div.thumb { border-color: transparent; } .page-Ruinum div.thumbinner { background: #36687F; border-color: #2B5466; color: #fff; } .page-Ruinum #footer { background: #012F46; border-color: #001F34; color: #ccc; }