Emo Love 1

via GIPHY

Made a dark/ emo theme css layout, I'm really enjoying making these with gifs :) feel free to use it!


/* Feel free to use any of my CSS, sorry that some of it is out of order*/

div#header {
    background: #003399;
}
div#hSub {
    background: #6699cc;
    color: white;
}
#who, #about, .short, .url.box, .fwiendCounter > b, #viewFriends, .blogCard, a > b {
    color: white;
    border-color: black;
    border: 3px solid #000;
    background-image: url(https://media.giphy.com/media/T7hwNnni7s9OM/giphy.gif);
    background-size: cover;

}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: white;
}

/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol338.cur), auto !important;} /* End http://www.cursors-4u.com */

.extended {
   border: 3px solid #000;
   text-align: center;
   margin-bottom: 20px;
   margin-top: 15px;
   background-image: url(https://media.giphy.com/media/pWTCU3FwkfnO/giphy.gif);
   background-size: cover;
}

p {
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   background-image: url(“https://media.giphy.com/media/l49FtZHJps3PtxA1a/giphy.gif”);
   background-size: cover;


}
.blogs, .blog {
   margin-bottom: 20px;
   border: 3px solid;
   background-image: url(https://media.giphy.com/media/3oKIPdl2feOoZjGaaI/giphy.gif);
   background-size: cover;
}

.blogs div, .blog div {
    margin-bottom: 10px;
    color: black;
}

.blogs div, .blog div, .url a {
    color: white !important;
}

.blog {
    background-color: #6699cc;
    padding: 15px;
}

.topRight.blogPost {
    float: right;
    width: calc( 75% - 20px );
    padding: 0px;
}

/* Friends background image*/

#top {
   padding-left: 10px;
   padding-right: 10px;
   border: 3px solid;
   background-image: url(https://media.giphy.com/media/3JuOi8FtA3WCs/giphy.gif);
   background-size: cover;
}
.fwiendCount {
    Color: white;
}
.fwiendFace img {
height: 128px;
object-position: top;
object-fit: cover;
}
.rightHead {
    background: #c3ff0000;
    color: white;
    padding-left: 4px;
}
h4 {
    color: white;
    margin-bottom: 0px;
}

/* Main background image*/

body {
background-image: url("https://media.giphy.com/media/l49FtZHJps3PtxA1a/giphy.gif");
background-color: #3e3d53;
background-size:100% 100%;
background-attachment:fixed;
}
#name {
    visibility: hidden;
}
#name::before {visibility: visible;color: white;content: "Film N Digital";}

.boxInfo {
    border: 3px solid #000;
    margin-bottom: 20px;
    margin-top: 20px;
}
.boxHead {
    background: #6699cc;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    display: none;
}
form {
    margin-bottom: 20px;
    text-align: right;
    isplay: none;
}
color: black;
   background-color: #c3ff0024;
          border-color: black;
          border: 3px solid #000;