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

From RimWorld Wiki
Jump to navigation Jump to search
(Quite some changes, so try to import directly from W3 CSS instead of Help wiki)
 
(4 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 {
+
.navbox_title {
−
     margin-right: 5.5em;
+
    background: #4A040A;
 +
    color: #ffffff;
 +
     font-size:90%;
 
}
 
}
  
−
div.vectorTabs,
+
/* Newer Navbox template style */
−
div.vectorTabs span,
+
table.navbox {
−
div.vectorTabs li.selected,
+
    border: 1px solid #67676;
−
div.vectorTabs ul,
+
    clear: both;
−
div.vectorTabs ul li,
+
    font-size: 88%;
−
div.vectorTabs li a {
+
    margin: auto;
−
     background-color: rgba(0, 0, 0, 0);
+
    padding: 1px;
−
     background-image: none;
+
     text-align: center;
 +
     width: 100%;  
 
}
 
}
  
−
div.vectorTabs ul li {
+
/* Border between adjacent navboxes */
−
     margin-right: 5px;
+
table.navbox + table.navbox {
 +
     margin-top: -1px;
 
}
 
}
  
−
div.vectorTabs li span {
+
.navbox-title,
−
    background: #AB0000;
+
.navbox-abovebelow,
−
    background-image:-moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%);
+
table.navbox th {
−
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A));
+
     padding-left: 1em;
−
    background-image:-webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%);
+
     padding-right: 1em;
−
     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;
 
     text-align: center;
 
}
 
}
  
−
div.vectorTabs li a {
+
.navbox-group {
−
    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;
 
     font-weight: bold;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
    white-space: nowrap;
 
}
 
}
  
−
div#mw-head li.new a,
+
/* Base background */
−
div#mw-head li.new a:visited {
+
.navbox, .navbox-subgroup {
−
     color: #fc0000 !important;
+
     background: #0f0f0f;
−
    text-shadow: 1px 1px #000000;
 
 
}
 
}
  
−
div.vectorTabs ul li:first-child {
+
.navbox-list {
−
     border-image: none;
+
     border-color: #0f0f0f;   /* Must match background color */
−
    border-left: medium none;
 
 
}
 
}
  
−
div#mw-head li.selected a,
+
/* Level 1 color */
−
div#mw-head li.selected a span,
+
.navbox-title,
−
div#mw-head div.vectorTabs li.selected a,
+
table.navbox th {
−
div#mw-head div.vectorTabs li.selected a:visited {
+
     background: #151414;
−
     color: #ffffff !important;
+
     color: #fff;
−
     font-weight: bold;
 
 
}
 
}
  
−
div#p-sharing .menu {
+
/* Level 2 styling */
−
    background-color: #000000;
+
.navbox-abovebelow,
−
    box-shadow: 0 0.1em 0.75em #d5d4d4;
+
.navbox-group,
−
    margin-left: 45px;
+
.navbox-subgroup .navbox-title {
−
     min-width: 0px;
+
     background: #1c1b1b;
−
     width: 48px;
+
     color: #fff;
 
}
 
}
  
−
#p-sharing #socialIconImages img {
+
/* Level 3 styling */
−
     width: 100%;
+
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #242222;
 +
     color: #fff;
 
}
 
}
  
−
#p-sharing #socialIconImages a {
+
/* Even row striping */
−
     width: 40px;
+
.navbox-even {
 +
    background: #1C1E20;
 +
     color: #fff;
 
}
 
}
  
−
div.vectorMenu h3 span {
+
/* Odd row striping */
−
     font-weight: bold;
+
.navbox-odd {
−
    padding-top: 0;
+
     background: transparent;
 
}
 
}
−
 
+
−
div.vectorMenu h3 span::after {
+
.collapseButton {
−
     top: 0;
+
    font-weight: normal;
 +
     width: auto;
 
}
 
}
  
−
div.vectorMenu h3:hover span,
+
.navbox .collapseButton {
−
div.vectorMenu h3:focus span {
+
     width: 6em;
−
     color: #ffffff;
 
 
}
 
}
−
 
+
−
div#mw-head div.vectorMenu h4,
+
.navbar {
−
div#p-variants.vectorMenu #mw-vector-current-variant {
+
     font-size: 88%;
−
     color: #FFFFFF;
+
     font-weight: normal;
−
     font-weight: bold;
 
−
    padding-top: 0.2em;
 
−
    text-shadow: none;
 
 
}
 
}
  
−
.vectorTabs #ca-unwatch.icon a,
+
.navbox .navbar {
−
.vectorTabs #ca-watch.icon a {
+
     font-size: 100%;
−
     padding: 16px 0 0;
 
 
}
 
}
−
 
+
−
div#mw-head div.vectorMenu h3 {
+
table.collapsed tr.collapsible {
−
    background: #AB0000;
+
     display: none;
−
    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;
 
 
}
 
}
 +
/* 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 */

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