Bin gespannt, was Nex4T noch draus macht.
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
| Geschlossen | ||


aber selbst Programmieren haut noch nicht so ganz hin, entweder bin ich selbst einfach zu dumm oder es ist so leicht und ich machs mir nur zu schwer :/ irgendwann wird hier eine mein Nachhilfe lehrer...


#uProfilHeader {
width: 99%x;
height: 239px;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.titelbild {
width: 99%;
height: 200px;
position: absolute;
z-index: 0;
border: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.profilbild {
height: 145px;
width: 145px;
position: absolute;
z-index: 1;
top: 68px;
right: 30px;
background-color: #fff;
border: 4px solid #fff;
-webkit-border-radius: 2px;
}
.UName {
max-width: 275px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,.8);
font-weight: bold;
bottom: 15px;
left: 15px;
position: absolute;
}
.UName a {
font-size: 24px;
color: #fff;
text-decoration: none;
}
/* Navigation */
#navi {
height: 35px;
width: 99%;
top: 200px;
background-color: #fff;
position: absolute;
border: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ProfilbildDeko {
height: 17px;
width: 153px;
right: 22px;
background-color: #fff;
position: absolute;
border: 2px solid #e5e5e5;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* Navi Buttons */
.button {
height: 35px;
width: 85px;
background-color: #fff;
position: absolute;
cursor: pointer;
}
.pinnwand {
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
}
.info {
left: 87px;
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
}
.foto {
left: 174px;
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
}
.button:hover {
background-color: #e5e5e5;
}
.buttonText {
text-align: center;
margin-top: 10px;
font-weight: bold;
color: #3b5998;
font-size: 13px;
}
#uProfil {
width: 99%;
margin-top: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Breiter Content */
#contentBigTop {
margin-top: 11px;
width: 99%;
height: 20px;
background-color: #e5e5e5;
border: 2px solid #e5e5e5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#contentBig {
margin-bottom: 11px;
width: 99%;
border-left: 2px solid #e5e5e5;
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#contentBigBottom {
width: 99%;
height: 29px;
background-color: #e5e5e5;
position: relative;
}
.contenText {
color: #6a7480;
line-height: 20px;
padding: 7px;
}
.uploadSubmit {
font-size: 11px;
margin-top: 3px;
padding: 5px 12px;
float: right;
position: relative;
font-weight: bold;
background-color: #185687;
color: #fff;
border: 1px solid #6992b0;
-webkit-border-radius: 2px;
}
.contenText a {
text-decoration: none;
}
.contenText a:hover {
text-decoration: underline;
}
#infoAngabe {
width: 100%;
float: left;
color: #9197a3;
}
/* Foto Content */
.picWidth {
max-height: 150px;
text-align: center;
float: left;
}
.picWidth:hover {
background-color: #ececec;
}
.picInput {
padding: 4px;
background: #fff;
border: 1px solid #bdc7d8;
}
div#contentBigTop span {
display: none;
}
div#contentBigTop:hover span {
display: inline;
float: right;
}
/* Box Left */
#box-left {
width: 24%;
background-color: #fff;
border-radius: 12px;
float: left;
}
#box-Top {
height: 20px;
width: 100%;
background-color: #e5e5e5;
border: 2px solid #e5e5e5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#box-Index {
width: 100%;
border-left: 2px solid #e5e5e5;
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Content Right */
#box-right {
width: 74%;
margin-left: 11px;
background-color: #fff;
border-radius: 12px;
float: right;
}
/* Status Box */
#cStatus-Top {
height: 20px;
width: 100%;
background-color: #e5e5e5;
position: relative;
border: 2px solid #e5e5e5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#cStatus-Index {
width: 100%;
position: relative;
border-left: 2px solid #e5e5e5;
border-right: 2px solid #e5e5e5;
}
#cStatus-Bottom {
height: 30px;
width: 100%;
background-color: #e5e5e5;
position: relative;
border: 2px solid #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cStatus-textarea {
color: #6a7480;
height: 24px;
width: 99%;
border: 0;
resize: none;
background-color: #fff;
}
.cStatus-textarea:focus {
outline: none !important;
border: 0px;
height: 42px;
}
.cStatus-submit {
font-size: 11px;
padding: 5px 12px;
float: right;
position: relative;
font-weight: bold;
background-color: #185687;
color: #fff;
border: 1px solid #6992b0;
-webkit-border-radius: 2px;
margin-top:2px;
right:2px;
}
/* Pinnwand */
#cPinnwand-Index {
margin-top: 11px;
margin-bottom: 11px;
padding: 5px;
width: 98%;
border: 2px solid #e5e5e5;
border-radius: 5px;
}
.PinnwandBild {
width: 45px;
height: 45px;
border: 1px solid #e5e5e5;
border-radius: 5px;
float: left;
position: relative;
}
.PinnwandInfo {
max-width: 250px;
height: 45px;
position: relative;
padding: 5px;
left: 10px;
float: left;
}
.PinnwandInfo a {
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}
.PinnwandInfo a:hover {
text-decoration: underline;
}
.datetime {
font-size: 11px;
font-weight: normal;
line-height: 20px;
color: #9197a3;
}
.PinnwandText {
font-size: 14px;
}
.PinnwandDel {
text-align: right;
float: right;
}
/* Allg */
#trennlinie {
width: 100%;
margin: 12px 0 12px 0;
border-width: 1px 0 0 0;
border: 1px solid #ececec;
}
/* Text Inhalt */
.HeadText {
font-size: 11px;
color: #6a7480;
font-weight: bold;
margin: 4px 10px;
}
.HeadText a {
color: #6a7480;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.HeadText a:hover {
color: #6a7480;
text-decoration: underline;
}
.ContentText {
color: #6a7480;
padding: 7px 7px 0 7px;
}


