Finally I'll apply the fix. Thanks a lotJust an update, we figured out the IE bug, patching it now .
So far, no bugs have been reported (other than the styler IE bug, which is unrelated to XenForo). Unless anyone has anything to add, we can begin work on the dark version as soon as we squash the bug.
/***** [start] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/* USED FOR SEARCH TABS ON SEARCH SITE */
.tabs {
border-top: 1px @secondaryLight solid !important;
border-bottom: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
form.xenForm {
background-color: @textCtrlBackground;
border-bottom: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* QUICKREPLY - Margin-Correction */
.quickReply {
margin-top: -20px !important;
margin-left: -10px !important;
margin-right: -10px !important;
margin-bottom: 0px !important;
}
/* MEMBERCARD - STATS AS LIST */
dl.userStats.pairsInline {
font-weight: bold;
display: block;
}
dl.userStats.pairsInline dd {
font-weight: bold;
display: block;
float: none;
text-align: right;
}
dl.userStats.pairsInline dt {
font-weight: bold;
float: left;
display: block;
}
/***** [end] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/***** [start] CUSTOMIZED STYLE FOR ADDONS *****/
/* POSTRATING - MEMBERCARD */
.dark_postrating_positive { color: #16c513; }
.dark_postrating_negative { color: #c51c13; }
/* USED TO SHOW ELEMENTS OF THE XENPORTA BEARKOUT OF CONTAINER OPTION */
#content.EWRporta_Portal .breadBoxTop { display: block !important; }
#content.EWRporta_Portal .titleBar { display: block !important; }
/* USED FOR XENPORTA > RECENTNEWS */
#recentNews .recentNews .primaryContent .subHeading {
border-top: 1px @secondaryLight solid !important;
border-bottom: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#recentNews .recentNews .sectionFooter {
border-top: 1px @secondaryLight solid;
border-bottom: 0px;
}
/* USED FOR XENPORTA > RECENTNEWS > DATE BLOCK */
.recentNews .newsDate {
margin-top: -5px;
border: 1px solid @primaryLight;
border-radius: 6px 6px;
background-color: @primaryLighterStill;
margin-left: -40px !important;
}
/* USED FOR XENPORTA > GENERAL LAYOUT */
.EWRporta_Portal .mainContainer .mainContent {
padding: 16px !important;
}
.mainContainer .mainContent .section {
background-color: @contentBackground;
border: 0px;
border-radius: 0px;
}
/* USED FOR XENPORTA > RECENTTHREADS */
#recentThreads .sectionHeaders {
border-top: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* USED FOR XENPORTA > RECENTSLIDER */
#recentSlider .ui-tabs-nav {
width: 100%;
}
/* USED FOR LNBLOGS AND XENATTENDO */
.topCtrl {
margin-top: 15px !important;
}
/* USED FOR XENATTENDO */
.blockCtrl {
margin-right: 130px !important;
}
/* USED FOR XENPORTA COPYRIGHT NOTICE */
.sectionMain.footerBreakout {
background-color: transparent !important;
border: 0 !important;
}
/* USED FOR XENCARTA */
.pageContent_padding { padding: 16px !important; }
/***** [end] CUSTOMIZED STYLE FOR ADDONS *****/
sb_gfonts = 'Oldenburg, Oswald, Inconsolata, Droid Sans';
drift_html_font : [
'font',
[
'sans-serif',
'arial',
'inconsolata',
'Oldenburg',
'Oswald',
'times new roman',
'droid sans'
]
]
sb_preset[5] = {
name : 'Crazy Preset',
drift_html_bg_color : '#990099',
drift_html_bg_pattern : 'url(js/ad_styler/1.0/imgs/bgs/vertical_1.png)',
drift_main_color : '#009900'
}
#logo h1,
.titleBar h1,
.displayBanner_main h1,
.section h1,
.section h2,
.section h3,
.categoryText h3 {
font-family: <?php get_value( 'drift_html_font' ); ?>, sans-serif;
}
/***** [start] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/* USED FOR PAGE-LOGIN HEADER */
#pageLogin > .textHeading {
padding: @subHeading.padding-top @subHeading.padding-right @subHeading.padding-bottom @subHeading.padding-left;
}
/* USED FOR SEARCH TABS ON SEARCH SITE */
.tabs {
border-top: 1px @secondaryLight solid !important;
border-bottom: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
form.xenForm {
background-color: @textCtrlBackground;
border-bottom: 1px @secondaryLight solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* QUICKREPLY - Margin-Correction */
.quickReply {
margin-top: -20px !important;
margin-left: -10px !important;
margin-right: -10px !important;
margin-bottom: 0px !important;
}
/* MEMBERCARD - STATS AS LIST */
dl.userStats.pairsInline {
font-weight: bold;
display: block;
}
dl.userStats.pairsInline dd {
font-weight: bold;
display: block;
float: none;
text-align: right;
}
dl.userStats.pairsInline dt {
font-weight: bold;
float: left;
display: block;
}
#SignupButton .inner {
background:url("@imagePath/style/grad_light_top.png") repeat-x 0px -30px @mainHue;
border-bottom: 1px solid @primaryDark;
}
#SignupButton a.inner:hover {
background:url("@imagePath/style/grad_light_top.png") repeat-x 0px -30px @primaryLightish;
border-bottom: 1px solid @primaryDark;
}
/***** [end] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/***** [start] CUSTOMIZED STYLE FOR ADDONS *****/
/* POSTRATING - MEMBERCARD */
.dark_postrating_positive { color: #16c513; }
.dark_postrating_negative { color: #c51c13; }
/* USED TO SHOW ELEMENTS OF THE XENPORTA BEARKOUT OF CONTAINER OPTION */
#content.EWRporta_Portal .breadBoxTop { display: block !important; }
#content.EWRporta_Portal .titleBar { display: none !important; }
/* USED FOR XENPORTA > RECENTNEWS */
#recentNews .recentNews .primaryContent {
border-radius: 5px;
border-bottom: 0px;
}
#recentNews .recentNews .primaryContent .subHeading {
border-top: 1px @secondaryLight solid;
border-bottom: 1px @secondaryLight solid;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#recentNews .recentNews .primaryContent .sectionFooter {
border-top: 1px @secondaryLight solid;
border-bottom: 1px @secondaryLight solid;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
/* USED FOR XENPORTA > RECENTNEWS > DATE BLOCK */
.recentNews .newsDate {
margin-top: -5px;
border: 1px solid @primaryLight;
border-radius: 6px 6px;
background-color: @primaryLighterStill;
margin-left: -40px !important;
}
/* USED FOR XENPORTA > GENERAL LAYOUT */
.EWRporta_Portal .mainContainer .mainContent {
padding: 16px !important;
}
.mainContainer .mainContent .section {
background-color: @contentBackground;
border: 0px;
border-radius: 0px;
}
/* USED FOR XENPORTA 3 COLUMN LAYOUT */
.EWRporta_Portal .btmLeftBlocks,
.EWRporta_Portal .midLeftBlocks,
.EWRporta_Portal .topLeftBlocks {
margin-left: -16px;
margin-top: -16px;
padding-top: 46px;
}
.EWRporta_Portal .btmLeftBlocks,
.EWRporta_Portal .midLeftBlocks,
.EWRporta_Portal .topLeftBlocks {
background: none;
margin-left: -16px;
margin-top: 0px;
padding-top: 0px;
}
.btmLeftBlocks .section > div,
.midLeftBlocks .section > div,
.topLeftBlocks .section > div {
background-color: rgba(208, 212, 217, .4);
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px @secondaryLight solid;
border-bottom: 1px @secondaryLight solid;
margin-top: 5px;
}
.btmLeftBlocks .section:first-child > div,
.midLeftBlocks .section:first-child > div,
.topLeftBlocks .section:first-child > div {
margin-top: 0px !important;
}
.btmRightBlocks,
.midRightBlocks,
.topRightBlocks {
background: none;
}
/* USED FOR XENPORTA > RECENTTHREADS */
#recentThreads .sectionHeaders {
border-top: 1px @secondaryLight solid;
border-radius: 5px;
}
/* USED FOR XENPORTA > RECENTSLIDER */
#recentSlider .ui-tabs-nav {
width: 100%;
min-width: 150px;
}
/* USED FOR LNBLOGS AND XENATENDO */
.topCtrl {
margin-top: 15px !important;
}
/* USED FOR XENATTENDO */
.blockCtrl {
margin-right: 130px !important;
}
/* USED FOR XENPORTA COPYRIGHT NOTICE */
.sectionMain.footerBreakout {
background-color: transparent !important;
border: 0 !important;
}
/* USED FOR XENCARTA */
.pageContent_padding { padding: 16px !important; }
/* RECENTSLIDER SPECIAL ADDITION */
#recentSlider {
width: 700px;
margin: 0 auto;
}
/***** [end] CUSTOMIZED STYLE FOR ADDONS *****/
Just letting you know that this now works.I have an issue in my chrome when running your demo link.
Clicking the link while in windowed mode forces the demo layout to remain the same size of the windowed mode even after maximizing.
If you could verify this doesn't happen or is fixed in the full version then I'd be interested in picking this up.
Steps to reproduce:
1. Set current browser to windowed mode
2. Open the demo link in a new tab
3. View the demo
4. Maximize the browser window
<xen:avatar user="$visitor" size="m" img="true" />
<xen:avatar user="$visitor" size="s" img="true" />
Oh! Well that's fantastic!Sylar, I wouldn't put money on it . If I were you I would buy whenever you felt comfortable (within January) since everyone who buys Drift Light gets Drift Dark automatically.
Thanks for the sidebar change... I was searching an arrow-image or something like that for hours... Untill I played with the extra.css and then I saw, that it was a css "trick"... Hehe on my page I also used a rounded corner and a border on the bottom of the sidebar I'll update my page today (I was afk at the weekend) and I think I will get an updated extra.css up tomorrow.Drift 1.1.0 released today. Overall, this is just a small UI change. I updated some of the grays to be a bit lighter which is easier on the eyes. Still plenty of contrast for everyone to be able to see without any problems. I also changed the sidebar quite a bit.
.sidebar {
border: 0px;
}
aside .sidebar {
border-bottom: 1px solid @secondaryLight;
}
it ringed in my head.. I'd like to crossquote a post I think it fits perfectly:(...)but I also feel that they should follow the standards that XenForo has laid out.(...)
Jaxel, you're still using the class of sidebar more than one place. This is wrong decision!
Of course I think this is a great deal.(...)Does this sound like a fair compromise?(...)
We use essential cookies to make this site work, and optional cookies to enhance your experience.