Beispielforum 1 - so könnte es aussehen
|
| table .tdinsta{
text-align:center;
}
.tdinsta2{
border-left: 2px solid #fff;
border-top:2px solid #fff;
float:left;
height: 105px;
overflow: hidden;
}
.tdinsta2 img{
width: 105px;
}
.instaoverviewout{
padding: 3px;
width: 350px;
background:white;
text-align:justify;
}
.instaoverviewtopname{
border-bottom: 1px solid #dedede;
padding: 10px;
text-align:center;
padding-top: 15px;
padding-bottom: 15px;
}
.instatopname {
font-family: Montserrat;
color: black;
font-size: 15px;
font-weight:600;
letter-spacing: 1px;
}
.instaoverviewstats{
padding-top:5px;
}
.instaoverviewprofilepic{
width: 75px;
height: 75px;
border-radius: 100%;
}
.instastatscount {
color:#000;
font-family: Montserrat;;
font-size: 12px;
font-weight:600;
letter-spacing: 1px;
}
.instastatssubh{
color:#c7c7c7;
font-family: Montserrat;
font-size: 10px;
letter-spacing: 1px;
}
.instaoverviewfollow{
padding-top: 5px;
padding-bottom:5px;
width: 88%;
border: 1px solid #2474ab;
border-radius: 3px;
}
.instafollowfont {
color:#2474ab;
font-family: Montserrat;
font-size:15px;
font-weight:600;
letter-spacing: 1px;
}
.instaoverviewdescr{
padding: 10px;
line-height: 160%;
}
.instadescrname {
color: black;
font-size: 12px;
font-family: Montserrat;
font-weight:600;
letter-spacing: 1px;
}
.instadescr {
color:#525252;
font-family: Montserrat;
font-size: 11px;
}
.instasfollowedby{
color:#c7c7c7;
font-family: Montserrat;
font-size: 10px;
}
.instasfollowedby b{
color:black;
font-family: Montserrat;
font-size: 10px;
font-weight: normal;
}
.instadescrlink {
font-family: Montserrat;
font-size: 11px;
letter-spacing: 1px;
color:#2474ab;
}
.instaoverviewclick{
padding-top: 10px;
border-top: 1px solid #dedede;
}
.tdinstasub1{
color:#2474ab;
font-size: 21px;
}
.tdinstasub2{
color:#a8a8a8;
font-size: 21px;
}
.instaoverviewpictures{
width: 350px;
height: 189px;
overflow:auto;
}
.instaoverviewmenu{
padding-top: 7px;
padding-bottom: 5px;
}
.instapostout{
width: 356px;
background:white;
text-align:justify;
}
.instaposttop{
padding-top:10px;
padding-bottom:10px;
}
.instapostprofilepic {
border-radius:100%;
border: 2px solid #dedede;
width:40px;
}
.instapostoptions{
padding-top: 5px;
padding-bottom: 0px;
}
.tdinstasub3{
color:#454545;
font-size: 23px;
display:block;
margin-top:2px;
}
.tdinstasub4{
color:#454545;
font-size: 26px;
}
.tdinstasub5{
color:#454545;
font-size: 21px;
margin-top: 2px;
display:block;
}
.instapostnametop {
color: black;
font-size: 12px;
font-family: Montserrat;
font-weight:600;
letter-spacing: 1px;
}
.instapostlocationtop {
color:#c7c7c7;
font-family: Montserrat;
font-size:10px;
letter-spacing: 1px;
}
.instapostpic {
width:356px;
overflow:hidden;
}
.instapostcomments {
width: 326px;
padding: 15px;
background:white;
text-align:justify;
}
.instaposttimestamp {
color:#c7c7c7;
font-family: Montserrat;
font-size:9px;
text-transform:uppercase;
letter-spacing: 1px;
}
.instapostcommentsgen {
color:#525252;
font-family: Montserrat;
font-size: 11px;
}
.postcommentlikes {
color: black;
font-size: 12px;
font-family: Montserrat;
font-weight:600;
letter-spacing: 1px;
}
.postcommentname {
color: black;
font-size: 10px;
font-family: Montserrat;
font-weight:600;
letter-spacing: 1px;
}
.verified {
background-image:url('http://katkatkat.bplaced.net/codes/instagram/badge.png');
background-size: 18px 18px;
width: 9px;
padding: 4.5px;
height: 9px;
display: inline-block;
text-align:center;
margin-top:-2px;
}
.verifiedc{
color: white;
font-size: 9px;
} | |
|