Difference between revisions of "Pivot.css"
From Unofficial Stationeers Wiki
(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* Custom colors - top bar*/ | /* Custom colors - top bar*/ | ||
.tab-bar { | .tab-bar { | ||
− | background: # | + | background: #041424; |
} | } | ||
Line 21: | Line 21: | ||
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: # | + | 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: | + | 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 { | ul.off-canvas-list li label { | ||
− | background: # | + | background: #183d62; |
border: none; | border: none; | ||
color: #eee; | color: #eee; | ||
+ | line-height: 2.5em; | ||
} | } | ||
ul.off-canvas-list li a { | ul.off-canvas-list li a { | ||
color: #fc640b; | color: #fc640b; | ||
+ | transition: background-color 0.15s ease-in, color 0.15s ease-in; | ||
} | } | ||
ul.off-canvas-list li a:hover { | 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; }