X-Git-Url: http://git.bytex64.net/?a=blobdiff_plain;f=www%2Fcss%2Fblerg.css;h=eb3475773f8019d7c26b2bb83963d0d10dfea162;hb=2703bbeff27955ceb6354e4e34b09b0169eb4465;hp=45a553fdc8b26b8437db9fc7e435f11e75df7965;hpb=9cdf4e17bc5abb6eef351c6b7298f91a181164f0;p=blerg.git diff --git a/www/css/blerg.css b/www/css/blerg.css index 45a553f..eb34757 100644 --- a/www/css/blerg.css +++ b/www/css/blerg.css @@ -152,7 +152,7 @@ h1, h2, h3 { } .blerg-main { - padding: 15pt 15pt 20pt 15pt; + padding: 15pt 15pt 0 15pt; } .signup-button { @@ -291,27 +291,62 @@ h1, h2, h3 { margin: 1em 0; } +.latest { + display: table; + margin: 0 auto; + border-spacing: 10px; + height: 600px; +} + .latest h2 { font-size: 16pt; + margin-top: 0; +} + +.latest-scroller { + max-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; } + .latest-posts { + display: block; + width: auto; + margin-right: 0; + overflow: auto; + height: auto; + } + .latest-tags { display: block; width: auto; } } .author { @@ -325,6 +360,7 @@ h1, h2, h3 { } .blerg-dialog { + position: fixed; width: 300px; padding: 8px; } @@ -363,6 +399,7 @@ table.help td { } footer { + clear: both; margin: 15pt; font-size: small; color: #333;