Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

blogview_euler_list

Browse Source
This commit is contained in:
Mike Schwörer
2017-12-31 17:53:59 +01:00
parent 3dcdd872c4
commit fdb08970e7
12 changed files with 381 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
www/data/css/styles.css
View File

@@ -1,6 +1,7 @@
body {
background-color: #EEE;
color: #CCC; }
color: #CCC;
font-family: serif; }
#content {
padding-top: 64px;
@@ -53,6 +54,7 @@ body {
width: 100%; }
#headerdiv {
z-index: 999;
background-color: #333;
display: flex;
border-bottom: 1px solid #111;
@@ -254,6 +256,103 @@ html, body {
margin: 0 0 20px;
border-left: 5px solid #CCC; }
.mdtable_container {
overflow-x: auto; }
.mdtable {
border-collapse: collapse;
text-align: left;
width: 100%;
border: 1px solid #666; }
.mdtable td, .mdtable th {
padding: 3px 10px; }
.mdtable thead th {
background-color: #7D7D7D;
color: #FFFFFF;
font-weight: bold;
border-left: 1px solid #444; }
.mdtable thead th:first-child {
border: none; }
.mdtable tbody td {
border-left: 1px solid #666;
font-weight: normal; }
.mdtable tbody .alt td {
background: #EBEBEB; }
.mdtable tbody td:first-child {
border-left: none; }
.mdtable tbody tr:last-child td {
border-bottom: none; }
.mdtable tbody tr:nth-child(odd) {
background-color: #ccc; }
#PEB_tableProblems .PEB_tablerowProblems:hover {
background-color: #888; }
#PEB_tableProblems .PEB_TC_Value {
font-family: Consolas, Monaco, "Courier New", Menlo, monospace; }
#PEB_tableProblems .PEB_TC_Value:not(:hover) {
color: transparent;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s; }
#PEB_tableProblems .PEB_TC_Value:hover {
color: #333;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s; }
#PEB_tableProblems .PEB_TC_Time {
border-radius: 1px;
display: inline-block;
padding: 1px 6px;
min-width: 60px; }
#PEB_tableProblems .PEB_TC_Timelevel_0 {
background-color: #0A0 !important; }
#PEB_tableProblems .PEB_TC_Timelevel_1 {
background-color: #84FF0A !important; }
#PEB_tableProblems .PEB_TC_Timelevel_2 {
background-color: #FF0 !important; }
#PEB_tableProblems .PEB_TC_Timelevel_3 {
background-color: #F60 !important; }
#PEB_tableProblems .PEB_TC_Timelevel_4 {
background-color: #F11 !important; }
#PEB_tableProblems .PEB_TC_Size {
font-family: Consolas, Monaco, "Courier New", Menlo, monospace; }
#PEB_tableProblems .PEB_TC_Size_93 {
float: right;
font-family: serif;
border-radius: 1px;
background-color: #0A0;
display: inline-block;
padding: 1px 6px; }
#PEB_tableProblems .PEB_TC_Size_98 {
float: right;
font-family: serif;
border-radius: 1px;
background-color: #FF0;
display: inline-block;
padding: 1px 6px; }
#PEB_tableProblems a {
color: #333;
display: block;
text-decoration: none; }
#PEB_tableProblems .PEB_TC_Title a {
text-decoration: underline; }
@media (max-width: 1199px) {
#PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) {
display: none; } }
@media (max-width: 767px) {
#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; } }
.euler_pnl_base {
display: inline-flex;
flex-direction: column;

132
www/data/css/styles_blogview.scss
View File

@@ -56,3 +56,135 @@
border-left: 5px solid #CCC;
}
.mdtable_container {overflow-x: auto;}
.mdtable {
border-collapse: collapse;
text-align: left;
width: 100%;
border: 1px solid #666;
td, th {
padding: 3px 10px;
}
thead th {
background-color: #7D7D7D;
color: #FFFFFF;
font-weight: bold;
border-left: 1px solid #444;
}
thead th:first-child {
border: none;
}
tbody td {
border-left: 1px solid #666;
font-weight: normal;
}
tbody .alt td {
background: #EBEBEB;
}
tbody td:first-child {
border-left: none;
}
tbody tr:last-child td {
border-bottom: none;
}
tbody tr:nth-child(odd) {
background-color: #ccc;
}
}
#PEB_tableProblems {
.PEB_tablerowProblems { }
.PEB_tablerowProblems:hover { background-color: #888; }
.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: #333;
display: block;
text-decoration: none;
}
.PEB_TC_Title a { text-decoration: underline; }
}
@media(max-width:1199px) {
#PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) { display: none; }
}
@media(max-width:767px) {
#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; }
}

3
www/data/css/styles_config.scss
View File

@@ -6,4 +6,5 @@ $COL_TEXT_DARK: #333;
$COL_TRANSPARENT: #FFFFFF00;
$FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;
$FONT_DEFAULT: serif;

1
www/data/css/styles_global.scss
View File

@@ -3,6 +3,7 @@
body {
background-color: $COL_BACKGROUND;
color: $COL_TEXT_NORMAL;
font-family: $FONT_DEFAULT;
}
#content {

1
www/data/css/styles_header.scss
View File

@@ -1,6 +1,7 @@
@import 'styles_config';
#headerdiv {
z-index: 999;
background-color: #333;
display: flex;
border-bottom: 1px solid #111;