User:Pangaea/Compare changes

From RimWorld Wiki
< User:Pangaea
Revision as of 10:21, 13 July 2019 by Pangaea (talk | contribs) (Created page with "→‎Tabs and menus: #left-navigation { margin-left: 11em; } #right-navigation { margin-right: 5.5em; } div.vectorTabs, div.vectorTabs span, div.vectorTabs li.select...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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 li.new a, div#mw-head li.new a:visited {

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

}

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 !important;

}

div.vectorTabs li span a {

   color: #222222;
   font-weight: bold;
   text-align: center;

}

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 {

  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.2em;

}

div.vectorMenu h3 span a {

   background: url("Vector_menu_downarrow.png") no-repeat scroll center center transparent;

}

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;

}

  1. ca-unwatch.icon a,
  2. ca-watch.icon a {
   margin-left: 3px;
   padding: 18px 0 0;

}

div.vectorMenu div.menu {

   border: none;
   margin-left: 5px;

}

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;
   height: 19px;
   text-align: center;

}

div.vectorMenu h3 a {

   background-color: rgba(0, 0, 0, 0);
   background-image: url("Vector_menu_downarrow_white.png");
   background-position: 50% 50%;
   border: medium none;

}

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

   color: #c0c0c0;

}

div#mw-head div.vectorMenu li a {

   color: #7AB1CC;

}

div#mw-head div.vectorMenu ul {

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

}