mir gefällts damit schon ganz gut
#uProfilHeader {
width: 99%x;
height: 239px;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.titelbild {
width: 99%;
height: 200px;
position: absolute;
z-index: 0;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.profilbild {
height: 145px;
width: 145px;
position: absolute;
z-index: 1;
top: 68px;
right: 30px;
background-color: #fff;
border: 4px solid #fff;
-webkit-border-radius: 2px;
}
.UName {
max-width: 275px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,.8);
font-weight: bold;
bottom: 15px;
left: 15px;
position: absolute;
}
.UName a {
font-size: 24px;
color: #fff;
text-decoration: none;
}
/* Navigation */
#navi {
height: 35px;
width: 99%;
top: 200px;
background-color: #fff;
position: absolute;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ProfilbildDeko {
height: 17px;
width: 153px;
right: 22px;
background-color: #fff;
position: absolute;
border: 2px solid #D0D1D5;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* Navi Buttons */
.button {
height: 35px;
width: 85px;
background-color: #fff;
position: absolute;
cursor: pointer;
}
.pinnwand {
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
}
.info {
left: 87px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.foto {
left: 174px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.button:hover {
background-color: #86ACD4;
font-weight: bold;
color: #fff;
font-size: 13px;
}
.buttonText {
text-align: center;
margin-top: 10px;
font-weight: bold;
color: #3b5998;
font-size: 13px;
}
.buttonText:hover {
text-align: center;
margin-top: 10px;
font-weight: bold;
color: #fff;
font-size: 13px;
}
#uProfil {
width: 99%;
margin-top: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Breiter Content */
#contentBigTop {
margin-top: 11px;
width: 99%;
height: 36px;
background-color: #F6F7F8;
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#contentBig {
margin-bottom: 11px;
width: 99%;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#contentBigBottom {
width: 99%;
height: 36px;
background-color: #F6F7F8;
position: relative;
}
.contenText {
color: #6a7480;
line-height: 20px;
padding: 7px;
}
.uploadSubmit {
float: right;
background-color:#86acd4;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #819baa;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:12px;
padding:6px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #6b6b6b;
margin-right: 3px;
margin-top: 3px;
}
.uploadSubmit:hover {
float: right;
background-color:#587ebf;
margin-right: 3px;
margin-top: 3px;
}
.uploadSubmit:active {
float: right;
position:relative;
top:1px;
margin-right: 3px;
margin-top: 3px;
}
.contenText a {
text-decoration: none;
}
.contenText a:hover {
text-decoration: underline;
}
#infoAngabe {
width: 100%;
float: left;
color: #9197a3;
}
/* Foto Content */
.picWidth {
max-height: 150px;
text-align: center;
float: left;
}
.picWidth:hover {
background-color: #ececec;
}
.picInput {
padding: 4px;
background: #fff;
border: 1px solid #bdc7d8;
-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
box-shadow: inset 2px 2px 2px 0px #dddddd;
height:30px;
}
div#contentBigTop span {
display: none;
}
div#contentBigTop:hover span {
display: inline;
float: right;
}
/* Box Left */
#box-left {
width: 24%;
background-color: #fff;
border-radius: 12px;
float: left;
}
#box-Top {
height: 36px;
width: 100%;
background-color: #F6F7F8;
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#box-Index {
width: 100%;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Content Right */
#box-right {
width: 74%;
margin-left: 11px;
background-color: #fff;
border-radius: 12px;
float: right;
}
/* Status Box */
#cStatus-Top {
background-color: #F6F7F8;
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height: 36px;
position: relative;
width: 100%;
}
#cStatus-Index {
width: 100%;
position: relative;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
box-shadow: inset 2px 2px 2px 0px #dddddd;
}
#cStatus-Bottom {
height: 36px;
width: 100%;
background-color: #F6F7F8;
position: relative;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cStatus-textarea {
color: #6a7480;
height: 24px;
width: 99%;
border: 0;
resize: none;
background-color: #fff;
}
.cStatus-textarea:focus {
outline: none !important;
border: 0px;
height: 42px;
}
.cStatus-submit {
float: right;
background-color:#86acd4;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #819baa;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:12px;
padding:6px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #6b6b6b;
margin-right: 3px;
margin-top: 3px;
}
.cStatus-submit:hover {
float: right;
background-color:#587ebf;
margin-right: 3px;
margin-top: 3px;
}
.cStatus-submit:active {
float: right;
position:relative;
top:1px;
margin-right: 3px;
margin-top: 3px;
}
/* Pinnwand */
#cPinnwand-Index {
margin-top: 11px;
margin-bottom: 11px;
padding: 5px;
width: 98%;
border: 1px solid #D0D1D5;
border-radius: 5px;
}
.PinnwandBild {
width: 45px;
height: 45px;
border: 1px solid #D0D1D5;
border-radius: 5px;
float: left;
position: relative;
}
.PinnwandInfo {
max-width: 250px;
height: 45px;
position: relative;
padding: 5px;
left: 10px;
float: left;
}
.PinnwandInfo a {
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}
.PinnwandInfo a:hover {
text-decoration: underline;
}
.datetime {
font-size: 11px;
font-weight: normal;
line-height: 20px;
color: #9197a3;
}
.PinnwandText {
font-size: 14px;
}
.PinnwandDel {
text-align: right;
float: right;
}
/* Allg */
#trennlinie {
width: 100%;
margin: 12px 0 12px 0;
border-width: 1px 0 0 0;
border: 1px solid #ececec;
}
/* Text Inhalt */
.HeadText {
color: #6A7480;
font-size: 12px;
font-weight: 700;
margin: 11px 10px;
}
.HeadText a {
color: #6a7480;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.HeadText a:hover {
color: #6a7480;
text-decoration: underline;
}
.ContentText {
color: #6a7480;
padding: 7px 7px 0 7px;
line-height: 28px;
}












