CSS Snippets

From EQdkp Plus
Jump to navigation Jump to search

Add it into the custom.css or into the Global CSS field at the ACP settings.

Game specific background

body {
	background:#000000 url('TEMPLATE_BACKGROUND') no-repeat center top;
	background-attachment: T_BACKGROUND_POSITION;

#wrapper header {
	background: none !important;

Hide Portal Modules on Smartphones

If you want to hide portal modules on Smartphone, get the CSS-Class for the module from the source text in your browser, uncomment the following block and add the CSS Class

@media all and (max-width: 480px) {
	.offi_conf_portal, .birthday_portal {
		display: none;

Give Article Headlines a special color

Giving the article categorie with ID "2" a special color:

.article-container[data-article-category-id="2"] h2 a, .article_detail_container[data-article-category-id="2"] h1{
	color: #efefef;

.article-container[data-article-category-id="2"] .ribbon > span {
	background: linear-gradient(lighten(#efefef,20%) 0%, #efefef 100%);
	color: #000;

Embed EQdkp Plus

See Embed EQdkp Plus

Portalmodules in a row

For the middle positions.

#portal-middle, #portal-footer{

		flex:1 1 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex: 1 1 auto;
	background-color: none;
	display: flex;
	align-items: flex-end;
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
			background-color: transparent;}

Color usernames of special group

Here: Group-ID "2"

a[data-user-group-id="2"] {
	color: red !important; 
 a[data-usergroup-id="2"] {
	background-color: red;
[data-user-group-id="2"] img {
	border: 2px solid red !important;