XF 1.2 Some stuff in EXTRA.css isn't working

Matthew Hawley

Well-known member
I have some code in EXTRA.css that isn't working. It worked before but it isn't working now. This is what it did look like.

But now it looks like this:

In EXTRA.css there is this code:
<xen:include template="mist_style.css" />
Then in mist_style.css I have this:
.navTabs .publicTabs { margin-left: 100px !important; }

.navTabs { margin-top: -45px !important }

#headerMover #headerProxy { height: 60px !important; }

@media (max-width:800px)
    #logo img { display: none; }
    .navTabs .publicTabs { margin-left: 0px !important; }

/* Navigation */
.navTab.PopupClosed .navLink { line-height: 28px; }

.navTabs .publicTabs .navLink { height: 28px; margin-top: -2px; }

.navTabs .visitorTabs .navLink { height: 28px; margin-top: -2px; color: white !important; }

.navTabs { margin-top: -45px !important }

.navTabs .navTab.selected .tabLinks { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.navTabs .navTab.PopupOpen .navLink { color: white !important; }

.Menu .secondaryContent { background-color: #41769c !important; background-image: none !important; border: 0 !important; }

/* Node List */
.nodeList.sectionMain { border: 0 !important; padding: 0 !important }

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo {
border: 1px solid #CCC !important;
border-top: 0px !important;
border-bottom: 1px solid #CCC!important;
background-image: -webkit-linear-gradient(top,#FBFBFB,whiteSmoke);
background-image: -o-linear-gradient(top,#FBFBFB,whiteSmoke);

.nodeList .categoryForumNodeInfo:hover,
.nodeList .forumNodeInfo:hover,
.nodeList .pageNodeInfo:hover,
.nodeList .linkNodeInfo:hover {
background: #e6e6e6 !important;

li.forum:last-child .nodeInfo, li.category_forum:last-child .nodeInfo {
-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-webkit-box-shadow: 0 8px 6px -6px gray; -moz-box-shadow: 0 8px 6px -6px gray; -khtml-box-shadow: 0 8px 6px -6px gray; box-shadow: 0 8px 6px -6px gray;

/* Discussion List */
.discussionList .sectionHeaders {
color: white !important;
background-color: #6595B8;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));

.discussionList .sectionHeaders a { color: white !important; }

.discussionList .sectionHeaders a span:hover { background-color: #6595B8 !important; opacity: 0.8; }

.discussionListItem { border-bottom: 1px solid #ccc !important; }

.discussionListItem .stats dl { border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; }

.discussionListItem .posterAvatar, .discussionListItem .stats { background: #efefef !important; }

/* Sidebar */
.sidebar .secondaryContent {
background-color: transparent !important;
background-image: none !important;
border-bottom: 0 !important;
padding: 3px;

.sidebar .section .secondaryContent h3 {
color: #1d5780;
background-color: #6595B8;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
padding: 5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
border: 1px solid #6596B8;

.sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { color: #1d5780; }

/* Moderator Bar */
#moderatorBar { background-color: #1F5A87 !important; border-bottom: 1px solid #6595B8 !important; }

#moderatorBar .itemCount { color: #1d5780 !important; background: #6595B8 !important; }

#moderatorBar a:hover { background-color: #6595B8 !important; color: #1d5780 !important; }

/* Profile Page */
.primaryUserBlock .secondaryContent { background: #f8f8f8 !important; }

.profilePage .mast { border-right: 1px solid #e6e6e6 !important; }

.profilePage .primaryUserBlock { border-top: 1px solid #e6e6e6 !important; }

.profilePage .mast .section.infoBlock { border: 1px solid #efefef !important; }

.profilePage .primaryUserBlock .lastActivity { border-top: 1px solid #e6e6e6 !important; }

.infoBlock .secondaryContent { background: #f8f8f8 !important; border-bottom: 1px solid #d7edfc; }

.profilePage .mast .section.infoBlock h3 { color: gray; border-bottom: 1px solid #ccc; }

.profilePage .mast .followBlocks .primaryContent.avatarHeap { border: 1px solid #e6e6e6 !important; }

.profilePage .tabs.mainTabs { background: #f8f8f8 !important; }

messageSimple .primaryContent { border-bottom: 1px solid #e6e6e6 !important;}

/* Misc */
.sidebar .section .secondaryContent .footnote { color: #1d5780 !important; }

.messageList .message { border-bottom: 1px solid #a5cae4 !important; }

.textWithCount.subHeading .text { color: white !important; }

.textWithCount.subHeading .count {
border: 1px solid #6595B8 !important;
background-color: #a5bccc !important;
color: #1d5780 !important;

.formPopup .controlsWrapper { background: #efefef !important }

.navigationSideBar a:hover { background: #e6e6e6 !important; color: black !important; }

.xenForm fieldset, .xenForm .formGroup { border-top: 1px solid #e6e6e6; }

.xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit, .xenForm .submitUnit {
border-top: 1px solid #e6e6e6 !important;

.smilieList .smilieText { background-color: #efefef !important; border: 1px solid #ccc !important; color: black !important; }

.smilieList .smilieText:hover { background-color: #ccc !important; border-color: #f9bc6d; color: black !important; }

.dataTable tr.dataRow th {
color: white !important;
background-color: #6595B8 !important;
border-top: 1px solid #6595B8;
border-bottom: 1px solid #6595B8;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));

.conversation_view .messageList {
border: 1px solid #e6e6e6 !important;
border-left: none !important;
border-bottom: none !important;

.bbCode > dl > dt { color: #1d5780 !important; }

.bbCode > dl > dd { border: 1px solid #e6e6e6 !important; background: #f8f8f8 !important; }

.bbCodeBlock .type {
color: white !important;
background: #6595B8 !important;
border-bottom: 1px solid #6595B8 !important;
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0)) !important;

.bbCodeBlock { border: 1px solid #6595B8 !important; }

.bbCodeBlock pre, .bbCodeBlock .code { background: #efefef !important }

.bbCodeQuote .quoteContainer { background: #efefef !important; }

.footerLinks a.globalFeed {
width: 16px;
height: 16px;
background: url('@imagePath/mist-sprite.png') no-repeat -267px -18px;