style unification

(no more dropshadows)
(no more rounded corners)

www/data/css/styles_blogview_euler.scss

@@ -0,0 +1,175 @@
+@import 'styles_config';
+
+
+#PEB_tableProblems {
+  .PEB_tablerowProblems {  }
+  .PEB_tablerowProblems:hover {  background-color: #999;  }
+
+  .PEB_tablecellProblems {  }
+
+  .PEB_TC_Value { font-family: $FONT_CODE; }
+
+  .PEB_TC_Value:not(:hover) {
+    color: transparent;
+
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition:.5s;
+  }
+
+  .PEB_TC_Value:hover {
+    color: $COL_TEXT_DARK;
+
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition:.5s;
+  }
+
+  .PEB_TC_Time {
+    border-radius: 1px;
+
+    display: inline-block;
+    padding: 1px 6px;
+
+    min-width: 60px;
+  }
+
+  .PEB_TC_Timelevel_0 { background-color: #0A0 !important; }
+  .PEB_TC_Timelevel_1 { background-color: #84FF0A !important; }
+  .PEB_TC_Timelevel_2 { background-color: #FF0 !important; }
+  .PEB_TC_Timelevel_3 { background-color: #F60 !important; }
+  .PEB_TC_Timelevel_4 { background-color: #F11 !important; }
+
+  .PEB_TC_Size { font-family: $FONT_CODE; }
+
+  .PEB_TC_Size_93 {
+    float: right;
+    font-family: $FONT_DEFAULT;
+
+    border-radius: 1px;
+    background-color: #0A0;
+
+    display: inline-block;
+    padding: 1px 6px;
+  }
+
+  .PEB_TC_Size_98 {
+    float: right;
+    font-family: $FONT_DEFAULT;
+
+    border-radius: 1px;
+    background-color: #FF0;
+
+    display: inline-block;
+    padding: 1px 6px;
+  }
+
+  a {
+    color: $COL_TEXT_DARK;
+    display: block;
+    text-decoration: none;
+  }
+
+  .PEB_TC_Title a { text-decoration: underline; }
+
+}
+
+@include rdmedia_range(0,3) {
+  #PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) { display: none; }
+}
+
+@include rdmedia(0) {
+  #PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) { display: none; }
+  #PEB_tableProblems tr td:nth-child(3), #PEB_tableProblems tr th:nth-child(3) { display: none; }
+  #PEB_tableProblems tr td:nth-child(4), #PEB_tableProblems tr th:nth-child(4) { display: none; }
+}
+
+.bce_description, .bce_explanation {
+  background: #EEE;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  padding: 0 5px;
+}
+
+.bce_pagination {
+  display:flex;
+
+  .bce_pag20 {
+    display:flex;
+    align-self: center;
+  }
+  .bce_pag10 {
+    display:flex;
+  }
+  .bce_pag05 {
+    display:flex;
+    margin: 4px 0;
+  }
+  .bce_pagbtn {
+    display: block;
+    color: #000;
+    text-decoration: none;
+    min-width: 1.8em;
+    padding: 0 5px;
+    margin: 0 4px;
+    border-radius: 2px;
+    border: 1px solid #777;
+    background: #AAA;
+    text-align: center;
+  }
+  .bce_pagbtn_disabled {
+    color: #888;
+    background: #BBB;
+  }
+  .bce_pagbtn_active {
+    color: #000;
+    background: #666;
+    border: 1px solid #000;
+  }
+
+}
+
+@include rdmedia(0)
+{
+  .bce_pagination { flex-direction: column; }
+  .bce_pag20      { flex-direction: column; }
+  .bce_pag10      { flex-direction: column; }
+  .bce_pag05      { flex-direction: row;    }
+}
+
+@include rdmedia(1)
+{
+  .bce_pagination { flex-direction: column; }
+  .bce_pag20      { flex-direction: column; }
+  .bce_pag10      { flex-direction: row;    }
+  .bce_pag05      { flex-direction: row;    }
+}
+
+@include rdmedia(2)
+{
+  .bce_pagination { flex-direction: column; }
+  .bce_pag20      { flex-direction: column; }
+  .bce_pag10      { flex-direction: row;    }
+  .bce_pag05      { flex-direction: row;    }
+}
+
+@include rdmedia(3)
+{
+  .bce_pagination { flex-direction: column; }
+  .bce_pag20      { flex-direction: column; }
+  .bce_pag10      { flex-direction: row;    }
+  .bce_pag05      { flex-direction: row;    }
+}
+
+@include rdmedia(4)
+{
+  .bce_pagination { flex-direction: column; }
+  .bce_pag20      { flex-direction: row;    }
+  .bce_pag10      { flex-direction: row;    }
+  .bce_pag05      { flex-direction: row;    }
+}
+
+