}
.blerg-main {
- padding: 15pt 15pt 20pt 15pt;
+ padding: 15pt 15pt 0 15pt;
+}
+
+.signup-button {
+ font-size: 40pt;
+ padding: 1em;
+ background-color: #C0F;
+ color: #F88;
+}
+
+@media screen and (max-width: 800px) {
+ .signup-button {
+ font-size: 20pt;
+ }
+}
+
+@media screen and (max-width: 400px) {
+ .signup-button {
+ font-size: 14pt;
+ }
}
.blerg-main h2 {
margin: 1em 0;
}
+.latest {
+ display: table;
+ margin: 0 auto;
+ border-spacing: 10px;
+}
+
.latest h2 {
font-size: 16pt;
+ margin-top: 0;
+}
+
+.latest-scroller {
+ height: 600px;
+ padding: 12px;
+ overflow-y: auto;
+}
+
+.latest-posts {
+ display: table-cell;
+ border: 2px solid #E6E6E6;
+ color: #4C4C4C;
+ width: 850px;
+}
+
+.latest-posts .record {
+ font-size: 12pt;
+ margin: 10px 0;
}
.latest-tags {
- text-align: center;
+ display: table-cell;
+ border: 2px solid #E6E6E6;
+ background-color: #FAE3FC;
line-height: 2em;
+ width: 480px;
}
.latest-tags a {
margin: 0 0.75em;
}
-.latest-posts {
- height: 184pt;
- overflow: hidden;
+@media screen and (min-width: 1400px) {
+ .latest { width: 1340px; }
}
-.latest-posts .record {
- font-size: 12pt;
- margin: 8pt 0;
+@media screen and (max-width: 1100px) {
+ .latest {
+ display: block;
+ margin-top: 15px;
+ }
+ .latest-posts {
+ display: block;
+ width: auto;
+ margin-right: 0;
+ overflow: auto;
+ }
+ .latest-tags {
+ display: block;
+ width: auto;
+ margin-top: 10px;
+ }
+ .latest-tags .latest-scroller {
+ height: auto;
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .latest-posts, .latest-tags {
+ border: none;
+ background-color: inherit;
+ }
+ .latest-scroller {
+ height: auto;
+ padding: 0;
+ }
}
.author {
}
.blerg-dialog {
+ position: fixed;
width: 300px;
padding: 8px;
}
table.help td {
padding: 2pt 8pt;
}
+
+footer {
+ clear: both;
+ margin: 15pt;
+ font-size: small;
+ color: #333;
+}