Difference between revisions of "User:James Hare/vector.css"
Jump to navigation
Jump to search
James Hare (talk | contribs) (Working) |
James Hare (talk | contribs) (Moving to sitewide skin) |
||
| (119 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | /* For mobile devices */ |
||
| − | |||
| − | @media only screen and (max-device-width:480px) { |
||
| − | |||
| − | /* |
||
| − | The styles below essentially place the navigation menu below the content, |
||
| − | instead of to the side of it. They also hide the logo, as there's no space |
||
| − | left for it. |
||
| − | */ |
||
| − | |||
| − | /* Move the panel to the bottom and display it horizontally; hide the logo */ |
||
| − | div#mw-panel { |
||
| − | display: table; |
||
| − | position: static; |
||
| − | table-layout: fixed; |
||
| − | width: 100%; |
||
| − | } |
||
| − | div#mw-panel .portal { |
||
| − | display: block; |
||
| − | width:100%; |
||
| − | vertical-align: top; |
||
| − | } |
||
| − | #mw-panel ul li { |
||
| − | list-style:none; |
||
| − | display:inline; |
||
| − | } |
||
| − | #mw-panel ul li:after { |
||
| − | content: " ◦ "; |
||
| − | } |
||
| − | #p-logo { |
||
| − | display: none; |
||
| − | } |
||
| − | |||
| − | /* Rearrange various page elements to fill the now-available space */ |
||
| − | #p-personal ul { |
||
| − | padding-left: 0; |
||
| − | } |
||
| − | div#footer { |
||
| − | margin-left: 0; |
||
| − | padding-top: 0; |
||
| − | } |
||
| − | #p-personal { |
||
| − | position:relative; |
||
| − | width:100%; |
||
| − | margin:0.5em; |
||
| − | top:inherit; |
||
| − | left:inherit; |
||
| − | right:inherit; |
||
| − | } |
||
| − | #left-navigation, |
||
| − | #right-navigation { |
||
| − | position:relative; |
||
| − | display:inline; |
||
| − | top:inherit; |
||
| − | margin-top:0.5em; |
||
| − | float:none; |
||
| − | } |
||
| − | #left-navigation { |
||
| − | left:1em; |
||
| − | } |
||
| − | div#content { |
||
| − | /* Hide the 1px blue border on the left side */ |
||
| − | border-left: 0; |
||
| − | margin-left: 0; |
||
| − | margin-top: 5em; |
||
| − | } |
||
| − | #left-navigation { |
||
| − | /* Make sure the 1px blue border on the left side is not visible */ |
||
| − | margin-left: -1px; |
||
| − | } |
||
| − | } |
||