massive CSS changes

This commit is contained in:
Christine Slotty 2020-05-22 16:29:13 +02:00
parent 35a5449a3a
commit 2278740228
30 changed files with 6818 additions and 6651 deletions

6001
npm-debug.log Normal file

File diff suppressed because it is too large Load Diff

View File

@ -14,7 +14,7 @@ use Cake\ORM\TableRegistry;
*/
class DashboardController extends AppController
{
public function initialize()
{
parent::initialize();
@ -29,41 +29,38 @@ class DashboardController extends AppController
public function index()
{
$startTime = microtime(true);
$this->viewBuilder()->setLayout('frontend');
$this->viewBuilder()->setLayout('frontend_ripple');
$session = $this->getRequest()->getSession();
//return $this->redirect(Router::url('/', true) . 'account/', 303);
$result = $this->requestLogin();
if($result !== true) {
return $result;
}
$user = $session->read('StateUser');
$serverUser = $this->Auth->user('id');
if($serverUser) {
$adminErrorsTable = TableRegistry::getTableLocator()->get('AdminErrors');
$adminErrorCount = $adminErrorsTable->find('all')->count();
$this->set('adminErrorCount', $adminErrorCount);
}
$this->set('user', $user);
$this->set('serverUser', $serverUser);
$this->set('timeUsed', microtime(true) - $startTime);
}
public function serverIndex()
{
$startTime = microtime(true);
$this->viewBuilder()->setLayout('frontend');
$adminErrorsTable = TableRegistry::getTableLocator()->get('AdminErrors');
$adminErrorCount = $adminErrorsTable->find('all')->count();
$this->set('adminErrorCount', $adminErrorCount);
$this->set('timeUsed', microtime(true) - $startTime);
}
public function errorHttpRequest()
{
$startTime = microtime(true);
@ -71,5 +68,4 @@ class DashboardController extends AppController
$this->set('timeUsed', microtime(true) - $startTime);
}
}

View File

@ -1,6 +1,6 @@
<?php
/*
/*
* 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.
@ -16,9 +16,9 @@ class NaviEntry extends NaviEntryBase {
private $iconClass = '';
private $iconColor = '';
private $bgColorClass = '';
public function __construct($title, $iconClass, $controller, $action, $active = null, $param = null) {
$this->controller = $controller;
$this->action = $action;
$this->param = $param;
@ -26,14 +26,14 @@ class NaviEntry extends NaviEntryBase {
if($active != null) {
$this->active = $active;
} else {
$this->active = ($GLOBALS["side"] == $controller &&
$GLOBALS["subside"] == $action &&
$this->active = ($GLOBALS["side"] == $controller &&
$GLOBALS["subside"] == $action &&
$GLOBALS["passed"] == $param);
}
$this->title = $title;
return $this;
}
public function setIconColor($iconColorClass) {
$this->iconColor = $iconColorClass;
return $this;
@ -45,25 +45,26 @@ class NaviEntry extends NaviEntryBase {
private function isActive() {
return $this->active;
}
private function link() {
//global $self;
//echo "<i>self: </i>"; var_dump($GLOBALS("self"));
$self = $GLOBALS["self"];
if($this->hasChilds()) {
return $self->Html->link($this->title.'<span class="caret"></span>', ['controller' => $this->controller, "action" => $this->action, $this->param], ['escape' => false]);
return $self->Html->link(
$this->title.'<span class="caret"></span>',
['controller' => $this->controller, "action" => $this->action, $this->param],
['escape' => false]
);
} else {
//return $self->Html->link($this->title, ['controller' => $this->controller, "action" => $this->action, $this->param]);
return $self->Html->Link(
'<span class="link-title">' . $this->title . '</span>'
.'<i class="mdi '. $this->iconClass .' link-icon ' . $this->iconColor .'"></i>',
['controller' => $this->controller, 'action' => $this->action, $this->param],
'<i class="material-icons-outlined ' . $this->iconColor .'">'. $this->iconClass .'</i>'.
'<span class="link-title">' . $this->title . '</span>',
['controller' => $this->controller, 'action' => $this->action, $this->param],
['class' => $this->bgColorClass, 'escape' => false]);
}
}
public function __toString() {
$str = "";
$str .= "<li";
@ -72,7 +73,7 @@ class NaviEntry extends NaviEntryBase {
if($this->isActive()) { $class .= " active"; }
if(strlen($class) > 0 ) $str .= " class='$class'";
$str .= ">";
$str .= $this->link();
if($this->hasChilds()) {
$str .= "<ul class='subnav'>";

View File

@ -1,79 +1,86 @@
<?php
/*
/*
* 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.
*/
namespace Model\Navigation;
use Cake\Routing\Router;
class NaviEntryAbsoluteLink extends NaviEntryBase {
class NaviEntryAbsoluteLink extends NaviEntryBase
{
protected $link = '';
protected $active = '';
protected $iconClass = '';
protected $iconColor = '';
protected $bgColorClass = '';
public function __construct($title, $iconClass, $link, $active = null) {
public function __construct($title, $iconClass, $link, $active = null)
{
$this->link = $link;
$this->iconClass = $iconClass;
if($active != null) {
$this->active = $active;
}
if ($active != null) {
$this->active = $active;
}
$this->title = $title;
return $this;
}
public function setIconColor($iconColorClass) {
public function setIconColor($iconColorClass)
{
$this->iconColor = $iconColorClass;
return $this;
}
public function setBGColor($bgColorClass) {
$this->bgColorClass = $bgColorClass;
return $this;
public function setBGColor($bgColorClass)
{
$this->bgColorClass = $bgColorClass;
return $this;
}
private function isActive() {
private function isActive()
{
return $this->active;
}
protected function link() {
//global $self;
//echo "<i>self: </i>"; var_dump($GLOBALS("self"));
protected function link()
{
$self = $GLOBALS["self"];
if($this->hasChilds()) {
return $self->Html->link($this->title.'<span class="caret"></span>', ['controller' => $this->controller, "action" => $this->action, $this->param], ['escape' => false]);
if ($this->hasChilds()) {
return $self->Html->link(
$this->title.'<span class="caret"></span>',
['controller' => $this->controller, "action" => $this->action, $this->param],
['escape' => false]
);
} else {
//return $self->Html->link($this->title, ['controller' => $this->controller, "action" => $this->action, $this->param]);
return '<a href="' . Router::url('./', true). $this->link.'" class="' .$this->bgColorClass .'" >'
return '<a href="' . Router::url('./', true). $this->link.'" class="' .$this->bgColorClass .'" >'
. '<i class="material-icons-outlined ' . $this->iconColor .'">'. $this->iconClass .'</i>'
. '<span class="link-title">' . $this->title . '</span>'
. '<i class="mdi '. $this->iconClass .' link-icon ' . $this->iconColor .'"></i>'
. '</a>';
}
}
public function __toString() {
public function __toString()
{
$str = "";
$str .= "<li";
$class = "";
if($this->hasChilds()) { $class .= "dropdown";}
if($this->isActive()) { $class .= " active"; }
if(strlen($class) > 0 ) $str .= " class='$class'";
if ($this->hasChilds()) {
$class .= "dropdown";
}
if ($this->isActive()) {
$class .= " active";
}
if (strlen($class) > 0) {
$str .= " class='$class'";
}
$str .= ">";
$str .= $this->link();
if($this->hasChilds()) {
if ($this->hasChilds()) {
$str .= "<ul class='subnav'>";
foreach($this->childs as $child) {
foreach ($this->childs as $child) {
$str .= $child;
}
$str .= "</ul>";
@ -81,5 +88,4 @@ class NaviEntryAbsoluteLink extends NaviEntryBase {
$str .= "</li>";
return $str;
}
}
}

View File

@ -1,6 +1,6 @@
<?php
/*
/*
* 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.
@ -10,17 +10,16 @@ namespace Model\Navigation;
use Cake\Routing\Router;
class NaviEntryExternLink extends NaviEntryAbsoluteLink {
protected function link() {
//global $self;
//echo "<i>self: </i>"; var_dump($GLOBALS("self"));
class NaviEntryExternLink extends NaviEntryAbsoluteLink
{
protected function link()
{
$self = $GLOBALS["self"];
return '<a href="'.$this->link.'" class="' .$this->bgColorClass .'" target="_blank">'
. '<span class="link-title">' . $this->title . '</span>'
. '<i class="mdi '. $this->iconClass .' link-icon ' . $this->iconColor .'"></i>'
. '</a>';
}
}
return '<a href="'.$this->link.'" class="' .$this->bgColorClass .'" target="_blank">'
. '<i class="material-icons-outlined ' . $this->iconColor .'">'. $this->iconClass .'</i>'
. '<span class="link-title">' . $this->title . '</span>'
. '</a>';
}
}

View File

@ -1,6 +1,6 @@
<?php
/*
/*
* 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.
@ -8,7 +8,8 @@
namespace Model\Navigation;
class NaviEntrySub extends NaviEntryBase {
class NaviEntrySub extends NaviEntryBase
{
private $controller = '';
private $action = '';
private $active = '';
@ -17,73 +18,82 @@ class NaviEntrySub extends NaviEntryBase {
private $iconColor = '';
private $bgColorClass = '';
private $subtitle = '';
public function __construct($title, $subtitle, $iconClass, $controller, $action, $active = null, $param = null) {
public function __construct($title, $subtitle, $iconClass, $controller, $action, $active = null, $param = null)
{
$this->controller = $controller;
$this->action = $action;
$this->param = $param;
$this->iconClass = $iconClass;
if($active != null) {
if ($active != null) {
$this->active = $active;
} else {
$this->active = ($GLOBALS["side"] == $controller &&
$GLOBALS["subside"] == $action &&
$this->active = ($GLOBALS["side"] == $controller &&
$GLOBALS["subside"] == $action &&
$GLOBALS["passed"] == $param);
}
$this->title = $title;
$this->subtitle = $subtitle;
return $this;
}
public function setIconColor($iconColorClass) {
$this->iconColor = $iconColorClass;
return $this;
public function setIconColor($iconColorClass)
{
$this->iconColor = $iconColorClass;
return $this;
}
public function setBGColor($bgColorClass) {
$this->bgColorClass = $bgColorClass;
return $this;
public function setBGColor($bgColorClass)
{
$this->bgColorClass = $bgColorClass;
return $this;
}
private function isActive() {
private function isActive()
{
return $this->active;
}
private function link() {
//global $self;
//echo "<i>self: </i>"; var_dump($GLOBALS("self"));
private function link()
{
$self = $GLOBALS["self"];
if($this->hasChilds()) {
return $self->Html->link($this->title.'<span class="caret"></span>', ['controller' => $this->controller, "action" => $this->action, $this->param], ['escape' => false]);
if ($this->hasChilds()) {
return $self->Html->link(
$this->title.'<span class="caret"></span>',
['controller' => $this->controller, "action" => $this->action, $this->param],
['escape' => false]
);
} else {
//return $self->Html->link($this->title, ['controller' => $this->controller, "action" => $this->action, $this->param]);
return $self->Html->Link(
''
return $self->Html->Link(
''
.'<span class="link-title">' . $this->title . '</span>'
.'<i class="mdi '. $this->iconClass .' link-icon ' . $this->iconColor .'"></i>'
//.'<small class="text-muted">' . $this->subtitle . '</small>'
,
['controller' => $this->controller, 'action' => $this->action, $this->param],
['class' => $this->bgColorClass, 'escape' => false]);
.'<i class="material-icons-outlined ' . $this->iconColor .'">'. $this->iconClass .'</i>',
['controller' => $this->controller, 'action' => $this->action, $this->param],
['class' => $this->bgColorClass, 'escape' => false]
);
}
}
public function __toString() {
public function __toString()
{
$str = "";
$str .= "<li";
$class = "";
if($this->hasChilds()) { $class .= "dropdown";}
if($this->isActive()) { $class .= " active"; }
if(strlen($class) > 0 ) $str .= " class='$class'";
if ($this->hasChilds()) {
$class .= "dropdown";
}
if ($this->isActive()) {
$class .= " active";
}
if (strlen($class) > 0) {
$str .= " class='$class'";
}
$str .= ">";
$str .= '<small class="text-muted">'. $this->subtitle .'</small>';
$str .= $this->link();
if($this->hasChilds()) {
if ($this->hasChilds()) {
$str .= "<ul class='subnav'>";
foreach($this->childs as $child) {
foreach ($this->childs as $child) {
$str .= $child;
}
$str .= "</ul>";
@ -91,4 +101,4 @@ class NaviEntrySub extends NaviEntryBase {
$str .= "</li>";
return $str;
}
}
}

View File

@ -9,7 +9,10 @@ use Cake\Routing\Router;
if(isset($user)) {
//var_dump($user);
}
$this->assign('title', __('Willkommen') . '&nbsp;' . $user['first_name'] . '&nbsp;' . $user['last_name']);
$this->assign(
'title',
__('Willkommen') . '&nbsp;' . $user['first_name'] . '&nbsp;' . $user['last_name']
);
?>
<?php if(isset($requestTime)) : ?>
<span class='grd-second-timer'><?= round($requestTime * 1000.0) ?> ms</span>

View File

@ -1,4 +1,4 @@
<?php
<?php
use Model\Navigation\NaviEntry;
use Model\Navigation\NaviEntrySub;
use Model\Navigation\NaviEntryAbsoluteLink;
@ -13,8 +13,6 @@ if(!isset($balance)) {
$balance = 0;
}
$navi = [];
/*if($errorCount > 0) {
$errorNaviEntry = new NaviEntry(__('Fehler '). "($errorCount)", 'mdi-alert-outline', 'StateErrors', 'showForUser');
@ -24,8 +22,7 @@ $navi = [];
}*/
$balanceNaviEntry = new NaviEntry(
__('Kontoübersicht') . ' (' . $this->element('printGradido', ['number' => $balance]) . ')',
//__('Kontoübersicht'),
'mdi-wallet-outline', 'StateBalances', 'overview'
'account_balance_wallet', 'StateBalances', 'overview'
);
if($balance < 0 ) {
//$balanceNaviEntry->setIconColor('grd-alert-color');
@ -33,9 +30,9 @@ if($balance < 0 ) {
//$balanceNaviEntry->setIconColor('grd-success-color');
}
array_push($navi, $balanceNaviEntry);
array_push($navi, new NaviEntry(__('Startseite'), 'mdi-gauge', 'Dashboard', 'index'));
array_push($navi, new NaviEntry(__('Überweisung'), 'mdi-bank-transfer-out', 'TransactionSendCoins', 'create'));
array_push($navi, new NaviEntryExternLink(__('Mitgliederbereich'), 'mdi-account-switch', 'https://elopage.com/s/gradido/sign_in'));
array_push($navi, new NaviEntry(__('Startseite'), 'home', 'Dashboard', 'index'));
array_push($navi, new NaviEntry(__('Überweisung'), 'account_balance', 'TransactionSendCoins', 'create'));
array_push($navi, new NaviEntryExternLink(__('Mitgliederbereich'), 'people_alt', 'https://elopage.com/s/gradido/sign_in'));
if(intval($transactionPendings) > 0) {
/* array_push($navi, new NaviEntryAbsoluteLink(
@ -43,11 +40,11 @@ if(intval($transactionPendings) > 0) {
'mdi-signature-freehand', 'account/checkTransactions'
));*/
} else {
array_push($navi, new NaviEntryAbsoluteLink(__('Abmelden'), 'mdi-logout', 'account/logout'));
array_push($navi, new NaviEntryAbsoluteLink(__('Abmelden'), 'exit_to_app', 'account/logout'));
}
?>
<ul class="navigation-menu">
<ul>
<?php foreach($navi as $n) echo $n; ?>
</ul>

View File

@ -11,9 +11,9 @@ if($number < 0) {
}
?><?php if(isset($raw) && true == $raw): ?>
<?= 'Kontoübersicht (' . $this->Number->format(intval($number) / 10000.0, ['precision' => 2]) . ' GDD)';?>
<?= $this->Number->format(intval($number) / 10000.0, ['precision' => 2]) . ' GDD';?>
<?php else : ?>
<span class="<?php echo $class;?>">
<?= 'Kontoübersicht (' . $this->Number->format(intval($number) / 10000.0, ['precision' => 2]) . ' GDD)';?>
<?= $this->Number->format(intval($number) / 10000.0, ['precision' => 2]) . ' GDD';?>
</span>
<?php endif; ?>

View File

@ -50,7 +50,7 @@ if(!isset($balance)) {
<h1><?= $this->fetch('title') ?></h1>
<nav class="nav-top nav-horizontal">
<ul>
<li @click="showProfile">Mein Profil XXX</li>
<li>Mein Profil XXX</li>
</ul>
</nav>
</div>
@ -106,7 +106,6 @@ if(!isset($balance)) {
</div>
</div>
<div class="content">
<!-- ??? flash-messages ??? -->
<div class="flash-messages"><?= $this->Flash->render() ?></div>
<?= $this->fetch('content') ?>
</div>

View File

@ -13,9 +13,6 @@ use Cake\Routing\Router;
* @since 0.10.0
* @license https://opensource.org/licenses/mit-license.php MIT License
*/
$cakeDescription = 'Gradido';
$GLOBALS["self"] = $this;
@ -32,109 +29,76 @@ $GLOBALS["self"] = $this;
<?= $this->fetch('title') ?>
</title>
<?= $this->Html->meta('icon') ?>
<?= $this->Html->css(['rippleUI/style.css', 'materialdesignicons.min.css']) ?>
<?= $this->Html->css(
[
'https://fonts.googleapis.com/icon?family=Material+Icons+Outlined',
'main.css'
]
) ?>
<?= $this->Html->script(['basic']) ?>
<?= $this->fetch('meta') ?>
<?= $this->fetch('css') ?>
<?= $this->fetch('script') ?>
</head>
<body class="header-fixed">
<div class="versionstring dev-info">
<p class="grd_small"><?= __("Community Server in Entwicklung") ?></p>
<p class="grd_small">Alpha 0.20.KW13.03</p>
<body debug>
<div class="page">
<div class="header">
<a href="/">
<picture class="logo">
<source srcset="/img/logo_schrift_half.webp" type="image/webp">
<source srcset="/img/logo_schrift_half.png" type="image/png">
<img src="/img/logo_schrift_half.png" class="logo" alt="Logo">
</picture>
<!--picture class="logo-mini">
<source srcset="/img/logo_half.webp" type="image/webp">
<source srcset="/img/logo_half.png" type="image/png">
<img src="/img/logo_half.png" class="logo-mini" alt="Logo">
</picture-->
</a>
<h1><?= $this->fetch('title') ?></h1>
<nav class="nav-top nav-horizontal">
<ul>
<li>Mein Profil</li>
</ul>
</nav>
</div>
<nav class="t-header">
<div class="t-header-brand-wrapper">
<a href="/">
<picture class="logo">
<source srcset="/img/logo_schrift_half.webp" type="image/webp">
<source srcset="/img/logo_schrift_half.png" type="image/png">
<img src="/img/logo_schrift_half.png" class="logo" alt="Logo">
</picture>
<picture class="logo-mini">
<source srcset="/img/logo_half.webp" type="image/webp">
<source srcset="/img/logo_half.png" type="image/png">
<img src="/img/logo_half.png" class="logo-mini" alt="Logo">
</picture>
</a>
<button class="t-header-toggler t-header-desk-toggler d-none d-lg-block">
<svg class="logo" viewBox="0 0 200 200">
<path class="top" d="
M 40, 80
C 40, 80 120, 80 140, 80
C180, 80 180, 20 90, 80
C 60,100 30,120 30,120
"></path>
<path class="middle" d="
M 40,100
L140,100
"></path>
<path class="bottom" d="
M 40,120
C 40,120 120,120 140,120
C180,120 180,180 90,120
C 60,100 30, 80 30, 80
"></path>
</svg>
</button>
</div>
<div class="t-header-content-wrapper">
<div class="t-header-content">
<button class="t-header-toggler t-header-mobile-toggler d-block d-lg-none">
<div class="sidebar1">
<div>
<div class="sidebar1-header">
Navigation
<i class="mdi mdi-menu"></i>
</button>
<div class="flash-messages" style="margin-left:20px; margin-top:30px;">
<?= $this->Flash->render() ?>
</div>
<?= $this->element('navi_header'); ?>
<div class="flash-messages">
<?= $this->Flash->render() ?>
</div>
<?= $this->element('navi_header'); ?>
</div>
<div class="nav-vertical">
<?= $this->element('navi'); ?>
</div>
</div>
</nav>
<div class="page-body">
<!-- partial:partials/_sidebar.html -->
<div class="sidebar">
<?= $this->element('navi'); ?>
</div>
<div class="page-content-wrapper">
<div class="page-content-wrapper-inner">
<div class="viewport-header">
<nav aria-label="breadcrumb">
<ol class="breadcrumb has-arrow">
<li class="breadcrumb-item">
<?= $this->Html->link(__('Startseite'), ['controller' => 'Dashboard']); ?>
</li>
<li class="breadcrumb-item active" aria-current="page"><?= $this->fetch('title') ?></li>
</ol>
</nav>
</div>
<div class="content-viewport">
<?= $this->fetch('content') ?>
</div>
</div>
<!-- content viewport ends -->
<!-- partial:partials/_footer.html -->
<footer class="footer">
<div class="row">
<div class="col-sm-6 text-center text-sm-right order-sm-1">
<ul class="text-gray">
<li><a href="https://gradido.net/de/datenschutz/" target="_blank"><?= __("Datenschutzerklärung") ?></a></li>
<li><a href="https://gradido.net/de/impressum/" target="_blank"><?= __("Impressum") ?></a></li>
</ul>
</div>
<div class="col-sm-6 text-center text-sm-left mt-3 mt-sm-0">
<small class="text-muted d-block">Copyright © 2019 Gradido</small>
</div>
</div>
</footer>
<!-- partial -->
</div>
<!-- page content ends -->
</div>
<?php if(isset($timeUsed)) : ?>
<div class="grd-time-used dev-info">
<?= round($timeUsed * 1000.0, 4) ?> ms
<div class="content">
<?= $this->Html->link(__('Startseite'), ['controller' => 'Dashboard']); ?>
<?= $this->fetch('content') ?>
</div>
<div class="sidebar2">
<p><?= __("Community Server in Entwicklung") ?></p>
<p>Alpha 0.21.KW21.05</p>
<?php if(isset($timeUsed)) : ?>
<p>
<?=round($timeUsed * 1000.0, 4)?> ms
</p>
<?php endif; ?>
</div>
<?php endif; ?>
<div class="nav-bottom">
<small class="">Copyright © 2020 Gradido</small>
</div>
<div class="footer nav-horizontal">
<ul>
<li><a href="https://gradido.net/de/datenschutz/" target="_blank"><?= __("Datenschutzerklärung") ?></a></li>
<li><a href="https://gradido.net/de/impressum/" target="_blank"><?= __("Impressum") ?></a></li>
</ul>
</div>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,13 +0,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 : 08.04.2020, 12:14:35
Author : einhornimmond
*/
.gdt-text-color {
color:#a27824;
}

View File

@ -1,240 +0,0 @@
@font-face {
font-family: 'cakefont';
src: url('../font/cakedingbats-webfont.eot');
src: url('../font/cakedingbats-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/cakedingbats-webfont.woff2') format('woff2'),
url('../font/cakedingbats-webfont.woff') format('woff'),
url('../font/cakedingbats-webfont.ttf') format('truetype'),
url('../font/cakedingbats-webfont.svg#cake_dingbatsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.home {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 27px;
color: #404041;
}
a {
color: #0071BC;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
a:hover, a:active {
color: #d33d44;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul, ol, dl, p {
font-size: 0.85rem;
}
p {
line-height: 2;
}
header {
height: auto;
line-height: 1em;
padding: 0;
box-shadow: none;
}
header.row {
margin-bottom: 30px;
}
header .header-image {
text-align: center;
padding: 64px 0;
}
header .header-title {
padding: 0;
display: block;
background: #404041;
text-align: center;
}
header .header-title h1 {
font-family: 'Raleway', sans-serif;
margin: 0;
font-style: italic;
font-size: 18px;
font-weight: 500;
padding: 18px 30px;
color: #DEDED5;
}
header h1 {
color: #fff;
}
h3, h4 {
font-family: 'Roboto', sans-serif;
font-size: 27px;
line-height: 30px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin-top: 0;
margin-bottom: 20px;
}
.more {
color: #ffffff;
background-color: #d33d44;
padding: 15px;
margin-top: 10px;
}
.row {
max-width: 1000px;
}
.alert {
background-color: #fff9e1;
font-size: 12px;
text-align: center;
display: block;
padding: 12px;
border-bottom: 2px solid #ffcf06;
}
.alert {
background-color: #fff9e1;
font-size: 12px;
display: block;
padding: 12px;
border-bottom: 2px solid #ffcf06;
margin-bottom: 30px;
color: #404041;
}
.alert p {
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.alert p:before {
color: #ffcf06;
content: "\0055";
font-family: 'cakefont', sans-serif;
font-size: 21px;
margin-left: -0.8em;
width: 2.3em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 10px 0 15px;
vertical-align: -2px;
}
.alert ul {
margin: 0;
font-size: 12px;
}
.alert.url-rewriting {
background-color: #F0F0F0;
border-color: #cccccc;
display: none;
}
.text-center {
text-align: center;
}
ul {
list-style-type: none;
margin: 0 0 30px 0;
}
li {
padding-left: 1.8em;
}
ul li ul, ul li ul li {
margin: 0;
padding: 0;
}
.bullet:before {
font-family: 'cakefont', sans-serif;
font-size: 18px;
display: inline-block;
margin-left: -1.3em;
width: 1.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: -1px;
}
.success:before {
color: #88c671;
content: "\0056";
}
.problem:before {
color: #d33d44;
content: "\0057";
}
.cutlery:before {
color: #404041;
content: "\0059";
}
.book:before {
color: #404041;
content: "\0042";
width: 1.7em;
}
hr {
border-bottom: 1px solid #e7e7e7;
border-top: 0;
margin-bottom: 35px;
margin-left: 30px;
margin-right: 30px;
}
.icon {
color: #404041;
font-style: normal;
font-family: 'cakefont', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon.support {
font-size: 60px;
}
.icon.docs {
font-size: 57px;
}
.icon.training {
font-size: 39px;
}
@media (min-width: 768px) {
.columns {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 992px) {
header.row {
max-width: 940px;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,529 +0,0 @@
.disabled a,
a.disabled {
pointer-events: none;
}
a:hover {
color: #15848F;
}
a {
color: #1798A5;
}
.side-nav li a:not(.button) {
color: #15848F;
}
.side-nav li a:not(.button):hover {
color: #15848F;
}
header {
background-color: #D33C44;
color: #ffffff;
font-size: 30px;
height: 84px;
line-height: 64px;
padding: 16px 0px;
box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}
header .header-title {
padding-left:80px
}
legend {
color:#15848F;
}
.row {
max-width: 80rem;
}
.actions.columns {
margin-top:1rem;
border-left: 5px solid #15848F;
padding-left: 15px;
padding: 32px 20px;
}
.actions.columns h3 {
color:#15848F;
}
.related table {
border: 0;
width: 100%;
table-layout: fixed;
}
.index table thead {
height: 3.5rem;
}
.header-help {
float: right;
margin-right:2rem;
margin-top: -80px;
font-size:16px;
}
.header-help span {
font-weight: normal;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
padding: 0.25rem 0.5rem 0.375rem;
font-size: 0.8rem;
background-color: #0097a7;
color: #FFF;
border-radius: 1000px;
}
.header-help a {
color: #fff;
}
ul.pagination li a {
color: rgba(0, 0 ,0 , 0.54);
}
ul.pagination li.active a {
background-color: #DCE47E;
color: #FFF;
font-weight: bold;
cursor: default;
}
ul.pagination .disabled:hover a {
background: none;
}
.paginator {
text-align: center;
}
.paginator ul.pagination li {
float: none;
display: inline-block;
}
.paginator p {
text-align: right;
color: rgba(0, 0 ,0 , 0.54);
}
.asc:after {
content: " \2193";
}
.desc:after {
content: " \2191";
}
.form .error-message {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
color: rgba(0, 0, 0, 0.54);
}
.required > label {
font-weight: bold;
}
.required > label:after {
content: ' *';
color: #C3232D;
}
select[multiple] {
min-height:150px;
background: none;
}
input[type=checkbox],
input[type=radio] {
margin-right: 0.5em;
}
.date select,
.time select,
.datetime select {
display: inline;
width: auto;
margin-right: 10px;
}
.error label,
.error label.error {
color: #C3232D;
}
.view h2 {
color: #6F6F6F;
}
.view .columns.strings {
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin-right:0.7rem;
}
.view .numbers {
background-color: #B7E3EC;
color: #FFF;
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin-right: 0.7rem;
}
.view .columns.dates {
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin-right:0.7rem;
background-color:#DCE47E;
color: #fff;
}
.view .columns.booleans {
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin-right:0.7rem;
background-color: #8D6E65;
color: #fff;
}
.view .strings p {
border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
color:#747474;
}
.view .booleans .subheader {
color: #E9E9E9
}
.view .texts .columns {
margin-top:1.2rem;
border-bottom: 1px solid #eee;
}
/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
display: block;
clear: both;
background-repeat: repeat-x;
margin-bottom: 18px;
padding: 7px 14px;
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}
.cake-debug,
.notice,
p.notice {
color: #000000;
background: #ffcc00;
}
.cake-error,
p.error {
color: #fff;
background: #C3232D;
}
pre {
background: none repeat scroll 0% 0% #FFF;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin: 15px 0px;
color: rgba(0, 0 ,0 , 0.74);
padding:5px;
}
.cake-error .cake-stack-trace {
margin-top:10px;
}
.cake-stack-trace code {
background: inherit;
border:0;
}
.cake-code-dump .code-highlight {
display: block;
background-color: #FFC600;
}
.cake-error a,
.cake-error a:hover {
color:#fff;
text-decoration: underline;
}
.checks {
padding:30px;
color: #626262;
background-color: #B7E3EC;
border-radius: 3px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
margin-bottom: 2em;
}
.checks h4 {
margin-bottom: 1.5rem;
}
.checks hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.checks .success,
.checks .problem {
margin-left: 10px;
}
.checks .success:before,
.checks .problem:before {
line-height: 0px;
font-size: 28px;
height: 12px;
width: 12px;
border-radius: 15px;
text-align: center;
vertical-align: middle;
display: inline-block;
position: relative;
left: -11px;
}
.checks .success:before {
content: "✓";
color: green;
margin-right: 9px;
}
.checks .problem:before {
content: "✘";
color: red;
margin-right: 9px;
}
.top-bar.expanded .title-area {
background: #01545b;
}
.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
background: #116d76;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #308e97;
background: #308e97;
}
.side-nav li.heading {
color: #1798A5;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
padding: 0.4375rem 0.875rem;
}
#actions-sidebar {
background: #fafafa;
}
.index table {
margin-top: 0rem;
border: 0;
width: 100%;
table-layout: fixed;
}
table {
background: #fff;
margin-bottom: 1.25rem;
border: none;
table-layout: fixed;
width: 100%;
}
table thead {
background: none;
}
table tr {
border-bottom: 1px solid #ebebec;
}
table thead tr {
border-bottom: 1px solid #1798A5;
}
table tr th {
padding: 0.5625rem 0.625rem;
font-size: 0.875rem;
color: #1798A5;
text-align: left;
border-bottom: 2px solid #1798A5;
}
table tr:nth-of-type(even) {
background: none;
}
fieldset {
border: none;
padding: 1.25rem;
margin: 1.125rem 0;
}
fieldset legend {
border-bottom: 2px solid #1798A5;
width: 100%;
line-height: 2rem;
}
.form button[type="submit"] {
float: right;
text-transform: uppercase;
box-shadow: none;
}
.form button:hover, .form button:focus {
background: #BE840B;
box-shadow: none;
}
button {
background: #966600;
}
div.message {
text-align: center;
cursor: pointer;
display: block;
font-weight: normal;
padding: 0 1.5rem 0 1.5rem;
transition: height 300ms ease-out 0s;
background-color: #a0d3e8;
color: #626262;
top: 15px;
right: 15px;
z-index: 999;
overflow: hidden;
height: 50px;
line-height: 2.5em;
}
div.message:before {
line-height: 0px;
font-size: 20px;
height: 12px;
width: 12px;
border-radius: 15px;
text-align: center;
vertical-align: middle;
display: inline-block;
position: relative;
left: -11px;
background-color: #FFF;
padding: 12px 14px 12px 10px;
content: "i";
color: #a0d3e8;
}
div.message.error {
background-color: #C3232D;
color: #FFF;
}
div.message.error:before {
padding: 11px 16px 14px 7px;
color: #C3232D;
content: "x";
}
div.message.hidden {
height: 0;
}
.vertical-table th {
padding: 0.5625rem 0.625rem;
font-size: 0.875rem;
color: #1798A5;
border: none;
text-align: left;
}
.vertical-table {
vertical-align: middle;
}
.vertical-table td {
text-align: right;
}
.content {
padding: 2rem;
}
/* Use 'one true layout' methods to get equal height columns */
.container {
overflow: hidden;
min-height: 92%; /* full height almost always */
}
/* Force equal height by overflowing */
.content,
#actions-sidebar {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
@media(max-width: 640px) {
#actions-sidebar {
padding-bottom: 2rem;
margin-bottom: 0;
}
}
.content h3 {
color: #be140b;
padding-bottom: 0.5rem;
margin-bottom: 20px;
}
.content h4 {
color: #be140b;
padding-bottom: 0.5rem;
margin-bottom: 20px;
border-bottom: 2px solid #be140b;
}
.content .related h4 {
color: #4d8f97;
padding-bottom: 0.5rem;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 0px;
}
table td {
vertical-align: top;
word-break: break-all;
}
.center {
margin-left:auto;
margin-right:auto;
}

View File

@ -1,347 +0,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 : 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;
}

View File

@ -1 +0,0 @@
.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}

View File

@ -1,30 +0,0 @@
/* ============================================================
Screen styles for center part.
Datei : center.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
@media screen {
.content {
display: flex;
justify-content: center;
overflow: auto;
line-height: 1.5em;
padding: 1.5em;
background-color: #f9fafb;
}
@media (max-width:619px) {
.content {
flex-direction: column;
}
}
}
/* Ende @media screen */

File diff suppressed because it is too large Load Diff

View File

@ -1,18 +0,0 @@
/* ============================================================
Screen styles.
Datei : gradido.css
Datum : 2020-05-20
Autor : einhornimmond / Christine Slotty
Copyright : Gradio
============================================================*/
@media screen {
.gdt-text-color {
color: #a27824;
}
}
/* Ende @media screen */

602
webroot/css/grd_styles.css Normal file
View File

@ -0,0 +1,602 @@
/* ============================================================
Grid Layout Page
Datei : layout.less
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
.page {
display: grid;
grid-template-rows: 12vh 70vh 10vh 5vh;
grid-template-columns: 1fr 6fr 1fr;
/*grid-gap: .25em;*/
margin: 0;
padding: 0;
}
.header,
.nav-bottom,
.footer {
grid-column-start: 1;
grid-column-end: 4;
}
/* ============================================================
Screen styles.
Datei : screen.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
@media screen {
/* =======================
Basis
=======================*/
html,
body {
font-family: 'Roboto', sans-serif;
font-size: 87.5%;
/* macht aus den Standard 16px 14px */
line-height: 27px;
color: #212529;
background-color: white;
margin: 0;
overflow: hidden;
}
/* =======================
Kopfbereich
=======================*/
.header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1em;
-webkit-box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
}
.header img {
vertical-align: middle;
width: 150px;
}
/* =======================
Fußbereich
=======================*/
.footer {
display: flex;
justify-content: center;
align-items: center;
padding-top: 10px;
font-size: 70%;
font-style: italic;
}
/* =======================
Sonstige
=======================*/
/* Hyperlinks */
a {
text-decoration: none;
color: inherit;
}
main a {
text-decoration: underline;
font-style: italic;
}
a:link,
a:visited {
color: #525c5d;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:active {
background-color: #fff;
color: black;
}
a:focus,
a:active {
outline: none;
}
}
/* Ende @media screen */
/* ============================================================
Screen styles for center part.
Datei : center.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
@media screen {
.content {
display: flex;
justify-content: center;
overflow: auto;
line-height: 1.5em;
padding: 1.5em;
background-color: #f9fafb;
}
}
@media screen and (max-width: 619px) {
.content {
flex-direction: column;
}
}
/* Ende @media screen */
/* ============================================================
Print styles.
Datei : print.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
/* ---------------------------------------------------------
Print styles
---------------------------------------------------------*/
@media print {
* {
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
background: transparent !important;
}
html {
background-color: #fff;
}
/* Hide navigation */
nav {
display: none;
}
/* Show link destinations in brackets after the link text */
a[href]:after {
content: " (" attr(href) ") ";
}
a[href] {
font-weight: bold;
text-decoration: underline;
color: #06c;
border: none;
}
/* Don't show link destinations for JavaScript or internal links */
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* Show abbr title value in brackets after the text */
abbr[title]:after {
content: " (" attr(title) ")";
}
figure {
margin-bottom: 1em;
overflow: hidden;
}
figure img {
border: 1px solid #000;
}
}
/*
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
*/
/* TODO
dropdown
subnav
active
text-muted
block-btn (?)
caret (?)
-> für Kinder
*/
@media screen {
/*
SIDEBARS
*/
.sidebar1,
.sidebar2 {
padding: 1em;
}
.sidebar1 {
color: #4F4F4F;
font-weight: 500;
line-height: 2.5em;
}
.sidebar2 {
background-color: #f9fafb;
}
.nav-icon {
font-size: 1.2em;
padding-right: 1em;
color: grey;
}
.sidebar1-header {
font-size: 0.75em;
font-style: italic;
color: grey;
}
/* navbar */
.material-icons-outlined {
font-size: 18px !important;
vertical-align: middle;
padding-right: 1em;
}
.link-title {
vertical-align: middle;
line-height: normal;
background-color: transparent;
}
.tablinks.active {
background-color: inherit;
}
.nav-horizontal > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: baseline;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-horizontal li {
padding: 0.5em;
}
.nav-vertical > ul {
display: flex;
flex-direction: column;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-vertical li {
padding: 0.5em;
}
.nav-top > ul {
padding: 0;
padding-right: 2em;
}
.nav-bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-bottom p {
margin: 0;
font-size: 0.9em;
color: grey;
}
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-bn-large {
width: 40vw;
height: 18vh;
font-size: 35px;
}
a.grd-nav-bn,
a.grd-nav-bn:visited {
color: black;
text-decoration: none;
}
}
/*
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_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;
}
/* Gradido Transform */
.gdt-text-color {
color: #a27824;
}

View File

@ -1,28 +0,0 @@
/* ============================================================
Grid Layout Page
Datei : layout.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
.page {
display: grid;
grid-template-rows: 12vh 70vh 10vh 5vh;
grid-template-columns: 1fr 5fr 1fr;
grid-gap: .25em;
margin: 0;
padding: 0;
}
.header,
.nav-bottom,
.footer {
grid-column-start: 1;
grid-column-end: 4;
}

View File

@ -9,20 +9,9 @@
Copyright : Gradio
============================================================*/
/*
Farbwirkung
grau / schwarz: seriös (aber auch dominant / durchgreifen)
blau: seriös, stark, verlässlich - indigo, heller = leichter
grün: positiv, ruhig, heilend
*/
@import url(normalize.css);
@import url(layout.css);
@import url(screen.css);
@import url(gradido.css);
@import url(center.css);
/*
@import url(print.css);
*/
@import url(grd_styles.css);
/*! debug.css v0.0.3 | MIT License | https://gist.github.com/zaydek/6b2e55258734deabbd2b4a284321d6f6 */
[debug],

View File

@ -1,17 +0,0 @@
/* ============================================================
Navigation styles.
Datei : nav.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
@media screen {
.tablinks.active {
background-color: inherit;
}
}

View File

@ -1,48 +0,0 @@
/* ============================================================
Print styles.
Datei : print.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
/* ---------------------------------------------------------
Print styles
---------------------------------------------------------*/
@media print {
* {
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
background:transparent !important;
}
html { background-color:#fff; }
/* Hide navigation */
nav { display:none; }
/* Show link destinations in brackets after the link text */
a[href]:after { content: " (" attr(href) ") "; }
a[href] {
font-weight:bold;
text-decoration:underline;
color:#06c;
border:none;
}
/* Don't show link destinations for JavaScript or internal links */
a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
/* Show abbr title value in brackets after the text */
abbr[title]:after { content: " (" attr(title) ")"; }
figure {
margin-bottom:1em;
overflow:hidden;
}
figure img { border:1px solid #000; }
}

View File

@ -1,192 +0,0 @@
/* ============================================================
Screen styles.
Datei : screen.css
Datum : 2020-04-30
Autor : Christine Slotty
Copyright : Gradio
============================================================*/
@font-face {
font-family: 'cakefont';
src: url('../font/cakedingbats-webfont.eot');
src: url('../font/cakedingbats-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/cakedingbats-webfont.woff2') format('woff2'),
url('../font/cakedingbats-webfont.woff') format('woff'),
url('../font/cakedingbats-webfont.ttf') format('truetype'),
url('../font/cakedingbats-webfont.svg#cake_dingbatsregular') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen {
/* =======================
Basis
=======================*/
html,
body {
font-family: 'Roboto', sans-serif;
font-size: 87.5%; /* macht aus den Standard 16px 14px */
line-height: 27px;
color: #404041;
background-color: white;
margin: 0;
overflow: hidden;
}
/* =======================
Kopfbereich
=======================*/
.header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1em;
-webkit-box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.04);
}
.header img {
vertical-align: middle;
width: 150px;
}
.nav-horizontal > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: baseline;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-horizontal li {
padding: .5em;
}
.nav-vertical > ul {
display: flex;
flex-direction: column;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-vertical li {
padding: .5em;
}
.nav-top > ul {
padding: 0;
padding-right: 2em;
}
.nav-bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
list-style-type: none;
gap: 5%;
padding: 1em;
}
.nav-bottom p {
margin: 0;
font-size: .9em;
color: grey;
}
@media (max-width:619px) {
}
/* =======================
Hauptbereich
=======================*/
.sidebar1,
.sidebar2 {
padding: 1em;
}
.sidebar1 {
color: #4F4F4F;
font-weight: 700;
line-height: 2.5em;
}
.nav-icon {
font-size: 1.2em;
padding-right: 1em;
color: grey;
}
.sidebar1-header {
font-size: .75em;
font-style: italic;
color: grey;
}
@media (max-width:619px) {
}
/* =======================
Fußbereich
=======================*/
.footer {
display: flex;
justify-content: center;
align-items: center;
padding-top: 10px;
font-size: 70%;
font-style: italic;
}
/* =======================
Sonstige
=======================*/
/* Hyperlinks */
a {
text-decoration: none;
color: inherit;
}
main a {
text-decoration: underline;
font-style: italic;
}
a:link {
color: inherit;
/*color: #020202;*/
}
a:visited {
color: inherit;
/*color: #020202;*/
}
a:hover,
a:focus {
text-decoration: none;
}
a:active {
background-color: #fff;
color: black;
}
a:focus,
a:active {
outline: none;
}
}
/* Ende @media screen */

File diff suppressed because one or more lines are too long