Difference between revisions of "CSS Snippets"

From EQdkp Plus
Jump to navigation Jump to search
(Created page with "Category:Tipps and Tricks = Game specific background = <source lang="css"> body { background:#000000 url('TEMPLATE_BACKGROUND') no-repeat center top; background-attachm...")
 
Line 1: Line 1:
 
[[Category:Tipps and Tricks]]
 
[[Category:Tipps and Tricks]]
 +
 +
Add it into the [[Creating_a_Style#Make_update-save_changes_to_CSS.2FJS|custom.css]] or into the Global CSS field at the ACP settings.
  
 
= Game specific background =
 
= Game specific background =
Line 10: Line 12:
 
#wrapper header {
 
#wrapper header {
 
background: none !important;
 
background: none !important;
 +
}
 +
</source>
 +
 +
=  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
 +
 +
<source lang="css">
 +
@media all and (max-width: 480px) {
 +
.offi_conf_portal, .birthday_portal {
 +
display: none;
 +
}
 +
}
 +
</source>
 +
 +
= Give Article Headlines a special color =
 +
 +
Giving the article categorie with ID "2" a special color:
 +
 +
<source lang="css">
 +
.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;
 
}
 
}
 
</source>
 
</source>

Revision as of 10:51, 18 June 2019


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;
}