From f857767bc2f1b55131c140a31d20ef4fa69b3b37 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?K=C3=A9vin=20Tessier?= Date: Wed, 11 Jul 2018 18:17:01 +0200 Subject: [PATCH] add flexbox + color --- user/themes/r2c/css-compiled/template.css | 20 +++++-- user/themes/r2c/css-compiled/template.min.css | 2 +- user/themes/r2c/scss/template/_section.scss | 52 +++++++++++-------- 3 files changed, 45 insertions(+), 29 deletions(-) diff --git a/user/themes/r2c/css-compiled/template.css b/user/themes/r2c/css-compiled/template.css index edbde07..e9f78df 100644 --- a/user/themes/r2c/css-compiled/template.css +++ b/user/themes/r2c/css-compiled/template.css @@ -29,12 +29,22 @@ strong { font-weight: bolder; } #page { height: 100%; } -#page #start { width: 100%; display: table; height: 90%; } +#page .navbar { width: 100%; height: 50px; } -#page #start > div { display: table-row; } +#page #start { width: 100%; height: calc(100% - 50px); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } -#page #start > div > div { display: table-cell; text-align: center; outline: 1px solid black; } +#page #start .blocs { width: calc(100%/3); height: calc(100vh/2 - 25px); overflow-y: auto; } -#page #start .ui-icon, #page #start .ui-widget-content .ui-icon { background: red; } +#page #start .blocs:nth-child(1) { background: red; } -/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuY3NzIiwic291cmNlcyI6WyJ0ZW1wbGF0ZS5zY3NzIiwiY29uZmlndXJhdGlvbi9fY29uZmlnLnNjc3MiLCJ0ZW1wbGF0ZS9fcmVzZXQuc2NzcyIsInRlbXBsYXRlL19zZWN0aW9uLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy9jb25maWd1cmF0aW9uXG4vLyBAaW1wb3J0IFwiY29uZmlndXJhdGlvbi9taXhpblwiO1xuQGltcG9ydCBcImNvbmZpZ3VyYXRpb24vY29uZmlnXCI7XG5cbi8vcmVzZXQkXG5AaW1wb3J0IFwidGVtcGxhdGUvcmVzZXRcIjtcblxuLy8gVHlwb2dyYXBoeVxuLy8gQGltcG9ydCBcInRlbXBsYXRlL3R5cG9ncmFwaHlcIjtcblxuLy8gSGVhZGVyXG4vLyBAaW1wb3J0IFwidGVtcGxhdGUvaGVhZGVyXCI7XG5cbi8vc2VjdGlvblxuQGltcG9ydCBcInRlbXBsYXRlL3NlY3Rpb25cIjtcbi8vIEBpbXBvcnQgXCJ0ZW1wbGF0ZS9zZWN0aW9uLW1lZGlhLXF1ZXJpZXNcIjtcblxuLy8gRm9vdGVyXG4vLyBAaW1wb3J0IFwidGVtcGxhdGUvZm9vdGVyXCI7XG4iLCIvL2ZvbnRzXG4vLyBAaW5jbHVkZSBmb250LWZhY2UoJFN0b2x6bC1UaGluLCAkZmlsZSwgJGZhbWlseSwgJGNhdGVnb3J5KTtcblxuLy8gRm9udHMtc2l6ZVxuLy8gJGZIMVxuLy8gJGZIMlxuLy8gJGZIM1xuLy8gJGZwXG4vLyAkZmVtXG4vLyAkZmJvbGRcblxuLy8gY29sb3JcblxuLy93aWR0aFxuXG4vLyAkMzM6IGNhbGMoMTAwJSAvIDMpO1xuIiwiKiB7XG4gIC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5odG1sLCBib2R5LCBkaXYsIHNwYW4sIGFwcGxldCwgb2JqZWN0LCBpZnJhbWUsXG5oMSwgaDIsIGgzLCBoNCwgaDUsIGg2LCBwLCBibG9ja3F1b3RlLCBwcmUsXG5hLCBhYmJyLCBhY3JvbnltLCBhZGRyZXNzLCBiaWcsIGNpdGUsIGNvZGUsXG5kZWwsIGRmbiwgZW0sIGltZywgaW5zLCBrYmQsIHEsIHMsIHNhbXAsXG5zbWFsbCwgc3RyaWtlLCBzdHJvbmcsIHN1Yiwgc3VwLCB0dCwgdmFyLFxuYiwgdSwgaSwgY2VudGVyLFxuZGwsIGR0LCBkZCwgb2wsIHVsLCBsaSxcbmZpZWxkc2V0LCBmb3JtLCBsYWJlbCwgbGVnZW5kLFxudGFibGUsIGNhcHRpb24sIHRib2R5LCB0Zm9vdCwgdGhlYWQsIHRyLCB0aCwgdGQsXG5hcnRpY2xlLCBhc2lkZSwgY2FudmFzLCBkZXRhaWxzLCBlbWJlZCxcbmZpZ3VyZSwgZmlnY2FwdGlvbiwgZm9vdGVyLCBoZWFkZXIsIGhncm91cCxcbm1lbnUsIG5hdiwgb3V0cHV0LCBydWJ5LCBzZWN0aW9uLCBzdW1tYXJ5LFxudGltZSwgbWFyaywgYXVkaW8sIHZpZGVvIHtcblx0bWFyZ2luOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6IDA7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Zm9udDogaW5oZXJpdDtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG4vKiBIVE1MNSBkaXNwbGF5LXJvbGUgcmVzZXQgZm9yIG9sZGVyIGJyb3dzZXJzICovXG5hcnRpY2xlLCBhc2lkZSwgZGV0YWlscywgZmlnY2FwdGlvbiwgZmlndXJlLFxuZm9vdGVyLCBoZWFkZXIsIGhncm91cCwgbWVudSwgbmF2LCBzZWN0aW9uIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbmh0bWwsIGJvZHl7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuYm9keSB7XG5cdGxpbmUtaGVpZ2h0OiAxO1xufVxuXG5vbCwgdWwge1xuXHRsaXN0LXN0eWxlOiBub25lO1xufVxuXG5he1xuXHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdGNvbG9yOmJsYWNrO1xufVxuXG5ibG9ja3F1b3RlLCBxIHtcblx0cXVvdGVzOiBub25lO1xufVxuaW1ne1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHR2ZXJ0aWNhbC1hbGlnbjogYm90dG9tO1xufVxuXG5ibG9ja3F1b3RlOmJlZm9yZSwgYmxvY2txdW90ZTphZnRlcixcbnE6YmVmb3JlLCBxOmFmdGVyIHtcblx0Y29udGVudDogJyc7XG5cdGNvbnRlbnQ6IG5vbmU7XG59XG5cbnRhYmxlIHtcblx0Ym9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcblx0Ym9yZGVyLXNwYWNpbmc6IDA7XG59XG5cbnB7XG5cdGZvbnQtc3R5bGU6IG5vcm1hbDtcbn1cblxuZW17XG5cdGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuc3Ryb25ne1xuXHRmb250LXdlaWdodDogYm9sZGVyO1xufVxuIiwiICAjcGFnZXtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgI3N0YXJ0e1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAvLyBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICAgIGhlaWdodDogOTAlO1xuXG4gICAgICAvLyBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgICAgIC8vIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMzMlIDMzJSAzMyU7XG4gICAgICAvLyBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0bztcbiAgICAgIC8vIGp1c3RpZnktaXRlbXM6IHN0cmV0Y2g7XG4gICAgICAvLyBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgIC8vIGp1c3RpZnktY29udGVudDogc3RyZXRjaDtcbiAgICAgIC8vIGRpc3BsYXk6IGZsZXg7XG4gICAgICAvLyBhbGlnbi1jb250ZW50OiBzdHJldGNoO1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGRpc3BsYXk6IHRhYmxlLXJvdztcbiAgICAgICAgJiA+IGRpdiB7XG4gICAgICAgICAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgb3V0bGluZTogMXB4IHNvbGlkIGJsYWNrO1xuICAgICAgICB9XG4gICAgICAgIC8vIHdpZHRoOiBjYWxjKDEwMCUgLyAzKTtcbiAgICAgICAgLy8gLy8gaGVpZ2h0OiA1MCU7XG4gICAgICB9XG4gICAgICAudWktaWNvbiwgLnVpLXdpZGdldC1jb250ZW50IC51aS1pY29ue1xuICAgICAgICBiYWNrZ3JvdW5kOiByZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFFQUEsQUFBQSxDQUFDLENBQUMsRUFDQSxrQkFBa0IsRUFBRSxVQUFVLEVBQ3RCLFVBQVUsRUFBRSxVQUFVLEdBQy9COztBQUVELEFBQUEsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFDMUMsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUMxQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFDdkMsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUN4QyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQ2YsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQ3RCLFFBQVEsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFDN0IsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFDL0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFDdEMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFDMUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQ3pDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUN4QixNQUFNLEVBQUUsQ0FBQyxFQUNULE9BQU8sRUFBRSxDQUFDLEVBQ1YsTUFBTSxFQUFFLENBQUMsRUFDVCxTQUFTLEVBQUUsSUFBSSxFQUNmLElBQUksRUFBRSxPQUFPLEVBQ2IsY0FBYyxFQUFFLFFBQVEsR0FDeEI7O0FBRUQsaURBQWlEO0FBQ2pELEFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFDM0MsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFDMUMsT0FBTyxFQUFFLEtBQUssR0FDZDs7QUFFRCxBQUFBLElBQUksRUFBRSxJQUFJLENBQUEsRUFDUixNQUFNLEVBQUUsSUFBSSxHQUNiOztBQUVELEFBQUEsSUFBSSxDQUFDLEVBQ0osV0FBVyxFQUFFLENBQUMsR0FDZDs7QUFFRCxBQUFBLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFDTixVQUFVLEVBQUUsSUFBSSxHQUNoQjs7QUFFRCxBQUFBLENBQUMsQ0FBQSxFQUNBLGVBQWUsRUFBRSxJQUFJLEVBQ3JCLEtBQUssRUFBQyxLQUFLLEdBQ1g7O0FBRUQsQUFBQSxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQ2IsTUFBTSxFQUFFLElBQUksR0FDWjs7QUFDRCxBQUFBLEdBQUcsQ0FBQSxFQUNGLEtBQUssRUFBRSxJQUFJLEVBQ1gsTUFBTSxFQUFFLElBQUksRUFDWixjQUFjLEVBQUUsTUFBTSxHQUN0Qjs7QUFFRCxBQUFBLFVBQVUsQUFBQSxPQUFPLEVBQUUsVUFBVSxBQUFBLE1BQU0sRUFDbkMsQ0FBQyxBQUFBLE9BQU8sRUFBRSxDQUFDLEFBQUEsTUFBTSxDQUFDLEVBQ2pCLE9BQU8sRUFBRSxFQUFFLEVBQ1gsT0FBTyxFQUFFLElBQUksR0FDYjs7QUFFRCxBQUFBLEtBQUssQ0FBQyxFQUNMLGVBQWUsRUFBRSxRQUFRLEVBQ3pCLGNBQWMsRUFBRSxDQUFDLEdBQ2pCOztBQUVELEFBQUEsQ0FBQyxDQUFBLEVBQ0EsVUFBVSxFQUFFLE1BQU0sR0FDbEI7O0FBRUQsQUFBQSxFQUFFLENBQUEsRUFDRCxVQUFVLEVBQUUsTUFBTSxHQUNsQjs7QUFFRCxBQUFBLE1BQU0sQ0FBQSxFQUNMLFdBQVcsRUFBRSxNQUFNLEdBQ25COztBQy9FQyxBQUFBLEtBQUssQ0FBQSxFQUNILE1BQU0sRUFBRSxJQUFJLEdBNkJiOztBQTlCRCxBQUVFLEtBRkcsQ0FFSCxNQUFNLENBQUEsRUFDSixLQUFLLEVBQUUsSUFBSSxFQUVYLE9BQU8sRUFBRSxLQUFLLEVBQ2QsTUFBTSxFQUFFLEdBQUcsR0F1Qlo7O0FBN0JILEFBZ0JJLEtBaEJDLENBRUgsTUFBTSxHQWNBLEdBQUcsQ0FBQyxFQUNOLE9BQU8sRUFBRSxTQUFTLEdBUW5COztBQXpCTCxBQWtCTSxLQWxCRCxDQUVILE1BQU0sR0FjQSxHQUFHLEdBRUQsR0FBRyxDQUFDLEVBQ04sT0FBTyxFQUFFLFVBQVUsRUFDbkIsVUFBVSxFQUFFLE1BQU0sRUFDbEIsT0FBTyxFQUFFLGVBQWUsR0FDekI7O0FBdEJQLEFBMEJJLEtBMUJDLENBRUgsTUFBTSxDQXdCSixRQUFRLEVBMUJaLEtBQUssQ0FFSCxNQUFNLENBd0JNLGtCQUFrQixDQUFDLFFBQVEsQ0FBQSxFQUNuQyxVQUFVLEVBQUUsR0FBRyxHQUNoQiJ9 */ +#page #start .blocs:nth-child(2) { background: pink; } + +#page #start .blocs:nth-child(3) { background: brown; } + +#page #start .blocs:nth-child(4) { background: blue; } + +#page #start .blocs:nth-child(5) { background: green; } + +#page #start .blocs:nth-child(6) { background: yellow; } + +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuY3NzIiwic291cmNlcyI6WyJ0ZW1wbGF0ZS5zY3NzIiwiY29uZmlndXJhdGlvbi9fY29uZmlnLnNjc3MiLCJ0ZW1wbGF0ZS9fcmVzZXQuc2NzcyIsInRlbXBsYXRlL19zZWN0aW9uLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy9jb25maWd1cmF0aW9uXG4vLyBAaW1wb3J0IFwiY29uZmlndXJhdGlvbi9taXhpblwiO1xuQGltcG9ydCBcImNvbmZpZ3VyYXRpb24vY29uZmlnXCI7XG5cbi8vcmVzZXQkXG5AaW1wb3J0IFwidGVtcGxhdGUvcmVzZXRcIjtcblxuLy8gVHlwb2dyYXBoeVxuLy8gQGltcG9ydCBcInRlbXBsYXRlL3R5cG9ncmFwaHlcIjtcblxuLy8gSGVhZGVyXG4vLyBAaW1wb3J0IFwidGVtcGxhdGUvaGVhZGVyXCI7XG5cbi8vc2VjdGlvblxuQGltcG9ydCBcInRlbXBsYXRlL3NlY3Rpb25cIjtcbi8vIEBpbXBvcnQgXCJ0ZW1wbGF0ZS9zZWN0aW9uLW1lZGlhLXF1ZXJpZXNcIjtcblxuLy8gRm9vdGVyXG4vLyBAaW1wb3J0IFwidGVtcGxhdGUvZm9vdGVyXCI7XG4iLCIvL2ZvbnRzXG4vLyBAaW5jbHVkZSBmb250LWZhY2UoJFN0b2x6bC1UaGluLCAkZmlsZSwgJGZhbWlseSwgJGNhdGVnb3J5KTtcblxuLy8gRm9udHMtc2l6ZVxuLy8gJGZIMVxuLy8gJGZIMlxuLy8gJGZIM1xuLy8gJGZwXG4vLyAkZmVtXG4vLyAkZmJvbGRcblxuLy8gY29sb3JcblxuLy93aWR0aFxuXG4vLyAkMzM6IGNhbGMoMTAwJSAvIDMpO1xuIiwiKiB7XG4gIC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5odG1sLCBib2R5LCBkaXYsIHNwYW4sIGFwcGxldCwgb2JqZWN0LCBpZnJhbWUsXG5oMSwgaDIsIGgzLCBoNCwgaDUsIGg2LCBwLCBibG9ja3F1b3RlLCBwcmUsXG5hLCBhYmJyLCBhY3JvbnltLCBhZGRyZXNzLCBiaWcsIGNpdGUsIGNvZGUsXG5kZWwsIGRmbiwgZW0sIGltZywgaW5zLCBrYmQsIHEsIHMsIHNhbXAsXG5zbWFsbCwgc3RyaWtlLCBzdHJvbmcsIHN1Yiwgc3VwLCB0dCwgdmFyLFxuYiwgdSwgaSwgY2VudGVyLFxuZGwsIGR0LCBkZCwgb2wsIHVsLCBsaSxcbmZpZWxkc2V0LCBmb3JtLCBsYWJlbCwgbGVnZW5kLFxudGFibGUsIGNhcHRpb24sIHRib2R5LCB0Zm9vdCwgdGhlYWQsIHRyLCB0aCwgdGQsXG5hcnRpY2xlLCBhc2lkZSwgY2FudmFzLCBkZXRhaWxzLCBlbWJlZCxcbmZpZ3VyZSwgZmlnY2FwdGlvbiwgZm9vdGVyLCBoZWFkZXIsIGhncm91cCxcbm1lbnUsIG5hdiwgb3V0cHV0LCBydWJ5LCBzZWN0aW9uLCBzdW1tYXJ5LFxudGltZSwgbWFyaywgYXVkaW8sIHZpZGVvIHtcblx0bWFyZ2luOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6IDA7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Zm9udDogaW5oZXJpdDtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG4vKiBIVE1MNSBkaXNwbGF5LXJvbGUgcmVzZXQgZm9yIG9sZGVyIGJyb3dzZXJzICovXG5hcnRpY2xlLCBhc2lkZSwgZGV0YWlscywgZmlnY2FwdGlvbiwgZmlndXJlLFxuZm9vdGVyLCBoZWFkZXIsIGhncm91cCwgbWVudSwgbmF2LCBzZWN0aW9uIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbmh0bWwsIGJvZHl7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuYm9keSB7XG5cdGxpbmUtaGVpZ2h0OiAxO1xufVxuXG5vbCwgdWwge1xuXHRsaXN0LXN0eWxlOiBub25lO1xufVxuXG5he1xuXHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdGNvbG9yOmJsYWNrO1xufVxuXG5ibG9ja3F1b3RlLCBxIHtcblx0cXVvdGVzOiBub25lO1xufVxuaW1ne1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHR2ZXJ0aWNhbC1hbGlnbjogYm90dG9tO1xufVxuXG5ibG9ja3F1b3RlOmJlZm9yZSwgYmxvY2txdW90ZTphZnRlcixcbnE6YmVmb3JlLCBxOmFmdGVyIHtcblx0Y29udGVudDogJyc7XG5cdGNvbnRlbnQ6IG5vbmU7XG59XG5cbnRhYmxlIHtcblx0Ym9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcblx0Ym9yZGVyLXNwYWNpbmc6IDA7XG59XG5cbnB7XG5cdGZvbnQtc3R5bGU6IG5vcm1hbDtcbn1cblxuZW17XG5cdGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuc3Ryb25ne1xuXHRmb250LXdlaWdodDogYm9sZGVyO1xufVxuIiwiXG4gICNwYWdle1xuICAgIGhlaWdodDogMTAwJTtcbiAgICAubmF2YmFye1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgfVxuICAgICNzdGFydHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA1MHB4KTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICAuYmxvY3N7XG4gICAgICAgIHdpZHRoOiBjYWxjKDEwMCUvMyk7XG4gICAgICAgIGhlaWdodDogY2FsYygxMDB2aC8yIC0gMjVweCk7XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgICY6bnRoLWNoaWxkKDEpe1xuICAgICAgICAgIGJhY2tncm91bmQ6IHJlZDtcbiAgICAgICAgfVxuICAgICAgICAmOm50aC1jaGlsZCgyKXtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBwaW5rO1xuICAgICAgICB9XG4gICAgICAgICY6bnRoLWNoaWxkKDMpe1xuICAgICAgICAgIGJhY2tncm91bmQ6IGJyb3duO1xuICAgICAgICB9XG4gICAgICAgICY6bnRoLWNoaWxkKDQpe1xuICAgICAgICAgIGJhY2tncm91bmQ6IGJsdWU7XG4gICAgICAgIH1cbiAgICAgICAgJjpudGgtY2hpbGQoNSl7XG4gICAgICAgICAgYmFja2dyb3VuZDogZ3JlZW47XG4gICAgICAgIH1cbiAgICAgICAgJjpudGgtY2hpbGQoNil7XG4gICAgICAgICAgYmFja2dyb3VuZDogeWVsbG93O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFFQUEsQUFBQSxDQUFDLENBQUMsRUFDQSxrQkFBa0IsRUFBRSxVQUFVLEVBQ3RCLFVBQVUsRUFBRSxVQUFVLEdBQy9COztBQUVELEFBQUEsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFDMUMsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUMxQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFDdkMsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUN4QyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQ2YsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQ3RCLFFBQVEsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFDN0IsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFDL0MsT0FBTyxFQUFFLEtBQUssRUFB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 */ diff --git a/user/themes/r2c/css-compiled/template.min.css b/user/themes/r2c/css-compiled/template.min.css index 52c01c3..49b9a65 100644 --- a/user/themes/r2c/css-compiled/template.min.css +++ b/user/themes/r2c/css-compiled/template.min.css @@ -1 +1 @@ -*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-weight:bolder}#page{height:100%}#page #start{display:table;width:100%;height:90%}#page #start>div{display:table-row}#page #start>div>div{display:table-cell;text-align:center;outline:1px solid #000}#page #start .ui-icon,#page #start .ui-widget-content .ui-icon{background:red} \ No newline at end of file +*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-weight:bolder}#page{height:100%}#page .navbar{width:100%;height:50px}#page #start{display:-ms-flexbox;display:flex;width:100%;height:calc(100% - 50px);-ms-flex-wrap:wrap;flex-wrap:wrap}#page #start .blocs{overflow-y:auto;width:calc(100%/3);height:calc(100vh/2 - 25px)}#page #start .blocs:nth-child(1){background:red}#page #start .blocs:nth-child(2){background:pink}#page #start .blocs:nth-child(3){background:brown}#page #start .blocs:nth-child(4){background:#00f}#page #start .blocs:nth-child(5){background:green}#page #start .blocs:nth-child(6){background:#ff0} \ No newline at end of file diff --git a/user/themes/r2c/scss/template/_section.scss b/user/themes/r2c/scss/template/_section.scss index fc673d0..19217be 100644 --- a/user/themes/r2c/scss/template/_section.scss +++ b/user/themes/r2c/scss/template/_section.scss @@ -1,31 +1,37 @@ + #page{ height: 100%; + .navbar{ + width: 100%; + height: 50px; + } #start{ width: 100%; - // height: 100%; - display: table; - height: 90%; - - // display: inline-grid; - // grid-template-columns: 33% 33% 33%; - // grid-template-rows: auto auto; - // justify-items: stretch; - // align-items: stretch; - // justify-content: stretch; - // display: flex; - // align-content: stretch; - & > div { - display: table-row; - & > div { - display: table-cell; - text-align: center; - outline: 1px solid black; + height: calc(100% - 50px); + display: flex; + flex-wrap: wrap; + .blocs{ + width: calc(100%/3); + height: calc(100vh/2 - 25px); + overflow-y: auto; + &:nth-child(1){ + background: red; + } + &:nth-child(2){ + background: pink; + } + &:nth-child(3){ + background: brown; + } + &:nth-child(4){ + background: blue; + } + &:nth-child(5){ + background: green; + } + &:nth-child(6){ + background: yellow; } - // width: calc(100% / 3); - // // height: 50%; - } - .ui-icon, .ui-widget-content .ui-icon{ - background: red; } } }