Fusion // xenfocus.com 1.2.x

Hope · 23 Авг 2013

Код:

@media (min-width:610px){
body .nodeList .categoryStrip,
body .discussionList .sectionHeaders {
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px, inset rgba(40,40,40,0.6) 0px 100px 0; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px, inset rgba(40,40,40,0.6) 0px 100px 0; -khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px, inset rgba(40,40,40,0.6) 0px 100px 0; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px, inset rgba(40,40,40,0.6) 0px 100px 0;
    background: rgb(0, 0, 0) url('styles/fusion/xenfocus/background.jpg') no-repeat 50% 0;
    background-attachment: fixed;
}
}


#logo a.textLogo{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    /* text-shadow: 0px 0px 0 rgb(212,212,212),0px 1px 0 rgb(188,188,188),0px 2px 0 rgb(164,164,164), 0px 3px 0 rgb(140,140,140),0px 4px 3px rgba(0,0,0,0.25),0px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2); */
    padding: 0 20px;
    text-shadow: rgba(0,0,0,0.3) 0px 2px 0px, rgba(0,0,0,0.15) 0px 0px 3px;
    display: block;
    line-height: 100px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
#logo a.textLogo:hover{ background: url(rgba.php?r=0&g=0&b=0&a=12); background: rgba(0,0,0,0.05); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000);; }

#toggle_background{ display: none; }

#backgroundPickerButton{
    height: 0;
    position: relative;
}

#backgroundPickerButton span{
    position: absolute;
    right: 0; top: -37px;
    display: block;
    width: 30px; height: 30px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    text-indent: -999px;
    overflow: hidden;
    z-index: 10;
    cursor: pointer;
    color: #333;
    background: url("styles/fusion/xenfocus/backgroundPickerButton.png") no-repeat 50% 50%;
}

#backgroundPickerButton span:hover,
#backgroundPickerButton span.active:hover{
    background-color: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -khtml-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px;
}

#backgroundPickerButton span.active{
    background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -khtml-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px;
}

#custom_background{
    background: #fafafa;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.6)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);
    border-bottom: 1px solid #ddd;
    margin: -2px -12px 0 -12px;
    padding: 10px 0 0 12px;
}

#custom_background:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

#custom_background span{
    display: block;
    float: left;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 4px; -khtml-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.5) 0px 1px 4px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 210px;
    width: 23.95%;
    margin-right: 1%;
    margin-bottom: 10px;
    height: 130px;
    background-position: 50% 50%;
    background-repeat: repeat;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

#custom_background span:hover:after{
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url("styles/fusion/xenfocus/selectBackground.png") no-repeat 50% 30px;
    background: rgb(0, 0, 0) url("styles/fusion/xenfocus/selectBackground.png") no-repeat 50% 30px; background: rgba(0,0,0,0.2) url("styles/fusion/xenfocus/selectBackground.png") no-repeat 50% 30px;;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
    content: "Use as background";
    text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
    text-align: center;
    padding-top: 89px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    z-index: 3;
}

