Fresh and Fruity Socializen Layout


Een vrolijke en frisse css layou voor jouw socializen profielpagina

.

Profiel layout: 'Fresh and Fruity'

Bijzonderheden: Frisse Socializen layout in frisse lichte kleuren voor jouw Socializen profielpagina. In deze layout hebben de topbalk en de headers een wit/paars/roze gradientachtergrond, is de tekst paars/roze, en is het body gedeelte lichtelijk transparant. De modules hebben een zacht witte gloed!

In deze layout staat de tijdlijn links.

Plaats je eigen cover en achtergrondje erin om hem naar eigen smaak in te richten

Wil je de bijpassende pagina cover? Download die dan HIER

Wil je de bijpassende wallpaper? Download die dan HIER

Download HIER het bestandje!

Sla het bestandje op je computer op als bijv 'Freshandfruity.css', dus niet als .txt, anders werkt het niet!

Of kopieer onderstaande code, plak hem in je kladblok op je pc en upload hem in je Socializen Dashboard bij 'Design' in het CSS-bestand gedeelte. 

Wordt ook lid van de groep 'Socializen Layouts en Profielpimps' als je op de hoogte wilt blijven van de laatste layouts!

 

De CSS-code:

 

.navbar-default {
height: 45px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(19,36,181,1) 51%, rgba(222,71,172,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#de47ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.list-group-item {
position: relative;
word-break: break-word;
display: block;
padding: 5px 10px;
font-size: 13px;
background-color: #dcbce7;
color: #555;
}

@media (min-width: 992px)
.col-md-3 {
width: 25%;
float: right;
}

.sun_profile_container {
width: 100%;
max-width: 1120px;
margin: -42px auto 0;
position: relative;
background-color: #a2a2a2;
}

.sun_profile_container .sun_col-md-3 {
width: 27%;
float: right;
}

body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
opacity: 0.8;
}

.sun_user_desc {
padding: 0 15px;
margin-top: 15px;
font-size: 16px;
color: #86119c;
}

.sun_side_widget .sun_side_widget_title {
padding: 9px 13px;
font-size: 16px;
color: #222;
display: flex;
align-items: center;
font-weight: bold;
margin: 0;
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(19,36,181,1) 51%, rgba(222,71,172,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#de47ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 8px 0px 40px 0px;
-webkit-border-radius: 8px 0px 40px 0px;
}

.sun_side_widget {
background: #fff;
box-shadow: 0 1px 13px rgba(0, 0, 0, 0.08);
margin-bottom: 25px;
border-radius: 5px;
box-shadow: -1px -1px 10px 2px #ffffff;
}

.post .post-heading {
height: 70px;
padding: 15px;
border-radius: 5px;
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(19,36,181,1) 51%, rgba(222,71,172,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(19,36,181,1) 51%,rgba(222,71,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#de47ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 8px 0px 40px 0px;
-webkit-border-radius: 8px 0px 40px 0px;
}

.post .post-description {
padding: 15px 15px 8px;
box-shadow: -1px -1px 10px 2px #ffffff;
}

.post .post-description p {
font-size: 16px;
color: #6a0fb0;
overflow: hidden;
word-wrap: break-word;
}

.post .post-footer {
border-top: 1px solid #f4f4f4;
padding: 10px;
/* background: #f2f3f5; */
background-color: #dcbce7;
}

#wo_post_stat_button .stat-item {
color: #616770;
font-size: 13px;
font-weight: 700;
line-height: 19px;
flex: 1;
width: 100%;
box-shadow: none;
padding: 5px;
transition: all .1s ease-in-out;
cursor: pointer;
background: #c9b8d7;
border: 3px solid #9813c9;
border-radius: 2em;
}

#wo_comment_combo {
margin-left: -10px;
margin-right: -10px;
padding: 10px 10px 0;
margin-top: -10px;
border-top: 1px solid #e6e6e6;
transition: all .2s ease;
box-shadow: -1px -1px 10px 2px #ffffff;
}