MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Phoenix-Larp Wiki

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:
   These styles are required to make icons render reliably */
   These styles are required to make icons render reliably */
   .icon::before {
   .icon::before {
     display: inline-block;
     display: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
   }
   }


#p-personal-label::before {
#p-personal-label::before {
     font: var(--fa-font-solid);
     font: var(--fa-font-solid);
     content: "\f007";
     content: "\f559";
   }
   }



Version vom 9. Dezember 2023, 20:56 Uhr

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

/* Step 1: Common Properties
  These styles are required to make icons render reliably */
  .icon::before {
    display: none;
  }

#p-personal-label::before {
    font: var(--fa-font-solid);
    content: "\f559";
  }


#footer {
	z-index: auto;
	height: 120px;
}

.mw-body-content img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 751px) {
	#column-navigation {
		width: 13em;
	}
}

@media screen and (max-width: 960px) {
	a#p-banner {
		margin-left: 0;
		min-width: 300px;
	}

	#p-search {
		padding: 0 0 0.5rem 0;
		width: 100%;
		display: flex;
		position: relative;
		top: inherit;
		right: inherit;
	}

	#searchInput {
		flex: 15em 1 1;
	}

	#searchGoButton {
		flex: 1.5rem 0 0;
		margin: 0 10px;
	}
}

@media screen and (max-width: 1024px) {
	#page-tools {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.2rem;
	}
}

@media screen {
  #p-search input {
    background-color: rgba(255,255,255,0.8);
    border: none;
    margin-right: 10px;
    border-radius: 10px;
  }
}