Actions

MediaWiki

Difference between revisions of "Pivot.css"

From Unofficial Stationeers Wiki

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* Custom colors - top bar*/
 
/* Custom colors - top bar*/
 
.tab-bar {
 
.tab-bar {
     background: #000;
+
     background: #041424;
 
}
 
}
  
 
/* style the labels */
 
/* style the labels */
 
.side-nav li a:not(.button) {
 
.side-nav li a:not(.button) {
     color: #ccc;
+
     color: #ddd;
 +
    transition: color 0.15s ease-in;
 +
 
 
}
 
}
  
 
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
 
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
 
     background: transparent;
 
     background: transparent;
     color: #0b0080;
+
     color: #fc640b;
 
}
 
}
  
 
ul.side-nav label {
 
ul.side-nav label {
     // orange
+
     /* orange */
 
     background: #fc640b;
 
     background: #fc640b;
 
     color: #fff;
 
     color: #fff;
 
     padding: .25em .5em;
 
     padding: .25em .5em;
 
}
 
}
 +
/* Side-nav logo */
 +
.side-nav>.logo {
 +
    max-width: 300px;
 +
}
 +
  
 
/* sidebar background color */
 
/* sidebar background color */
 
body {
 
body {
     // blue
+
     /* blue */
     background-color: #014c8c;
+
    background-color: #183d62;
 +
}
 +
 
 +
/* Namespace labels */
 +
h4.namespace.label {
 +
     background-color: #677e94;
 +
}
 +
 
 +
/* Labels (Categories) */
 +
.label {
 +
    background: #1d6eb3;
 
}
 
}
 +
  
 
/* controls the main body area styling */
 
/* controls the main body area styling */
 
#p-cactions {
 
#p-cactions {
     padding-top: 1.5em;
+
     padding-top: .5em;
 
     padding-bottom: .5em;
 
     padding-bottom: .5em;
 
     background-color: #f6f6f6;
 
     background-color: #f6f6f6;
 
     border-left: 1px solid #ccc;
 
     border-left: 1px solid #ccc;
 
     border-right: 1px solid #ccc;
 
     border-right: 1px solid #ccc;
 +
}
 +
#p-cactions>footer {
 +
    margin-bottom: 0;
 +
    padding-bottom: 0;
 +
    background: none;
 +
}
 +
 +
 +
/* Side left and right user menus*/
 +
 +
ul.off-canvas-list li label {
 +
  background: #183d62;
 +
  border: none;
 +
  color: #eee;
 +
  line-height: 2.5em;
 +
}
 +
 +
ul.off-canvas-list li a {
 +
    color: #fc640b;
 +
    transition: background-color 0.15s ease-in, color 0.15s ease-in;
 +
}
 +
 +
ul.off-canvas-list li a:hover {
 +
    background: #c5d8e8;
 +
}
 +
 +
.right-off-canvas-menu, .left-off-canvas-menu {
 +
    background: #eee;
 +
}
 +
 +
/* Fix side nav title cursors */
 +
ul.side-nav label {
 +
    cursor: default;
 +
}
 +
 +
/* Dropdown menu */
 +
#p-cactions #drop1 {
 +
    border: 1px solid #b9c4d0;
 
}
 
}

Latest revision as of 17:06, 1 July 2018

/* Custom colors - top bar*/
.tab-bar {
    background: #041424;
}

/* style the labels */
.side-nav li a:not(.button) {
    color: #ddd;
    transition: color 0.15s ease-in;

}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background: transparent;
    color: #fc640b;
}

ul.side-nav label {
    /* orange */
    background: #fc640b;
    color: #fff;
    padding: .25em .5em;
}
/* Side-nav logo */
.side-nav>.logo {
    max-width: 300px;
}


/* sidebar background color */
body {
    /* blue */
    background-color: #183d62;
}

/* Namespace labels */
h4.namespace.label {
    background-color: #677e94;
}

/* Labels (Categories) */
.label {
    background: #1d6eb3;
}


/* controls the main body area styling */
#p-cactions {
    padding-top: .5em;
    padding-bottom: .5em;
    background-color: #f6f6f6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#p-cactions>footer {
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
}


/* Side left and right user menus*/

ul.off-canvas-list li label {
  background: #183d62;
  border: none;
  color: #eee;
  line-height: 2.5em;
}

ul.off-canvas-list li a {
    color: #fc640b;
    transition: background-color 0.15s ease-in, color 0.15s ease-in;
}

ul.off-canvas-list li a:hover {
    background: #c5d8e8;
}

.right-off-canvas-menu, .left-off-canvas-menu {
    background: #eee;
}

/* Fix side nav title cursors */
ul.side-nav label {
    cursor: default;
}

/* Dropdown menu */
#p-cactions #drop1 {
    border: 1px solid #b9c4d0;
}