.breadcrumb a{ color: #444; text-shadow: #fff 0px 1px 0px; }
.breadcrumb a:hover{ color: #222; }

#content .pageContent{ -webkit-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; -khtml-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; }

/*
    Navigation background: Navigation Tabs Container
*/

/* Nav link */
.navTabs .navTab.PopupClosed a.navLink{
    /* background: ; */
    color: #333;
    text-shadow: #fff 0px 1px 0px;
}

.navTabs .navTab.PopupClosed:hover a.navLink{
    background: url(rgba.php?r=255&g=255&b=255&a=153); background: rgba(255,255,255,0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);;
    color: #222;
}
/* Public tabs */
.navTabs .publicTabs .navLink{ padding: 0 20px; }

/* Open menu tab */
.navTabs .Popup .PopupControl.PopupOpen > a, .navTabs .Popup.PopupContainerControl.PopupOpen > a{
    color: #222;
    background: url(rgba.php?r=255&g=255&b=255&a=153); background: rgba(255,255,255,0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);;
}

/* Active tab */
.navTabs .navTab.selected a.navLink,
.navTabs ul.visitorTabs > li.navTab.selected a.navLink{
    background: #636363 url(styles/fusion/xenfocus/darkInsetGradient.png) repeat-x 0 0;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    color: #fff;
    text-shadow: rgba(0,0,0,0.7) 0px 1px 1px;
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px; -khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 4px;
    padding-bottom: 1px;
    position: relative;
}

.navTabs .publicTabs .navTab.selected a.navLink:before,
.navTabs .publicTabs .navTab.selected a.navLink:after{
    content: "";
    width: 0px; height: 0px;
    position: absolute;
    bottom: 0px; left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #f7f7f7;
    z-index: 10;
}

.navTabs .publicTabs .navTab.selected a.navLink:after{
    border-bottom-color: #000;
    opacity: 0.4;
    bottom: 1px;
    z-index: 5;
}

/* Sub navigation background */
.navTabs .navTab.selected .tabLinks{
    background: #f3f3f3;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background-position: 0 0;
    border-bottom: 1px solid #ddd;
}

.navTabs .navTab.selected .tabLinks a{
    color: #555;
    line-height: 30px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    margin-top: 3px;
    padding: 0 10px;
}

.navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus{
    color: #333;
    background: url(rgba.php?r=0&g=0&b=0&a=25); background: rgba(0,0,0,0.1); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);;
    -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; -khtml-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, #fff 0px 1px 0px;
}

.navTabs .navTab.PopupClosed, .navTabs .navTab.PopupClosed:hover{ background: none transparent; }

.navTab.account a strong:before,
.navTab.inbox a:before,
.navTab.alerts a:before{
    content: "";
    background: url(styles/fusion/xenfocus/userLinkIcons.png) no-repeat 0 0;
    width: 18px; height: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 6px;
}

.navTab.account:hover a strong:before{ background-position: 0 -18px; }
.navTab.account.selected a strong:before{ background-position: 0 -36px; }
.navTab.inbox a:before{ background-position: -18px 0px; }
.navTab.inbox:hover a:before{ background-position: -18px -18px; }
.navTab.inbox.selected a:before{ background-position: -18px -36px; }
.navTab.alerts a:before{ background-position: -36px 0px; }
.navTab.alerts:hover a:before{ background-position: -36px -18px; }
.navTab.alerts.selected a:before{ background-position: -36px -36px; }

.navTab a strong#VisitorExtraMenu_Counter:before{ display: none; }

.navTabs .navTab.selected.PopupOpen a.navLink{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }

/* Sidebar icons */
.forum_list .sidebar .section h3:before{
    content: "";
    float: left;
    width: 16px; height: 16px;
    margin: -1px 6px -5px 0;
    background: url(styles/fusion/xenfocus/sidebarSprite.png) no-repeat 0 0;
}
.forum_list .sidebar .section.staffOnline h3:before{ background-position: 0 -16px; }
.forum_list .sidebar .section.membersOnline h3:before{ background-position: 0 -32px; }
.forum_list .sidebar .section .statsList h3:before{ background-position: 0 -48px; }
.forum_list .sidebar .section.sharePage h3:before{ background-position: 0 -64px; }

.sidebar .secondaryContent{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.message .publicControls a.item{ margin-left: 5px; margin-right: 0; }

/* Post button icons */
.messageMeta .control:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 16px; height: 16px;
    margin: -1px 6px -5px -2px;
    background: url(styles/fusion/xenfocus/postButtonSprite.png) no-repeat 0 0;
}
.messageMeta .control.edit:before{ background-position: 0 -16px; }
.messageMeta .control.delete:before{ background-position: 0 -32px; }
.messageMeta .control.ip:before{ background-position: 0 -48px; }
.messageMeta .control.report:before{ background-position: 0 -64px; }
.messageMeta .control.reply:before{ background-position: 0 -80px; }
.messageMeta .control.like:before{ background-position: 0 -96px; }
.messageMeta .control.unlike:before{ background-position: 0 -112px; }
.messageMeta .control.warn:before{ background-position: 0 -112px; }
.messageMeta .control.deleteSpam:before{ background-position: 0 -128px; }

.message .messageMeta .control{ opacity: 0.25; }
.message:hover .messageMeta .control{ opacity: 1; }

.message .newIndicator{ margin-right: 17px; }

.footer .pageContent{ background: url(rgba.php?r=255&g=255&b=255&a=191); background: rgba(255,255,255,0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);; -webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; -khtml-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; }
.footerLegal .pageContent{ padding-top: 10px; }
.footerLegal, .footerLegal a, .footerLegal .pairsInline dt, #copyright{ color: #fff; text-shadow: rgba(0,0,0,0.7) 0px 1px 2px; }
.footerLegal .pairsInline dt{ opacity: 0.7; }

/* Remove the following if search box is inline with nav */
.withSearch .navTabs .navTab.selected .blockLinksList{ margin-right: 8px; }

/* Adjust the following + 0 value depending on navigation borders */
.navTabs .navTab.selected .tabLinks{ top: 41px; }
#navigation .pageContent{ height: 81px; -webkit-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; -khtml-box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; box-shadow: rgba(0,0,0,0.25) 0px -1px 2px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }
#headerMover #headerProxy{ height: 181px; }

#QuickSearch{ top: -151px; background: none transparent; }
#QuickSearch.active{ background-color: rgb(252, 252, 255); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -khtml-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); box-shadow: 0px 3px 6px rgba(0,0,0,0.25); }
#QuickSearchQuery{ border-color: #777; }

.pageContent > .sharePage{
    background: rgb(250, 250, 250) url('styles/fusion/xenforo/gradients/category-23px-light.png') repeat-x top;
    border: 1px solid rgb(211, 211, 211);
    padding: 10px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}

.pageContent > .sharePage h3{
    color: rgb(101, 101, 101);
    font-size: 11px !important;
    padding: 10px;
    margin: -6px -6px 10px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    border: 0;
    background-color: rgb(228, 228, 228);
    text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.4)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
    -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px; -khtml-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
}

