pyramidengarten-berlin-social/wp-themes/pyramidengarten/style.css

1086 lines
20 KiB
CSS
Executable File

/*
Theme Name: pyramidengarten
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pyramidengarten
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
pyramidengarten is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url("fonts/fonts.css");
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
13.0 Plugins
13.1 Buddypress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
font-family: 'open_sansregular';
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #f0f0ed; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #2f9bc1;
background-image: none;
border: 1px solid #2f9bc1;
border-radius: 4px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13.5px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 8px 15px;
text-shadow: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #2a8cae;
background-image: none;
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background-color: #2a8cae;
background-image: none;
color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*
.site-header {
display:block;
max-width:1200px;
margin:auto;
background:#33363c;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
*/
.site-header {
background: url("/wp-content/uploads/2015/04/header_1100px_ohne-Titel.png") no-repeat 0 0 transparent;
height: 118px;
width: 1100px;
margin:20px auto 0 auto;
z-index:1000;
position:relative;
}
.site-header .site-branding {
width:20%;
float:left;
display:none;
}
.site-header .site-branding .site-title a {
background:url(/wp-content/uploads/2015/02/pyramidengarten-logo.png) 0 0 no-repeat;
display:block;
width:34px;
height:54px;
}
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
color: #404040;
text-decoration:none;
}
a:visited {
color: #404040;
}
a:hover,
a:focus,
a:active {
color: #77af12;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.edit-link {
display:none;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
display: block;
margin: 28px 0 0 185px;
max-width: 750px;
z-index:1100;
}
/* Small menu. */
.menu-toggle {
display: none;
}
@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
}
.main-navigation ul {
display: none;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
background: none repeat scroll 0 0 #fff;
border-radius: 8px;
box-sizing: border-box;
float: left;
margin-bottom: 20px;
padding: 20px;
position: relative;
width: 100%;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-content {
max-width:1040px;
padding:0;
margin:0 auto;
}
body.fl-builder .site-content {
max-width:100%;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.footer-header {
background:url(/wp-content/uploads/2015/04/footer_3200px_fbdea6.jpg) -960px 0 no-repeat;
width:100%;
height:326px;
margin-top:40px;
}
footer.site-footer {
background:#fbdea6;
}
footer #footer-content {
max-width:1000px;
margin:0 auto;
}
footer #footer-content .widget {
background:transparent;
width:25%;
margin-left:0;
float:left;
}
footer #footer-content .site-info {
clear:both;
}
/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
13.1 Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/*--------------------------------------------------------------
13.2 Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
14.0 Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.1 Buddypress
--------------------------------------------------------------*/
body.buddypress #content {
max-width:1080px;
margin:7px auto;
font-size:12px;
}
body.buddypress #content #primary {
width:80%;
float:left;
}
body.buddypress #content .sidebar-left {
width:25%;
float:left;
}
body.buddypress #content #main {
width:71%;
float:left;
margin-left:20px;
}
body.buddypress #content #main article {
background: none repeat scroll 0 0 #fff;
border-radius: 8px;
box-sizing: border-box;
float: left;
padding: 20px;
width: 100%;
}
body.buddypress #content .sidebar-right {
width:20%;
float:right;
}
body.buddypress #content .widget-title {
font-family: "open_sanssemibold";
border-bottom: 1px solid #f0f0ed;
color: #33363c;
font-size: 12px;
font-weight: normal;
margin: 0 0 20px -20px;
padding: 0 20px 15px;
width: 100%;
}
body.buddypress .generic-button a, body.buddypress ul.button-nav li a, body.buddypress .item-list a.button, body.buddypress .item-list .activity-meta a, body.buddypress .item-list .acomment-options a, body.buddypress .activity-meta a:hover span, body.buddypress #message-threads .button, .widget .item-options a, .widget .swa-wrap ul#activity-filter-links a, .widget .swa-activity-list li.mini div.swa-activity-meta a, .widget .swa-activity-list div.swa-activity-meta a.acomment-reply, .widget .swa-activity-list div.swa-activity-meta a, .widget .swa-activity-list div.acomment-options a {
background-color: #77af12;
background-image: none;
border: 0 none;
border-radius: 4px;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 1;
margin: 0;
text-decoration:none;
padding: 4px 8px 5px;
text-shadow: none;
}
body.buddypress #content #main .entry-header h1 {
font-size: 24px;
margin:0 0 20px 0;
}
#buddypress .activity a.button {
background:transparent;
margin:0 5px 0 0;
padding:0;
border:0;
color:#404040;
font-size:90%;
font-weight:normal;
text-align:left;
}
#buddypress .activity a.button:hover {
text-decoration:underline;
}
#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span,
#buddypress a.bp-primary-action:hover span {
border-radius:0;
font-weight:normal;
}
#buddypress div.dir-search {
float: right;
margin: -54px 0 0;
}
body.buddypress input#groups_search[type="text"] {
font-family: Helvetica, Arial, sans-serif;
font-size: 12.5px;
padding: 8px 10px 7px 10px;
color: #999;
border: 1px solid #f7f7f7;
background: #f7f7f7;
margin-right: -10px;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.buddypress input#groups_search_submit[type="submit"] {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #2f9bc1;
background-image: none;
color: #fff;
border: 1px solid #2f9bc1;
font-weight: bold;
padding: 9px 15px 10px 15px;
margin: 0;
font-size: 13.5px;
line-height: 1;
cursor: pointer;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#buddypress .activity-list .activity-content .activity-header,
#buddypress .activity-list .activity-content .comment-header,
#buddypress a.activity-time-since,
#buddypress a.activity-time-since:hover,
#buddypress div.activity-comments div.acomment-meta,
#buddypress .activity-list li.mini {
color: #33363C;
line-height: 140%;
font-family: 'open_sansbold';
font-size:100%;
}
#buddypress div.activity-comments div.acomment-content {
font-size:100%;
}
/*--------------------------------------------------------------
14.2 BuddyPress Activity Plus
--------------------------------------------------------------*/
.bpfb_images a.thickbox {
float:left;
margin:3px;
}
/*--------------------------------------------------------------
14.3 Beaver Builder
--------------------------------------------------------------*/
body.fl-builder .entry-header {
display:none;
}
/*--------------------------------------------------------------
14.3 Max Menu
--------------------------------------------------------------*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding:0 4px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
right:0;
left:none;
}