cilica's profile picture

Published by

published
updated

Privacy: Link-only
Category: Web, HTML, Tech

Black orthodox minimalistic layout

image host

Description

orthodox - has an orthodox cross on the online status

minimalistic - no blurbs (interests), no friend's comments, no contact box (except report/block and add friend buttons, which are important to be on the profile), only about me and status

layout modified from: ultimate dark theme

The code


<!-- hidden -->

<style>


.profile .mood p {
  display: none !important;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
 display: none !important;
}

.contact{width: 0px !important; height: 0px !important; border: 0px !important;}

.contact a{display: none !important;}

.profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
  display: none !important;
}

.profile .blurbs .section h4 {
  display: none !important;
}

.profile .url-info, .profile .table-section, .setting-section, .home-actions {
  display: none !important;
}

.profile h1 {
  display: none !important;
}

.profile-info {
  display: none !important;
}

.blog-preview {
  display: none !important;
}

.profile .blurbs .heading, .profile .friends .heading {
   display: none !important;
}

</style>

<!-- hidden -->

<!-- layout -->

<style>

body {
        background-color: black;
        background-attachment: fixed;
}


  p {
    color: white;
  }

footer {background:black}

  .row.profile .col.w-40.left{
    background: #121212
  }
  
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);
}

.profile .friends .person p {color:white}

  .row.profile .col.right{
    background: #121212
  }
 
h1,h2,h4,h5,h6 {
  background: linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);
}

  .col.w-40.left{
  color:white;
  }

.profile .blurbs .heading, .profile .friends .heading {background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);}
  
  .inner {
    color:white;
  }

.profile .table-section .heading {background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);}
  
  .blog-preview {
    color:white;
  }


.online {
        content: url("https://images2.imgbox.com/29/6e/G3Ww85w7_o.jpg");}

:root {
        --logo-blue: #1f1e1e00;
        --darker-blue: gray;
        --lighter-blue: #1f1e1e00;
        --even-lighter-blue: #1f1e1e00;
        --lightest-blue: black;
        --dark-orange: white;
        --light-orange:black;
        --even-lighter-orange:black;
        --green: gray;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: white;
}

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;"><img src="https://images2.imgbox.com/94/05/9DXtAj8t_o.jpg">


<!-- layout --></style>

<!-- about me links -->
<!-- use your own block/report/add friend links!!! -->

<img src="https://static.spacehey.net/icons/exclamation.png"> <a href="#">block user</a><br>
<br>
<img src="https://static.spacehey.net/icons/flag_red.png"> <a href="#">report user</a><br>
<br>
<img src="https://static.spacehey.net/icons/add.png"> <a href="#">add friend</a> <br>

<!-- about me links -->


Comments

Displaying 0 of 0 comments ( View all | Add Comment )