diff options
| author | Max | 2018-10-15 23:46:42 +0200 |
|---|---|---|
| committer | Max | 2018-10-15 23:46:42 +0200 |
| commit | 00c9709fd9763542e848f6278db8ba26af5c9886 (patch) | |
| tree | 92cb1c1ee4c467118e1e5a4c7e233d3feac6efa8 /sass/theme/_theme.scss | |
| download | fuselkoenig_de-00c9709fd9763542e848f6278db8ba26af5c9886.tar.gz | |
Initial commit.
Diffstat (limited to 'sass/theme/_theme.scss')
| -rw-r--r-- | sass/theme/_theme.scss | 329 |
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; +} |
