From 04f2abe71702b2b365aaa5e19fcc44dc4ba136a6 Mon Sep 17 00:00:00 2001 From: Dario Rekowski on RockPI Date: Mon, 13 Jan 2020 16:03:04 +0000 Subject: [PATCH] adding old style to git --- webroot/css/styles.css | 351 +++++++++++++++++++++++++++++++++++++ webroot/css/styles.min.css | 1 + 2 files changed, 352 insertions(+) create mode 100644 webroot/css/styles.css create mode 100644 webroot/css/styles.min.css diff --git a/webroot/css/styles.css b/webroot/css/styles.css new file mode 100644 index 000000000..8b1840080 --- /dev/null +++ b/webroot/css/styles.css @@ -0,0 +1,351 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 30.10.2019, 09:26:42 + Author : einhornimmond +*/ +.dev-info { + position: fixed; + color: grey; + font-size: smaller; + left: 8px; +} +.grd-time-used { + bottom: 0; +} +.versionstring { + top: 0; +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 12.07.2019, 07:59:32 + Author : einhornimmond +*/ +div[role='grd_dialog'] { + position: fixed; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + top: 0; + left: 0; +} +div.grd_modal-dialog { + margin-top: 100px; + min-height: 200px; + max-width: 1000px; + margin-left: auto; + margin-right: auto; + background-color: white; + color: black; + border: 1px solid grey; +} +div.grd_modal-dialog.grd_dialog-large { + margin-top: 5px; + width: 90%; +} +div.grd_modal-body { + padding: 25px; +} +div.grd_modal-header { + background-color: rgba(0, 0, 0, 0.1); + padding: 5px; + padding-left: 15px; + border: 1px solid grey; + color: black; +} +div.grd_modal-footer { + background-color: rgba(0, 0, 0, 0.1); + height: 40px; +} +.grd_modal-footer a, +.grd_modal-footer button { + float: right; + padding: 9px; + margin-right: 10px; + border: 1px solid grey; +} +.grd_modal-footer a:hover, +.grd_modal-footer button:hover { + background-color: rgba(255, 255, 255, 0.5); +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 30.10.2019, 14:41:57 + Author : einhornimmond +*/ +/* Button */ +/*a.grd_bn,a.grd_bn:visited { + color:black; + text-decoration: none; +} +*/ +.grd-form-bn:hover, +.grd-active { + background-color: lightgray; + border-color: black; +} +.grd-form-bn { + padding: 5px; + border: 1px solid grey; + display: table-cell; + text-align: center; + vertical-align: middle; + color: #444; +} +a.grd-form-bn, +a.grd-form-bn:visited { + color: black; + text-decoration: none; +} +.grd-form-bn-succeed { + background-color: lightcyan; + color: green; + margin-top: 3px; + margin-bottom: 3px; +} +.grd-form-bn-succeed:not([disabled]):hover { + background-color: lightgreen; +} +.grd-form-bn-discard { + margin-left: 5px; + border: 1px solid red; + color: red; + cursor: pointer; +} +/* +.grd_large-bn { + width:100vw; + height:25vh; + font-size: 8vh; +} + +.grd_bg-bn { + width:50vw; + height:25vh; + font-size: 7vh; +} + +.gr_md-bn { + width:50vw; + height:25vh; + font-size: 6vh; +} +*/ +/* form elements */ +.grd_textarea { + border: 1px solid grey; + background-color: rgba(0, 0, 0, 0.05); + padding: 5px; + font-style: italic; +} +.grd-input label { + display: block; +} +input.grd-privkey { + width: 465px; +} +input.grd-pubkey { + width: 465px; +} +input.grd-non-der-keys { + width: 900px; +} +div.input.text.error { + border: 1px solid red; +} +.error-message { + color: darkred; + font-size: 14px; +} +input:not([type='radio']) { + width: 200px; +} +label:not(.grd_radio_label) { + width: 80px; + display: inline-block; +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 13.10.2019, 15:43:58 + Author : einhornimmond +*/ +.grd-time-used { + position: fixed; + bottom: 0; + left: 0; + color: grey; + font-size: smaller; +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 30.10.2019, 16:04:16 + Author : einhornimmond +*/ +/* messages, update flash */ +.grd-error { + color: red; + border: 1px solid rgba(255, 0, 0, 0.5); + padding: 5px; +} +.grd-info { + border: 1px dotted gray; + padding: 5px; +} +.grd-success { + padding: 5px; + color: green; +} +.flash-messages .alert { + padding: 5px; +} +.flash-messages .alert-success { + color: green; +} +.flash-messages .alert-error { + color: red; +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 30.10.2019, 14:16:16 + Author : einhornimmond +*/ +/* navbar */ +nav.grd-left-bar { + position: fixed; + top: 80.5px; +} +nav .grd-nav-bn { + width: 100px; +} +nav ul { + margin-top: 0; + padding-left: 0; +} +/* buttons */ +.grd-nav-bn:hover, +.grd-active { + background-color: lightgray; + border-color: black; +} +.grd-nav-bn { + padding: 10px; + border: 1px solid grey; + display: table-cell; + text-align: center; + vertical-align: middle; + color: grey; +} +.grd-nav-without-border { + border: none; +} +.grd-nav-bn-large { + width: 40vw; + height: 18vh; + font-size: 35px; +} +a.grd-nav-bn, +a.grd-nav-bn:visited { + color: black; + text-decoration: none; +} +.grd-nav-bn-discard { + color: darkred !important; +} +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07.07.2019, 16:20:15 + Author : einhornimmond +*/ +/* content container */ +.grd_container { + max-width: 820px; + margin-left: auto; + margin-right: auto; +} +.grd_container_small { + max-width: 500px; +} +.grd_text { + max-width: 550px; + margin-bottom: 5px; +} +.grd_text-max-width { + max-width: 550px; +} +/* layout helper */ +.grd_margin_5 { + margin: 5px; +} +.grd-margin-top-10 { + margin-top: 10px; +} +.grd-width-200 { + width: 200px; +} +.grd-padding-top-bottom-5 { + padding-top: 5px; + padding-bottom: 5px; +} +.grd-padding-top-bottom-10 { + padding-top: 10px; + padding-bottom: 10px; +} +.grd_margin-bottom { + margin-bottom: 5px; +} +.grd_right { + float: right; +} +a.grd_invisible_link { + color: black; + text-decoration: none; +} +a.grd_invisible_link:hover { + color: grey; +} +.grd_clickable { + cursor: pointer; +} +ul.grd-no-style { + list-style: none; +} +p.grd_small { + margin-top: 2px; + margin-bottom: 2px; +} +.grd-default-currency { + color: grey; +} +.grd-positive-currency { + color: green; +} +.grd-negative-currency { + color: red; +} diff --git a/webroot/css/styles.min.css b/webroot/css/styles.min.css new file mode 100644 index 000000000..7ab6eaf80 --- /dev/null +++ b/webroot/css/styles.min.css @@ -0,0 +1 @@ +.flash-messages .message,.grd-error,.grd-form-bn,.grd-info,.grd-success{padding:5px}.grd-form-bn,.grd-nav-bn{display:table-cell;text-align:center;vertical-align:middle}.dev-info{position:fixed;color:grey;font-size:smaller;left:8px}.versionstring{top:0}div[role=grd_dialog]{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0}div.grd_modal-dialog{margin-top:100px;min-height:200px;max-width:1000px;margin-left:auto;margin-right:auto;background-color:#fff;color:#000;border:1px solid grey}div.grd_modal-dialog.grd_dialog-large{margin-top:5px;width:90%}div.grd_modal-body{padding:25px}div.grd_modal-header{background-color:rgba(0,0,0,.1);padding:5px 5px 5px 15px;border:1px solid grey;color:#000}div.grd_modal-footer{background-color:rgba(0,0,0,.1);height:40px}.grd_modal-footer a,.grd_modal-footer button{float:right;padding:9px;margin-right:10px;border:1px solid grey}.grd_modal-footer a:hover,.grd_modal-footer button:hover{background-color:rgba(255,255,255,.5)}.grd-active,.grd-form-bn:hover,.grd-nav-bn:hover{background-color:#d3d3d3;border-color:#000}.grd-form-bn{border:1px solid grey;color:#444}.grd-form-bn-discard,div.input.text.error{border:1px solid red}a.grd-form-bn,a.grd-form-bn:visited,a.grd-nav-bn,a.grd-nav-bn:visited,a.grd_invisible_link{color:#000;text-decoration:none}.grd-form-bn-succeed{background-color:#e0ffff;color:green;margin-top:3px;margin-bottom:3px}.grd_margin-bottom,.grd_text{margin-bottom:5px}.grd-form-bn-succeed:not([disabled]):hover{background-color:#90ee90}.grd-form-bn-discard{margin-left:5px;color:red;cursor:pointer}.grd_textarea{border:1px solid grey;background-color:rgba(0,0,0,.05);padding:5px;font-style:italic}.grd-input label{display:block}input.grd-privkey,input.grd-pubkey{width:465px}input.grd-non-der-keys{width:900px}.error-message{color:#8b0000;font-size:14px}input:not([type=radio]){width:200px}label:not(.grd_radio_label){width:80px;display:inline-block}.grd-time-used{position:fixed;bottom:0;left:0;color:grey;font-size:smaller}.grd-error{color:red;border:1px solid rgba(255,0,0,.5)}.grd-info{border:1px dotted gray}.grd-success{color:green}.flash-messages .success,.grd-positive-currency{color:green}.flash-messages .error,.grd-negative-currency{color:red}nav.grd-left-bar{position:fixed;top:80.5px}nav .grd-nav-bn{width:100px}nav ul{margin-top:0;padding-left:0}.grd-nav-bn{padding:10px;border:1px solid grey;color:grey}.grd-nav-without-border{border:none}.grd-nav-bn-large{width:40vw;height:18vh;font-size:35px}.grd-nav-bn-discard{color:#8b0000!important}.grd_container{max-width:820px;margin-left:auto;margin-right:auto}.grd_container_small{max-width:500px}.grd_text,.grd_text-max-width{max-width:550px}.grd_margin_5{margin:5px}.grd-margin-top-10{margin-top:10px}.grd-width-200{width:200px}.grd-padding-top-bottom-5{padding-top:5px;padding-bottom:5px}.grd-padding-top-bottom-10{padding-top:10px;padding-bottom:10px}.grd_right{float:right}.grd-default-currency,a.grd_invisible_link:hover{color:grey}.grd_clickable{cursor:pointer}ul.grd-no-style{list-style:none}p.grd_small{margin-top:2px;margin-bottom:2px} \ No newline at end of file