MediaWiki:Common.css: Difference between revisions

Want an adless experience? Log in or Create an account.

MediaWiki:Common.css (view source)

Revision as of 20:02, March 8, 2019

3,835 bytes added , March 8, 2019

no edit summary

Speedrun News

Bureaucrats, Interface administrators, Administrators

52

edits

@@ Line 354: / Line 354: @@
          width: inherit;
      }
+}
+/* Games Bar */
+#sitenav-games {
+  margin-bottom: 15px;
+}
+.secondary {
+  width: 100%;
+  /*background: #060805;*/
+  box-sizing: content-box;
+  position: relative;
+  top: 0;
+}
+.secondary * {
+  box-sizing: content-box;
+}
+.secondary h2 {
+  margin: 12px 0 12px
+}
+.secondary > ul {
+  /*z-index: 10000;*/
+  position: relative;
+  height: 70px;
+  margin: 0px auto;
+  padding: 0px;
+  box-shadow: 0px 1px 2px #333;
+}
+.secondary ul li {
+  list-style: none;
+  float: left;
+}
+.secondary > ul li {
+  display: block;
+  width: 60px;
+  height: 70px;
+}
+/* splitting pixels.. */
+.secondary > ul > li:nth-child(even) {
+  width: 61px;
+}
+.secondary .g19 {
+  border-right: 0px;
+}
+.secondary > ul li a {
+  display: block;
+  background-repeat: no-repeat;
+  background-position-y: 5px;
+  width: 100%;
+  height: 100%;
+}
+.secondary > ul, .secondary > ul > li {
+  border-right: 1px solid rgba(38, 96, 38, 0.4);
+  background: #1C3E26; /* Old browsers */
+  background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
+  background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
+}
+.secondary > ul > li:hover {
+  background: #C6E2C9; /* Old browsers */
+  background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */
+  background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */
+}
+/* wide game nav */
+@media (min-width: 1280px) {
+  .secondary {
+    background: #1C3E26; /* Old browsers */
+    background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
+    box-shadow: 0px 1px 2px #333;
+  }
+  .secondary > ul {
+    width: 1280px;
+    margin: 0 auto;
+    box-shadow: none;
+  }
+  .secondary > ul > li,
+  .secondary > ul > li:nth-child(even) {
+    width: 66px;
+  }
+  .secondary > ul > li:nth-child(4n+1) {
+    width: 67px;
+  }
+  .secondary > ul li a {
+    background-position-x: 3px;
+  }
+}
+@media (min-width: 1440px) {
+  .secondary > ul {
+    width: 1440px;
+    margin: 0 auto;
+    box-shadow: none;
+  }
+  .secondary > ul > li,
+  .secondary > ul > li:nth-child(even) {
+    width: 75px;
+  }
+  .secondary > ul > li:nth-child(4n+1) {
+    width: 74px;
+  }
+  .secondary > ul li a {
+    background-position-x: 7px;
+  }
 }