.theme-white .post-grid__element__header__meta { display: none; } .banner__infobar__description { font-family: Fjalla One; } .post--aside .post__header__title { font-size: 44px; } .theme-white .post__header__meta { display: none; } .tags-and-categories .category-list { display: none; } .theme-white .relevant-block { display: none; } /* the reaction buttons region */ div.reaction_buttons { margin-top: 20px; margin-bottom: 25px; font-size: 1em; text-align: left; } /* a single normal button */ div.reaction_buttons li.reaction_button { border: 2px solid #000000; line-height: 2em; padding: 5px; margin: 3px; cursor: pointer; list-style: none; text-align: center; display: inline-block; } /* the button while hovering over it */ div.reaction_buttons li.reaction_button:hover { background: #ffffff; border: 2px solid #000000; } /* special setings for display as a graph, * inspired by http://geoffgraham.me/creating-a-responsive-css-bar-chart/ */ div.reaction_buttons ul.graph { clear: both; padding: 0; width: 90%; } div.reaction_buttons ul.graph li.reaction_button { height: 125px; padding: 0; position: relative; vertical-align: bottom; margin: 0 auto; padding-left: 10px; text-align: left; display: block; background: #4ecdc4; border: 1px solid #4ecdc4; background-image: -moz-linear-gradient(#76d8d1, #4ecdc4 70%); background-image: -webkit-linear-gradient(#76d8d1, #4ecdc4 70%); background-image: linear-gradient(#76d8d1, #4ecdc4 70%); -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px; border-radius: 4px 4px 0 0; -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6); -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6); } @media (min-width: 700px) { div.reaction_buttons ul.graph { height: 250px; width: 100%; } div.reaction_buttons ul.graph li.reaction_button { height: 250px; margin: 0 1.8% 0 0; padding: 0; width: 17%; display: inline-block; } div.reaction_buttons ul.graph li.reaction_button span.button_name { bottom: -4em; position: absolute; } div.reaction_buttons ul.graph li.reaction_button span.braces { display: none; } div.reaction_buttons ul.graph li.reaction_button span.count_number { bottom: 3px; position: absolute; font-size: 2em; font-weight: bold; } } /* the button after voting */ div.reaction_buttons li.voted, div.reaction_buttons li.voted:hover { cursor: default; } /* number of votes including parantheses. .reaction_buttons .reaction_button .count { } */ /* number of votes in between the parantheses. .reaction_buttons .reaction_button .count_number { } */ /* simple sidebar settings */ #sidebar div.widget_reaction_buttons h3 { margin: 0; margin-top: 4px; font-size: 1.1em; } #sidebar div.widget_reaction_buttons ol { margin-left: 25px; } .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a { font-family: Fjalla One; text-transform: uppercase; } .post-grid__element--first .post-grid__element__content__text { font-size: 20px; } .post-grid__element--status .post-grid__element__content p { font-size: 20px; } svg:not(:root) { background-color: #000000; } .post-grid__element--aside .post-grid__element__header__title { font-size: 30px; text-align: center; } span { text-transform: none; font-family: Fjalla One; font-size: 18px; } .post-grid__element.-js-post-grid-element.post-grid__element--first.post-grid__element--aside { background-color: #fafafa; border-width: 0px; border-style: solid; } .theme-white figure figcaption { font-size: 18px; } .post--status .post__header__title { font-size: 40px; } .tags-and-categories .tag-list { display: none; } .theme-white a:hover { color: #000000; } .banner__site-title.-js-banner-title.banner__site-title--fjalla { color: #000000; } .post-grid__element.-js-post-grid-element.post-grid__element--aside { border-width: 0px; border-style: solid; } .theme-white .post-grid__element--status .post-grid__element__content { border-width: 6px; border-style: solid; }