Play with the style, inspired off of the MoMA site.HEADmaster

MoMa = Museum of Modern Arts

2 files changed, 121 insertions, 10 deletions

diff --git a/plugins.d/statusnetwidget.scss b/plugins.d/statusnetwidget.scss
index 431939f..6d45c1f 100644
--- a/plugins.d/statusnetwidget.scss
+++ b/plugins.d/statusnetwidget.scss
@@ -1,7 +1,24 @@
-.widget_statusnetwidget {
-	background: #CCCCBB;
+#page #main #secondary aside.widget_statusnetwidget {
+	background: #BBFFFF !important;
 	h3 {
 		background: url('twitter.png') no-repeat left center;
 		padding-left: 24px;
 	}
+	ul.statusnet {
+		list-style-type: none;
+		padding-left: 0;
+		margin: 0 -1em;
+		li.statusnet-item {
+			border: solid #CEE1E9;
+			border-width: 1px 0;
+			margin: 0 0 -1px;
+			padding: 1em 0;
+			&:hover {
+				background: none repeat scroll 0 0 #EEFFFF;
+			}
+		}
+	}
+	a {
+		color: $link_color;
+	}
 }
diff --git a/style.scss b/style.scss
index 17bc776..81bfe88 100644
--- a/style.scss
+++ b/style.scss
@@ -18,8 +18,9 @@ Template: twentyeleven
 @import url('../twentyeleven/style.css');
 @import "twentyeleven-fix.scss";
 
-/* Document-structure-y things */
+$link_color: #740000;
 
+/* Document-structure-y things */
 
 #page {
 	background: transparent;
@@ -41,13 +42,47 @@ Template: twentyeleven
 			margin: 0;
 			width: 28%;
 		}
-		.post, #content nav, aside.widget {
-			background: white;
-			padding: 1.5em;
-		}
-		.post {
-			padding-top: 0;
-			padding-bottom: 0;
+		#primary, #secondary {
+			.post, #content nav, aside.widget {
+				background: white;
+				padding: 1.5em;
+				border: solid 1px $link_color;
+				margin: 0 0 1.5em 0;
+			}
+			.post {
+				padding-top: 0;
+				padding-bottom: 0;
+			}
+			#content nav {
+				padding: 0;
+				a {
+					width: 100%;
+					line-height: 3em;
+					display: inline-block;
+					&:hover, &:active, &:focus {
+						background: $link_color;
+						color: white;
+					}
+				}
+			}
+			aside.widget {
+				background: $link_color;
+				border: none;
+				color: white;
+				padding-top: 0;
+				.widget-title {
+					font-size: 1.1em;
+					line-height: auto;
+					color: black;
+				}
+				a {
+					color: white;
+				}
+				ul {
+					list-style: none;
+					padding-left: 1em;
+				}
+			}
 		}
 	}
 }
@@ -144,4 +179,63 @@ dd {
 	margin-left: 4em;
 }
 
+/* Link color */
+
+a {
+	color: $link_color;
+}
+
+#site-title, .entry-title {
+	a {
+		&:focus, &:hover, &:active {
+			color: $link_color;
+		}
+	}
+}
+
+.widget_twentyeleven_ephemera .comments-link a:hover {
+	color: $link_color;
+}
+
+section.recent-posts .other-recent-posts {
+	a[rel="bookmark"]:hover {
+		color: $link_color;
+	}
+	.comments-link a:hover {
+		color: $link_color;
+		border-color: $link_color;
+	}
+}
+
+.format-image footer.entry-meta a:hover, #site-generator a:hover {
+	color: $link_color;
+}
+
+article.feature-image.small .entry-summary p a:hover {
+	background-color: $link_color;
+}
+
+.entry-header .comments-link a {
+	&:hover, &:focus, &:active {
+		background-color: $link_color;
+	}
+}
+
+.feature-slider a.active {
+	background-color: $link_color;
+}
+
 @import "plugins.d/statusnetwidget.scss";
+
+@media (max-width: 800px) {
+	/* Simplify the basic layout */
+	#page #main {
+		#primary {
+			width: 100%;
+		}
+		#secondary {
+			float: none;
+			width: 100%;
+		}
+	}
+}