Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

.user-profile-on-user-page {
	display:none !important;
}

.alert.alert-info#bs-pageaccess-accessstate {
	display:none;
}

.environment-page .row {
  display: flex;               
  align-items: center;         
  gap: 40px;                   
  margin-bottom: 30px;         
  padding: 20px;
  border: 2px solid #ccc;      /* border around main + mini buttons */
  border-radius: 10px;
  background: #f9f9f9;         /* light background */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.environment-page .mainpage-button.main {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;          
  justify-content: center;      
  flex-direction: column;
  border-radius: 5px;
  transition: transform 0.2s;
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  background-color: transparent;
}
.user-profile-on-user-page {
	display:none !important;
}

.alert.alert-info#bs-pageaccess-accessstate {
	display:none;
}

.environment-page .mainpage-button.main:hover {
  transform: scale(1.05);
}

.environment-page .mini-buttons-row {
  display: flex;                
  flex-wrap: wrap;              
  gap: 15px;
  justify-content:space-evenly;
}

.environment-page .mini-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.environment-page .mini-buttons img {
  border-radius: 5px;
  transition: transform 0.2s;
}
.environment-page .mini-buttons img:hover {
  transform: scale(1.1);
}

/* 06.02.26 em MainPage right-click behavior */
.img-button {
  width: 150px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* Individual images */
.img-essential {
  background-image: url("nsfr_img_auth.php/c/c0/Essential_Links.png");
}

.img-dashboard {
  background-image: url("nsfr_img_auth.php/3/34/Dashboard.png");
}

.img-planning {
  background-image: url("nsfr_img_auth.php/b/be/Planning.png");
}

.img-blogs {
  background-image: url("nsfr_img_auth.php/a/a0/Blogs.png");
}

.img-knowledgebase {
  background-image: url("nsfr_img_auth.php/3/36/Knowledge_Base.png");
}

.img-people {
  background-image: url("nsfr_img_auth.php/0/05/People.png");
}