I have a custom dark theme and in the additional.css it already has lots of code see below.
I think there's a conflict when i add the arcade.css to it as it does not keep in style with the rest of the site I have a few themes and they are all ok but there additional.css was already blank.
The additional.css that is already there. Would i just copy the origanal Arcade.ccs and paste it on the top?
Code:
.social-top {
background: #000000;
width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 4px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.toplinks .logindetails {
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.toplinks ul.nouser li a {
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.navtabs .popupbody {
background-color: #101519;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.threadbit .sticky {
border-bottom: 1px dotted #5F9BBF;
}
.threadbit .deleted {
border-bottom: 1px dotted #EA5C50;
}
.toolsmenu .popupgroup .popupbody a, .toolsmenu .popupgroup .popupbody li label {
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.attachments {
background: #1F313D;
color: #FFF;
border: 1px solid #000;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
legend {
color: #FFF;
}
#forum_icon_legend {
border: 0px solid;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.notices li {
background: #000 url({vb:stylevar imgdir_misc}/important.png) no-repeat top left;
padding-left: 88px;
padding-top: 13px;
padding-bottom: 13px;
}
.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:-20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#A7B5BF;
background: url({vb:stylevar imgdir_misc}/frow-bg.png) repeat-x top left;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
border-left: 1px solid #5F9BBF;
border-right: 0px solid #5F9BBF;
border-bottom: 1px solid #5F9BBF;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
box-shadow: 0 0 0px #888;
}
#fb_icon {
margin-right: 11px !important;
margin-top: -17px !important;
margin-bottom: 2px !important;
z-index: 10000 !important;
}
.fbpp-link {
background-color: #3b5998 !important;
outline: none; color: #FFF !important;
text-decoration: none !important;
text-align: center !important;
}
.fbpp-link:hover {
background-color: #627aad !important;
}
.fbpp-link:active {
background-color: #2a4280 !important;
}
.navtabs li a.navtab {
text-transform: uppercase;
margin: 0 0 auto 5px;
}
.navtabs li.selected a.navtab {
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.navtabs li a.navtab:hover {
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.memberaction_body.popupbody {
background: #000;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.body_wrapper {
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
}
.postbitlegacy .userinfo {
text-transform: uppercase;
}
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .imlinks {
text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img{
float:none;
text-align:center;}
.postcontainer .username_container .popupmenu a.popupctrl {
font-size:13px;}
.postingo{
background:#0A161F;
border:1px solid #000;
color:#FFF;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
padding:5px 5px 20px 5px;
margin-top:2px;
margin-bottom: 5px;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
}
.post-user{
background:#0A161F;
border:1px solid #000;
color:#FFF;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
padding:5px 5px 5px 5px;
margin-top:2px;
margin-bottom: 5px;
-moz-box-shadow: 0 2px 6px #5F9BBF;
-webkit-box-shadow: -1px 2px 2px #5F9BBF;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
}
.postbitlegacy .userinfo .userinfo_extra {
display: block;
position: relative;
float: left;
}
.usertitle {
padding-top: 2px;
padding-bottom: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width: 14%;
}
.tborder {
background-color:{vb:stylevar doc_backgroundColor};
border: 1px solid #c4c4c4;
font-size: {vb:stylevar font-size};
}
Thanks in advance................Paul