|
imported>Pppery |
| Line 1: |
Line 1: |
| /* {{pp-template}} */ | | /* {{pp-template}} */ |
| .sister-box { | | .sister-box .side-box-abovebelow { |
| border: 1px solid #aaa;
| |
| padding: 0;
| |
| background: #f9f9f9;
| |
| }
| |
| | |
| .sister-box > div { | |
| padding: 0.75em 0; | | padding: 0.75em 0; |
| text-align: center; | | text-align: center; |
| } | | } |
|
| |
|
| .sister-box > div > b { | | .sister-box .side-box-abovebelow > b { |
| display: block; | | display: block; |
| } | | } |
|
| |
|
| .sister-box > ul { | | .sister-box .side-box-text > ul { |
| border-top: 1px solid #aaa; | | border-top: 1px solid #aaa; |
| padding: 0.75em 0; | | padding: 0.75em 0; |
| Line 22: |
Line 16: |
| } | | } |
|
| |
|
| .sister-box > ul > li { | | .sister-box .side-box-text > ul > li { |
| min-height: 31px; | | min-height: 31px; |
| } | | } |
| Line 39: |
Line 33: |
| width: 182px; | | width: 182px; |
| vertical-align: middle; | | vertical-align: middle; |
| }
| |
|
| |
| .sister-bar {
| |
| display:flex;
| |
| justify-content: center;
| |
| align-items: baseline;
| |
| font-size: 88%;
| |
| background-color: #fdfdfd;
| |
| border: 1px solid #a2a9b1;
| |
| clear: both;
| |
| margin: 1em 0 0;
| |
| padding: 0 2em;
| |
| }
| |
|
| |
| .sister-bar-header {
| |
| margin: 0 1em 0 0.5em;
| |
| padding: 0.2em 0;
| |
| flex:0 0 auto;
| |
| min-height: 24px;
| |
| line-height: 22px;
| |
| }
| |
|
| |
| .sister-bar-content {
| |
| display:flex;
| |
| flex-flow: row wrap;
| |
| flex:0 1 auto;
| |
| align-items: baseline;
| |
| padding: 0.2em 0;
| |
| column-gap: 1em;
| |
| }
| |
|
| |
| .sister-bar-item {
| |
| display:flex;
| |
| align-items: baseline;
| |
| margin:0.15em 0;
| |
| min-height:24px;
| |
| text-align:left;
| |
| }
| |
|
| |
| .sister-bar-logo {
| |
| width: 22px;
| |
| line-height: 22px;
| |
| margin:0 0.2em;
| |
| text-align: right;
| |
| }
| |
|
| |
| .sister-bar-link {
| |
| margin:0 0.2em;
| |
| text-align: left;
| |
| }
| |
|
| |
| @media screen and (max-width:960px) {
| |
| .sister-bar {
| |
| display:flex;
| |
| flex-flow: column wrap;
| |
| font-size: 88%;
| |
| background-color: #fdfdfd;
| |
| clear: both; margin: 1em auto 0;
| |
| padding: 0 2em;
| |
| }
| |
|
| |
| .sister-bar-header {
| |
| padding: 0.2em 0;
| |
| flex:0 1;
| |
| }
| |
|
| |
| .sister-bar-content {
| |
| display:flex;
| |
| flex-flow: row wrap;
| |
| flex:1;
| |
| align-items: baseline;
| |
| padding: 0.2em 0;
| |
| border-top: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .sister-bar-item {
| |
| display:flex;
| |
| align-items: baseline;
| |
| flex:0 0 20em;
| |
| min-width: 20em;
| |
| margin:0.15em 0;
| |
| min-height:24px;
| |
| }
| |
| }
| |
|
| |
| .navbox + link + .sister-bar {
| |
| margin-top: -1px;
| |
| }
| |
|
| |
| .navbox + style + .sister-bar {
| |
| margin-top: -1px;
| |
| }
| |
|
| |
| .portal-bar + link + .sister-bar {
| |
| margin-top: -1px;
| |
| }
| |
|
| |
| .portal-bar + style + .sister-bar {
| |
| margin-top: -1px;
| |
| }
| |
|
| |
| .sister-bar + .navbox-styles + .navbox {
| |
| margin-top: -1px;
| |
| }
| |
|
| |
| .sister-bar + .navbox-styles + .portal-bar {
| |
| margin-top: -1px;
| |
| } | | } |