Ich habe auch noch ein paar Punkte die man mit in das Modul mitaufnehmen bzw. ändern könnte / sollte.




was mich selbst noch stört sind die kleinen header meine damit die top von der box und content die ist so klein, finde es solte schon so wie der bottom sein, ist irgendwie aufälliger


/*
Copyright by: Siggi
Support: www.ilch.de
*/
#uProfilHeader {
width: 595px;
height: 239px;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.titelbild {
width: 595px;
height: 200px;
position: absolute;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
z-index: 1;
}
.profilbild {
height: 145px;
width: 145px;
position: absolute;
z-index: 2;
top: 68px;
right: 30px;
background-color: #fff;
border: 4px solid #fff;
-webkit-border-radius: 2px;
}
.UName {
max-width: 240px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,.8);
font-weight: bold;
bottom: 15px;
left: 15px;
position: absolute;
}
.UName a {
font-size: 24px;
color: #fff;
text-decoration: none;
}
.HeaderButton {
background-color: #fff;
padding: 4px;
text-align: center;
position: absolute;
border: 1px solid #D0D1D5;
-webkit-border-radius: 3px;
font-weight: bold;
}
.friendAddCheck {
width: 130px;
bottom: 40px;
right: 193px;
}
.friendDel {
width: 80px;
bottom: 40px;
right: 193px;
}
.PN {
width: 105px;
bottom: 10px;
right: 218px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.BHMore {
width: 16px;
bottom: 10px;
right: 193px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.BHMore a {
text-decoration: none;
}
.HeaderButton:hover {
border-color: #3b5998;
cursor: pointer;
}
/* More klappbox */
.BHMore_box {
width: 100px;
left: 288px;
top: 200px;
padding: 6px;
position: relative;
background: #ffffff;
border: 1px solid #D0D1D5;
line-height: 20px;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.BHMore_box:after, .BHMore_box:before {
bottom: 100%;
left: 87%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.BHMore_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 6px;
margin-left: -6px;
}
.BHMore_box:before {
border-color: rgba(229, 229, 229, 0);
border-bottom-color: #e5e5e5;
border-width: 9px;
margin-left: -9px;
}
.BHMore_box a {
cursor: pointer;
text-decoration: none;
font-weight: bold;
}
.BHMore_box a:hover {
text-decoration: underline;
}
/* Smilie klappbox */
.PWSmilies {
height: 27px;
padding: 4px;
float: left;
}
.PWSmilies a {
text-decoration: none;
}
.PWSmilies_box {
width: 160px;
top: 32px;
left: -9px;
padding: 6px;
position: absolute;
background: #ffffff;
border: 1px solid #D0D1D5;
line-height: 20px;
z-index: 5;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.PWSmilies_box:after, .PWSmilies_box:before {
bottom: 100%;
left: 13%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.PWSmilies_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 6px;
margin-left: -6px;
}
.PWSmilies_box:before {
border-color: rgba(229, 229, 229, 0);
border-bottom-color: #e5e5e5;
border-width: 9px;
margin-left: -9px;
}
.PWSmilies_box a {
cursor: pointer;
text-decoration: none;
font-weight: bold;
}
.PWSmilies_box a:hover {
text-decoration: underline;
}
#trennlinieKBox {
width: 100%;
margin: 4px 0 4px 0;
border-width: 1px 0 0 0;
border: 1px solid #ececec;
}
/* Navigation */
#navi {
height: 35px;
width: 593px;
top: 200px;
background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
position: absolute;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ProfilbildDeko {
height: 19px;
width: 153px;
right: 28px;
background-color: #fff;
position: absolute;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* Navi Buttons */
.button {
height: 35px;
width: 85px;
background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
position: absolute;
cursor: pointer;
}
.pinnwand {
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
}
.info {
left: 86px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.foto {
left: 172px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.friend {
left: 172px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.friend2 {
left: 258px;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
}
.button:hover {
background-color: #86ACD4;
font-weight: bold;
background-image: linear-gradient(to bottom, #FFFFFF 0px, #bbcddf 100%);
font-size: 13px;
}
.buttonText {
text-align: center;
margin-top: 10px;
font-weight: bold;
color: #3b5998;
font-size: 13px;
}
.fCheck {
width: 28px !important;
right: 0px;
border-left: 1px solid #D0D1D5;
border-bottom-right-radius: 5px;
}
.fCheckIcon {
width: 16px;
height: 16px;
background-image: url('../../images/userprofil/icons/icon_friendcheck.png');
background-repeat: no-repeat;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.fCheckText {
font-size: 9px;
color: #fff;
font-weight: bold;
background-color: #c9302c;
padding: 2px;
position: absolute;
right: -3px;
top: -6px;
border-radius: 100% 100% 100% 100%;
-moz-border-radius: 100% 100% 100% 100%;
-webkit-border-radius: 100% 100% 100% 100%;
}
#uProfil {
width: 595px;
margin-top: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Breiter Content */
#contentBigTop {
margin-top: 11px;
width: 593px;
height: 36px;
background: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#contentBig {
margin-bottom: 11px;
width: 593px;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#contentBigBottom {
width: 593px;
height: 27px;
background-color: #F6F7F8;
border-top: 1px solid #D0D1D5;
position: relative;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.contenText {
color: #6a7480;
line-height: 20px;
padding: 7px;
}
.uploadSubmit {
float: right;
position: relative;
background-color: #86acd4;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #819baa;
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 11px;
padding: 3px 6px;
text-shadow: 0px 1px 0px #6b6b6b;
margin-right: 3px;
margin-top: 3px;
}
.uploadSubmit:hover {
background-color:#587ebf;
}
.contenText a {
text-decoration: none;
}
.contenText a:hover {
text-decoration: underline;
}
#infoAngabe {
width: 191px;
float: left;
color: #9197a3;
}
/* Freunde Content */
#cFContent {
width: 285px;
padding: 5px;
float: left;
}
.cFAvatar {
width: 80px;
height: 80px;
border-top: 1px solid #D0D1D5;
border-left: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
float: left;
}
.cFInfo {
width: 203px;
height: 80px;
border-top: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
float: left;
}
.cFInfo span a {
font-size: 13px;
color: #3b5998;
font-weight: bold;
}
.cFInfo a {
color: #6a7480;
}
.cFInfoTextMiddle {
height: 68px;
display: table-cell;
vertical-align: middle;
color: #fff;
}
.cFInfoText {
height: 68px;
display: table-cell;
color: #fff;
}
/* Freunde check */
.friendButton {
padding: 4px;
text-align: center;
position: absolute;
border: 1px solid #D0D1D5;
-webkit-border-radius: 3px;
font-weight: bold;
}
.friendAccept {
background-color: #5cb85c;
width: 80px;
}
.friendAccept:hover {
border-color: #3b5998;
background-color: #449d44;
cursor: pointer;
}
.friendRefuse {
background-color: #d9534f;
width: 80px;
margin-left: 95px;
}
.friendRefuse:hover {
border-color: #3b5998;
background-color: #c9302c;
cursor: pointer;
}
/* Foto Content */
.picWidth {
max-height: 150px;
text-align: center;
float: left;
}
.picWidth:hover {
background-color: #ececec;
}
.picInput {
padding: 4px;
background: #fff;
border: 1px solid #D0D1D5;
}
div#contentBigTop span {
display: none;
}
div#contentBigTop:hover span {
display: inline;
float: right;
}
/* Box Left */
#box-left {
width: 180px;
background-color: #fff;
border-radius: 12px;
float: left;
}
#box-Top {
height: 36px;
width: 178px;
background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#box-Index {
width: 178px;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
border-bottom: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Content Right */
#box-right {
width: 404px;
margin-left: 11px;
background-color: #fff;
border-radius: 12px;
float: left;
}
/* Status Box */
#cStatus-Top {
height: 36px;
width: 402px;
background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
position: relative;
border: 1px solid #D0D1D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#cStatus-Index {
width: 402px;
position: relative;
border-left: 1px solid #D0D1D5;
border-right: 1px solid #D0D1D5;
}
#cStatus-Bottom {
height: 27px;
width: 402px;
background-color: #F6F7F8;
position: relative;
border: 1px solid #D0D1D5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cStatus-textarea {
color: #6a7480;
height: 24px;
width: 99%;
border: 0;
resize: none;
background-color: #fff;
}
.cStatus-textarea:focus {
outline: none !important;
border: 0px;
height: 42px;
}
.cStatus-submit {
float: right;
position: relative;
background-color: #86acd4;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #819baa;
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 11px;
padding: 3px 6px;
text-shadow: 0px 1px 0px #6b6b6b;
margin-right: 3px;
margin-top: 3px;
}
.cStatus-submit:hover {
background-color:#587ebf;
}
/* Pinnwand */
#cPinnwand-Index {
margin-top: 11px;
margin-bottom: 11px;
padding: 5px;
width: 392px;
border: 1px solid #D0D1D5;
border-radius: 5px;
box-shadow: 1px 1px 3px 0px #CACACA;
}
.PinnwandBild {
width: 45px;
height: 45px;
border: 1px solid #D0D1D5;
border-radius: 5px;
float: left;
position: relative;
}
.PinnwandInfo {
max-width: 250px;
height: 45px;
position: relative;
padding: 5px;
left: 10px;
float: left;
}
.PinnwandInfo a {
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}
.PinnwandInfo a:hover {
text-decoration: underline;
}
.datetime {
font-size: 11px;
font-weight: normal;
line-height: 20px;
color: #9197a3;
}
.PinnwandText {
font-size: 14px;
line-height: 20px;
}
.PinnwandDel {
text-align: right;
float: right;
}
/* Friend Box */
.boxFriends {
width: 80px;
height: 80px;
float: left;
margin: 4px;
background-size: 100%;
position: relative;
}
.boxFriendsAvatar {
background-size: 100%;
position: absolute;
}
.boxFriendsName {
position: absolute;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,.8);
-webkit-text-stroke: 0.2px #000;
-webkit-text-fill-color: #fff;
bottom: 0;
margin: 2px;
}
/* Allg */
.boxUserFotos {
float: left;
padding: 4px;
}
/* Foto Box */
#trennlinie {
width: 100%;
margin: 12px 0 12px 0;
border-width: 1px 0 0 0;
border: 1px solid #ececec;
}
/* Text Inhalt */
.HeadText {
font-size: 11px;
color: #6a7480;
font-weight: bold;
margin: 11px 10px;
}
.HeadText a {
color: #6a7480;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
.HeadText a:hover {
color: #6a7480;
text-decoration: underline;
}
.ContentText {
color: #6a7480;
line-height: 23px;
padding: 7px 7px 0 7px;
}

Ja okay dann lassen wir diese halt höher ^^



Ok ich warte dann, bis ihr mitm scripten fertig seid


schönes modul
| Geschlossen | ||
![]() |
Zurück zu HTML, PHP, SQL,... | |