summaryrefslogtreecommitdiff
path: root/sass/theme/_theme.scss
diff options
context:
space:
mode:
authorMax2018-10-15 23:46:42 +0200
committerMax2018-10-15 23:46:42 +0200
commit00c9709fd9763542e848f6278db8ba26af5c9886 (patch)
tree92cb1c1ee4c467118e1e5a4c7e233d3feac6efa8 /sass/theme/_theme.scss
downloadfuselkoenig_de-00c9709fd9763542e848f6278db8ba26af5c9886.tar.gz
Initial commit.
Diffstat (limited to 'sass/theme/_theme.scss')
-rw-r--r--sass/theme/_theme.scss329
1 files changed, 329 insertions, 0 deletions
diff --git a/sass/theme/_theme.scss b/sass/theme/_theme.scss
new file mode 100644
index 0000000..c357a28
--- /dev/null
+++ b/sass/theme/_theme.scss
@@ -0,0 +1,329 @@
+h1 {
+ font-size: 2.5rem;
+}
+.brand-url, .navbar-brand, .slogan{
+ font-family: 'charterbold', 'charterregular';
+}
+*{
+ font-family: 'charterregular', 'charterbold';
+}
+h1,h2,h3,h4,h5,h6 {
+ font-family: 'charterbold', 'charterregular' !important;
+}
+h1 > a,h2 > a,h3 > a,h4 > a,h5 > a,h6 > a {
+ font-family: 'charterbold', 'charterregular' !important;
+}
+.charter-bold {
+ font-family: 'charterbold', 'charterregular' !important;
+}
+.nav-link, .dropdown-item {
+/*
+ font-family: 'roboto';
+*/
+ font-size: 18px !important;
+}
+.brand-url {
+ color: #f5f5f5 !important;
+}
+.entry-content, .entry-meta {
+ font-size: 19px;
+}
+
+.slogan {
+ font-size: 25px;
+ color: #424242;
+ color: #f5f5f5;
+}
+/*
+#searchform > .input-group {
+ background-color: rgba($material-color-grey-100, .3);
+}
+*/
+#searchform > .input-group > input {
+ background-color: rgba($material-color-grey-100, .2);
+ padding-left: 5px;
+ border-radius: 1px;
+ width: 13rem;
+}
+/* Fix for Chrome. */
+@media (max-width: 768px) AND (min-width: 576px) {
+ #searchform > .input-group > input {
+ width: 10rem;
+ }
+}
+#searchform > .input-group > .input-group-append {
+ margin-left: 0;
+}
+.btn-border-dark {
+ border: 1px solid #646464;
+}
+
+.nnavbar {
+ background-image: url("/daemonite/images/paw.png");
+ background-repeat: no-repeat;
+}
+.navbar img {
+ overflow: hidden;
+}
+.main-header {
+ background-color: #efefef;
+ color: #f5f5f5;
+ margin-top: 0px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ background-repeat: no-repeat;
+ background-size: cover;
+ /*
+ margin-bottom: 20px;
+ */
+}
+
+.main-header .form-control::placeholder, .main-header .form-control {
+ color: #f5f5f5;
+ border-color: #f5f5f5;
+}
+.main-header .form-control:focus{
+ border-color: #424242 !important;
+}
+
+@media( max-width: 768px ) {
+ .flex-column-sm {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ margin-top: 10px;
+ }
+}
+@media( min-width: 576px ) {
+ .text-right-xs {
+ text-align: right !important;
+ }
+}
+
+//li.active > .dropdown-toggle {
+#main-menu > li.active {
+ text-decoration: underline !important;
+}
+
+img.size-medium, img.attachment-medium{
+ max-width: 45%;
+ width: auto;
+ float: left;
+ margin: 0 15px 0 0;
+ padding: 4px;
+ height: auto;
+ border: 1px solid #ededed;
+}
+img.size-large, img.attachment-large{
+}
+
+.entry-title > a {
+ color: rgba(0, 0, 0, 0.87);
+}
+.entry-meta{
+ /*
+ margin-bottom: 10px;
+ */
+ font-size: 17px;
+}
+.entry-footer {
+ font-size: 17px;
+ margin-top: 10px;
+}
+.entry-meta-single {
+ margin-top: 10px;
+}
+.nav-previous, .nav-next {
+ font-size: 17px;
+ padding: 0;
+}
+.footer-menu a {
+ //@extend .text-muted;
+}
+.footer-menu a:hover {
+ text-decoration: underline !important;
+}
+.footer-menu .nav-link {
+ @extend .pl-0;
+}
+
+/*
+ * Der Hintergrund vom Artikel hebt sich hervor.
+ *
+.site-main {
+ padding: 15px;
+ padding-top: 0;
+ background-color: #fff;
+}
+#single-wrapper {
+ background-color: $material-color-grey-100;
+}
+.article-shadow-sm {
+ box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.10);
+}
+*/
+
+.article-mb {
+ margin-bottom: 30px;
+}
+.page-mt {
+ margin-top: 30px;
+}
+.entry-header {
+ margin-bottom: 10px;
+}
+
+.tag-category-icon {
+ font-size: 25px;
+ opacity: 0.5;
+}
+/* Sorgt dafür, dass auf dem Smartphon die Tags direkt unter der Kategorie gelistet wird. */
+.tags-links > .tag-category-icon {
+ margin-right: 4px;
+}
+
+#comments {
+ margin-top: 30px;
+}
+ol.comment-list, .comment-content {
+ font-size: 17px !important;
+}
+.comment-metadata > a, .cat-links a, .tags-links a {
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+
+/**
+ * Scroll to top button
+ */
+.back-to-top {
+ cursor: pointer;
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ display:none;
+}
+
+/**
+ * Taxonomy
+ */
+.taxonomy-title {
+ background-color: $material-color-grey-200;
+}
+.taxonomy-description p {
+ font-size: 19px;
+}
+.taxonomy-card {
+ margin-bottom: 30px;
+}
+.taxonomy-card h1 {
+ font-size: 2.125rem;
+}
+.taxonomy-card .card-text {
+ font-size: 17px;
+}
+
+/**
+ * # Main Theme Überschreiben
+ */
+.entry-footer span.tags-links, .entry-footer span {
+ padding-right: 20px !important;
+}
+.tooltip {
+ font-size: 17px;
+}
+
+
+/**
+ * # Plugins
+ *
+ * ## Sidebar
+ */
+.widget {
+ background-color: $material-color-grey-100;
+ margin-bottom: 16px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+.widget-title {
+ background-color: $material-color-grey-200;
+ //padding-left: 5px;
+}
+#right-sidebar .widget {
+ @extend .shadow-sm
+}
+.rpwwt-widget ul li {
+ margin: 0 0 0 !important;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+span.rpwwt-post-title {
+ font-size: 19px !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+span.rpwwt-post-title:hover{
+ text-decoration-color: rgba(0, 0, 0, 0.87) !important;
+}
+.icons-medium, .tagcloud {
+ padding: 5px;
+}
+
+/**
+ * ## YARRP
+ */
+.yarpp-thumbnail-title {
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+.yarpp-thumbnails-horizontal .yarpp-thumbnail {
+ height: 100% !important;
+}
+
+.tag-cloud-link {
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+.tag-cloud-link:hover {
+ text-decoration-color: theme-color(primary);
+}
+.tag-cloud-link:hover {
+ text-decoration-color: rgba(0, 0, 0, 0.87);
+}
+/*
+*/
+
+/**
+ * ## Contact Form 7
+ */
+.wpcf7 {
+
+ // submit button, inherit .btn and .btn-primary classes.
+ input[type=submit] {
+ @extend .btn;
+ @extend .btn-primary;
+ background-color: theme-color(primary) !important;
+ }
+ input[type=submit]:hover {
+ color: inherit;
+ }
+
+ .wpcf7-validation-errors {
+ @extend .alert;
+ }
+
+ /*
+ input[type=submit]:hover {
+ color: #f5f5f5;
+ }
+ .wpcf7-form-control-wrap {
+ @extend .textfield-box;
+ }
+ */
+}
+
+/**
+ * ## Cookie Bar
+ */
+#cookie-law-info-bar span, #cookie-law-info-bar span a {
+ font-size: 17px;
+}
+#cookie_action_close_header {
+ margin-left: 5px;
+ margin-right: 5px;
+}