Line 517: |
Line 517: |
| clear:both; | | clear:both; |
| min-height: auto; | | min-height: auto; |
| + | } |
| + | } |
| + | |
| + | /* MainLinks Template Styling */ |
| + | |
| + | #platform_link_table { |
| + | width:100%; |
| + | height: 100%; |
| + | min-height: 242px; |
| + | max-width:650px; |
| + | text-align:center; |
| + | float:right; |
| + | } |
| + | |
| + | #version_link_table { |
| + | width:100%; |
| + | max-width:650px; |
| + | text-align:center; |
| + | float:left; |
| + | } |
| + | |
| + | .version_number_left { |
| + | text-align:left; |
| + | vertical-align: top; |
| + | } |
| + | |
| + | .version_number_right { |
| + | text-align:right; |
| + | vertical-align: top; |
| + | } |
| + | |
| + | .platform_links { |
| + | width: 20%; |
| + | height: 33%; |
| + | } |
| + | |
| + | .platform_link a.external, .mobile_link a.external { |
| + | display:block; |
| + | text-decoration:none; |
| + | background:none !important; |
| + | padding: 0px !important; |
| + | } |
| + | |
| + | #switch_link { |
| + | background: url("skins/Vector/stardewimages/platform-switch.png") no-repeat center center; |
| + | } |
| + | |
| + | #ps4_link { |
| + | background: url("skins/Vector/stardewimages/platform-ps4.png") no-repeat center center; |
| + | } |
| + | |
| + | #xbox_link { |
| + | background: url("skins/Vector/stardewimages/platform-xbox.png") no-repeat center center; |
| + | } |
| + | |
| + | .mobile_link { |
| + | background: url("skins/Vector/stardewimages/platform-mobile.png") no-repeat center center; |
| + | width: 80%; |
| + | height: 100%; |
| + | } |
| + | |
| + | #platform-version { |
| + | width:50%; |
| + | vertical-align:top; |
| + | } |
| + | |
| + | #main-links-table { |
| + | width:100%; |
| + | text-align:center; |
| + | } |
| + | |
| + | @media screen and (max-width: 1200px) { |
| + | #platform-version { |
| + | display:inline; |
| + | } |
| + | #version_link_table { |
| + | margin-top: 0px; |
| + | float: none; |
| + | } |
| + | #platform_link_table { |
| + | margin-bottom: 0px; |
| + | float: none; |
| + | } |
| + | #main-links-table { |
| + | width: auto; |
| } | | } |
| } | | } |