#28 - make use of bx-def-font-contrasted new def class

samples/interface.php

@@ -355,7 +355,7 @@ function Samples_Fonts()
 {    
     $aBlocks = array ();
      
-    $aClasses = array ('' => 'SAMPLE_TEXT', 'bx-def-font-grayed' => 'SAMPLE_TEXT', 'bx-def-font-small' => 'SAMPLE_TEXT', 'bx-def-font-middle' => 'SAMPLE_TEXT', 'bx-def-font-large' => 'SAMPLE_TEXT', 'bx-def-font-h1' => 'SAMPLE_TITLE', 'bx-def-font-h2' => 'SAMPLE_TITLE', 'bx-def-font-h3' => 'SAMPLE_TITLE');
+    $aClasses = array ('' => 'SAMPLE_TEXT', 'bx-def-font-grayed' => 'SAMPLE_TEXT', 'bx-def-font-small' => 'SAMPLE_TEXT', 'bx-def-font-middle' => 'SAMPLE_TEXT', 'bx-def-font-large' => 'SAMPLE_TEXT', 'bx-def-font-h1' => 'SAMPLE_TITLE', 'bx-def-font-h2' => 'SAMPLE_TITLE', 'bx-def-font-h3' => 'SAMPLE_TITLE', 'bx-def-font-contrasted bx-def-font-h2 bg-col-green3' => 'SAMPLE_TITLE');
     foreach ($aClasses as $sClass => $sSampleText) {
         ob_start();
         ?>

template/css/common.css

@@ -124,7 +124,6 @@ blockquote {
 
 .bx-popup-header h2 {
     margin:0;
-    color: #ffffff;
     text-shadow: #000 0px 1px 2px;
     text-align:center;
 }
@@ -165,7 +164,6 @@ blockquote {
     background-color:rgba(200, 200, 200, 0.3);
 
     text-align:center;
-    color:#fff;
     font-weight:bold;
     font-size:1rem;
     padding:10px;

template/css/splash.css

@@ -81,4 +81,4 @@ button.bx-form-input-domain-btn {
 	margin-left: -5px;
 	padding: 0px;
 	font-size: 28px;
-}
+}

template/messageBox.html

@@ -1,5 +1,5 @@
 <div class="bx-msg-box-container bx-def-margin-top bx-def-margin-bottom" id="__id__">
-    <div class="bx-msg-box bx-def-padding bx-def-round-corners">
+    <div class="bx-msg-box bx-def-padding bx-def-round-corners bx-def-font-contrasted">
         __msgText__
     </div>
     <bx_if:timer>

template/popup_box.html

@@ -2,7 +2,7 @@
     <div class="bx-popup-box-pointer"><i class="bx-popup-border"></i></div>
     <div class="bx-popup bx-popup-box bx-popup-width bx-popup-color-bg bx-popup-border bx-def-round-corners">
     <div class="bx-def-round-corners" style="overflow:hidden;">
-        <div class="bx-popup-header bx-popup-color-bg bx-def-padding">
+        <div class="bx-popup-header bx-popup-color-bg bx-def-padding bx-def-font-contrasted">
             <h2>__title__</h2>
         </div>
         <div class="bx-popup-content bx-def-padding">__content__</div>

template/splash.html

@@ -37,4 +37,4 @@
             });
         </script>
 	</div>
-</div>
+</div>

template/splash_logo.html

@@ -1,3 +1,3 @@
 <div class="bx-splash-logo">
 	<span class="bx-spl-green">online</span><span class="bx-spl-gray">.me</span>
-</div>
+</div>