• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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;