From 8c9bc6f33dcd2160425508187e06159a2fec9a1b Mon Sep 17 00:00:00 2001 From: Dario Rekowski on RockPI Date: Tue, 16 Jun 2020 09:42:20 +0000 Subject: [PATCH] add back old style for not already updatet pages --- webroot/css/styles.css | 347 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 347 insertions(+) create mode 100644 webroot/css/styles.css diff --git a/webroot/css/styles.css b/webroot/css/styles.css new file mode 100644 index 000000000..143cbdc08 --- /dev/null +++ b/webroot/css/styles.css @@ -0,0 +1,347 @@ +/* +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; +} +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 .message { + padding: 5px; +} +.flash-messages .success { + color: green; +} +.flash-messages .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: 120px; +} +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; +} +.admin-border { + border-color: #ffa600; +}