J'ai sa :
/* Navigation and Header CSS */
#logoBlock
{
background-color: @content.background-color;
}
.Responsive .navTabs .navTab.PopupClosed .navLink, .navTabs .navTab .SplitCtrl .fa
{
color: @navTabs.color;
}
.navTabs .navTab .SplitCtrl .fa
{
font-size: 10px;
}
.navTabs .navTab.selected .tabLinks
{
height: 40px;
top: 51px;
}
.visitorTabs .alerts.unread .fa, .visitorTabs .inbox.unread .fa
{
color: @alertBalloon.background-color;
}
.navTabs .navTab.PopupOpen .navLink
{
color: @facolor2;
}
#logo a
{
@property "fa_logotextcss";
font-size: 30px;
text-transform: uppercase;
@property "/fa_logotextcss";
}
#logo a span
{
color: @fa_logotextcolor;
}
/* Forum List and Nodes */
.node .forumNodeInfo.unread .nodeIcon
{
color: @facolor2;
}
.nodeList .categoryStrip .nodeTitle:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 15px;
content: "\f07c";
margin-right: 5px;
}
.Menu.tabMenu:before
{
bottom: 100%;
left: 22px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.Menu.tabMenu:before
{
border-color: rgba(194, 225, 245, 0);
border-bottom-color: @menu.border-color;
border-width: 14px;
margin-left: -14px;
}
.Menu.tabMenu
{
overflow: visible;
}
/* Quick Search */
#QuickSearch
{
border-radius: 0;
padding: 2px;
top: -35px;
}
#QuickSearch, #QuickSearch .formPopup, #QuickSearchQuery
{
background-color: @facolor1;
border-width: 0px;
border-radius: 0px;
}
#QuickSearchQuery
{
color: #FFF;
}
/* Popup Functions */
.PopupOpen .arrowWidget:before, .Popup .arrowWidget:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 15px;
color: @contentText;
}
.Popup .arrowWidget:before
{
content: "\f107";
}
.PopupOpen .arrowWidget:before
{
content: "\f106";
color: @popupControl.color;
}
html .subForumsPopup .PopupOpen .dt, .subForumsPopup.Popup .PopupControl.PopupOpen
{
color: @popupControl.color !important;
}
/* Misc */
.topHelper
{
@property "fa_tophelper";
background-color: @facolor1;
position: absolute;
width: 100%;
height: 180px;
@property "/fa_tophelper";
}
.bottomHelper
{
@property "fa_bottomhelper";
background-color: @facolor1;
margin-top: -112px;
position: absolute;
width: 100%;
height: 113px;
@property "/fa_bottomhelper";
}
.DismissParent .DismissCtrl:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 18px;
content: "\f00d";
color: @facolor2;
}
.DismissParent .DismissCtrl
{
margin-top: -1px;
}
.navTabs .navLink, .navTabs .SplitCtrl, .nodeList .categoryStrip, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .discussionList .sectionHeaders, .footer .pageContent
{
@property "fa_secondaryfontcss";
@property "/fa_secondaryfontcss";
}
#headerMover, .footer, .footerLegal
{
position: relative;
z-index: 1;
}
#copyright .Tooltip, .pairsInline.debugInfo > dd, #copyright .Tooltip, .pairsInline.debugInfo > dd a
{
color: @facolor2 !important;;
}
.footer .fa
{
font-size: @fafontsizel;
}
.footer .fa.fa-tint
{
margin-right: 4px;
position: relative;
top: 1px;
}
.PageNav .scrollable
{
height: 22px;
}
.PageNav a.text
{
padding: 2px 4px;
}
.PageNav .pageNavHeader
{
padding: 2px 1px;
}
a.PageNavPrev, a.PageNavNext
{
font-size: 11px;
padding: 2px 1px;
}
html .textWithCount.subHeading .text
{
color: @facolor6;
}
.xenForm .ctrlUnit
{
padding: 7px 0;
}
#QuickSearch #commonSearches .button
{
line-height: 24px;
}
#QuickSearch .moreOptions
{
margin-left: 111px;
}
#QuickSearch #commonSearches .arrowWidget
{
margin-left: 5px;
}
#QuickSearch #commonSearches .arrowWidget:before
{
color: @facolor8;
}
#QuickSearch #commonSearches:hover .arrowWidget:before
{
color: @facolor2;
}
html .formPopup .controlsWrapper
{
border-radius: @fa_borderradiuss;
}
.mainContentBlock.sectionMain
{
padding: 10px;
}
html .navigationSideBar .primaryContent
{
font-size: @fafontsizes;
}
html .conversation_view .message:first-child, html .conversation_view .quickReply
{
border-top: @message.border-color solid 1px;
}
html .conversation_view .messageList
{
border-width: 0;
border-radius: 0;
}
.thread_view .message .newIndicator
{
margin-right: -15px;
}
.footerLegal .pageContent .debugInfo a, .sharePage .textHeading.larger
{
color: @facolor2;
}
.AttachmentEditor .AttachedFile .Thumbnail .genericAttachment
{
font-size: 20px;
line-height: 36px;
text-align: center;
padding-left: 3px;
}
.bbCodeQuote .quoteContainer .quoteExpand.quoteCut
{
background: -moz-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,0.88) 52%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.69)), color-stop(52%,rgba(255,255,255,0.88)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.69) 0%,rgba(255,255,255,0.88) 52%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.69) 0%,rgba(255,255,255,0.88) 52%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.69) 0%,rgba(255,255,255,0.88) 52%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.69) 0%,rgba(255,255,255,0.88) 52%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid
XImageTransform.Microsoft.gradient( startColorstr='#b0ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color: @facolor2;
font-size: @fafontsizes;
line-height: 0;
padding-top: 69px;
font-weight: bold;
}
@media (max-width:@maxResponsiveNarrowWidth)
{
html .afterDiscussionListHandle { margin-top: 30px;}
html #logo { float: none; text-align: center; }
.LoggedOut #loginBar #loginBarHandle { right: 0; }
.LoggedOut #logo { float: left; text-align: left; }
}
