Daniel Thomann
Active member
Tip to start customizing
Do not edit the drift style. Make a child-style instead.
Why?
Because if you update the style, it removes/overwrites every customizations.
Keep track of your modified templates and after a "parent upgrade", revert the templates and edit them again. As bonus, the Style Properties will also keep the settings.
As second bonus, you can name the style as you want.
Color-Codes of templates:
Edit1: Added recentSlider - top border correction and notices correction
Do not edit the drift style. Make a child-style instead.
Why?
Because if you update the style, it removes/overwrites every customizations.
Keep track of your modified templates and after a "parent upgrade", revert the templates and edit them again. As bonus, the Style Properties will also keep the settings.
As second bonus, you can name the style as you want.
Color-Codes of templates:
- Blue - same as master-style
- Orange - modified in parent-style
- Red - modified in this style
Code:
/***** [start] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/* [SEARCH][TABS] */
.tabs {
border-top: 1px @secondaryLight solid !important;
border-bottom: 1px @secondaryLight solid;
border-radius: 5px 5px 0px 0px;
}
/* [THREADS][QUICKREPLY] REMOVE SPACE BETWEEN THREADPOST AND QUICKREPLY FORM */
.quickReply {
margin-top: -21px !important;
margin-left: -20px !important;
margin-right: -20px !important;
margin-bottom: 0px !important;
}
/* [MEMBERCARD] STATS AS LIST */
dl.userStats.pairsInline dd,
dl.userStats.pairsInline dt {
font-weight: bold;
display: block;
}
dl.userStats.pairsInline dd { text-align: right; }
dl.userStats.pairsInline dt { float: left; clear: left; }
/***** [end] CUSTOMIZED STYLE FOR OWN HOMEPAGE *****/
/***** [start] CUSTOMIZED STYLE FOR ADDONS *****/
/* [POSTRATING] MEMBERCARD */
.userStats.pairsInline dd span:last-child,
.dark_postrating_negative { color: #c33a3a !important; }
.userStats.pairsInline dd span:first-child,
.dark_postrating_positive { color: #3ac33a !important; }
/* [XENPORTA][GENERAL] SHOW ELEMENTS OF BEARKOUT OF CONTAINER OPTION */
#content.EWRporta_Portal .breadBoxTop { display: block !important; }
/* [XENPORTA][BLOCK][LAYOUT] CORRECTION */
.sidebar { border: 0px; }
aside .sidebar { border-bottom: 1px @secondaryLight solid; }
.EWRporta_Portal #Notices {
margin: 13px;
padding: 3px;
}
.section {
border: 0;
border-radius: 0;
background: none;
}
.btmRightBlocks,
.midRightBlocks,
.topRightBlocks {
background: none;
padding: 0px 16px;
}
.btmLeftBlocks,
.midLeftBlocks,
.topLeftBlocks {
background-image: none;
border-radius: 0px 0px 6px 0px;
border-bottom: 1px @secondaryLight solid;
}
.midLeftBlocks,
.topLeftBlocks { clear:left; }
/* [XENPORTA][BLOCK][RECENTNEWS] */
.recentNews .newsDate {
margin-top: -5px;
border: 1px solid @primaryLight;
border-radius: 6px 6px;
background-color: @primaryLighterStill;
margin-left: -40px !important;
}
#recentNews .recentNews .primaryContent { border-bottom: 0px; }
#recentNews .recentNews .primaryContent .subHeading {
border-top: 1px @secondaryLight solid;
border-bottom: 1px @secondaryLight solid;
border-radius: 5px 5px 0px 0px;
}
#recentNews .recentNews .primaryContent .sectionFooter {
border-top: 1px @secondaryLight solid;
border-bottom: 1px @secondaryLight solid;
border-radius: 0px 0px 5px 5px;
}
.sectionMain.footerBreakout {
background-color: transparent !important;
border: 0 !important;
}
/* [XENPORTA][BLOCK][RECENTTHREADS] */
#recentThreads .sectionHeaders {
border-top: 1px @secondaryLight solid;
border-radius: 5px 5px 0px 0px;
}
/* [XENPORTA][BLOCK][RECENTSLIDER] */
#recentSlider {
border: 0 !important;
}
#recentSlider .ui-tabs-panel {
min-width: 256px !important;
max-width: 700px;
width: 77% !important;
}
#recentSlider .ui-tabs-nav {
width: 100%;
min-width: 100px;
right: 77% !important;
}
/* [XENATENDO][LAYOUT] */
.topCtrl {
margin-top: 15px !important;
}
.blockCtrl {
margin-right: 130px !important;
}
/***** [end] CUSTOMIZED STYLE FOR ADDONS *****/