some css for tabbed languages on small screens. if anything breaks, please revert.
| ← Older revision | Revision as of 03:39, 25 September 2012 |
| Line 1,023: | Line 1,023: |
| | background-color:white; | | background-color:white; |
| | } | | } |
| | + | #languageLinks a.addLanguageButton { |
| | + | font-size: 12px; |
| | + | padding: 3px 6px; |
| | + | } |
| | + | |
| | + | @media screen and (max-width:580px) { |
| | + | #tabstable>tbody>tr>td { |
| | + | display: block |
| | + | } |
| | + | |
| | + | #languageLinks tr { |
| | + | display: block; |
| | + | float: left; |
| | + | margin-bottom: -3px; |
| | + | margin-left: -5px; |
| | + | margin-top: 5px; |
| | + | } |
| | + | |
| | + | #languageLinks .unselectedTab a { |
| | + | margin-left: 0; |
| | + | margin-right: 5px; |
| | + | border-right: 1px solid #CCC; |
| | + | } |
| | + | |
| | + | #languageLinks .selectedTab a { |
| | + | margin-left: 0; |
| | + | margin-right: 5px; |
| | + | border-right: 1px solid #CCC; |
| | + | border-bottom: 1px solid #FFF; |
| | + | } |
| | + | |
| | + | #tabstable { |
| | + | width: 100%; |
| | + | } |
| | + | |
| | + | #languageLinks a.addLanguageButton { |
| | + | margin-top: 2px; |
| | + | margin-bottom: 1px; |
| | + | } |
| | + | |
| | + | .editlangsection { |
| | + | border-bottom-width: 1px; |
| | + | } |
| | + | } |
沒有留言:
張貼留言