Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Spun_Childtheme
- Description:
- Author: admin
- Template: spun
- (optional values you can add: Theme URI, Author URI, Version)
- */
- @import url("../spun/style.css");
- /* =Header ohne Transparenz
- ----------------------------------------------- */
- .blog .hentry span.hometitle {
- width: 100%;
- position: absolute;
- top: 73px;
- display: table-cell;
- font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
- font-size: 30px;
- font-size: 3.0rem;
- font-style: italic;
- text-shadow: 0 0 10px #fff;
- text-align: center;
- line-height: 1.2;
- vertical-align: middle;
- word-wrap: break-word;
- color: #6a6363;
- overflow: hidden;
- transition: background .4s ease-in-out;
- -webkit-transition: background .4s ease-in-out;
- -moz-transition: background .4s ease-in-out;
- -o-transition: background .4s ease-in-out;
- -ms-transition: background .4s ease-in-out;
- }
- .blog .hentry {
- position: relative;
- }
- @media screen and ( max-width: 800px ) {
- .blog .hentry span.hometitle {
- font-size: 24px;
- font-size: 2.4rem;
- }
- }
- /* =Header Logo Größe
- ----------------------------------------------- */
- #masthead img { max-height: 200px; }
- #masthead {
- opacity: 1;
- }
- .post-date {
- display: none;
- }
- /* =Hauptnavi Farbe_Unterstrichen
- ----------------------------------------------- */
- .main-navigation {
- color: #ada2a2;
- display: block;
- float: right;
- font-family: Quicksand, Helvetica, Arial, sans-serif;
- -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
- font-size: 14px;
- font-size: 1.4rem;
- margin: 5px 0 0;
- position: relative;
- text-align: right;
- text-transform: uppercase;
- width: 60%;
- text-shadow: 0px 0.5px 0 #ada2a2;
- }
- .main-navigation li:hover > a {
- color: #2f2c2c;
- text-shadow: 0px 0.5px 0 #2f2c2c;
- text-decoration: underline
- }
- /* =Homepage Bubbles unser Grau
- ----------------------------------------------- */
- #primary {
- padding: 0;
- width: 100%;
- }
- #primary:before,
- #primary:after,
- #content:before,
- #content:after,
- #main:before,
- #main:after {
- content: "";
- display: table;
- }
- #primary:after,
- #content:after,
- #main:after {
- clear: both;
- }
- .hentry.no-thumbnail {
- background: #d6d0d0;
- border-radius: 180px;
- overflow: hidden;
- transition: background .4s ease-in-out;
- -webkit-transition: background .4s ease-in-out;
- -moz-transition: background .4s ease-in-out;
- -o-transition: background .4s ease-in-out;
- word-wrap: break-word;
- }
- .hentry.no-thumbnail span {
- color: #fafafa;
- display: table-cell;
- font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
- font-size: 32px;
- font-size: 3.2rem;
- font-style: italic;
- line-height: 32px;
- overflow: hidden;
- text-align: center;
- transition: background .4s ease-in-out;
- -webkit-transition: background .4s ease-in-out;
- -moz-transition: background .4s ease-in-out;
- -o-transition: background .4s ease-in-out;
- -ms-transition: background .4s ease-in-out;
- vertical-align: middle;
- word-wrap: break-word;
- }
- .hentry.no-thumbnail:hover {
- background: #ada2a2;
- color: #ffffff;
- transition: background .4s ease-in-out;
- -webkit-transition: background .4s ease-in-out;
- -moz-transition: background .4s ease-in-out;
- -o-transition: background .4s ease-in-out;
- -ms-transition: background .4s ease-in-out;
- }
- /* =Headlines Schriftfarbe
- ----------------------------------------------- */
- .entry-title,
- .entry-title a {
- color: #ada2a2;
- font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
- font-size: 32px;
- font-size: 3.2rem;
- font-style: italic;
- line-height: 1em;
- margin: 0 0 20px 0;
- }
- /* =Text Schriftfarbe
- ----------------------------------------------- */
- body,
- button,
- input,
- select,
- textarea {
- color: #ada2a2;
- font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
- font-size: 16px;
- font-size: 1.6rem;
- font-weight: 300;
- line-height: 1.5;
- }
- /* =Button Farbe
- ----------------------------------------------- */
- button,
- html input[type="button"],
- input[type="reset"],
- input[type="submit"] {
- background: #d6d0d0;
- border: 0 none;
- border-radius: 50px;
- color: #fff;
- cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
- font-size: 12px;
- font-size: 1.2rem;
- line-height: 1;
- margin: 0;
- padding: .65em 1em;
- text-transform: uppercase;
- transition: all .3s ease-in-out;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- }
- button:hover,
- html input[type="button"]:hover,
- input[type="reset"]:hover,
- input[type="submit"]:hover {
- background: #ada2a2;
- color: #fafafa;
- transition: all .3s ease-in-out;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- }
- /* =Footer Farbe
- ----------------------------------------------- */
- #colophon {
- color: #d6d0d0;
- clear: both;
- font-family: Quicksand, Helvetica, Arial, sans-serif;
- -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
- font-size: 12px;
- font-size: 1.2rem;
- padding: 100px 0 50px;
- text-align: left;
- text-transform: uppercase;
- width: 100%;
- }
- #colophon a {
- color: #d6d0d0;
- }
- #colophon:hover a {
- color: #ada2a2;
- }
- /* =Widget Plus Zeichen
- ----------------------------------------------- */
- .sidebar-link {
- background: #fafafa;
- border-radius: 40px;
- clear: both;
- color: #d6d0d0;
- cursor: pointer;
- display: block;
- font-size: 18px;
- font-size: 1.8rem;
- line-height: 40px;
- margin: 2em auto 0;
- text-align: center;
- transition: background .4s ease-in-out, color .4s ease-in-out;
- -webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
- -moz-transition: background .4s ease-in-out, color .4s ease-in-out;
- -o-transition: background .4s ease-in-out, color .4s ease-in-out;
- -ms-transition: background .4s ease-in-out, color .4s ease-in-out;
- width: 40px;
- height: 40px;
- }
- .sidebar-link:hover {
- background-color: #ada2a2;
- color: #fafafa;
- transition: all .4s ease-in-out;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- -ms-transition: all .4s ease-in-out;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement