diff --git a/www/data/css/styles.css b/www/data/css/styles.css index f7df7e8..685f6c8 100644 --- a/www/data/css/styles.css +++ b/www/data/css/styles.css @@ -310,6 +310,141 @@ body { cursor: pointer; } +@media (max-width: 767px) { + .pagination { + flex-direction: column; + } + + .pag20 { + flex-direction: column; + } + + .pag10 { + flex-direction: column; + } + + .pag05 { + flex-direction: row; + } +} +@media (min-width: 768px) and (max-width: 850px) { + .pagination { + flex-direction: column; + } + + .pag20 { + flex-direction: column; + } + + .pag10 { + flex-direction: row; + } + + .pag05 { + flex-direction: row; + } +} +@media (min-width: 851px) and (max-width: 991px) { + .pagination { + flex-direction: column; + } + + .pag20 { + flex-direction: column; + } + + .pag10 { + flex-direction: row; + } + + .pag05 { + flex-direction: row; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .pagination { + flex-direction: column; + } + + .pag20 { + flex-direction: column; + } + + .pag10 { + flex-direction: row; + } + + .pag05 { + flex-direction: row; + } +} +@media (min-width: 1200px) { + .pagination { + flex-direction: column; + } + + .pag20 { + flex-direction: row; + } + + .pag10 { + flex-direction: row; + } + + .pag05 { + flex-direction: row; + } +} +.pagination { + display: flex; +} +.pagination .pagAny { + display: flex; + align-self: center; +} +.pagination .pag20 { + display: flex; + align-self: center; +} +.pagination .pag10 { + display: flex; +} +.pagination .pag05 { + display: flex; + margin: 4px 0; +} +.pagination .pagbtn { + display: block; + text-decoration: none; + min-width: 1.8em; + padding: 0 5px; + margin: 0 4px; + border-radius: 2px; + text-align: center; + color: #000000; + background: #AAAAAA; + border: 1px solid #777777; +} +.pagination .pagAny .pagbtn { + margin: 4px; +} +.pagination .pagbtn_disabled { + color: #888888; + background: #BBBBBB; + border: 1px solid #777777; +} +.pagination .pagbtn.pagbtn_disabled:hover { + border: 1px solid #777777; +} +.pagination .pagbtn_active { + color: #000000; + background: #666666; + border: 1px solid #000000; +} +.pagination .pagbtn:hover { + border: 1px solid #000000; +} + /* 400px */ #headerdiv { z-index: 999; @@ -988,127 +1123,6 @@ html, body { padding: 0 5px; } -.bce_pagination { - display: flex; -} -.bce_pagination .bce_pag20 { - display: flex; - align-self: center; -} -.bce_pagination .bce_pag10 { - display: flex; -} -.bce_pagination .bce_pag05 { - display: flex; - margin: 4px 0; -} -.bce_pagination .bce_pagbtn { - display: block; - color: #000000; - text-decoration: none; - min-width: 1.8em; - padding: 0 5px; - margin: 0 4px; - border-radius: 2px; - border: 1px solid #777777; - background: #AAAAAA; - text-align: center; -} -.bce_pagination .bce_pagbtn_disabled { - color: #888; - background: #BBB; -} -.bce_pagination .bce_pagbtn_active { - color: #000000; - background: #666666; - border: 1px solid #000; -} - -@media (max-width: 767px) { - .bce_pagination { - flex-direction: column; - } - - .bce_pag20 { - flex-direction: column; - } - - .bce_pag10 { - flex-direction: column; - } - - .bce_pag05 { - flex-direction: row; - } -} -@media (min-width: 768px) and (max-width: 850px) { - .bce_pagination { - flex-direction: column; - } - - .bce_pag20 { - flex-direction: column; - } - - .bce_pag10 { - flex-direction: row; - } - - .bce_pag05 { - flex-direction: row; - } -} -@media (min-width: 851px) and (max-width: 991px) { - .bce_pagination { - flex-direction: column; - } - - .bce_pag20 { - flex-direction: column; - } - - .bce_pag10 { - flex-direction: row; - } - - .bce_pag05 { - flex-direction: row; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .bce_pagination { - flex-direction: column; - } - - .bce_pag20 { - flex-direction: column; - } - - .bce_pag10 { - flex-direction: row; - } - - .bce_pag05 { - flex-direction: row; - } -} -@media (min-width: 1200px) { - .bce_pagination { - flex-direction: column; - } - - .bce_pag20 { - flex-direction: row; - } - - .bce_pag10 { - flex-direction: row; - } - - .bce_pag05 { - flex-direction: row; - } -} /* 400px */ .aoc_calendar_parent { display: flex; @@ -1122,7 +1136,7 @@ html, body { flex-direction: row; justify-content: space-between; margin-bottom: 0.5em; - background: #F8B229; + background: #888888; } .aoc_calendar_header_link { @@ -1156,10 +1170,10 @@ html, body { .aoc_calendar { display: flex; flex-direction: column; - background: #EFEFEF; + background: #AAAAAA; font-size: xx-large; font-family: Consolas, Monaco, "Courier New", Menlo, monospace; - border: 1px solid #000000; + border: 1px solid #333333; padding-bottom: 0.5em; } @@ -1183,10 +1197,10 @@ html, body { } .aoc_calendar_field.aoc_enabled { - background: #165B33; + background: #2D4E3B; color: #BB2528; border: 1px solid #FFFFFF; - text-shadow: 0 0 0.2em #222; + text-shadow: 0 0 0.2em #222222; font-weight: bold; } @@ -1198,32 +1212,36 @@ html, body { } .aoc_calendar_field.aoc_disabled { - background: #444; - color: #888; + background: #444444; + color: #888888; border: 1px solid #888; cursor: default; font-weight: normal; } +.bc_aoc_description_parent { + background-color: #333333; + color: #DDDDDD; +} + .bc_aoc_description { font-family: Consolas, Monaco, "Courier New", Menlo, monospace; - background-color: #333; - color: #DDD; padding: 1ch; max-width: 82ch; } .bc_aoc_input { font-family: Consolas, Monaco, "Courier New", Menlo, monospace; - border: 1px solid #000; + border: 1px solid #333333; padding: 1em; max-height: 150px; overflow-y: scroll; background: #F8F8F8; + color: #000000; } .bc_aoc_solution_parent { - border: 1px solid #000; + border: 1px solid #333333; } .bc_aoc_solution_code { @@ -1231,12 +1249,13 @@ html, body { } .bc_aoc_solution_code pre { - margin: 0; + margin: 0 !important; border: none; } .bc_aoc_solution_value { - background: #AAA; + background: #888888; + color: #000000; } /* 400px */ diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css index 74144f3..7b6e35d 100644 --- a/www/data/css/styles.min.css +++ b/www/data/css/styles.min.css @@ -52,6 +52,47 @@ body{background-color:#eee;color:#333;font-family:"Times New Roman",serif} .imgcarousel_next svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#ddd} .imgcarousel_prev:hover svg{background:#000;fill:#fff;cursor:pointer} .imgcarousel_next:hover svg{background:#000;fill:#fff;cursor:pointer} +@media(max-width:767px){ + .pagination{flex-direction:column} + .pag20{flex-direction:column} + .pag10{flex-direction:column} + .pag05{flex-direction:row} +} +@media(min-width:768px) and (max-width:850px){ + .pagination{flex-direction:column} + .pag20{flex-direction:column} + .pag10{flex-direction:row} + .pag05{flex-direction:row} +} +@media(min-width:851px) and (max-width:991px){ + .pagination{flex-direction:column} + .pag20{flex-direction:column} + .pag10{flex-direction:row} + .pag05{flex-direction:row} +} +@media(min-width:992px) and (max-width:1199px){ + .pagination{flex-direction:column} + .pag20{flex-direction:column} + .pag10{flex-direction:row} + .pag05{flex-direction:row} +} +@media(min-width:1200px){ + .pagination{flex-direction:column} + .pag20{flex-direction:row} + .pag10{flex-direction:row} + .pag05{flex-direction:row} +} +.pagination{display:flex} +.pagination .pagAny{display:flex;align-self:center} +.pagination .pag20{display:flex;align-self:center} +.pagination .pag10{display:flex} +.pagination .pag05{display:flex;margin:4px 0} +.pagination .pagbtn{display:block;text-decoration:none;min-width:1.8em;padding:0 5px;margin:0 4px;border-radius:2px;text-align:center;color:#000;background:#aaa;border:1px solid #777} +.pagination .pagAny .pagbtn{margin:4px} +.pagination .pagbtn_disabled{color:#888;background:#bbb;border:1px solid #777} +.pagination .pagbtn.pagbtn_disabled:hover{border:1px solid #777} +.pagination .pagbtn_active{color:#000;background:#666;border:1px solid #000} +.pagination .pagbtn:hover{border:1px solid #000} #headerdiv{z-index:999;background-color:#333;display:flex;border-bottom:1px solid #111;box-shadow:0 0 8px #000;position:fixed;width:100%} #headerdiv .logowrapper{flex:initial;margin:0;padding:0;height:42px} #headerdiv .logowrapper a{cursor:default} @@ -176,62 +217,26 @@ html,body{margin:0;padding:0;height:100%} #PEB_tableProblems tr td:nth-child(4),#PEB_tableProblems tr th:nth-child(4){display:none} } .bce_description,.bce_explanation{background:#eee;color:#333;border:1px solid rgba(0,0,0,0.15);padding:0 5px} -.bce_pagination{display:flex} -.bce_pagination .bce_pag20{display:flex;align-self:center} -.bce_pagination .bce_pag10{display:flex} -.bce_pagination .bce_pag05{display:flex;margin:4px 0} -.bce_pagination .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_pagination .bce_pagbtn_disabled{color:#888;background:#BBB} -.bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000} -@media(max-width:767px){ - .bce_pagination{flex-direction:column} - .bce_pag20{flex-direction:column} - .bce_pag10{flex-direction:column} - .bce_pag05{flex-direction:row} -} -@media(min-width:768px) and (max-width:850px){ - .bce_pagination{flex-direction:column} - .bce_pag20{flex-direction:column} - .bce_pag10{flex-direction:row} - .bce_pag05{flex-direction:row} -} -@media(min-width:851px) and (max-width:991px){ - .bce_pagination{flex-direction:column} - .bce_pag20{flex-direction:column} - .bce_pag10{flex-direction:row} - .bce_pag05{flex-direction:row} -} -@media(min-width:992px) and (max-width:1199px){ - .bce_pagination{flex-direction:column} - .bce_pag20{flex-direction:column} - .bce_pag10{flex-direction:row} - .bce_pag05{flex-direction:row} -} -@media(min-width:1200px){ - .bce_pagination{flex-direction:column} - .bce_pag20{flex-direction:row} - .bce_pag10{flex-direction:row} - .bce_pag05{flex-direction:row} -} .aoc_calendar_parent{display:flex;justify-content:center;margin-top:1em;padding-bottom:1.5em} -.aoc_calendar_header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em;background:#f8b229} +.aoc_calendar_header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em;background:#888} .aoc_calendar_header_link{display:flex;color:#000;text-decoration:none} .aoc_calendar_header_title{flex-grow:0;display:flex;color:#000;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold} .aoc_calendar_header_link.aoc_prev{flex-grow:0;padding-left:.5em} .aoc_calendar_header_link.aoc_next{flex-grow:0;padding-right:.5em} .aoc_calendar_header_link.aoc_link_hidden{visibility:hidden} -.aoc_calendar{display:flex;flex-direction:column;background:#efefef;font-size:xx-large;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;border:1px solid #000;padding-bottom:.5em} +.aoc_calendar{display:flex;flex-direction:column;background:#aaa;font-size:xx-large;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;border:1px solid #333;padding-bottom:.5em} .aoc_calendar_row{display:flex;flex-direction:row;justify-content:center;margin-left:.5em;margin-right:.5em} .aoc_calendar_field{display:flex;align-items:center;justify-content:center;width:2em;height:2em;margin:4px;text-decoration:none;font-weight:bold} -.aoc_calendar_field.aoc_enabled{background:#165b33;color:#bb2528;border:1px solid #fff;text-shadow:0 0 .2em #222;font-weight:bold} +.aoc_calendar_field.aoc_enabled{background:#2d4e3b;color:#bb2528;border:1px solid #fff;text-shadow:0 0 .2em #222;font-weight:bold} .aoc_calendar_field.aoc_enabled:hover{background:#165b00;color:#bb2528;border:1px solid #bb2528;text-shadow:0 0 0 #000} .aoc_calendar_field.aoc_disabled{background:#444;color:#888;border:1px solid #888;cursor:default;font-weight:normal} -.bc_aoc_description{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;background-color:#333;color:#DDD;padding:1ch;max-width:82ch} -.bc_aoc_input{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;border:1px solid #000;padding:1em;max-height:150px;overflow-y:scroll;background:#f8f8f8} -.bc_aoc_solution_parent{border:1px solid #000} +.bc_aoc_description_parent{background-color:#333;color:#ddd} +.bc_aoc_description{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;padding:1ch;max-width:82ch} +.bc_aoc_input{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;border:1px solid #333;padding:1em;max-height:150px;overflow-y:scroll;background:#f8f8f8;color:#000} +.bc_aoc_solution_parent{border:1px solid #333} .bc_aoc_solution_code{padding:0} -.bc_aoc_solution_code pre{margin:0;border:0} -.bc_aoc_solution_value{background:#AAA} +.bc_aoc_solution_code pre{margin:0 !important;border:0} +.bc_aoc_solution_value{background:#888;color:#000} .prgl_parent{display:flex;flex-direction:column} @media(max-width:850px){.prgl_parent{align-items:center}} .prgl_elem{display:flex;flex-direction:row;text-decoration:none;background:#bbb;border:1px solid #444;color:#333;margin:5px 0} diff --git a/www/data/css/styles_blogview_aoc.scss b/www/data/css/styles_blogview_aoc.scss index 3d7cbaa..1f980df 100644 --- a/www/data/css/styles_blogview_aoc.scss +++ b/www/data/css/styles_blogview_aoc.scss @@ -1,11 +1,5 @@ @import 'styles_config'; -$COL_CHRISTMAS_YELLOW: #F8B229; -$COL_CHRISTMAS_WHITE: #EFEFEF; -$COL_CHRISTMAS_GREEN: #165B33; -$COL_CHRISTMAS_GREEN_ALT: #165B00; -$COL_CHRISTMAS_RED: #BB2528; - // ==================== AdventOfCode Blog Listing ==================== // .aoc_calendar_parent { @@ -23,13 +17,13 @@ $COL_CHRISTMAS_RED: #BB2528; margin-bottom: 0.5em; - background: $COL_CHRISTMAS_YELLOW; + background: $LAYER2_HEADER_BG; } .aoc_calendar_header_link { display: flex; - color: #000000; + color: $LAYER2_HEADER_FG; text-decoration: none; } @@ -37,7 +31,7 @@ $COL_CHRISTMAS_RED: #BB2528; flex-grow: 0; display: flex; - color: #000000; + color: $LAYER2_HEADER_FG; font-family: $FONT_HEADER; font-weight: bold; } @@ -60,12 +54,12 @@ $COL_CHRISTMAS_RED: #BB2528; display: flex; flex-direction: column; - background: $COL_CHRISTMAS_WHITE; + background: $LAYER2_BG; font-size: xx-large; font-family: $FONT_CODE; - border: 1px solid #000000; + border: $LAYER2_BORDER; padding-bottom: 0.5em; } @@ -95,23 +89,23 @@ $COL_CHRISTMAS_RED: #BB2528; } .aoc_calendar_field.aoc_enabled { - background: $COL_CHRISTMAS_GREEN; - color: $COL_CHRISTMAS_RED; + background: $AOC_FIELD_GREEN; + color: $AOC_FIELD_RED; border: 1px solid #FFFFFF; - text-shadow: 0 0 0.2em #222; + text-shadow: 0 0 0.2em #222222; font-weight: bold; } .aoc_calendar_field.aoc_enabled:hover { - background: $COL_CHRISTMAS_GREEN_ALT; - color: $COL_CHRISTMAS_RED; - border: 1px solid $COL_CHRISTMAS_RED; + background: $AOC_FIELD_GREEN_ALT; + color: $AOC_FIELD_RED; + border: 1px solid $AOC_FIELD_RED; text-shadow: 0 0 0 #000; } .aoc_calendar_field.aoc_disabled { - background: #444; - color: #888; + background: $AOC_FIELD_DISABLED_BG; + color: $AOC_FIELD_DISABLED_FG; border: 1px solid #888; cursor: default; font-weight: normal; @@ -119,25 +113,29 @@ $COL_CHRISTMAS_RED: #BB2528; // ==================== AdventOfCode Blog - Single Day View ==================== // +.bc_aoc_description_parent { + background-color: $AOC_DESCRIPTION_BG; + color: $AOC_DESCRIPTION_FG; +} + .bc_aoc_description { font-family: $FONT_CODE; - background-color: #333; - color: #DDD; padding: 1ch; max-width: 82ch; } .bc_aoc_input { font-family: $FONT_CODE; - border: 1px solid #000; + border: $LAYER2_BORDER; padding: 1em; max-height: 150px; overflow-y: scroll; - background: #F8F8F8; + background: $LAYER2_CODE_BG; + color: $LAYER2_CODE_FG; } .bc_aoc_solution_parent { - border: 1px solid #000; + border: $LAYER2_BORDER; } .bc_aoc_solution_code { @@ -145,10 +143,11 @@ $COL_CHRISTMAS_RED: #BB2528; } .bc_aoc_solution_code pre { - margin: 0; + margin: 0 !important; border: none; } .bc_aoc_solution_value { - background: #AAA; + background: $LAYER2_HEADER_BG; + color: $LAYER2_HEADER_FG; } \ No newline at end of file diff --git a/www/data/css/styles_blogview_euler.scss b/www/data/css/styles_blogview_euler.scss index c0210dd..16c53b3 100644 --- a/www/data/css/styles_blogview_euler.scss +++ b/www/data/css/styles_blogview_euler.scss @@ -97,82 +97,4 @@ 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: $BUTTON_PAGINATION_FG; - text-decoration: none; - min-width: 1.8em; - padding: 0 5px; - margin: 0 4px; - border-radius: 2px; - border: $BUTTON_PAGINATION_BORDER; - background: $BUTTON_PAGINATION_BG; - text-align: center; - } - .bce_pagbtn_disabled { - color: #888; - background: #BBB; - } - .bce_pagbtn_active { - color: $BUTTON_PAGINATION_DISABLED_FG; - background: $BUTTON_PAGINATION_DISABLED_BG; - border: $BUTTON_PAGINATION_DISABLED_BORDER; - } - -} - -@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; } -} - diff --git a/www/data/css/styles_config.scss b/www/data/css/styles_config.scss index 3fb447b..36fd56d 100644 --- a/www/data/css/styles_config.scss +++ b/www/data/css/styles_config.scss @@ -81,12 +81,16 @@ $COL_BUTTON_CAROUSEL_BG: #333333; $COL_BUTTON_CAROUSEL_FG_HOVER: #FFFFFF; $COL_BUTTON_CAROUSEL_BG_HOVER: #000000; -$BUTTON_PAGINATION_FG: #000000; -$BUTTON_PAGINATION_BG: #AAAAAA; -$BUTTON_PAGINATION_BORDER: 1px solid #777777; -$BUTTON_PAGINATION_DISABLED_FG: #000000; -$BUTTON_PAGINATION_DISABLED_BG: #666666; -$BUTTON_PAGINATION_DISABLED_BORDER: 1px solid #000; +$BUTTON_PAGINATION_FG: #000000; +$BUTTON_PAGINATION_BG: #AAAAAA; +$BUTTON_PAGINATION_BORDER: 1px solid #777777; +$BUTTON_PAGINATION_HIGHLIGHT_FG: #000000; +$BUTTON_PAGINATION_HIGHLIGHT_BG: #666666; +$BUTTON_PAGINATION_HIGHLIGHT_BORDER: 1px solid #000000; +$BUTTON_PAGINATION_DISABLED_FG: #888888; +$BUTTON_PAGINATION_DISABLED_BG: #BBBBBB; +$BUTTON_PAGINATION_DISABLED_BORDER: 1px solid #777777; +$BUTTON_PAGINATION_HOVER_BORDER: 1px solid #000000; // ------------------------------------ @@ -126,6 +130,18 @@ $COL_EULER_TIME_4_LIT: #D89D9D; $COL_EULER_TIME_NONE_LIT: #CCCCCC; +// ------------------------------------ + +$AOC_FIELD_GREEN: #2D4E3B; +$AOC_FIELD_GREEN_ALT: #165B00; +$AOC_FIELD_RED: #BB2528; +$AOC_FIELD_DISABLED_BG: #444444; +$AOC_FIELD_DISABLED_FG: #888888; + +$AOC_DESCRIPTION_FG: #DDDDDD; +$AOC_DESCRIPTION_BG: #333333; + + // ------------------------------------ $COL_ADMIN_OK: #00FF00; diff --git a/www/data/css/styles_global.scss b/www/data/css/styles_global.scss index 37078db..50e4a94 100644 --- a/www/data/css/styles_global.scss +++ b/www/data/css/styles_global.scss @@ -279,4 +279,104 @@ body { .imgcarousel_prev svg { width: 48px; height: 48px; border: 1px solid black; background: $COL_BUTTON_CAROUSEL_BG; fill: $COL_BUTTON_CAROUSEL_FG; } .imgcarousel_next svg { width: 48px; height: 48px; border: 1px solid black; background: $COL_BUTTON_CAROUSEL_BG; fill: $COL_BUTTON_CAROUSEL_FG; } .imgcarousel_prev:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; } -.imgcarousel_next:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; } \ No newline at end of file +.imgcarousel_next:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; } + + +@include rdmedia(0) +{ + .pagination { flex-direction: column; } + .pag20 { flex-direction: column; } + .pag10 { flex-direction: column; } + .pag05 { flex-direction: row; } +} + +@include rdmedia(1) +{ + .pagination { flex-direction: column; } + .pag20 { flex-direction: column; } + .pag10 { flex-direction: row; } + .pag05 { flex-direction: row; } +} + +@include rdmedia(2) +{ + .pagination { flex-direction: column; } + .pag20 { flex-direction: column; } + .pag10 { flex-direction: row; } + .pag05 { flex-direction: row; } +} + +@include rdmedia(3) +{ + .pagination { flex-direction: column; } + .pag20 { flex-direction: column; } + .pag10 { flex-direction: row; } + .pag05 { flex-direction: row; } +} + +@include rdmedia(4) +{ + .pagination { flex-direction: column; } + .pag20 { flex-direction: row; } + .pag10 { flex-direction: row; } + .pag05 { flex-direction: row; } +} + + +.pagination { + display:flex; + + .pagAny { + display:flex; + align-self: center; + } + + .pag20 { + display:flex; + align-self: center; + } + + .pag10 { + display:flex; + } + + .pag05 { + display:flex; + margin: 4px 0; + } + + .pagbtn { + display: block; + text-decoration: none; + min-width: 1.8em; + padding: 0 5px; + margin: 0 4px; + border-radius: 2px; + text-align: center; + + color: $BUTTON_PAGINATION_FG; + background: $BUTTON_PAGINATION_BG; + border: $BUTTON_PAGINATION_BORDER; + } + + .pagAny .pagbtn { margin: 4px; } + + .pagbtn_disabled { + color: $BUTTON_PAGINATION_DISABLED_FG; + background: $BUTTON_PAGINATION_DISABLED_BG; + border: $BUTTON_PAGINATION_DISABLED_BORDER; + } + + .pagbtn.pagbtn_disabled:hover {border: $BUTTON_PAGINATION_DISABLED_BORDER; } + + .pagbtn_active { + color: $BUTTON_PAGINATION_HIGHLIGHT_FG; + background: $BUTTON_PAGINATION_HIGHLIGHT_BG; + border: $BUTTON_PAGINATION_HIGHLIGHT_BORDER; + } + + .pagbtn:hover { + border: $BUTTON_PAGINATION_HOVER_BORDER; + } + +} \ No newline at end of file diff --git a/www/fragments/blogview_aoc_single.php b/www/fragments/blogview_aoc_single.php index 6d5553d..179d668 100644 --- a/www/fragments/blogview_aoc_single.php +++ b/www/fragments/blogview_aoc_single.php @@ -31,7 +31,7 @@ $pd = new ParsedownCustom();

Day :

Description: -
+

Input: @@ -54,14 +54,24 @@ $pd = new ParsedownCustom(); -
-
+ \ No newline at end of file diff --git a/www/fragments/blogview_euler_single.php b/www/fragments/blogview_euler_single.php index 69e5626..a638664 100644 --- a/www/fragments/blogview_euler_single.php +++ b/www/fragments/blogview_euler_single.php @@ -92,19 +92,19 @@ $max = ceil($max / 20) * 20;

-
+