Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Das nötige CSS für unsere Autorenseite
/* Der Hintergrund unserer Autorenbox und der Überschrift
---------------------------------------------------------------------------------------- */
.user-info {
background-color: #fff;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 5% 7.6923% 3.84615% 7.6923%;
margin: 0 8.3333%;
margin-bottom: 8.3333%;
}
/* Schriftgröße der Überschrift anpassen
-------------------------------------------------------------------------------------- */
h1.entry-title.author {
font-size: 28px;
font-size: 2.8rem;
}
/* Die Author Info Box
-------------------------------------------------------------------------------------- */
.author-info {
position: relative;
background: #f5f5f5;
border: 1px solid #dfdfdf;
padding: 20px;
margin: 20px 0;
}
.author-info .author-description {
padding-left: 80px;
}
.author-info .author-description p {
font-size: 14px;
margin-bottom: 15px;
color: #666;
}
.author-info h3 {
margin: 0px 0px 5px 0px;
font-size: 14px;
text-transform: uppercase;
color: #222;
}
.author-info img.avatar {
width: 60px;
height: 60px;
margin: 0 20px 0 0 !important;
position: absolute;
left: 20px;
top: 20px;
}
.social-network {
display: inline-block;
}
.social-network ul {
margin: 0;
padding: 0;
}
.social-network ul li {
list-style: none;
float: left;
line-height: 1;
padding: 0;
margin: 0;
display: block;
}
.social-network ul li a {
font-size: 14px;
margin-right: 10px;
display: block
}
.social-network ul li.folgen {
font-size: 14px;
margin-right: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.