Mooie Bruin, blauw layout voor je profiel!

Deze layolut is gratis toe te passen op jouw profiel!

Wil je deze layout toepassen op jouw profiel? Kopieer dan onderstaande code en sla hem op in KLADBLOK op je computer als TWIKIEBRUINBLAUWELAYOUT.CSS, upload hem in je dashboard en sla hem op!

Wil je dezelfde achtergrond erin als ik? Neem dan even contact met mij op of --> DOWNLOAD HIER <-- de wallpaper.

Vergeet niet je eigen mooie cover te uploaden in je ---> dashboard <--- !

Download ---> DIT BESTANDJE <--- als je een andere mooie doorzichtige GRADIENT achtergrondje wil in je /* PAGINA CONTAINER */ gedeelte...

Voor de BOXHEADERS heb ik ---> HIER <--- nog een mooie bestandje met een keur aan mooie achtergrondjes voor in je BOXHEADERS.

Hier is de code:

/*---------------------PAGINA CONTAINER----------------------*/

.page-margin {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    background-image: url(http://oi66.tinypic.com/mrg6r4.jpg)!important;
    border-style: solid;
    border-width: 4px;
    border-color:#ececec;
    border-radius:40px;
}

/*---------------------COVER BOVEN PROFIEL-------------------*/

/*HIER BEGINT DE COVER*/
.user-cover-pc {
    width: 100%;
    height: 334px!important;
    padding-left:19px;
    padding-right:19px;
}

/*SCHADUW ONDER DE COVER*/
.user-cover-reposition-w img {
    box-shadow: 1px 7px 20px 4px rgba(1, 3, 8, 0.72);
}


/*HOOGTE VAN DE COVER*/
img#cover-image.pointer {
    /* height:334px!important; */
}

/*SCHADUW IN DE COVER*/
.problackback {
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(119, 17, 17, 0) 100%);
    padding: 90px;
    position: absolute;
    width: 100%;
    top: 185px;
    left: 0px;
}

/*NAVIGATIE*/

#profilenav ul {
    padding-left: 0px;
    overflow: hidden;
        overflow-x: hidden;
    overflow-x: auto;
    align-items: center;
    height: 42px;
    white-space: nowrap;
    background-image: url("http://oi64.tinypic.com/4vmhww.jpg");
}

/*BERICHTEN ACHTERGROND BINNENKANT*/

.post .post-description {
    padding: 15px;
        padding-bottom: 15px;
    padding-bottom: 8px;
    background-color: #0000003d;
}

/*BERICHTEN HEADER ACHTERGROND*/

.post .post-heading {
    padding: 15px;
    border-bottom: solid 1px #f3f3f3;
    display: inline-block;
    width: 100%;
    background-image: url(http://oi67.tinypic.com/nyd7w3.jpg)!important; /*HIER BEGINT DE HEADER ACHTERGROND*/
}

/*BERICHTEN HEADER TEKSTKLEUR*/

.post .post-heading .meta .title a {
    color: yellow;
}
.post .post-heading .meta .time {
    margin-top: 8px;
    color: white;
}

element {
    color: wheat;
}

/*BERICHTEN POSTEN TEKSTKLEUR*/

.post .post-description p {
    font-size: 14px;
    color: white;
    word-wrap: break-word;
}

/*BERICHTEN ACHTERGROND BUITENKANT*/

.panel-white {
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 4px;
}
.panel {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.post .panel-white {
    border-radius: 6px;
   background-color: #436ba654;
    border-style: solid;
    border-width: 4px;
    border-color:#fff;
}

#fullsizeimg {
    max-height: 550px;
    margin-left: -15px;
    width: calc(101% + 22.2px);
    background-color: #436ba6;
}

/*ZIJ BALKEN*/
.list-group {
    padding-left: 0;
    margin-bottom: 15px;
    border: 1px solid;
    border-color: #e5e6e940 #dfe0e430 #d0d1d521;
    border-radius: 4px;
    background-color: #fff0;
    overflow: hidden;
}

.list-group-item {
    position: relative;
    word-break: break-word;
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    background-color: #20374ecc;
    color: #b9b0b0;
        border-style: solid;
    border-width: 2px;
    border-color:#ececec;
    border-bottom-color:4px
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* background-color: #f9f9f9fc; */
    background-image: url(http://oi64.tinypic.com/4vmhww.jpg)!important;
    color: #fff;
        border-style: solid;
    border-width: 3px;
    border-color:#ececec;
    border-radius:3px;
}

a {
    color: #ffff;
    text-decoration: none;
}

.profiletopcoversize {
    padding-right: 0px;
    padding-top:40px;
}
.profiletopcoversize {
    max-height: 320px;
    min-height: 320px;
    position: initial;
    width: 100%;
    left: 0px;
}
.profile-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px!important;
}

.options-buttons button, .options-buttons a {
    margin-left: 10px;
    font-size: 13px;
    float: right;
    color: #000!important;
}