diff --git a/fellowship/fellowship.xsl b/fellowship/fellowship.xsl
index c6867a43ce..837f10f5aa 100644
--- a/fellowship/fellowship.xsl
+++ b/fellowship/fellowship.xsl
@@ -600,7 +600,7 @@
         <!-- Outdated note -->
         <xsl:if test="/buildinfo/@outdated='yes'">
           <xsl:element name="p">
-        <xsl:attribute name="id">outdated-notice</xsl:attribute>
+        <xsl:attribute name="class">warning red</xsl:attribute>
         <xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'outdated'" /></xsl:call-template>
           </xsl:element>
         </xsl:if>
@@ -608,13 +608,13 @@
         <!-- Missing translation note -->
         <xsl:if test="/buildinfo/@language!=/buildinfo/document/@language">
           <xsl:element name="p">
-        <xsl:attribute name="id">outdated-notice</xsl:attribute>
+        <xsl:attribute name="class">warning red</xsl:attribute>
         <xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'notranslation'" /></xsl:call-template>
           </xsl:element>
         </xsl:if>
             
         <!-- Info box -->
-        <xsl:element name="div"> 
+        <xsl:element name="div">
           <xsl:attribute name="id">infobox</xsl:attribute>
           <xsl:if test = "/buildinfo/document/head/meta[@name='under-construction' and @content='true']">
         <xsl:element name="p">
diff --git a/fsfe.xsl b/fsfe.xsl
index 0e93d587ac..fc678aa4f7 100644
--- a/fsfe.xsl
+++ b/fsfe.xsl
@@ -774,7 +774,7 @@
         <!-- Outdated note -->
         <xsl:if test="/buildinfo/@outdated='yes'">
           <xsl:element name="p">
-        <xsl:attribute name="id">outdated-notice</xsl:attribute>
+        <xsl:attribute name="class">warning red</xsl:attribute>
         <xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'outdated'" /></xsl:call-template>
           </xsl:element>
         </xsl:if>
@@ -782,7 +782,7 @@
         <!-- Missing translation note -->
         <xsl:if test="/buildinfo/@language!=/buildinfo/document/@language">
           <xsl:element name="p">
-        <xsl:attribute name="id">outdated-notice</xsl:attribute>
+        <xsl:attribute name="class">warning red</xsl:attribute>
         <xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'notranslation'" /></xsl:call-template>
           </xsl:element>
         </xsl:if>
@@ -792,7 +792,7 @@
           <xsl:attribute name="id">infobox</xsl:attribute>
           <xsl:if test = "/buildinfo/document/head/meta[@name='under-construction' and @content='true']">
         <xsl:element name="p">
-          <xsl:attribute name="id">under-construction-notice</xsl:attribute>
+          <xsl:attribute name="class">warning yellow</xsl:attribute>
           <xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'under-construction'" /></xsl:call-template>
         </xsl:element>
           </xsl:if>
diff --git a/look/generic.css b/look/generic.css
index f1badbab09..3b4e04046d 100644
--- a/look/generic.css
+++ b/look/generic.css
@@ -1639,20 +1639,20 @@ tr.highlighted {
 
 /* notices */
 
-#outdated-notice, #under-construction-notice {
+.warning {
   border-width: 1px;
   border-style: solid;
   padding: .5em;
   margin: 0 0 1.5em 0;
 }
 
-#outdated-notice {
+.red {
   background-color: rgb(255,220,220);
   border-color: rgb(253,59,59);
   color: rgb(132,78,78);
 }
 
-#under-construction-notice {
+.yellow {
   background-color: rgb(255,245,220);
   border-color: rgb(253,195,59);
   color: rgb(132,78,78);