Fix offset for news with beta button
authorAndre Heinecke <aheinecke@intevation.de>
Mon, 12 Mar 2018 10:47:18 +0000 (11:47 +0100)
committerAndre Heinecke <aheinecke@intevation.de>
Mon, 12 Mar 2018 10:47:18 +0000 (11:47 +0100)
--
This is a bit ugly as the offsets are hardcoded but as long
as it works ;-)

web/gpg4win.css
web/header.m4

index 5931796..ccd9120 100644 (file)
@@ -270,6 +270,37 @@ input[type='range']::-moz-range-thumb {
     cursor: pointer;
 }
 
+/* With beta this needs other offsets. Maybe someone with
+ * more CSS skills could make this more relative / robust. ;-) */
+.h_text_beta {
+ position: relative;
+ top: -190px;
+ left: 669px;
+ width: 180px;
+ font-size: 11px;
+ border-left: 1px solid #CCCCCC;
+ padding-left: 10px;
+ margin-top: 12px;
+ height: 220px;
+}
+
+.h_text_beta .heading {
+ font-size: 23px;
+ font-family: georgia, times, serif;
+ padding-bottom: 9px;
+}
+
+.h_text_beta .serif_word {
+ font-size: 13px;
+ font-weight: bold;
+}
+
+.h_text_beta .limiter {
+ border-bottom: 3px dotted #CCCCCC;
+ width: 190px;
+ height: 10px;
+ margin-bottom: 3px;
+}
 
 .h_text {
  position: relative;
@@ -294,8 +325,6 @@ input[type='range']::-moz-range-thumb {
  font-weight: bold;
 }
 
-
-
 .h_text .limiter {
  border-bottom: 3px dotted #CCCCCC;
  width: 190px;
index 6e6ff29..8ac5d86 100644 (file)
@@ -36,7 +36,8 @@
       Try BETA_VERSION
      </span></a>')
    </div>
-   <div class="h_text">
+   <!-- Remove _beta when beta is removed -->
+   <div class="h_text_beta">
    <p><span class="heading">News</span></p>
    <small>2018-03-08</small><br>
    <span class="serif_word"><img src="img/bulletin.png" alt"" />