Issue 2295 - Add French disclaimer text to the pages that are currently missing it

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   background-color: #f8f6f2;
   background-image: url(../img/background.png);
@@ skipping 423 matching lines @@
 
 div.animation[started="false"]
 {
   cursor: pointer;
 }
 
 div.animation[started="true"]
 {
   -moz-user-select: none;
 }
+
+.alert

[saroyanm, 2016/10/27 13:22:52]

Why alert, but not warning or notification ?

[juliandoucette, 2016/10/27 13:37:47]

1. Alert makes sense (definition wise)
2. .warning and .disclaimer are defined differently in other CSS files and on
other pages

IMO
- "notification" implies a popup (like a push notification)
- "warning" implies fine print (like a warning label on drugs)
- "alert" implies feedback (based on something about the user or their actions)

[saroyanm, 2016/10/27 13:42:42]

I assume .warning and .disclaimer that are defined differently will share same
style soon.
For me "alert" is always associating with alert popup messages, but I do not
have strong opinion.

+{
+  display: block;
+  padding: 15px;
+  margin: 15px 0;
+  background-color: #fff;
+  border: 1px solid #a1a1a1;
+}
+
+[dir="ltr"] .alert
+{
+  border-left: 5px solid #d14841;
+}
+
+[dir="rtl"] .alert
+{
+  border-right: 5px solid #d14841;
+}