diff --git a/content/static/style/default.css b/content/static/style/default.css
index a8b02d2af..d390755c0 100644
--- a/content/static/style/default.css
+++ b/content/static/style/default.css
@@ -56,6 +56,7 @@ pre {
/* -- Navigation -- */
+/* TODO: should overlap background image */
#navigation {
text-align: left;
margin: 0;
@@ -117,6 +118,7 @@ pre {
#content.portalcontainer {
max-width: inherit;
padding: 0 0 4em;
+ text-align: center;
}
#content p {
@@ -414,12 +416,14 @@ abbr.dtstart, abbr.dtend {
overflow: hidden;
text-align: left;
vertical-align: middle;
- margin: 0 -0.3em 0 0;
+ margin: 0.3em 0 0 0;
+ padding: 0;
}
#portal article > a {
display: block;
border-bottom: none;
margin: 0;
+ padding: 0;
width: 14.5em;
height: 14.5em;
}
@@ -439,9 +443,8 @@ abbr.dtstart, abbr.dtend {
overflow: hidden;
text-overflow: ellipsis;
font-weight: 100;
- background-color: black;
+ background-color: rgba(0, 0, 0, 0.6);
color: white;
- opacity: 0.7;
z-index: 2;
}
/* */
@@ -468,13 +471,14 @@ abbr.dtstart, abbr.dtend {
#portal h4 {
position: absolute;
left: 0;
- top: 1em;
+ top: 1.2rem;
+ padding: 0.2em 0.1em;
line-height: 0.9em;
font-size: x-large;
font-weight: bold;
letter-spacing: 0;
- color: #333;
- text-shadow: -1px 0 1.5px white, 0 1px 1.5px white, 1px 0 1.5px white, 0 -1px 1.5px white;
+ color: #222;
+ text-shadow: -1.5px 0 1px white, 0 1.5px 1px white, 1.5px 0 1px white, 0 -1.5px 1px white;
}
#portal article:hover h4 {
color: black;
diff --git a/xsl/xhtml5.xsl b/xsl/xhtml5.xsl
index ee0568630..5e7b01929 100644
--- a/xsl/xhtml5.xsl
+++ b/xsl/xhtml5.xsl
@@ -314,6 +314,13 @@
+
+