« Web, HTML, Tech Forum

why isnt this piece of code working? [closed]

Posted by bonbon

posted

Forum: Web, HTML, Tech

/* comments */


.comments-table td:first-child {

background: linear-gradient(#F6E0E9, white);

}

.comments-table td {

background: white;

  padding: 5px;

}

theres <style> tags i just havent added it to this and im not sure what to change to make it work. this is part of a layout thats been modified i can also provide the entire code for that below just in case


Report Topic

3 Replies

Sort Replies:

Reply by bonbon

posted

<!-- (c) Layout created by liliana_p (https://layouts.spacehey.com/layout?id=20559) -->


<style>

:root {

--dark-orange: #2c63a2;

}


@font-face {

src: url(https://external-media.spacehey.net/media/soHRgPdWmNC9i0Yr2VeoKMDRN4Pbz7KArOnC_MRJy1EM=/https://dl.dropbox.com/s/3fwcvhvgxeb4ie9/W95FA.otf);

font-family: snacker;

}


body {

     background-image: url("https://gifs.crd.co/assets/images/gallery07/6f54836c.jpg?v=ef433a6f") !important;

     background-color: #fefefe !important;

     background-attachment: fixed !important;

     margin: 0;

     padding: 0;

}


/* Top Bar Colors */


.top, ul.links {

border-left: 1px solid #E4CFDB;

border-right: 1px solid #E4CFDB;

box-shadow: 0px 1px 1px #E4CFDB;

}


ul.links {

border-bottom: 1px solid #E4CFDB;


border-top: 1px solid #E4CFDB;


}


nav .top, nav .links, .top ul .links {

background: linear-gradient(#FAEDFF, #E4CFDB);

}


nav .top .left .logo {

height: 30px;

  left: -25px;

  position: relative;

}


nav .links {

box-shadow: 0px 1px 0px #E4CFDB inset;

  margin: 0;

    padding: 0;

  font-size: 0;

}


nav .links .icon {

display: none;

}


nav .links li::after {

display: none;

}


nav .links li {

  padding: 6px;

border-right: 1px solid #E4CFDB;

  font-family: verdana;

}


nav .links li:hover {

background: linear-gradient(#FAEDFF, #E4CFDB);

}


nav .links a:hover {

text-decoration: none;

  color: white;

  text-shadow: none;

}


nav .links http://li.active a {

  font-weight: normal;

}


/* Search Bar */

.center label {

display: none;

}


input#q {

 border: solid 1px #D6B4D3;

 border-radius: 4px;

}


button {

 background: linear-gradient(#FFE0ED, #E4CFDB);

 border: solid 1px #D6B4D3;

 border-radius: 4px;

 padding: 3px;

 font-family: verdana;

 color: #5570a6;

 font-size: 9px;

}


/* Profile Box */


main {

background: none;

  font-family: snacker;

  font-size: 10px;

}


main a,  .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .count {color: #2c63a2;}

main a:hover {color: #2a477e;}


div.row.profile, .profile .contact, .profile .url-info, .profile .table-section, .home-actions {

background: white;

  border: 1px solid #c1c1c1;

  border-radius: 6px;

 font-familt: snacker;

}


.profile-info {

background: linear-gradient(#FFE0ED, #E4CFDB);

  color: white;

  border: 1px solid #c1c1c1;

  border-radius: 6px;

font-size: 12px;

 font-weight : bold;

    height: 50px;

}


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background: linear-gradient(#f9f9fc, #F6E0E9);

  border-bottom: 1px solid #c1c1c1;

  border-radius: 6px 6px 0px 0px;

}


.general-about .profile-pic, .general-about .profile-pic img {max-height: 120px;}


.profile .table-section, .home-actions {

background: linear-gradient(#F6E0E9, white);

}


.profile-info h3 {

 font-weight: bold;

  font-size: 10px;

  color: #BBBBBB;

  margin: 0;

}


.profile h1 {

  letter-spacing: 0.3px;

  font-size: 20px;

 font-weight: bold;

  margin: 0;

}


.details-table td {

  border: 1px solid #c1c1c1;

  background: white;

  padding: 3px;

font-family: snacker;

}


.details-table td:first-child {

  background: #eeeeee;

  padding: 2px;

  color: black;

  font-size: 3px;

}


/* header settings */


.profile .blurbs .heading, .profile .friends .heading {

background: linear-gradient(#FFE0ED, #E4CFDB);

  color: white;

    padding: 5px;

 font-weight: bold; 

  border-radius: 5px 5px 0px 0px;

}


.blurbs .inner, .friends .inner {

  border: 1px solid #dcdcdc;

  color: #c1c1c1;

  font-family: vendana;


}


.profile .friends .heading h4,  .blurbs .heading h4{

 font-weight: bold; 

}


.profile .blurbs .section {

 text-align: center;

 font-family: snacker; 

 font-size: 2px;

 color: black; }


.profile .inner b {

 font-size: 10px;

 color: #E4CFDB;


}


.profile .blurbs .section h4 {

 color: #E4CFDB;

 font-weight: bold;

 text-align: left;

 font-size: 12px;


.friends {margin-bottom: 15px;}


/* iMAGESSSS */


.profile img:not(.icon) {

  border: 1px solid #c1c1c1;

}


/* comments */


.comments-table td:first-child {

background: linear-gradient(#F6E0E9, white);

}

.comments-table td {

background: white;

  padding: 5px;

}


</style>


Permalink Report Reply

Reply by vogel

posted

<style>

:root {

--dark-orange: #2c63a2;

}


@font-face {

src:

url(https://external-media.spacehey.net/media/soHRgPdWmNC9i0Yr2VeoKMDRN4Pbz7KArOnC_MRJy1EM=/https://dl.dropbox.com/s/3fwcvhvgxeb4ie9/W95FA.otf);

font-family: snacker;

}


body {

     background-image: url("https://gifs.crd.co/assets/images/gallery07/6f54836c.jpg?v=ef433a6f") !important;

     background-color: #fefefe !important;

     background-attachment: fixed !important;

     margin: 0;

     padding: 0;

}


/* Top Bar Colors */


.top, ul.links {

border-left: 1px solid #E4CFDB;

border-right: 1px solid #E4CFDB;

box-shadow: 0px 1px 1px #E4CFDB;

}


ul.links {

border-bottom: 1px solid #E4CFDB;


border-top: 1px solid #E4CFDB;


}


nav .top, nav .links, .top ul .links {

background: linear-gradient(#FAEDFF, #E4CFDB);

}


nav .top .left .logo {

height: 30px;

  left: -25px;

  position: relative;

}


nav .links {

box-shadow: 0px 1px 0px #E4CFDB inset;

  margin: 0;

    padding: 0;

  font-size: 0;

}


nav .links .icon {

display: none;

}


nav .links li::after {

display: none;

}


nav .links li {

  padding: 6px;

border-right: 1px solid #E4CFDB;

  font-family: verdana;

}


nav .links li:hover {

background: linear-gradient(#FAEDFF, #E4CFDB);

}


nav .links a:hover {

text-decoration: none;

  color: white;

  text-shadow: none;

}


nav .links http://li.active a {

  font-weight: normal;

}


/* Search Bar */

.center label {

display: none;

}


input#q {

 border: solid 1px #D6B4D3;

 border-radius: 4px;

}


button {

 background: linear-gradient(#FFE0ED, #E4CFDB);

 border: solid 1px #D6B4D3;

 border-radius: 4px;

 padding: 3px;

 font-family: verdana;

 color: #5570a6;

 font-size: 9px;

}


/* Profile Box */


main {

background: none;

  font-family: snacker;

  font-size: 10px;

}


main a,  .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .count {color: #2c63a2;}

main a:hover {color: #2a477e;}


div.row.profile, .profile .contact, .profile .url-info, .profile .table-section, .home-actions {

background: white;

  border: 1px solid #c1c1c1;

  border-radius: 6px;

 font-family: snacker;

}


.profile-info {

background: linear-gradient(#FFE0ED, #E4CFDB);

  color: white;

  border: 1px solid #c1c1c1;

  border-radius: 6px;

font-size: 12px;

 font-weight : bold;

    height: 50px;

}


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background: linear-gradient(#f9f9fc, #F6E0E9);

  border-bottom: 1px solid #c1c1c1;

  border-radius: 6px 6px 0px 0px;

}


.general-about .profile-pic, .general-about .profile-pic img {max-height: 120px;}


.profile .table-section, .home-actions {

background: linear-gradient(#F6E0E9, white);

}


.profile-info h3 {

 font-weight: bold;

  font-size: 10px;

  color: #BBBBBB;

  margin: 0;

}


.profile h1 {

  letter-spacing: 0.3px;

  font-size: 20px;

 font-weight: bold;

  margin: 0;

}


.details-table td {

  border: 1px solid #c1c1c1;

  background: white;

  padding: 3px;

font-family: snacker;

}


.details-table td:first-child {

  background: #eeeeee;

  padding: 2px;

  color: black;

  font-size: 3px;

}


/* header settings */


.profile .blurbs .heading, .profile .friends .heading {

background: linear-gradient(#FFE0ED, #E4CFDB);

  color: white;

    padding: 5px;

 font-weight: bold; 

  border-radius: 5px 5px 0px 0px;

}


.blurbs .inner, .friends .inner {

  border: 1px solid #dcdcdc;

  color: #c1c1c1;

  font-family: vendana;


}


.profile .friends .heading h4,  .blurbs .heading h4{

 font-weight: bold; 

}


.profile .blurbs .section {

 text-align: center;

 font-family: snacker; 

 font-size: 2px;

 color: black; }


.profile .inner b {

 font-size: 10px;

 color: #E4CFDB;


}


.profile .blurbs .section h4 {

 color: #E4CFDB;

 font-weight: bold;

 text-align: left;

 font-size: 12px;
}

/*if you look at the code you posted, there was no closing bracket for the above code!*/


.friends {margin-bottom: 15px;}


/* iMAGESSSS */


.profile img:not(.icon) {

  border: 1px solid #c1c1c1;

}


/* comments */


.comments-table td:first-child {

background: linear-gradient(#F6E0E9, white);

}

.comments-table td {

background: white;

  padding: 5px;

}


</style>


Permalink Report Reply

Reply by bonbon

posted

THANK YOU SO MUCH


Permalink Report Reply

bonbon closed this Forum Topic