summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLuke Shumaker <LukeShu@sbcglobal.net>2011-12-10 12:59:03 -0500
committerLuke Shumaker <LukeShu@sbcglobal.net>2011-12-10 12:59:03 -0500
commit9584083439eaedee9d0ac378f5eda29cd74c6f47 (patch)
treed176f4d80644076a49a4e9bb3b90c53fc5e6247e
parent3ea068693fab138766f9b5167c0a4f58a523f20b (diff)
Play with the style, inspired off of the MoMA site.HEADmaster
MoMa = Museum of Modern Arts
-rw-r--r--plugins.d/statusnetwidget.scss21
-rw-r--r--style.scss110
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%;
+ }
+ }
+}