Difference between revisions of "User:Pangaea/Compare changes"

From RimWorld Wiki
Jump to navigation Jump to search
(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...")
 
(Quite some changes, so try to import directly from W3 CSS instead of Help wiki)
Line 42: Line 42:
 
     background-image: none;
 
     background-image: none;
 
     margin-top: -16px;
 
     margin-top: -16px;
−
}
 
−
 
−
div#mw-head li.new a,
 
−
div#mw-head li.new a:visited {
 
−
    color: #fc0000 !important;
 
−
    text-shadow: 1px 1px #000000;
 
 
}
 
}
  
Line 55: Line 49:
 
.vectorTabs li a span,
 
.vectorTabs li a span,
 
div.vectorMenu h3 span {
 
div.vectorMenu h3 span {
−
     color: #c0c0c0 !important;
+
     color: #c0c0c0;
 +
    font-weight: bold;
 
}
 
}
  
−
div.vectorTabs li span a {
+
div#mw-head li.new a,
−
     color: #222222;
+
div#mw-head li.new a:visited {
−
    font-weight: bold;
+
     color: #fc0000 !important;
−
     text-align: center;
+
     text-shadow: 1px 1px #000000;
 
}
 
}
  
Line 78: Line 73:
  
 
div#p-sharing .menu {
 
div#p-sharing .menu {
−
  margin-left: 45px;
+
    background-color: #000000;
−
  min-width: 0px;
+
    box-shadow: 0 0.1em 0.75em #d5d4d4;
−
  width: 48px;
+
    margin-left: 45px;
 +
    min-width: 0px;
 +
    width: 48px;
 
}
 
}
  
 
#p-sharing #socialIconImages img {
 
#p-sharing #socialIconImages img {
−
  width: 100%;
+
    width: 100%;
 
}
 
}
  
 
#p-sharing #socialIconImages a {
 
#p-sharing #socialIconImages a {
−
  width: 40px;
+
    width: 40px;
 
}
 
}
  
 
div.vectorMenu h3 span {
 
div.vectorMenu h3 span {
 
     font-weight: bold;
 
     font-weight: bold;
−
     padding-top: 0.2em;
+
     padding-top: 0;
 +
}
 +
 
 +
div.vectorMenu h3 span::after {
 +
    top: 0;
 
}
 
}
  
−
div.vectorMenu h3 span a {
+
div.vectorMenu h3:hover span,
−
     background: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;
+
div.vectorMenu h3:focus span {
 +
     color: #ffffff;
 
}
 
}
  
Line 108: Line 110:
 
}
 
}
  
−
#ca-unwatch.icon a,
+
.vectorTabs #ca-unwatch.icon a,
−
#ca-watch.icon a {
+
.vectorTabs #ca-watch.icon a {
−
    margin-left: 3px;
+
     padding: 16px 0 0;
−
     padding: 18px 0 0;
 
−
}
 
−
 
 
−
div.vectorMenu div.menu {
 
−
    border: none;
 
−
    margin-left: 5px;
 
 
}
 
}
  
Line 132: Line 128:
 
     padding: 2px 10px;
 
     padding: 2px 10px;
 
     margin-top: 0.5em;
 
     margin-top: 0.5em;
 +
    margin-bottom: 0.5em;
 
     height: 19px;
 
     height: 19px;
 
     text-align: center;
 
     text-align: center;
 
}
 
}
  
−
div.vectorMenu h3 a {
+
div.vectorMenu div.menu {
−
     background-color: rgba(0, 0, 0, 0);
+
     border: none;
−
     background-image: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");
+
    left: auto;
−
     background-position: 50% 50%;
+
     margin-left: 5px;
−
     border: medium none;
+
     right: 0;
 +
     top: 40px;
 
}
 
}
  
−
div#mw-head div.vectorMenu li.selected a,
+
div#mw-head div.vectorMenu ul {
−
div#mw-head div.vectorMenu li.selected a:visited {
+
    background-color: #000000;
−
     color: #c0c0c0;
+
    background-image: none;
 +
    border-right: 5px none;
 +
     box-shadow: 0 0.1em 0.75em #d5d4d4;
 
}
 
}
  
Line 152: Line 152:
 
}
 
}
  
−
div#mw-head div.vectorMenu ul {
+
div#mw-head div.vectorMenu li a:hover {
−
     background-color: #000000;
+
     color: #c0c0c0;
−
    background-image: none;
 
−
    border-right: 5px none;
 
−
    box-shadow: 0 0.1em 0.75em #d5d4d4;
 
 
}
 
}

Revision as of 10:23, 13 July 2019

/* 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;

}

Retrieved from "https://rimworldwiki.com/index.php?title=User:Pangaea/Compare_changes&oldid=65604"