From cb0c32e0956cb97f78994b856489c5340fb182ca Mon Sep 17 00:00:00 2001
From: Karl <Karl Hasselbring>
Date: Wed, 5 Oct 2016 08:24:42 +0200
Subject: [PATCH] =?UTF-8?q?WiP:=20Erste=20Entw=C3=BCrfe=20f=C3=BCr=20ein?=
=?UTF-8?q?=20neues=20dunkles=20Layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
public/css/style.css | 9 +-
public/css/theme.css.php | 5 +-
public/css/themeDark.css | 213 ++++++++++++++++++
resources/views/layouts/resultPage.blade.php | 3 +-
resources/views/layouts/staticPages.blade.php | 5 +-
resources/views/quicktip.blade.php | 3 +
6 files changed, 225 insertions(+), 13 deletions(-)
create mode 100644 public/css/themeDark.css
diff --git a/public/css/style.css b/public/css/style.css
index ab51f618f..41df5f7f9 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -295,7 +295,7 @@ By Class
margin-top: 20px;
padding: 10px 20px;
margin-bottom: 0;
- background-color: white;
+ /*! background-color: white; */
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
@@ -639,13 +639,8 @@ nav h1 {
white-space: nowrap;
}
-header nav a {
- text-decoration: none;
- color: rgb(119, 119, 119);
-}
-
body > div {
- background-color: transparent;
+ /*! background-color: transparent; */
padding-top: 70px;
}
diff --git a/public/css/theme.css.php b/public/css/theme.css.php
index 6b51fd224..4aa847d53 100644
--- a/public/css/theme.css.php
+++ b/public/css/theme.css.php
@@ -57,7 +57,4 @@ input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]
.lSPrev > span, .lSNext > span {
color: <?=$color?>;
-}
-
-
-
+}
\ No newline at end of file
diff --git a/public/css/themeDark.css b/public/css/themeDark.css
new file mode 100644
index 000000000..facc63f79
--- /dev/null
+++ b/public/css/themeDark.css
@@ -0,0 +1,213 @@
+* {
+ background-color: #505050;
+ color: antiquewhite;
+}
+
+a {
+ color: #aaaaff;
+}
+
+#foki input:checked + label{
+ background-color: #909090;
+}
+
+.navbar {
+ border-bottom: 3px solid #707070;
+ box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
+}
+
+.navbar li a {
+ color: antiquewhite !important;
+}
+
+.navbar-default .navbar-nav > .active > a {
+ background-color: #909090!important;
+}
+
+.btn-default {
+ background-color: #909090;
+ border-color: transparent;
+ color: antiquewhite;
+}
+
+.form-control {
+ background-color: #909090;
+ border-color: #909090;
+ color: antiquewhite;
+}
+
+.dropdown-menu {
+ background-color: #505050;
+}
+
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
+ background-color: #909090;
+}
+
+.caret {
+ background-color: transparent;
+}
+
+.input-group-addon {
+ background-color: #909090;
+ border: 1px solid #909090;
+}
+
+#moreInformation ul li {
+ color: antiquewhite;
+}
+
+#moreInformation h2 {
+ color: antiquewhite;
+}
+
+.mutelink {
+ color: antiquewhite
+}
+
+div#right {
+ background-color: #606060;
+}
+
+div#right h3 {
+ background-color: #606060;
+}
+
+div#right p {
+ background-color: #606060;
+}
+
+#foki {
+ background-color: #505050;
+}
+
+.tab-content {
+ background-color: #505050;
+}
+
+.content-wrapper {
+ background-color: #505050;
+}
+
+.nav-tabs {
+ border-bottom: none;
+}
+
+#foki li.active a {
+ background-color: #505050;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+ border: none;
+}
+
+pre {
+ background-color: #505050;
+ border: 1px solid antiquewhite;
+}
+
+.alert-warning {
+ background-color: #8B8B60;
+ color: #3D3D30;
+ border-color: #979750;
+}
+
+.well {
+ background-color: #606060;
+ border-color: #909090;
+}
+
+.panel-default > .panel-heading {
+ color: antiquewhite;
+ background-color: #707070;
+ border-color: #909090;
+}
+
+.panel-title {
+ color: antiquewhite;
+ background-color: #707070;
+}
+
+.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+ color: #404040;
+}
+
+.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+ color: #404040;
+ opacity: 1;
+}
+
+.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
+ color: #404040;
+ opacity: 1;
+}
+
+.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
+ color: #404040;
+}
+
+.navbar-default .navbar-collapse {
+ border-color: #505050;
+}
+
+.navbar-default {
+ background-color: #505050;
+ border-radius: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* Aus der theme.css */
+
+body{
+ background-color: #505050;
+ background-attachment: fixed;
+}
+
+body#resultBody{
+ background-image: inherit;
+}
+
+
+input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus, .form-control:focus {
+ outline-color: #c0c0c0;
+ -webkit-box-shadow: 0px 0px 2px 2px #c0c0c0;
+ -moz-box-shadow: 0px 0px 2px 2px #c0c0c0;
+ box-shadow: 0px 0px 2px 2pxc0c0c0;
+ border: 1px solid #c0c0c0;
+}
+
+#mglogo > a {
+ background-image: linear-gradient(#909090 0%, #909090 250%);
+ background-color: transparent;
+ color: antiquewhite;
+}
+
+.logo h1{
+ color: antiquewhite;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
+ background-color: #909;
+ border-color: #909;
+}
+
+.pagination > li > a, .pagination > li > span{
+ color: #909;
+}
+
+.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
+ color: #909;
+}
+
+.lSPrev > span, .lSNext > span {
+ color: #909;
+}
diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php
index b8a198999..5588283d5 100644
--- a/resources/views/layouts/resultPage.blade.php
+++ b/resources/views/layouts/resultPage.blade.php
@@ -21,7 +21,8 @@
@endif
<link type="text/css" rel="stylesheet" href="/css/lightslider.css" />
-
+ <!-- In Erprobung -->
+ <link href="/css/themeDark.css" rel="stylesheet" />
</head>
<body id="resultBody">
@if( !isset($suspendheader) )
diff --git a/resources/views/layouts/staticPages.blade.php b/resources/views/layouts/staticPages.blade.php
index d656954b5..84233e888 100644
--- a/resources/views/layouts/staticPages.blade.php
+++ b/resources/views/layouts/staticPages.blade.php
@@ -26,7 +26,10 @@
<link href="/css/{{ $css }}" rel="stylesheet" />
@endif
@endif
- <link id="theme" href="/css/theme.css.php" rel="stylesheet" />
+
+ <!-- In Erprobung -->
+ <!-- <link id="theme" href="/css/theme.css.php" rel="stylesheet" /> -->
+ <link href="/css/themeDark.css" rel="stylesheet" />
</head>
<body>
diff --git a/resources/views/quicktip.blade.php b/resources/views/quicktip.blade.php
index 892d2bc0a..4d8282b77 100644
--- a/resources/views/quicktip.blade.php
+++ b/resources/views/quicktip.blade.php
@@ -4,6 +4,9 @@
<link rel="stylesheet" type="text/css" href="/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
</head>
+
+ <!-- In Erprobung -->
+ <link href="/css/themeDark.css" rel="stylesheet" />
<body>
@if( $spruch !== "" )
<blockquote id="spruch">{!! $spruch !!}</blockquote>
--
GitLab