User:Pangaea/Compare changes

From RimWorld Wiki
< User:Pangaea
Revision as of 10:23, 13 July 2019 by Pangaea (talk | contribs) (Quite some changes, so try to import directly from W3 CSS instead of Help wiki)
Jump to navigation Jump to search

/* Tabs and menus */

  1. left-navigation {
   margin-left: 11em;

}

  1. right-navigation {
   margin-right: 5.5em;

}

div.vectorTabs, div.vectorTabs span, div.vectorTabs li.selected, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs li a {

   background-color: rgba(0, 0, 0, 0);
   background-image: none;

}

div.vectorTabs ul li {

   margin-right: 5px;

}

div.vectorTabs li span {

   background: #AB0000; 
   background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); 
   background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); 
   background-image:-webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image:-o-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image:-ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); 
   display: inline-block;
   border: 1px solid #4A040A;
   border-radius: 4px;
   padding: 2px 10px;
   margin-top: 0.5em;
   height: 19px;
   text-align: center;

}

div.vectorTabs li a {

   background-image: none;
   margin-top: -16px;

}

div#mw-head a, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a, .vectorTabs li a span, div.vectorMenu h3 span {

   color: #c0c0c0;
   font-weight: bold;

}

div#mw-head li.new a, div#mw-head li.new a:visited {

   color: #fc0000 !important;
   text-shadow: 1px 1px #000000;

}

div.vectorTabs ul li:first-child {

   border-image: none;
   border-left: medium none;

}

div#mw-head li.selected a, div#mw-head li.selected a span, div#mw-head div.vectorTabs li.selected a, div#mw-head div.vectorTabs li.selected a:visited {

   color: #ffffff !important;
   font-weight: bold;

}

div#p-sharing .menu {

   background-color: #000000;
   box-shadow: 0 0.1em 0.75em #d5d4d4;
   margin-left: 45px;
   min-width: 0px;
   width: 48px;

}

  1. p-sharing #socialIconImages img {
   width: 100%;

}

  1. p-sharing #socialIconImages a {
   width: 40px;

}

div.vectorMenu h3 span {

   font-weight: bold;
   padding-top: 0;

}

div.vectorMenu h3 span::after {

   top: 0;

}

div.vectorMenu h3:hover span, div.vectorMenu h3:focus span {

   color: #ffffff;

}

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant {

   color: #FFFFFF;
   font-weight: bold;
   padding-top: 0.2em;
   text-shadow: none;

}

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {

   padding: 16px 0 0;

}

div#mw-head div.vectorMenu h3 {

   background: #AB0000; 
   background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); 
   background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); 
   background-image:-webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image:-o-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image:-ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
   background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); 
   display: inline-block;
   border: 1px solid #4A040A;
   border-radius: 4px;
   padding: 2px 10px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   height: 19px;
   text-align: center;

}

div.vectorMenu div.menu {

   border: none;
   left: auto;
   margin-left: 5px;
   right: 0;
   top: 40px;

}

div#mw-head div.vectorMenu ul {

   background-color: #000000;
   background-image: none;
   border-right: 5px none;
   box-shadow: 0 0.1em 0.75em #d5d4d4;

}

div#mw-head div.vectorMenu li a {

   color: #7AB1CC;

}

div#mw-head div.vectorMenu li a:hover {

   color: #c0c0c0;

}