Merge pull request #636 from davidapple/feature/responsiveStyle

Responsive style amends
anchorcms · Jun 18, 2014 · 5b3156d · 5b3156d
2 parents 6ecf105 + defee0b
commit 5b3156d
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 5 deletions.
diff --git a/anchor/views/intro.php b/anchor/views/intro.php
@@ -13,12 +13,11 @@
 				color: #fff;
 			}
 			div {
-				width: 400px;
-				height: 160px;
+				width: 300px;
 				position: absolute;
 				left: 50%;
 				top: 30%;
-				margin: -80px 0 0 -200px;
+				margin: -80px 0 0 -150px;
 			}
 			h1 {
 				font-size: 29px;
@@ -37,6 +36,20 @@
 				text-decoration: none;
 				border-radius: 5px;
 			}
+			@media (max-width: 300px) {
+				div {
+					width: 128px;
+					margin-left: -64px;
+				}
+				h1 {
+					font-size: 12px;
+					line-height: 14px;
+				}
+				a {
+					padding: 0 10px;
+					font-size: 10px;
+				}
+			}
 		</style>
 	</head>
 	<body>

diff --git a/install/views/assets/css/install.css b/install/views/assets/css/install.css
@@ -21,6 +21,12 @@ html {
 		margin: 40px auto;
 	}
 
+	@media ( max-width: 1023px ) {
+		body {
+			width: 748px;
+		}
+	}
+
 body > small {
 	display: block;
 	padding-top: 30px;
@@ -105,7 +111,7 @@ nav {
 }
 
 	nav ul {
-		float: right;
+		float: left;
 	}
 
 	nav li, nav img {
@@ -135,10 +141,16 @@ nav {
 
 	nav ul {
 		height: 1px;
-		margin-top: 10px;
+		margin: 10px 0 0 10px;
 		border-bottom: 1px solid #576477;
 	}
 
+	@media ( max-width: 1023px ) {
+		nav li {
+			margin-right: 28px;
+		}
+	}
+
 a {
 	font-weight: 500;
 	color: #a0afc6;
@@ -214,6 +226,12 @@ form {
 		margin-left: 220px;
 	}
 
+	@media (max-width: 1023px) {
+		form {
+			width: 688px;
+		}
+	}
+
 label {
 	font-size: 13px;
 	line-height: 18px;