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...")
 
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Tabs and menus */
+
/* Navboxes in general */
#left-navigation {
+
/* Lore navboxes */
    margin-left: 11em;
 
}
 
 
 
#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 {
+
.navbox_title {
     margin-right: 5px;
+
     background: #4A040A;
 +
    color: #ffffff;
 +
    font-size:90%;
 
}
 
}
  
div.vectorTabs li span {
+
/* Newer Navbox template style */
    background: #AB0000;
+
table.navbox {
    background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%);
+
     border: 1px solid #67676;
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A));
+
     clear: both;
    background-image:-webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%);
+
     font-size: 88%;
    background-image:-o-linear-gradient(top, #AB0000 0%, #4A040A 100%);
+
     margin: auto;
    background-image:-ms-linear-gradient(top, #AB0000 0%, #4A040A 100%);
+
     padding: 1px;
    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;
 
     text-align: center;
 +
    width: 100%;
 
}
 
}
  
div.vectorTabs li a {
+
/* Border between adjacent navboxes */
    background-image: none;
+
table.navbox + table.navbox {
     margin-top: -16px;
+
     margin-top: -1px;
}
 
 
 
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,
+
.navbox-title,
div#mw-head div.vectorTabs a,
+
.navbox-abovebelow,
div#mw-head div.vectorMenu a,
+
table.navbox th {
.vectorTabs li a span,
+
     padding-left: 1em;
div.vectorMenu h3 span {
+
     padding-right: 1em;
     color: #c0c0c0 !important;
 
}
 
 
 
div.vectorTabs li span a {
 
    color: #222222;
 
     font-weight: bold;
 
 
     text-align: center;
 
     text-align: center;
 
}
 
}
  
div.vectorTabs ul li:first-child {
+
.navbox-group {
    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;
 
     font-weight: bold;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
    white-space: nowrap;
 
}
 
}
  
div#p-sharing .menu {
+
/* Base background */
  margin-left: 45px;
+
.navbox, .navbox-subgroup {
  min-width: 0px;
+
    background: #0f0f0f;
  width: 48px;
 
 
}
 
}
  
#p-sharing #socialIconImages img {
+
.navbox-list {
  width: 100%;
+
    border-color: #0f0f0f;   /* Must match background color */
 
}
 
}
  
#p-sharing #socialIconImages a {
+
/* Level 1 color */
  width: 40px;
+
.navbox-title,
}
+
table.navbox th {
 
+
     background: #151414;
div.vectorMenu h3 span {
+
     color: #fff;
     font-weight: bold;
 
     padding-top: 0.2em;
 
 
}
 
}
  
div.vectorMenu h3 span a {
+
/* Level 2 styling */
     background: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;
+
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
     background: #1c1b1b;
 +
    color: #fff;
 
}
 
}
  
div#mw-head div.vectorMenu h4,
+
/* Level 3 styling */
div#p-variants.vectorMenu #mw-vector-current-variant {
+
.navbox-subgroup .navbox-group,
     color: #FFFFFF;
+
.navbox-subgroup .navbox-abovebelow {
     font-weight: bold;
+
     background: #242222;
    padding-top: 0.2em;
+
     color: #fff;
    text-shadow: none;
 
 
}
 
}
  
#ca-unwatch.icon a,
+
/* Even row striping */
#ca-watch.icon a {
+
.navbox-even {
     margin-left: 3px;
+
     background: #1C1E20;
     padding: 18px 0 0;
+
     color: #fff;
 
}
 
}
  
div.vectorMenu div.menu {
+
/* Odd row striping */
     border: none;
+
.navbox-odd {
    margin-left: 5px;
+
     background: transparent;
 
}
 
}
 
+
div#mw-head div.vectorMenu h3 {
+
.collapseButton {
     background: #AB0000;
+
     font-weight: normal;
    background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%);
+
     width: auto;
    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 {
+
.navbox .collapseButton {
     background-color: rgba(0, 0, 0, 0);
+
     width: 6em;
    background-image: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");
 
    background-position: 50% 50%;
 
    border: medium none;
 
 
}
 
}
 
+
div#mw-head div.vectorMenu li.selected a,
+
.navbar {
div#mw-head div.vectorMenu li.selected a:visited {
+
    font-size: 88%;
     color: #c0c0c0;
+
     font-weight: normal;
 
}
 
}
  
div#mw-head div.vectorMenu li a {
+
.navbox .navbar {
     color: #7AB1CC;
+
     font-size: 100%;
 
}
 
}
 
+
div#mw-head div.vectorMenu ul {
+
table.collapsed tr.collapsible {
     background-color: #000000;
+
     display: none;
    background-image: none;
 
    border-right: 5px none;
 
    box-shadow: 0 0.1em 0.75em #d5d4d4;
 
 
}
 
}
 +
/* End of new Navbox styling */

Latest revision as of 22:05, 13 July 2019

/* Navboxes in general */ /* Lore navboxes */

.navbox_title {

   background: #4A040A;
   color: #ffffff;
   font-size:90%;

}

/* Newer Navbox template style */ table.navbox {

   border: 1px solid #67676;
   clear: both;
   font-size: 88%;
   margin: auto;
   padding: 1px;
   text-align: center;
   width: 100%; 

}

/* Border between adjacent navboxes */ table.navbox + table.navbox {

   margin-top: -1px;

}

.navbox-title, .navbox-abovebelow, table.navbox th {

   padding-left: 1em;
   padding-right: 1em;
   text-align: center;

}

.navbox-group {

   font-weight: bold;
   padding-left: 1em;
   padding-right: 1em;
   white-space: nowrap;

}

/* Base background */ .navbox, .navbox-subgroup {

   background: #0f0f0f;

}

.navbox-list {

   border-color: #0f0f0f;   /* Must match background color */

}

/* Level 1 color */ .navbox-title, table.navbox th {

   background: #151414;
   color: #fff;

}

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {

   background: #1c1b1b;
   color: #fff;

}

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {

   background: #242222;
   color: #fff;

}

/* Even row striping */ .navbox-even {

   background: #1C1E20;
   color: #fff;

}

/* Odd row striping */ .navbox-odd {

   background: transparent;

}

.collapseButton {

   font-weight: normal;
   width: auto;

}

.navbox .collapseButton {

   width: 6em;

}

.navbar {

   font-size: 88%;
   font-weight: normal;

}

.navbox .navbar {

   font-size: 100%;

}

table.collapsed tr.collapsible {

   display: none;

} /* End of new Navbox styling */