Hey guys
I was trying to copy some of the CSS settings from another website, but its not working on my site. any ideas?
/*! CSS Used from: Embedded */
a{color:#248cec;}
a:hover{color:#0e589c;}
/*! CSS Used from: https://sjc3.discourse-cdn.com/business5/stylesheets/desktop_2_7e449970fed2d38f4d250f5e0757136234674214.css?__ws=xxxxxx ; media=all */
@media all{
a{background-color:transparent;}
img{border-style:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}
a{color:var(--tertiary);text-decoration:none;cursor:pointer;}
a:visited{color:var(--tertiary);}
a:hover{color:var(--tertiary);}
a:active{color:var(--tertiary);}
img{vertical-align:middle;}
table{border-collapse:collapse;}
tbody{border-top:3px solid var(--primary-low);}
tr{border-bottom:1px solid var(--primary-low);}
.topic-list-item td:first-child{border-left:1px solid transparent;}
.badge-wrapper{font-size:.8706em;white-space:nowrap;position:relative;display:inline-flex;align-items:baseline;}
.badge-wrapper .badge-category{display:inline-flex;align-items:baseline;}
.badge-wrapper .badge-category .category-name{text-overflow:ellipsis;overflow:hidden;}
.badge-wrapper.box{margin-right:5px;padding:2px 4px 2px 4px;display:inline-flex;}
.badge-wrapper.box span{overflow:hidden;text-overflow:ellipsis;}
.badge-wrapper.box span.badge-category-bg,.badge-wrapper.box span.badge-category-parent-bg{position:absolute;top:0;right:0;bottom:0;left:0;}
.badge-wrapper.box span.badge-category-parent-bg{width:calc(100% - 5px);}
.badge-wrapper.box span.badge-category-parent-bg+.badge-category-bg{left:5px;width:calc(100% - 5px);}
.badge-wrapper.box span.badge-category-parent-bg+.badge-category-bg+.badge-category{margin-left:5px;}
.badge-wrapper.box span.badge-category{position:relative;}
.badge-posts{font-weight:normal;font-size:1em;line-height:1;}
.badge-posts[href]{color:var(--primary-med-or-secondary-med);}
.svg-icon{height:1em;width:1em;line-height:1;display:inline-flex;position:relative;vertical-align:-0.125em;fill:currentColor;flex-shrink:0;overflow:visible;}
svg>use{pointer-events:none;}
@media print{
.avatar,.badge-category,.badge-category-bg{display:none!important;}
a,a:visited{color:#0088cc!important;}
a,a:visited{color:#ddd;font-weight:bold;}
}
.topic-list .main-link{font-size:1.1487em;}
.topic-list .main-link a.title{padding:15px 0;word-break:break-word;color:var(--primary);}
.anon .topic-list .main-link a.title:visited:not(.badge-notification){color:var(--primary-medium);}
.topic-list{width:100%;border-collapse:collapse;}
.topic-list th,.topic-list td{line-height:1.4;text-align:left;vertical-align:middle;}
.topic-list td{color:var(--primary-medium);font-size:1em;}
.topic-list .link-bottom-line{font-size:.8706em;display:flex;flex-wrap:wrap;align-items:center;}
.topic-list .link-bottom-line .discourse-tags{flex-wrap:wrap;}
.topic-list .link-bottom-line a.badge-wrapper.box,.topic-list .link-bottom-line a.discourse-tag.box{padding-top:0;padding-bottom:0;}
.topic-list .link-bottom-line .discourse-tag.box{margin-right:0.25em;}
.topic-list .topic-statuses:empty{display:none;}
.topic-list .num{text-align:center;}
.topic-list .num a:not(.badge-posts){color:inherit;}
.topic-list .num a.badge-posts{font-weight:bold;}
.topic-list .num.posts a{padding:15px 5px;}
.topic-list .num.activity a{padding:15px 5px;}
.heatmap-med{color:#cf7721!important;}
.heatmap-low,.heatmap-low a{color:#9b764f!important;}
#list-area{margin-bottom:100px;}
.topic-post-badges{white-space:nowrap;align-self:center;line-height:1.2;}
.discourse-tag{max-width:14em;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.discourse-tag{margin:0;color:var(--primary-medium);}
.discourse-tag:visited,.discourse-tag:hover{color:var(--primary-medium);}
.discourse-tag.box{background-color:var(--primary-low);color:var(--primary-high);padding:2px 8px;}
.topic-list-item .discourse-tags{display:inline-flex;font-weight:normal;font-size:.8706em;}
img.avatar{border-radius:50%;}
span.relative-date{white-space:nowrap;}
table th{font-weight:normal;color:var(--primary-medium);text-align:left;padding:0.5em;}
.sortable{white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.discourse-no-touch .sortable:hover{background-color:var(--primary-low);}
.wrap .contents{position:relative;}
.full-width{margin-left:12px;}
.topic-statuses{display:inline;float:left;margin-right:0.15em;}
.topic-statuses .topic-status{margin:0;display:inline-flex;color:var(--primary-medium);}
.topic-statuses .topic-status .d-icon{height:0.76em;width:0.75em;}
@media all and (max-width: 570px){
.full-width{min-width:0;}
}
.full-width{margin-left:0;}
.topic-list a.title{color:var(--primary);}
.topic-list{margin:0 0 10px;}
.topic-list th,.topic-list td{padding:12px 5px;}
.topic-list th:first-of-type,.topic-list td:first-of-type{padding-left:10px;}
.topic-list th:last-of-type,.topic-list td:last-of-type{padding-right:10px;}
.topic-list .posters{width:146px;}
.topic-list .posters>a{float:left;margin-right:4px;}
.topic-list .posters>a:last-of-type{margin-right:0;}
.topic-list td.posters{height:29px;}
.topic-list .posters a:first-child .avatar.latest:not(.single){box-shadow:0 0 3px 1px rgba(var(--tertiary-rgb), 0.35);border:2px solid rgba(var(--tertiary-rgb), 0.5);position:relative;top:-2px;left:-2px;}
.topic-list .views{width:65px;}
.topic-list .posts{width:65px;}
.topic-list .activity{width:60px;}
.topic-list .activity span{cursor:pointer;}
.topic-list .age{width:60px;}
.topic-list-bottom{margin:20px 0;}
@media screen and (max-width: 850px){
.topic-list th:first-of-type{padding:12px 5px;}
.topic-list th,.topic-list td{padding:10px;font-size:1em;}
.topic-list th.views{display:none;}
.topic-list td.views{display:none;}
.topic-list .posts{width:50px;}
.topic-list .posters{width:30px;text-align:center;}
.topic-list td.posters a:not(.latest){display:none;}
.topic-list td.posters a.latest{width:100%;}
.topic-list td.posters a.latest img{margin:0 auto;}
}
}
/*! CSS Used from: https://sjc3.discourse-cdn.com/business5/stylesheets/desktop_theme_3_0de20202f22c8c899e5f9ceea967b343e00381f6.css?__ws=xxxxxxx ; media=all */
@media all{
.badge-posts[href],.topic-list th,.topic-list td{color:#555555;font-weight:lighter;}
.topic-list .main-link a.title{color:#000;font-weight:500;}
.heatmap-low,.heatmap-low a{color:#248cec!important;}
}
Looks like rest of the code is hosted in the CDN.. how do I fix this ?