From bb0a962495b7872c5b9e6c21cb8588a5632df7cf Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Sat, 9 Feb 2013 01:22:13 +0100
Subject: [PATCH] Added media query for double columned container lists

---
 wcfsetup/install/files/style/layout.less | 80 +++++++++++++-----------
 1 file changed, 42 insertions(+), 38 deletions(-)

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 5fb7c8b332..bfd52c186e 100644
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -581,44 +581,6 @@
 		padding: @wcfGapMedium @wcfGapLarge;
 	}
 	
-	&.doubleColumned {
-		overflow: hidden;
-		
-		> li {
-			padding: 0;
-			float: left;
-			width: 50%;
-			height: 90px;
-			overflow: hidden;
-			
-			&:nth-child(even) {
-				float: right;
-			}
-			
-			&:nth-child(4n), &:nth-child(4n+1) {
-				background-color: @wcfContainerBackgroundColor;
-			}
-			
-			&:nth-child(4n+2), &:nth-child(4n+3) {
-				background-color: @wcfContainerAccentBackgroundColor;
-			}
-			
-			&:hover {
-				background-color: @wcfContainerHoverBackgroundColor;
-			}
-			
-			> div {
-				padding: 14px 21px;
-			}
-		}
-		
-		&:after {
-			content: "";
-			display: table;
-			clear: left;
-		}
-	}
-	
 	&.styleList > li > div.box64 {
 		> span {
 			text-align: center;
@@ -631,6 +593,48 @@
 	}
 }
 
+@media screen and (min-width: 1240px) { 
+	.containerList {
+		&.doubleColumned {
+			overflow: hidden;
+			
+			> li {
+				padding: 0;
+				float: left;
+				width: 50%;
+				height: 90px;
+				overflow: hidden;
+				
+				&:nth-child(even) {
+					float: right;
+				}
+				
+				&:nth-child(4n), &:nth-child(4n+1) {
+					background-color: @wcfContainerBackgroundColor;
+				}
+				
+				&:nth-child(4n+2), &:nth-child(4n+3) {
+					background-color: @wcfContainerAccentBackgroundColor;
+				}
+				
+				&:hover {
+					background-color: @wcfContainerHoverBackgroundColor;
+				}
+				
+				> div {
+					padding: 14px 21px;
+				}
+			}
+			
+			&:after {
+				content: "";
+				display: table;
+				clear: left;
+			}
+		}
+	}
+}
+
 .nestedCategoryList {
 	> li {
 		margin-top: 21px;
-- 
2.20.1