form#login input.button.primary{
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    background: #555;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
    border: 0;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px; -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px; -khtml-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px; box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;
}

form#login input.button.primary:hover{ background-color: #666; }

body #pageNodeNavigation{
    -webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px; box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
}

.textWithCount.subHeading .text{ color: #fff !important; }
.textWithCount.subHeading .count{ text-shadow: none; }

/* Xenfocus fixes */

.node .nodeLastPost .lastThreadTitle span{
    width: 16px; height: 16px;
    overflow: hidden; text-indent: -999px;
    float: left;
    margin: 1px 5px -6px 0;
    background: url('styles/fusion/xenforo/xenforo-ui-sprite.png') no-repeat -80px -16px;
}
.skin_branding{ float: left; padding-left: 15px; }
.skin_branding a{ float: none; display: inline-block; padding-left: 0; padding-right: 0; }
.insideSidebar{ padding: 10px; }
.node .nodeLastPost .noMessages{ line-height: 36px !important; }
.messageUserBlock .userBanner{ margin-top: 6px; padding-top: 4px; padding-bottom: 4px; }
.quote{ padding-left: 3px; }
/* Fix wider search input */
.formPopup{ width: 256px; }
.xenForm .submitUnit{ padding-top: 5px; }
.navigationSideBar li a.secondaryContent{
    border: 0;
    border-bottom: 1px solid rgb(237, 237, 237);
}
/* Clear index avatar in sidebar */
.section.visitorPanel .secondaryContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.footerLinks a.globalFeed{ width: 16px; height: 16px; margin: 7px 5px 0 5px; }
.thread_create .surplusLabel .textCtrl{ padding-left: 5px; padding-right: 0px; }
.thread_create #ctrl_title_thread_create{ -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; padding: 3px; }
.titleBar .prefix{ position: relative; top: -2px; }
.PageNav .pageNavHeader{ margin-right: 7px; }
.PageNav a.text{ padding: 0 7px; }
.messageUserBlock .userTitle{ padding-top: 4px; }
.userBanner{ -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; -khtml-box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; }
#QuickSearch .moreOptions{ margin: 0 29px 0 115px; }
#QuickSearch .formPopup{ background: none transparent; }
#QuickSearch .Popup .arrowWidget{ margin-left: 2px; margin-top: 0; }
body #moderatorBar{ border: 0; }
/* Align userlinks correctly and remove border from secondaryContent */
.styleChooser .secondaryContent,
.navPopup .secondaryContent,
.secondaryContent.blockLinksList,
#AccountMenu .menuColumns, #jumpMenu .secondaryContent{ border: 0; }
.PageNav .scrollable{ height: 30px; }
.formOverlay.AvatarEditor .avatarOption{ background: none transparent; border: 0; }
.message.deleted .messageMeta .control{ margin-bottom: 0px; }
body .afterDiscussionListHandle{ margin-top: 25px; }
body .textWithCount.subHeading .text{ color: inherit; }
body .textWithCount.subHeading .count{ text-shadow: none; }
body .messageSimple .messageMeta{ line-height: 16px; }
.discussionListItemEdit .textCtrl{ text-shadow: none; }
input[type="submit"], input[type="reset"], label{ cursor: pointer; }
.xenForm.formOverlay .ctrlUnit div.textCtrl{ padding-right: 0; }
#ctrl_title_thread_edit{ -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; }
input[type="radio"]{ background: none transparent !important; }
#loginBar input[type="text"]:-webkit-autofill,
#loginBar input[type="password"]:-webkit-autofill { -webkit-box-shadow: inset #434343 0px 100px 0px; -moz-box-shadow: inset #434343 0px 100px 0px; -khtml-box-shadow: inset #434343 0px 100px 0px; box-shadow: inset #434343 0px 100px 0px; -webkit-text-fill-color: #fafafa; }
.help_cookies .baseHtml, .help_terms .baseHtml{ padding: 10px; }

/* Responsive tweaks */

@media (max-width:800px){
    .Responsive #custom_background{ margin: -2px -6px 0 -6px; }
    .Responsive #backgroundPickerButton{ display: none; }
}
@media (max-width:610px){
    .Responsive #QuickSearch{ top: -25px; right: 15px; }
    .Responsive .message .messageMeta .control{ opacity: 1; }
    .Responsive .messageList .message{ padding: 10px 0; }
    html.Responsive{ background: #333; }
    html.Responsive #logoBlock{ background: url(styles/fusion/xenfocus/background_mobile.jpg) no-repeat 50% 50%; background-size: cover; }
    .Responsive #backgroundPickerButton{ display: none; }
}

@media (max-width:480px){
    .Responsive #headerMover #headerProxy{ height: 161px; }
    .Responsive #logo{ height: 80px; line-height: 80px; }
    .Responsive #logo a.textLogo{ line-height: 80px; }
    .Responsive .navTabs{ -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
    .Responsive .messageList .message{ border: 0; }
    .Responsive .messageUserBlock a.username{ line-height: 14px; }
    .Responsive .messageUserBlock .userBanner{ margin-top: 2px; padding-top: 2px; padding-bottom: 2px; }
    .Responsive .messageUserBlock h3.userText{ padding: 5px 0 0px 8px; }
    .Responsive .message .privateControls .item.muted{
        float: none;
        display: block;
        padding-bottom: 10px;
    }
    .Responsive .message .privateControls, .Responsive .message .publicControls{ float: none; }
    .Responsive .message .publicControls .item{ margin-left: 5px; }
    .Responsive .message .messageMeta .control{ margin-top: 0; margin-bottom: 2px; }
    .Responsive .messageMeta .control:before{ display: none; }
    .Responsive .skin_branding{ padding-left: 8px; }
    .Responsive .skin_branding span{ display: none; }
}

ElonMusk · 23 Авг 2013

Еще такой вопрос, поставил этот стиль на 1.2.1
И заметил недочет, как его возможно исправить, я так понимаю, это опять же css

Hope · 23 Авг 2013

Уже обсуждали. Придётся удалить иконки с кнопок.

luckyman · 25 Авг 2013

Роман Попович написал(а):
Подскажите, где поправить вот это
Посмотреть вложение 5697

Дмитрий Андреевич написал(а):
Еще такой вопрос, поставил этот стиль на 1.2.1
И заметил недочет, как его возможно исправить, я так понимаю, это опять же css

Зайдите в панель управления -> внешний вид -> настройки стиля -> основное -> ширина страницы. И ЗАМЕНИТЕ ВЕСЬ КОД в окне справа на этот код:

Код:

_width: 976px;
_max-width: 990px;
_margin: 0 auto;
box-sizing: border-box;
width:auto;
margin:0 180px;

Hope · 25 Авг 2013

Вон оно как. А мы-то тут стиль портим. :sneaky:

luckyman · 25 Авг 2013

Hope, дело в том, что это косяк самого разработчика. ПОКА он не поправил в коде стиля это непотребство, можно исправить это так. После обновления я напишу как можно унифицировать отображение кнопок в стиле.

Slowpoked · 25 Авг 2013

luckyman написал(а):
дело в том, что это косяк самого разработчика

Все забываем, что разработчик не русский.
А соответственно пилил все это дело на английском ресурсе ... С английским языком все выглядит корректно.
Даже в демо на его ресурсе нет таких сдвигов.

Так, что я не считаю - что это его косяк.

luckyman · 25 Авг 2013

Slowpoked, а я уверен в том, что это его косяк. Если делать плагины, стили хаки, ДУМАЯ головой, показывая свой стиль и понимание в программировании(не важно, пишешь стиль или код), то на всех языках всё будет ровно и красиво. Для того, чтобы понимать это, необходимо учиться.
Для нубья подойдёт код, чтобы красивенько так было и удобненько. Ага. А то, что кривым кодом ломается сама идея разработчиков движка XenForo, это, походу не колышит горе-"разработчиков". За примером далеко ходить не надо:
дебил-джаксель со своим говнокодом XenPorta, который необходимо дорабатывать практически кардинально, чтобы работало всё хорошо. И дурачок с хаком WidgetFramework, который пхнёт свои классы и хуки, КОГДА можно использовать стандартные, XenForo-вские, в свой говно-код.

Slowpoked · 25 Авг 2013

luckyman, ширину страницы тоже увеличить не очень круто.
Вы наверное не замечаете как на широкоформатах растет дырка на главной странице. Если все время увеличить получим марианскую впадину.

Мы не виноваты, что в русском языке слово Редактировать - такое огромное ( edit ).
Можно просто поменять слово Пожаловаться = Жалоба и так далее.

Ваш вариант конечно не плох. Но я считаю тут вины автора нет.

vpupkin809 · 2 Сен 2013

Возник вопрос.

Подскажите, пожалуйста, какие классы нужно использовать, чтоб получить такие же прозрачные плашки заголовков как в названии разделов, но в произвольном месте? (Например на главной simpleportal или отдельной странице)

Честно читал css, но не осилил. Спасибо.[DOUBLEPOST=1378119589,1378117571][/DOUBLEPOST]По доброй традиции, отвечу сам себе. Чтобы на главной simpleportal блоки новостей выводились с такими же прозрачными плашками как в форуме, лично я заменил в шаблоне simpleportal_index класс списка вот тут

было
<ol class="messageList" id="portalList" data-first_fixed="{xen:if @portal_firstItemFeatured, 'true', 'false'}"
стало
<ol class="nodeList sectionMain" id="portalList" data-first_fixed="{xen:if @portal_firstItemFeatured, 'true', 'false'}"

Вопрос с произвольным хтмл кодом с такой же плашкой ещё открыт.

iishel · 8 Сен 2013

Ну вот как то так

Pzychozes · 18 Дек 2013

Как надпись "форум" в навигации, поменять на своё? На "главная" к примеру.

Hope · 18 Дек 2013

Поиск по фразам в админке

Pzychozes · 19 Дек 2013

Hope написал(а):
Поиск по фразам в админке

Это жестоко. Может есть проще вариант? Через код например?[DOUBLEPOST=1387392638,1387392249][/DOUBLEPOST]Что здесь поменять на свое название, что бы ошибки не выбило?
Знаю что вот так <a href>бла бла бла</a>, но что можно в коде трогать, а что нет, я хз.

Код:

        <!-- forums -->
        <xen:if is="{$tabs.forums}">
            <li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
         
                <a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>
                <a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu"></a>
             
                <div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} forumsTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$tabs.forums.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_forums">
                        <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if>
                        <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if>
                        <xen:if is="{$visitor.user_id}">
                            <li><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li>
                            <li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>
                        </xen:if>
                        <li><a href="{xen:link 'find-new/posts'}" rel="nofollow">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>

[DOUBLEPOST=1387392744][/DOUBLEPOST]А всё, выпил, разобрался.

Код:

<a href="{$tabs.forums.href}" class="navLink">Главная</a>
<h3>Главная</h3>

[DOUBLEPOST=1387405958][/DOUBLEPOST]

iishel написал(а):
Иконки удалил и всё стало нормально:-D

А удалить-то их как?

Hope · 19 Дек 2013

Все ответы выше, читаем...

Pzychozes · 19 Дек 2013

Hope написал(а):
Все ответы выше, читаем...

В смысле? Там лишь написано что человек убрал иконки, а вот как он их убрал, не написано.

Hope · 19 Дек 2013

Читаем всю тему!!! http://xenforo.info/threads/fusion-xenfocus-com.1991/page-2#post-13253

Pzychozes · 19 Дек 2013

Уже сам нашел в каком файле лежат.

Hope · 19 Дек 2013

Ни в каком файле тут ничего не лежит, всё только в шаблонах и не нужно придумывать никаких файлов. :)

Pzychozes · 19 Дек 2013

Hope написал(а):
Читаем всю тему!!! http://xenforo.info/threads/fusion-xenfocus-com.1991/page-2#post-13253

И зачем мне расширять контент? Мне именно иконки надо удалить было. Ну да ладно)[DOUBLEPOST=1387406554,1387406510][/DOUBLEPOST]

Hope написал(а):
Ни в каком файле тут ничего не лежит, всё только в шаблонах и не нужно придумывать никаких файлов. :-)

Код:

.messageMeta .control:before {
content: "";
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
margin: -1px 6px -5px -2px;
background: url(styles/ek/xenfocus/postButtonSprite.png) no-repeat 0 0;
}

Fusion // xenfocus.com 1.2.x

Hope

ElonMusk

Вложения

Hope

luckyman

Hope

luckyman

Slowpoked

luckyman

Slowpoked

vpupkin809

iishel

Pzychozes

Hope

Pzychozes

Hope

Pzychozes

Hope

Pzychozes

Hope

Pzychozes

Похожие темы

Мы ценим вашу конфиденциальность